doohoyi/distribusi-foh
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add anchor and overflow style

Browse source
This commit is contained in:
Hyunchul Kim 2020-12-02 05:54:01 +09:00
parent 9714601c44
commit 8714a3a1f0
1 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
test_data/src/style/common.css
View file

@ -20,6 +20,7 @@
div.image {background-color:magenta} div.image {background-color:magenta}
div.pdf object {background-color:mediumaquamarine} div.pdf object {background-color:mediumaquamarine}
div.x-empty {background-color:mediumseagreen} div.x-empty {background-color:mediumseagreen}
div#archive_exit {background-color: rgba(123, 60, 99, 0.9)};
*/ */
@ -58,6 +59,12 @@
animation: rainbowLinkText 3s; 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; } 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 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; }} @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 { div#archive_exit {
top:0px; top:0px;
background-color: rgba(123, 60, 99, 0.9);
z-index: 99; z-index: 99;
position: fixed; position: fixed;
width: 100%; width: 100%;
@ -205,7 +211,9 @@
img#icon_archive_more {width: 16px;} img#icon_archive_more {width: 16px;}
a.anchor {
top: -50px;
}
/***** pc *****/ /***** pc *****/
@media ( min-width: 780px ) { @media ( min-width: 780px ) {
@ -300,6 +308,7 @@
z-index: 10; z-index: 10;
left: 100px; left: 100px;
height: calc(100% - 200px); height: calc(100% - 200px);
overflow-y: scroll;
} }
div#fragment_wrapper { div#fragment_wrapper {
@ -364,6 +373,10 @@
max-width: 1000px; */ max-width: 1000px; */
} }
a.anchor {
top: -200px;
}
} }
@media ( min-width: 1080px ) { @media ( min-width: 1080px ) {