Navigation
Wiki Links
From SCP: Secret Laboratory English Official Wiki
No edit summary |
No edit summary |
||
Line 285: | Line 285: | ||
.hoverbox:hover .hoveritem.selected { display:none; } | .hoverbox:hover .hoveritem.selected { display:none; } | ||
/* Audio */ | /* Audio */ | ||
/* Global Reset */ | |||
{ | * { | ||
- | font-family: 'Allerta', arial, Tahoma; | ||
box-sizing: border-box; | |||
box | |||
} | } | ||
body { | |||
background: linear-gradient(to left, #7700aa, #8800ff); | |||
text-align:center; | |||
color:#fff; | |||
} | |||
h3{ | |||
text-shadow:1px 1px 1px #fff; | |||
} | |||
/* Start styling the page */ | |||
.container-audio { | |||
width: 66%; | |||
height: auto; | |||
padding: 20px; | |||
border-radius: 5px; | |||
background-color: #eee; | |||
color: #444; | |||
margin: 20px auto; | |||
overflow: hidden; | |||
} | |||
audio { | |||
width:100%; | |||
} | |||
audio:nth-child(2), audio:nth-child(4), audio:nth-child(6) { | |||
margin: 0; | |||
} | |||
.container-audio .colum1 { | |||
width: 23px; | |||
height: 5em; | |||
border-radius: 5px; | |||
margin: 0 10px 0 0; | |||
display: inline-block; | |||
position: relative; | |||
} | |||
.container-audio .colum1:last-child { | |||
margin: 0; | |||
} | |||
.container-audio .colum1 .row { | |||
width: 100%; | |||
height: 100%; | |||
border-radius: 5px; | |||
background: linear-gradient(to up, #7700aa, #8800ff); | |||
position: absolute; | |||
-webkit-animation: Rofa 10s infinite ease-in-out; | |||
animation: Rofa 10s infinite ease-in-out; | |||
bottom: 0; | |||
} | |||
.container-audio .colum1:nth-of-type(1) .row { | |||
-webkit-animation-delay: 3.99s; | |||
animation-delay: 3.99s; | |||
} | |||
.container-audio .colum1:nth-of-type(2) .row { | |||
-webkit-animation-delay: 3.80s; | |||
animation-delay: 3.80s; | |||
} | |||
.container-audio .colum1:nth-of-type(3) .row { | |||
-webkit-animation-delay: 3.70s; | |||
animation-delay: 3.70s; | |||
} | |||
.container-audio .colum1:nth-of-type(4) .row { | |||
-webkit-animation-delay: 3.60s; | |||
animation-delay: 3.60s; | |||
} | |||
.container-audio .colum1:nth-of-type(5) .row { | |||
-webkit-animation-delay: 3.50s; | |||
animation-delay: 3.50s; | |||
} | |||
.container-audio .colum1:nth-of-type(6) .row { | |||
-webkit-animation-delay: 3.40s; | |||
animation-delay: 3.40s; | |||
} | |||
.container-audio .colum1:nth-of-type(7) .row { | |||
-webkit-animation-delay: 3.30s; | |||
animation-delay: 3.30s; | |||
} | |||
.container-audio .colum1:nth-of-type(8) .row { | |||
-webkit-animation-delay: 3.20s; | |||
animation-delay: 3.20s; | |||
} | |||
.container-audio .colum1:nth-of-type(9) .row { | |||
-webkit-animation-delay: 3.10s; | |||
animation-delay: 3.10s; | |||
} | |||
.container-audio .colum1:nth-of-type(10) .row { | |||
-webkit-animation-delay: 2.1s; | |||
animation-delay: 2.1s; | |||
} | |||
.container-audio .colum1:nth-of-type(11) .row { | |||
-webkit-animation-delay: 2.1s; | |||
animation-delay: 2.1s; | |||
} | |||
.container-audio .colum1:nth-of-type(12) .row { | |||
-webkit-animation-delay: 2.10s; | |||
animation-delay: 2.10s; | |||
} | |||
.container-audio .colum1:nth-of-type(13) .row { | |||
-webkit-animation-delay: 2.20s; | |||
animation-delay: 2.20s; | |||
} | |||
.container-audio .colum1:nth-of-type(14) .row { | |||
-webkit-animation-delay: 1.30s; | |||
animation-delay: 1.30s; | |||
} | |||
.container-audio .colum1:nth-of-type(15) .row { | |||
-webkit-animation-delay: 1.40s; | |||
animation-delay: 1.40s; | |||
} | |||
.container-audio .colum1:nth-of-type(16) .row { | |||
-webkit-animation-delay: 1.50s; | |||
animation-delay: 1.50s; | |||
} | |||
.container-audio .colum1:nth-of-type(17) .row { | |||
-webkit-animation-delay: 1.60s; | |||
animation-delay: 1.60s; | |||
} | |||
.container-audio .colum1:nth-of-type(18) .row { | |||
-webkit-animation-delay: 1.70s; | |||
animation-delay: 1.70s; | |||
} | |||
.container-audio .colum1:nth-of-type(19) .row { | |||
-webkit-animation-delay: 1.80s; | |||
animation-delay: 1.80s; | |||
} | |||
.container-audio .colum1:nth-of-type(20) .row { | |||
-webkit-animation-delay: 2s; | |||
animation-delay: 2s; | |||
} | |||
@-webkit-keyframes Rofa { | |||
0% { | |||
height: 0%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: yellow; | |||
} | |||
5% { | |||
height: 100%; | |||
-webkit-transform: translatey(15px); | |||
transform: translatey(15px); | |||
background-color: fuchsia; | |||
} | |||
10% { | |||
height: 90%; | |||
transform: translatey(0); | |||
-webkit-transform: translatey(0); | |||
background-color: bisque; | |||
} | |||
15% { | |||
height: 80%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
20% { | |||
height: 70%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
25% { | |||
height: 0%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
30% { | |||
height: 70%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
35% { | |||
height: 0%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
40% { | |||
height: 60%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
45% { | |||
height: 0%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
50% { | |||
height: 50%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
55% { | |||
height: 0%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
60% { | |||
height: 40%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
65% { | |||
height: 0%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
70% { | |||
height: 30%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
75% { | |||
height: 0%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
80% { | |||
height: 20%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
85% { | |||
height: 0%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
90% { | |||
height: 10%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
95% { | |||
height: 5%; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
100% { | |||
height: 0; | |||
-webkit-transform: translatey(0); | |||
transform: translatey(0); | |||
background-color: cornflowerblue; | |||
} | |||
} | } |
Revision as of 21:43, 28 August 2020
/* CSS placed here will be applied to all skins */ /* Link formating */ a.new:visited, #ca-talk > span > a { color: #d6b295 !important; } a.new:link, #ca-talk > span > a { color: #926b6b !important; } a.external, #ca-talk > span > a {color: #f2d7c1 !important; } a:link, #ca-talk > span > a { color: #f2d7c1 !important; } /* Infobox test */ .infobox-container { position: relative; display: inline-block; margin: 5; padding: 5; width: auto; } /* Plain list */ .plainlist ul { line-height: inherit; list-style: none none; margin: 0; } .plainlist ul li { margin-bottom: 0; } /* Tabber Formating */ tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 16px !important; overflow: hidden !important; padding: 0.3em 0 !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: none !important; border: none !important; background: #282829 !important; } .tabbernav li { display: inline-block !important; margin-top: 0 !important; } .tabbertab { border: none !important; padding: 0 !important; } .tabbernav { text-align:center; } ul.tabbernav li a { border: none; background: #282829 !important; border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; } ul.tabbernav li.tabberactive a { background: #59595c !important; border: none; border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; color: black !important; font-weight: bold !important; } /* Background Images for Pages */ .page-User_Jamintheinfinite{ background-image: linear-gradient(rgba(10,10,10,.70), rgba(10,10,10,.70)), url("https://hub.scpslgame.com/images/0/0d/Hubert1.jpg"); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size:cover; } .page-User_DentyMods{ background-image: linear-gradient(rgba(10,10,10,.70), rgba(10,10,10,.70)), url("https://hub.scpslgame.com/images/0/0d/Hubert1.jpg"); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size:cover; } /* Test Background Images for Pages */ .page-Light_Containment_Zone{ background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/b/bd/LCZ_Straight.png"); background-position: center top; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; } .page-Heavy_Containment_Zone{ background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/c/c2/HCZ_3way.png"); background-position: center top; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; } .page-Entrance_Zone{ background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/0/00/EZ_HL_C.jpg"); background-position: center top; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; } .page-Surface_Zone{ background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/3/31/SZ_Gate_A_Road.jpg"); background-position: center top; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; } .page-SCP-049{ background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/e/e5/CC_049_Room.png"); background-position: center top; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; } .page-SCP-049-2{ background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/e/e5/CC_049_Room.png"); background-position: center top; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; } .page-SCP-079{ background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/5/59/CC_079_Chamber.png"); background-position: center top; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; } .page-SCP-096{ background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/a/a4/096%27s_CC_Door2.png"); background-position: center top; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; } .page-SCP-106{ background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/d/db/106%27s_CC_Entrance.png"); background-position: center top; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; } .page-SCP-173{ background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/b/b6/173_Containment_Room.png"); background-position: center top; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; } .page-SCP-939{ background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/a/ae/SCP-939%27s_Room_Overview.png"); background-position: center top; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; } .page-Chaos_Insurgent{ background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/d/db/Chaos_Car.jpg"); background-position: center top; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; } .page-Mobile_Task_Force{ background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/b/b4/NTF_Helicopter.jpg"); background-position: center top; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; } .page-Main_Page{ background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/4/4b/SCP-096_Rework.png"); background-position: center top; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; } .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ{ background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/1/1e/GlitchedSCP-079.jpg"); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size:cover; } div.thumbinner { border: 0 solid transparent; padding: 3px !important; background-color: transparent; font-size: 94%; text-align: center; overflow: hidden; } html .thumbimage { border: 0 none transparent; } html .thumbcaption { border: none; line-height: 1.4em; padding: 3px; font-size: 94%; } div.magnify { border: none !important; background: none !important; margin-left: 0; } div.magnify a, div.magnify img { display: block; border: none !important; background: none !important; } /* @noflip */div.tright { margin: .5em 0 1.3em 1.4em; } /* @noflip */div.tleft { margin: .5em 1.4em 1.3em 0; } img.thumbborder { border: 0 none transparent; } /* Overflow by default */ pre { overflow: auto; } /* Hover Box for switching the visibility of the selected item */ .hoverbox { display:inline-block; padding:0em; } .hoverbox .hoveritem { display:none; margin:0em; padding:0em; } .hoverbox .hoveritem.selected { display:inline-block; } .hoverbox:hover .hoveritem { display:inline-block; } .hoverbox:hover .hoveritem.selected { display:none; } /* Audio */ /* Global Reset */ * { font-family: 'Allerta', arial, Tahoma; box-sizing: border-box; } body { background: linear-gradient(to left, #7700aa, #8800ff); text-align:center; color:#fff; } h3{ text-shadow:1px 1px 1px #fff; } /* Start styling the page */ .container-audio { width: 66%; height: auto; padding: 20px; border-radius: 5px; background-color: #eee; color: #444; margin: 20px auto; overflow: hidden; } audio { width:100%; } audio:nth-child(2), audio:nth-child(4), audio:nth-child(6) { margin: 0; } .container-audio .colum1 { width: 23px; height: 5em; border-radius: 5px; margin: 0 10px 0 0; display: inline-block; position: relative; } .container-audio .colum1:last-child { margin: 0; } .container-audio .colum1 .row { width: 100%; height: 100%; border-radius: 5px; background: linear-gradient(to up, #7700aa, #8800ff); position: absolute; -webkit-animation: Rofa 10s infinite ease-in-out; animation: Rofa 10s infinite ease-in-out; bottom: 0; } .container-audio .colum1:nth-of-type(1) .row { -webkit-animation-delay: 3.99s; animation-delay: 3.99s; } .container-audio .colum1:nth-of-type(2) .row { -webkit-animation-delay: 3.80s; animation-delay: 3.80s; } .container-audio .colum1:nth-of-type(3) .row { -webkit-animation-delay: 3.70s; animation-delay: 3.70s; } .container-audio .colum1:nth-of-type(4) .row { -webkit-animation-delay: 3.60s; animation-delay: 3.60s; } .container-audio .colum1:nth-of-type(5) .row { -webkit-animation-delay: 3.50s; animation-delay: 3.50s; } .container-audio .colum1:nth-of-type(6) .row { -webkit-animation-delay: 3.40s; animation-delay: 3.40s; } .container-audio .colum1:nth-of-type(7) .row { -webkit-animation-delay: 3.30s; animation-delay: 3.30s; } .container-audio .colum1:nth-of-type(8) .row { -webkit-animation-delay: 3.20s; animation-delay: 3.20s; } .container-audio .colum1:nth-of-type(9) .row { -webkit-animation-delay: 3.10s; animation-delay: 3.10s; } .container-audio .colum1:nth-of-type(10) .row { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } .container-audio .colum1:nth-of-type(11) .row { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } .container-audio .colum1:nth-of-type(12) .row { -webkit-animation-delay: 2.10s; animation-delay: 2.10s; } .container-audio .colum1:nth-of-type(13) .row { -webkit-animation-delay: 2.20s; animation-delay: 2.20s; } .container-audio .colum1:nth-of-type(14) .row { -webkit-animation-delay: 1.30s; animation-delay: 1.30s; } .container-audio .colum1:nth-of-type(15) .row { -webkit-animation-delay: 1.40s; animation-delay: 1.40s; } .container-audio .colum1:nth-of-type(16) .row { -webkit-animation-delay: 1.50s; animation-delay: 1.50s; } .container-audio .colum1:nth-of-type(17) .row { -webkit-animation-delay: 1.60s; animation-delay: 1.60s; } .container-audio .colum1:nth-of-type(18) .row { -webkit-animation-delay: 1.70s; animation-delay: 1.70s; } .container-audio .colum1:nth-of-type(19) .row { -webkit-animation-delay: 1.80s; animation-delay: 1.80s; } .container-audio .colum1:nth-of-type(20) .row { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes Rofa { 0% { height: 0%; -webkit-transform: translatey(0); transform: translatey(0); background-color: yellow; } 5% { height: 100%; -webkit-transform: translatey(15px); transform: translatey(15px); background-color: fuchsia; } 10% { height: 90%; transform: translatey(0); -webkit-transform: translatey(0); background-color: bisque; } 15% { height: 80%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 20% { height: 70%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 25% { height: 0%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 30% { height: 70%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 35% { height: 0%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 40% { height: 60%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 45% { height: 0%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 50% { height: 50%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 55% { height: 0%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 60% { height: 40%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 65% { height: 0%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 70% { height: 30%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 75% { height: 0%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 80% { height: 20%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 85% { height: 0%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 90% { height: 10%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 95% { height: 5%; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } 100% { height: 0; -webkit-transform: translatey(0); transform: translatey(0); background-color: cornflowerblue; } }
Cookies help us deliver our services. By using our services, you agree to our use of cookies.
- This page was last edited on 28 August 2020, at 21:43.
- Content is available under CC BY-SA 3.0 unless otherwise noted.
- Privacy policy
- About SCP: Secret Laboratory English Official Wiki
- Disclaimers