Add anchor and overflow style
This commit is contained in:
parent
9714601c44
commit
8714a3a1f0
1 changed files with 15 additions and 2 deletions
|
|
@ -20,6 +20,7 @@
|
|||
div.image {background-color:magenta}
|
||||
div.pdf object {background-color:mediumaquamarine}
|
||||
div.x-empty {background-color:mediumseagreen}
|
||||
div#archive_exit {background-color: rgba(123, 60, 99, 0.9)};
|
||||
*/
|
||||
|
||||
|
||||
|
|
@ -58,6 +59,12 @@
|
|||
animation: rainbowLinkText 3s;
|
||||
}
|
||||
|
||||
a.anchor {
|
||||
display: block;
|
||||
position: relative;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
a:hover text, a:focus text, a:active text { animation-duration: 1s; animation-name: rainbowLink; animation-iteration-count: infinite; }
|
||||
@keyframes rainbowLink {0% {fill: #ff2a2a;} 15% {fill: #ff7a2a;} 30% {fill: #ffc52a; }45% {fill: #43ff2a; }60% {fill: #2a89ff; }75% {fill: #202082; }90% {fill: #6b2aff; } 100% {fill: #e82aff; }}
|
||||
@keyframes rainbowLinkText {0% {color: #ff2a2a;} 15% {color: #ff7a2a;} 30% {color: #ffc52a; }45% {color: #43ff2a; }60% {color: #2a89ff; }75% {color: #202082; }90% {color: #6b2aff; } 100% {color: #e82aff; }}
|
||||
|
|
@ -160,7 +167,6 @@
|
|||
|
||||
div#archive_exit {
|
||||
top:0px;
|
||||
background-color: rgba(123, 60, 99, 0.9);
|
||||
z-index: 99;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
|
|
@ -205,7 +211,9 @@
|
|||
img#icon_archive_more {width: 16px;}
|
||||
|
||||
|
||||
|
||||
a.anchor {
|
||||
top: -50px;
|
||||
}
|
||||
|
||||
/***** pc *****/
|
||||
@media ( min-width: 780px ) {
|
||||
|
|
@ -300,6 +308,7 @@
|
|||
z-index: 10;
|
||||
left: 100px;
|
||||
height: calc(100% - 200px);
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
div#fragment_wrapper {
|
||||
|
|
@ -364,6 +373,10 @@
|
|||
max-width: 1000px; */
|
||||
}
|
||||
|
||||
a.anchor {
|
||||
top: -200px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media ( min-width: 1080px ) {
|
||||
|
|
|
|||
Loading…
Reference in a new issue