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 test */ | /* Audio test */ | ||
.gradient { | |||
border: 1px solid black; | |||
-webkit-box-shadow: inset 0 1px 0px rgba(255,255,255,.2); | |||
-moz-box-shadow: inset 0 1px 0px rgba(255,255,255,.2); | |||
box-shadow: inset 0 1px 0px rgba(255,255,255,.2); | |||
background: #494949; /* Old browsers */ | |||
background: -webkit-linear-gradient(top, #494949 0%, #434242 31%, #393838 55%, #242323 83%, #1b1a1a 100%, #161515 100%, #0b0b0b 100%); | |||
background: -moz-linear-gradient(top, #494949 0%, #434242 31%, #393838 55%, #242323 83%, #1b1a1a 100%, #161515 100%, #0b0b0b 100%); | |||
background: -o-linear-gradient(top, #494949 0%, #434242 31%, #393838 55%, #242323 83%, #1b1a1a 100%, #161515 100%, #0b0b0b 100%); | |||
background: -ms-linear-gradient(top, #494949 0%, #434242 31%, #393838 55%, #242323 83%, #1b1a1a 100%, #161515 100%, #0b0b0b 100%); | |||
background: linear-gradient(top, #494949 0%, #434242 31%, #393838 55%, #242323 83%, #1b1a1a 100%, #161515 100%, #0b0b0b 100%); /* W3C */ | |||
-image filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#0b0b0b',GradientType=0 ); /* IE6-9 */ | |||
} | |||
.container { | |||
-webkit-transition: all .7s ease; | |||
-moz-transition: all .7s ease; | |||
-o-transition: all .7s ease; | |||
-ms-transition: all .7s ease; | |||
transition: all .7s ease; | |||
position: absolute; | |||
width: 427px; | |||
height: 70px; | |||
-webkit-border-radius: 10px; | |||
-moz-border-radius: 10px; | |||
border-radius: 10px; | |||
-webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.3),inset 0 1px 0px rgba(255,255,255,.2); | |||
-moz-box-shadow: 0px 0px 13px rgba(0,0,0,.3),inset 0 1px 0px rgba(255,255,255,.2); | |||
box-shadow: 0px 0px 13px rgba(0,0,0,.3),inset 0 1px 0px rgba(255,255,255,.2); | |||
top: 50%; | |||
left: 50%; | |||
margin: -214px 0px 0px -214px; | |||
padding: 10px; | |||
-webkit-box-sizing: border-box; | |||
-moz-box-sizing: border-box; | |||
-ms-box-sizing: border-box; | |||
box-sizing: border-box; | |||
} | |||
.containerLarge { | |||
height: 427px; | |||
} | |||
.cover { | |||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |||
filter: alpha(opacity=0); | |||
opacity: 0; | |||
width: 398px; | |||
height: 10px; | |||
border: 2px solid black; | |||
-webkit-border-radius: 5px; | |||
-moz-border-radius: 5px; | |||
border-radius: 5px; | |||
-webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,1); | |||
-moz-box-shadow: inset 0px 5px 5px rgba(0,0,0,1); | |||
box-shadow: inset 0px 5px 5px rgba(0,0,0,1); | |||
} | |||
.coverLarge { | |||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |||
filter: alpha(opacity=100); | |||
opacity: 1; | |||
height: 398px; | |||
-webkit-transition: opacity .7s ease; | |||
-moz-transition: opacity .7s ease; | |||
-o-transition: opacity .7s ease; | |||
-ms-transition: opacity .7s ease; | |||
transition: opacity .7s ease; | |||
-webkit-transition-delay: .5s; | |||
-moz-transition-delay: .5s; | |||
-o-transition-delay: .5s; | |||
-ms-transition-delay: .5s; | |||
transition-delay: .5s; | |||
} | |||
.player { | |||
-webkit-box-sizing: border-box; | |||
-moz-box-sizing: border-box; | |||
-ms-box-sizing: border-box; | |||
box-sizing: border-box; | |||
position: absolute; | |||
width: 300px; | |||
bottom: 10px; | |||
width: 95%; | |||
-webkit-border-radius: 3px; | |||
-moz-border-radius: 3px; | |||
border-radius: 3px; | |||
padding: 5px; | |||
} | |||
.button { | |||
display: block; | |||
width: 34px; | |||
height: 34px; | |||
background-image: url(../images/sprite.png); | |||
background-repeat: no-repeat; | |||
float: left; | |||
margin-right: 5px; | |||
} | |||
#play { | |||
background-position: 6px 5px; | |||
} | |||
#pause { | |||
background-position: -32px 5px; | |||
} | |||
#mute { | |||
background-position: -63px 5px; | |||
} | |||
#muted { | |||
background-position: -106px 5px; | |||
} | |||
input[type="range"] { | |||
width: 250px; | |||
margin-top: -5px; | |||
} | |||
#close { | |||
float: right; | |||
background-position: -146px 5px; | |||
display: none; | |||
} | |||
.volume { | |||
position: absolute; | |||
height: 100px; | |||
width: 34px; | |||
border: 1px solid black; | |||
background-color: #242323; | |||
top: -97px; | |||
display: none; | |||
} | |||
input{ | |||
display:none\9!important; | |||
} | |||
input[type="range"] { | |||
-webkit-appearance: none; | |||
border: 1px solid black; | |||
position: absolute; | |||
top: 18px; | |||
display: block; | |||
width: 63%; | |||
height: 15px; | |||
-webkit-border-radius: 20px; | |||
-moz-border-radius: 20px; | |||
border-radius: 20px; | |||
background-color: #242323; | |||
left: 90px; | |||
-webkit-box-shadow: inset 0px 4px 4px rgba(0,0,0,.6); | |||
-moz-box-shadow: inset 0px 4px 4px rgba(0,0,0,.6); | |||
box-shadow: inset 0px 4px 4px rgba(0,0,0,.6); | |||
} | |||
input::-webkit-slider-thumb { | |||
-webkit-appearance: none; | |||
width: 20px; | |||
height: 20px; | |||
border:1px solid black; | |||
-webkit-border-radius: 10px; | |||
border-radius: 10px; | |||
background: #80e4df; /* Old browsers */ | |||
background: -webkit-linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%); | |||
background: -moz-linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%); | |||
background: -o-linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%); | |||
background: linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%); /* W3C */ | |||
} | } |
Revision as of 21:32, 16 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 test */ .gradient { border: 1px solid black; -webkit-box-shadow: inset 0 1px 0px rgba(255,255,255,.2); -moz-box-shadow: inset 0 1px 0px rgba(255,255,255,.2); box-shadow: inset 0 1px 0px rgba(255,255,255,.2); background: #494949; /* Old browsers */ background: -webkit-linear-gradient(top, #494949 0%, #434242 31%, #393838 55%, #242323 83%, #1b1a1a 100%, #161515 100%, #0b0b0b 100%); background: -moz-linear-gradient(top, #494949 0%, #434242 31%, #393838 55%, #242323 83%, #1b1a1a 100%, #161515 100%, #0b0b0b 100%); background: -o-linear-gradient(top, #494949 0%, #434242 31%, #393838 55%, #242323 83%, #1b1a1a 100%, #161515 100%, #0b0b0b 100%); background: -ms-linear-gradient(top, #494949 0%, #434242 31%, #393838 55%, #242323 83%, #1b1a1a 100%, #161515 100%, #0b0b0b 100%); background: linear-gradient(top, #494949 0%, #434242 31%, #393838 55%, #242323 83%, #1b1a1a 100%, #161515 100%, #0b0b0b 100%); /* W3C */ -image filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#0b0b0b',GradientType=0 ); /* IE6-9 */ } .container { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; -ms-transition: all .7s ease; transition: all .7s ease; position: absolute; width: 427px; height: 70px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.3),inset 0 1px 0px rgba(255,255,255,.2); -moz-box-shadow: 0px 0px 13px rgba(0,0,0,.3),inset 0 1px 0px rgba(255,255,255,.2); box-shadow: 0px 0px 13px rgba(0,0,0,.3),inset 0 1px 0px rgba(255,255,255,.2); top: 50%; left: 50%; margin: -214px 0px 0px -214px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .containerLarge { height: 427px; } .cover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; width: 398px; height: 10px; border: 2px solid black; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,1); -moz-box-shadow: inset 0px 5px 5px rgba(0,0,0,1); box-shadow: inset 0px 5px 5px rgba(0,0,0,1); } .coverLarge { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; height: 398px; -webkit-transition: opacity .7s ease; -moz-transition: opacity .7s ease; -o-transition: opacity .7s ease; -ms-transition: opacity .7s ease; transition: opacity .7s ease; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -o-transition-delay: .5s; -ms-transition-delay: .5s; transition-delay: .5s; } .player { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 300px; bottom: 10px; width: 95%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; } .button { display: block; width: 34px; height: 34px; background-image: url(../images/sprite.png); background-repeat: no-repeat; float: left; margin-right: 5px; } #play { background-position: 6px 5px; } #pause { background-position: -32px 5px; } #mute { background-position: -63px 5px; } #muted { background-position: -106px 5px; } input[type="range"] { width: 250px; margin-top: -5px; } #close { float: right; background-position: -146px 5px; display: none; } .volume { position: absolute; height: 100px; width: 34px; border: 1px solid black; background-color: #242323; top: -97px; display: none; } input{ display:none\9!important; } input[type="range"] { -webkit-appearance: none; border: 1px solid black; position: absolute; top: 18px; display: block; width: 63%; height: 15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #242323; left: 90px; -webkit-box-shadow: inset 0px 4px 4px rgba(0,0,0,.6); -moz-box-shadow: inset 0px 4px 4px rgba(0,0,0,.6); box-shadow: inset 0px 4px 4px rgba(0,0,0,.6); } input::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border:1px solid black; -webkit-border-radius: 10px; border-radius: 10px; background: #80e4df; /* Old browsers */ background: -webkit-linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%); background: -moz-linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%); background: -o-linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%); background: linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%); /* W3C */ }
Cookies help us deliver our services. By using our services, you agree to our use of cookies.
- This page was last edited on 16 August 2020, at 21:32.
- Content is available under CC BY-SA 3.0 unless otherwise noted.
- Privacy policy
- About SCP: Secret Laboratory English Official Wiki
- Disclaimers