From SCP: Secret Laboratory Public Beta Official Wiki

No edit summary
No edit summary
 
(17 intermediate revisions by the same user not shown)
Line 24: Line 24:
.plainlist ul li {
.plainlist ul li {
     margin-bottom: 0;
     margin-bottom: 0;
}
/* Tabber Formating  */
tabbernav {
    font-family: inherit !important;
    font-weight: normal !important;
    font-size: initial !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;
    border-bottom: none;
}
.tabbernav li {
    display: inline-block !important;
    margin-top: 0 !important;
    border-bottom: none;
}
.tabbertab {
    border: none !important;
    padding: 0 !important;
}
.tabbernav {
    text-align:center;
    border-bottom: none;
}
ul.tabbernav {
    border-bottom: none;
    padding-bottom: 0px !important;
}
.infobox-tabber .tabbernav li {
    border-bottom: none;
    padding-bottom: 7px !important;
}
ul.tabbernav li a:hover {
background: #39393b !important;
border: 1px solid #39393b;
        border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
color: black !important;
font-weight: bold !important;
}
ul.tabbernav li a {
background: #1c1c1c !important;
        border: 1px solid #1c1c1c;
        border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
}
ul.tabbernav li.tabberactive a {
background: #59595c !important;
border: 1px solid #59595c;
        border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
color: black !important;
font-weight: bold !important;
}
/* Header Tabber Formating */
.round-tabber .tabberlive .tabbertab,
.round-tabber .tabber .tabbertab {
    border-bottom-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
    border-left-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
    border-right-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
    border-top-color: #59595c; /* This should match your general choice of border color */
    border-image: none;
    border-style: solid none none;
    border-width: 1px medium medium;
}
.round-tabber ul.tabbernav {
    border-bottom: none;
    margin-top: -22px;
}
.round-tabber ul.tabbernav li a {
    background: none repeat scroll 0 0 #59595c; /* This should match your general choice of background color */
    border: 1px solid #59595c; /* This should match your general choice of border color */
    border-image: none;
    border-radius: 5px 5px 0 0; /* This is only if you want your tabs to have rounded corners */
    margin-left: 3px;
    padding: 3px 0.5em;
    text-decoration: none;
}
.round-tabber ul.tabbernav li {
    display: inline;
    list-style: none outside none;
    margin: 0 0 0 px;
}
.round-tabber ul.tabbernav li a:link {
    color: #7AB1CC; /* This should match your anchor color, but simply being different from the default text color works */
}
.round-tabber ul.tabbernav li a:hover {
    background: none repeat scroll 0 0 #000000;
    border-color: #505050; /* This should match your general choice of border color */
    color: #FFFFFF;
}
.round-tabber ul.tabbernav li.tabberactive a {
    background-color: #000000;
    color: #FFFFFF;
}
.round-tabber ul.tabbernav li.tabberactive a,
.round-tabber ul.tabbernav li.tabberactive a:hover,
.round-tabber ul.tabbernav li.tabberactive a:link {
    background-color: #000000;
    border-bottom: 1px none;
    padding: 2px 0.5em 4px;
}
.round-tabber ul.tabbernav {
    text-align:center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */
}
/* 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/7/70/LightCAT.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/3/32/HeavyCAT.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(31,68,136,.10), rgba(31,68,136,.10)),
      url("https://hub.scpslgame.com/images/c/ca/Surface_2.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Site-02{
background-image: linear-gradient(rgba(31,68,136,.10), rgba(31,68,136,.10)),
      url("https://hub.scpslgame.com/images/9/99/Site02BG.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Micro_H_I_D{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/2/2b/Micro_HID_Side.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-SCP-018{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/0/0b/HubertballRitual.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/7/77/049Chamber.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/f/fc/049OutsideChamber.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/3/39/079Chamber.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/6/68/096Entrance.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/e/ed/106Bottom.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/1/18/173Chamber.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/a5/939Spawn.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Facility_Guard{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/a/ab/Cubical_Office_Cube.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/3/3a/SurfaceChaosVan.png");
    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/9/97/SurfaceMTFHelicopter.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Scientist{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/f/fb/EXEntrance.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Class-D_Personnel{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/c/c1/CDEntrance.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Tutorial{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/0/08/Tutorial_Tower.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Main_Page{
background-image: linear-gradient(rgba(11,88,156,.10), rgba(11,88,156,.10)),
      url("https://hub.scpslgame.com/images/1/1c/ParabellumBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size: cover ;
}
.page-Main_Page_Sandbox_2{
background-image: linear-gradient(rgba(11,88,156,.10), rgba(11,88,156,.10)),
      url("https://hub.scpslgame.com/images/d/d6/173ReworkBackground2.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 {
div.thumbinner {
Line 430: Line 73:


/* Hover Box for switching the visibility of the selected item */
/* Hover Box for switching the visibility of the selected item */
.hoverbox { display:inline-block; padding:0em; }
.hoverbox {  
.hoverbox .hoveritem { display:none; margin:0em; padding:0em; }
display:inline-block;  
.hoverbox .hoveritem.selected { display:inline-block; }
padding:0em;  
.hoverbox:hover .hoveritem { display:inline-block; }
}
.hoverbox:hover .hoveritem.selected { display:none; }
.hoverbox .hoveritem {  
.hoverbox { cursor: pointer;}
display:inline-block;  
margin:0em;  
padding:0em;
opacity:0;
z-index:-1!important;
transition: opacity .5s, z-index .6s;
}
.hoverbox .hoveritem.selected {  
display:inline-block;  
}
.hoverbox:hover .hoveritem {  
display:inline-block;  
height: auto;
opacity:100;
transition: opacity .5s;
width:auto;
height:auto;
z-index:4 !important;
}
.hoverbox:hover .hoveritem.selected {  
display:none;  
}
.hoverbox {  
cursor: pointer;
}
/* Audio */
/* Audio */
audio{
audio{
Line 445: Line 114:


/* Image Hovering */
/* Image Hovering */
.hycontent a{
opacity: 100 ;
transition: opacity 0.5s;
}
.hycontent:hover a, .hycontent:hover a p  {
.hycontent:hover a, .hycontent:hover a p  {
  opacity: 0.7 ;
  opacity: 0.5 ;
transition: opacity 0.5s;
  color: #9c8a7b !important;
  color: #9c8a7b !important;
}
}
.smwtable .row-even {
.smwtable .row-even {
     background-color: #2e2e2e;
     background-color: #2e2e2e;
}
}
div.thumbinner { border: 0 solid transparent; padding: 3px !important; background-color: transparent; background: none; font-size: 94%; text-align: center; overflow: hidden; } html .thumbimage { border: 0 none transparent; background-color: transparent !important; background: none; } 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; }
div.thumbinner { border: 0 solid transparent; padding: 3px !important; background-color: transparent; background: none; font-size: 94%; text-align: center; overflow: hidden; } html .thumbimage { border: 0 none transparent; background-color: transparent !important; background: none; } 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; }

Latest revision as of 04:17, 18 April 2023

/* CSS placed here will be applied to all skins */
/* 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; }
.hycontent a:hover, #ca-talk > span > a {color: #9c8a7b !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;
}

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:inline-block; 
	margin:0em; 
	padding:0em;
	opacity:0;
	z-index:-1!important;
	transition: opacity .5s, z-index .6s;
	
}
.hoverbox .hoveritem.selected { 
	display:inline-block; 
}
.hoverbox:hover .hoveritem { 
	display:inline-block; 
	height: auto;
	opacity:100;
	transition: opacity .5s;
	width:auto;
	height:auto;
	z-index:4 !important;
}
.hoverbox:hover .hoveritem.selected { 
	display:none; 
	
}
.hoverbox { 
	cursor: pointer;
}
/* Audio */
audio{
filter:invert(100%);
}
audio::-webkit-media-controls-enclosure{
transform: scale(1.1);
}

/* Image Hovering */
.hycontent a{
 opacity: 100 ;
 transition: opacity 0.5s;
}
.hycontent:hover a, .hycontent:hover a p  {
 opacity: 0.5 ;
 transition: opacity 0.5s;
 color: #9c8a7b !important;
}
.smwtable .row-even {
    background-color: #2e2e2e;
}
div.thumbinner { 	border: 0 solid transparent; 	padding: 3px !important; 	background-color: transparent; 	background: none; 	font-size: 94%; 	text-align: center; 	overflow: hidden; } html .thumbimage { 	border: 0 none transparent; 	background-color: transparent !important; 	background: none; } 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; }
Cookies help us deliver our services. By using our services, you agree to our use of cookies.