From SCP: Secret Laboratory Hub Wiki

No edit summary
No edit summary
 
(299 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Link formating */
a:visited, #ca-talk > span > a { color: #d6b295 !important; }
a:link, #ca-talk > span > a { color: #f2d7c1 !important; }
a:external, #ca-talk > span > a {color: #f2d7c1 !important; }
a.nick_global-sysop, a.nick_global-sysop:visited { font-weight: bold; color: #008080 !important; }
a.nick_global-sysop, a.nick_global-sysop:visited { font-weight: bold; color: #008080 !important; }
a.nick_wiki-coordinator, a.nick_wiki-coordinator:visited { font-weight: bold; color: #43C6DB !important; }
a.nick_wiki-coordinator, a.nick_wiki-coordinator:visited { font-weight: bold; color: #43C6DB; }
a.nick_admin, a.nick_admin:visited { font-weight: bold; color: darkgreen !important; }
a.nick_admin, a.nick_admin:visited { font-weight: bold; color: darkgreen; }
a.nick_steward, a.nick_steward:visited { font-weight:bold; color: darkorange !important; }
a.nick_steward, a.nick_steward:visited { font-weight:bold; color: darkorange !important; }
a.nick_friend, a.nick_friend:visited { color: green !important; }
a.nick_friend, a.nick_friend:visited { color: green !important; }
Line 10: Line 14:
     font-weight: bold ;
     font-weight: bold ;
}
}
a[href$="/index.php?title=User:OnionM%CE%BBn"] {
    color: blueviolet !important;
}
a[href$="/index.php?title=User:Plookiedookie"] {
    color: blueviolet !important;
}
a[href$="/index.php?title=User:Hoang"] {
    color: darkgreen !important;
    font-weight: bold ;
}
a[href$="/index.php?title=User:Jamintheinfinite"] {
    color: #43C6DB !important;
    font-weight: bold ;
}
a[href$="/index.php?title=User:Argus"] {
    color: #43C6DB !important;
    font-weight: bold ;
}
a[href$="/index.php?title=User:Draconocor"] {
    color: #43C6DB !important;
    font-weight: bold ;
}
a[href$="/index.php?title=User:%C5%81ukaszKlapek"] {
    color: #43C6DB !important;
    font-weight: bold ;
}
.hycontent a:hover, #ca-talk > span > a {color: #9c8a7b !important; }


a.sidebar-link { color: #f2d7c1 !important; font-weight:normal !important; }
.thumb {
    background-color: transparent;
    text-align: center;
    overflow: hidden;
}
.thumbcaption {
    color: #252525 !important;
    background-color: transparent;
}


figure[typeof~='mw:File/Thumb'] > a:first-child {
    background-color: transparent;
}
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > figcaption, .mw-content-ltr figure[typeof~='mw:File/Frame'] > figcaption
{
    background-color: transparent;
    border: none;
}
figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media) {
    background-color: transparent;
    border: none;
}
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
    border: 0px solid transparent;
    border-bottom: 0;
    background-color: transparent;
}
#OPGuidebutton {
  background-image: linear-gradient(
    to left,
    #f7b783,
    #f7b783 50%,
    #00ff00 50%
  );
  background-size: 200% 100%;
  background-position: 100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.4s ease-in-out;
}
#OPGuidebutton::after {
  content: "  [CREDENTIALS REQUIRED TO VIEW]";
}
#OPGuidebutton:hover::after, #OPGuidebutton:focus::after{
  content: "  [ACCESS ACCEPTED. Click to toggle view.]";
}
#OPGuidebutton:hover {
  background-position: 0;
}
#OPGuidebuttonDenied {
  background-image: linear-gradient(
    to left,
    #f7b783,
    #f7b783 50%,
    #ff0000 50%
  );
  background-size: 200% 100%;
  background-position: 100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.25s ease-in-out;
}
#OPGuidebuttonDenied:hover {
  background-position: 0;
  cursor:not-allowed;
}
#OPGuidebuttonDenied::after {
  content: "  [CREDENTIALS REQUIRED TO VIEW]";
}
#OPGuidebuttonDenied:hover::after {
  content: "  [INVALID CREDENTIALS. ACCESS DENIED]";
}
/* Global CSS */
/* Global CSS */
body{
body{
Line 29: Line 141:
position: absolute;
position: absolute;
visibility: hidden;
visibility: hidden;
}
.imagehotfix img {
width: 100%;
height: 100%;
}
}
/* Blackout An Image (Mainly used for the Keycard Page) */
/* Blackout An Image (Mainly used for the Keycard Page) */
Line 48: Line 165:
.blackoutcancel img {
.blackoutcancel img {
filter: brightness(100%);
filter: brightness(100%);
max-width: 100%;
    width: auto;
}
.blackoutfull {
position: relative;
display: inline-block;
height: 35px;
}
.blackoutfull img {
filter: brightness(0%);
max-width: 100%;
    width: auto;
}
.blackout::after {
  content: attr(data-tooltip);
  border-color: #e5e5e5 transparent transparent transparent;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  z-index: 5;
  top: 0.5em;
  width: 50px;
  height: 50px;
}
.blackout:hover::after {
  opacity: 1;
}
/* Tool Tips */
.tooltip {
  font-size: 4rem;
  position: relative;
}
.tooltip::before {
  content: "";
  position: absolute;
  top: -0.4em;
  left: 0.5em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em 0.4em 0 0.4em;
  border-color: #e5e5e5 transparent transparent transparent;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 0;
  top: -2.2em;
  font-size: 0.5em;
  background: #e5e5e5;
  border-radius: 0.5em;
  padding: 0.25em 0.5em;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.tooltip:hover::before,
.tooltip:hover::after {
  opacity: 1;
}
/* Inverts An Image */
.invertImage img {
filter: invert(1);
max-width: 100%;
max-width: 100%;
     width: auto;
     width: auto;
Line 58: Line 243:
}
}


/*Human Inventory*/
.inventory {
display: grid!important;
column-gap: 0.5em!important;
    grid-template-columns: auto auto auto auto!important;
}


/* Main page box sections*/
/* Main page box sections*/
Line 506: Line 697:
}
}


/* Tabber Formating */
/*
.tabbernav {
 
Tabber Formating
.tabber__tabs {
     overflow: hidden !important;
     overflow: hidden !important;
     padding: 0.3em 0 !important;
     padding: 0.3em 0 !important;
}
}


.tabbernav a {
.tabber__tabs a {
     padding: 0.3em 0.5em !important;
     padding: 0.3em 0.5em !important;
     margin: 0 !important;
     margin: 0 !important;
Line 522: Line 715:
      
      
}
}
.tabbernav a[title~="Ability"], .tabbernav li.tabberactive a[title~="Ability"], .tabbernav li a:hover[title~="Ability"] {
 
.infobox-tabber-abilities .tabber__indicator{
    display: none !important;
}
.infobox-tabber-abilities .tabber_header{
    box-shadow: none !important;
}
/*
.infobox-tabber-abilities .tabber__tab[aria-selected='false'] {
    filter: brightness(40%);
    transition: 0.5s;
}
.infobox-tabber-abilities .tabber__tab[aria-selected='true'] {
    filter: brightness(100%);
    transition: 0.5s;
}
*/
.infobox-tabber-abilities .tabber__tab {
       width: 75px;
       width: 75px;
       height: 75px;
       height: 75px;
       background-size:contain !important;
       background-size:contain !important;
       background-color: rgba(34, 34, 34, 0) !important;
       background-color: rgba(34, 34, 34, 0) !important;
      opacity: .5;
       text-indent: 110%;
       text-indent: 110%;
       white-space: nowrap;
       white-space: nowrap;
       overflow: hidden;
       overflow: hidden;
}
}
.tabbernav li.tabberactive a[title~="Ability"], .tabbernav li a:hover[title~="Ability"] {
 
      background-color: rgba(201, 76, 76, 0) !important;
a[href*="Ability"].tabber__tab {
opacity: 1;
    transition: opacity 1s;
}
a[href*="Ability"].tabber__tab[aria-selected='false'] {
    filter: brightness(50%);
    transition: 0.7s;
}
a:hover[href*="Ability"].tabber__tab[aria-selected='false'] {
    opacity: 0.5;
    transition: opacity 0.7s;
}
}


.tabbernav li.tabberactive a[title~="Ability"] {
a[href*="Ability"].tabber__tab[aria-selected='true'] {
opacity: 1 !important;
opacity: 1;
transition: opacity 0.3s;
    transition: opacity 0.7s;
}
 
 
.infobox-tabber-abilities .tabber__tab {
animation: fadeEffect 1s; /* Fading effect takes 1 second */
}
a[href*="Ability_049Touch"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/b/ba/049Attack.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_049Sense"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/f/fb/049Sense.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_049Waste"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/d/d6/049Waste.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_049Call"].tabber__tab{
    background-image:url("https://hub.scpslgame.com/images/c/c8/049Call.png") !important;
    background-repeat:no-repeat !important;
}
}


.tabbernav li a:hover[title~="Ability"] {
 
     opacity: .7;
 
     transition: opacity 0.5s;
.tabber__tab a[title="Ability 079Door"], .tabber__tab  li.tabberactive a[title="Ability 079Door"], .tabber__tab  a:hover[title="Ability 079Door"] {
    background-image:url("https://hub.scpslgame.com/images/c/ca/097doorinteract2.png") !important;
}
.tabber__tab a[title="Ability 079Lock"], .tabber__tab  li.tabberactive a[title="Ability 079Lock"], .tabber__tab  a:hover[title="Ability 079Lock"] {
     background-image:url("https://hub.scpslgame.com/images/a/ac/079lockdoor2.png") !important;
}
.tabber__tab a[title="Ability 079Telsa"], .tabber__tab  li.tabberactive a[title="Ability 079Telsa"], .tabber__tab  a:hover[title="Ability 079Telsa"] {
     background-image:url("https://hub.scpslgame.com/images/e/e4/079tesla2.png") !important;
}
}
.tabber__tab a[title="Ability 079Gen"], .tabber__tab  li.tabberactive a[title="Ability 079Gen"], .tabber__tab  a:hover[title="Ability 079Gen"] {
    background-image:url("https://hub.scpslgame.com/images/0/0a/CATDECONTAM2.png") !important;
}


.tabbernav a[title="Ability 096Melee"], .tabbernav  li.tabberactive a[title="Ability 096Melee"], .tabbernav  a:hover[title="Ability 096Melee"] {
a[href*="Ability_096Melee"].tabber__tab {
     background-image:url("https://hub.scpslgame.com/images/9/99/096MeleeSprite.png") !important;
     background-image:url("https://hub.scpslgame.com/images/9/99/096MeleeSprite.png") !important;
    background-repeat:no-repeat !important;
}
}
.tabbernav a[title="Ability 096Shield"], .tabbernav  li.tabberactive a[title="Ability 096Shield"], .tabbernav  a:hover[title="Ability 096Shield"] {
a[href*="Ability_096Shield"].tabber__tab {
     background-image:url("https://hub.scpslgame.com/images/c/c1/096ShieldSprite.png") !important;
     background-image:url("https://hub.scpslgame.com/images/c/c1/096ShieldSprite.png") !important;
    background-repeat:no-repeat !important;
}
}
.tabbernav a[title="Ability 096Cry"], .tabbernav  li.tabberactive a[title="Ability 096Cry"], .tabbernav  a:hover[title="Ability 096Cry"] {
a[href*="Ability_096Cry"].tabber__tab {
     background-image:url("https://hub.scpslgame.com/images/f/f8/096TryNotToCrySprite.png") !important;
     background-image:url("https://hub.scpslgame.com/images/f/f8/096TryNotToCrySprite.png") !important;
    background-repeat:no-repeat !important;
}
}
.tabbernav a[title="Ability 096Charged"], .tabbernav  li.tabberactive a[title="Ability 096Charged"], .tabbernav  a:hover[title="Ability 096Charged"] {
a[href*="Ability_096Charged"].tabber__tab {
     background-image:url("https://hub.scpslgame.com/images/b/b0/096ChargeSprite.png") !important;
     background-image:url("https://hub.scpslgame.com/images/b/b0/096ChargeSprite.png") !important;
    background-repeat:no-repeat !important;
}
}


.tabbernav a[title="Ability 173Armor"], .tabbernav  li.tabberactive a[title="Ability 173Armor"], .tabbernav  a:hover[title="Ability 173Armor"] {
 
 
a[href*="Ability_173Armor"].tabber__tab {
     background-image:url("https://hub.scpslgame.com/images/6/67/173Shield.png") !important;
     background-image:url("https://hub.scpslgame.com/images/6/67/173Shield.png") !important;
    background-repeat:no-repeat !important;
}
}
.tabbernav a[title="Ability 173Tantrum"], .tabbernav  li.tabberactive a[title="Ability 173Tantrum"], .tabbernav  a:hover[title="Ability 173Tantrum"] {
a[href*="Ability_173Tantrum"].tabber__tab {
     background-image:url("https://hub.scpslgame.com/images/5/53/173Shit.png") !important;
     background-image:url("https://hub.scpslgame.com/images/5/53/173Shit.png") !important;
    background-repeat:no-repeat !important;
}
}
.tabbernav a[title="Ability 173Blink"], .tabbernav  li.tabberactive a[title="Ability 173Blink"], .tabbernav  a:hover[title="Ability 173Blink"] {
a[href*="Ability_173Blink"].tabber__tab {
     background-image:url("https://hub.scpslgame.com/images/6/6d/173Blink.png") !important;
     background-image:url("https://hub.scpslgame.com/images/6/6d/173Blink.png") !important;
    background-repeat:no-repeat !important;
}
}
.tabbernav a[title="Ability 173Breakneck"], .tabbernav  li.tabberactive a[title="Ability 173Breakneck"], .tabbernav  a:hover[title="Ability 173Breakneck"] {
a[href*="Ability_173Breakneck"].tabber__tab {
     background-image:url("https://hub.scpslgame.com/images/8/85/173Breakneck.png") !important;
     background-image:url("https://hub.scpslgame.com/images/8/85/173Breakneck.png") !important;
    background-repeat:no-repeat !important;
}
}


.tabbernav a[title="Ability 079Door"], .tabbernav  li.tabberactive a[title="Ability 079Door"], .tabbernav  a:hover[title="Ability 079Door"] {
 
     background-image:url("https://hub.scpslgame.com/images/c/ca/097doorinteract2.png") !important;
 
a[href*="Ability_939Melee"].tabber__tab {
     background-image:url("https://hub.scpslgame.com/images/3/3e/939ClawIcon.png") !important;
    background-repeat:no-repeat !important;
}
}
.tabbernav a[title="Ability 079Lock"], .tabbernav  li.tabberactive a[title="Ability 079Lock"], .tabbernav  a:hover[title="Ability 079Lock"] {
a[href*="Ability_939Ultrasense"].tabber__tab {
     background-image:url("https://hub.scpslgame.com/images/a/ac/079lockdoor2.png") !important;
     background-image:url("https://hub.scpslgame.com/images/d/d3/939UltrasenseIcon.png") !important;
    background-repeat:no-repeat !important;
}
}
.tabbernav a[title="Ability 079Telsa"], .tabbernav  li.tabberactive a[title="Ability 079Telsa"], .tabbernav  a:hover[title="Ability 079Telsa"] {
a[href*="Ability_939Focus"].tabber__tab {
     background-image:url("https://hub.scpslgame.com/images/e/e4/079tesla2.png") !important;
     background-image:url("https://hub.scpslgame.com/images/3/32/939FocusIcon.png") !important;
    background-repeat:no-repeat !important;
}
}
.tabbernav a[title="Ability 079Gen"], .tabbernav  li.tabberactive a[title="Ability 079Gen"], .tabbernav  a:hover[title="Ability 079Gen"] {
a[href*="Ability_939Amnestic"].tabber__tab {
     background-image:url("https://hub.scpslgame.com/images/0/0a/CATDECONTAM2.png") !important;
     background-image:url("https://hub.scpslgame.com/images/a/a4/939AmnesticIcon.png") !important;
    background-repeat:no-repeat !important;
}
}
.infobox-tabber-abilities .tabbertab {
a[href*="Ability_939Mimicry"].tabber__tab {
animation: fadeEffect 1s; /* Fading effect takes 1 second */
    background-image:url("https://hub.scpslgame.com/images/7/77/939MimicryIcon.png") !important;
    background-repeat:no-repeat !important;
}
}
.infobox-tabber-abilities .tabbernav {
 
border-bottom: none;
.infobox-tabber-abilities .tabber__tabs {
border-bottom: none;
     display: grid !important;
     display: grid !important;
     padding-bottom: 10px !important;
     padding-bottom: 10px !important;
Line 597: Line 867:
}
}


.infobox-tabber-abilities .tabbernav a {
.infobox-tabber-abilities .tabber__tabs a {
padding:0.5em 0.3em !important;
padding:0.5em 0.3em !important;
display:grid;
display:grid;
Line 612: Line 882:
}
}


.tabbernav li {
.tabber__header li {
     display: inline-block !important;
     display: inline-block !important;
     margin-top: 0 !important;
     margin-top: 0 !important;
Line 618: Line 888:
}
}


.tabbertab {
.tabber__header {
     border: none !important;
     border: none !important;
     padding: 0 !important;
     padding: 0 !important;
}
}


.tabbernav {
.tabber__header {
     text-align:center;
     text-align:center;
     border-bottom: none;
     border-bottom: none;
}
}


ul.tabbernav {
ul.tabber__header {
     border-bottom: none;
     border-bottom: none;
     padding-bottom: 0px !important;
     padding-bottom: 0px !important;
}
}
ul.tabbernav li a:hover {
ul.tabber__header li a:hover {
background: #39393b !important;
background: #39393b !important;
border: 1px solid #39393b;
border: 1px solid #39393b;
Line 641: Line 911:
}
}


ul.tabbernav li a {
ul.tabber__header li a {
background: #1c1c1c !important;
background: #1c1c1c !important;
         border: 1px solid #1c1c1c;
         border: 1px solid #1c1c1c;
Line 648: Line 918:
}
}
   
   
ul.tabbernav li.tabberactive a {
ul.tabber__header li.tabberactive a {
background: #59595c !important;
background: #59595c !important;
border: 1px solid #59595c;
border: 1px solid #59595c;
Line 656: Line 926:
}
}


.weaponchart-tabber .tabbernav {
.weaponchart-tabber .tabber__header {
     border-bottom: none;
     border-bottom: none;
     display: grid !important;
     display: grid !important;
Line 666: Line 936:
}
}


.weaponchart-tabber .tabbernav a {
.weaponchart-tabber .tabber__header a {
padding:0.5em 0.3em !important;
padding:0.5em 0.3em !important;
display:grid;
display:grid;
}
}


.infobox-tabber .tabbernav, .infobox-tabber-three .tabbernav {
.infobox-tabber .tabber__tabs , .infobox-tabber-three .tabber__tabs {
     border-bottom: none;
     border-bottom: none;
     display: grid !important;
     display: grid !important;
Line 681: Line 951:
}
}


.infobox-tabber-three .tabbernav {
.infobox-tabber-three .tabber__tabs {
     grid-template-columns: auto auto auto;
     grid-template-columns: auto auto auto;
}
}


.infobox-tabber .tabbertab, .infobox-tabber-three .tabbernav {
.infobox-tabber .tabber__tabs , .infobox-tabber-three .tabber__tabs {
animation: fadeEffectMain 1s; /* Fading effect takes 1 second */
animation: fadeEffectMain 1s; /* Fading effect takes 1 second */
}
}


.infobox-tabber .tabbernav a, .infobox-tabber-three .tabbernav a {
.infobox-tabber .tabber__tabs a, .infobox-tabber-three .tabber__tabs a {
padding:0.5em 0.3em !important;
padding:0.5em 0.3em !important;
display:grid;
display:grid;
}
}


.infobox-tabber ul.tabbernav li a:hover, .infobox-tabber-three ul.tabbernav li a:hover{
.infobox-tabber ul.tabber__tabs li a:hover, .infobox-tabber-three ul.tabber__tabs li a:hover{
     background-color: rgba(201, 76, 76, 0) !important;
     background-color: rgba(201, 76, 76, 0) !important;
border: 1px solid #39393b;
border: 1px solid #39393b;
Line 703: Line 973:
}
}


.infobox-tabber ul.tabbernav li a, .infobox-tabber-three ul.tabbernav li a{
.infobox-tabber ul.tabber__tabs li a, .infobox-tabber-three ul.tabber__tabs li a{
     background-color: rgba(201, 76, 76, 0) !important;
     background-color: rgba(201, 76, 76, 0) !important;
         border: 1px solid #1c1c1c;
         border: 1px solid #1c1c1c;
Line 710: Line 980:
}
}
   
   
.infobox-tabber ul.tabbernav li.tabberactive a, .infobox-tabber-three ul.tabbernav li.tabberactive a {
.infobox-tabber ul.tabber__tabs li.tabberactive a, .infobox-tabber-three ul.tabber__tabs li.tabberactive a {
     background-color: rgba(89, 89, 92, .5) !important;
     background-color: rgba(89, 89, 92, .5) !important;
border: 1px solid #59595c;
border: 1px solid #59595c;
Line 717: Line 987:
transition: color 0 !important;
transition: color 0 !important;
}
}
.infobox-tabber-human .tabbernav {
.infobox-tabber-human .tabber__tabs {
     border-bottom: none;
     border-bottom: none;
     display: grid !important;
     display: grid !important;
Line 725: Line 995:
     grid-template-columns: auto auto auto;
     grid-template-columns: auto auto auto;
}
}
.infobox-tabber-human .tabbernav a {
.infobox-tabber-human .tabber__tabs a {
padding:0.5em 0.3em !important;
padding:0.5em 0.3em !important;
display:grid;
display:grid;
}
}
.infobox-tabber-human-items .tabbernav {
.infobox-tabber-human-items .tabber__tabs {
     border-bottom: none;
     border-bottom: none;
     display: grid !important;
     display: grid !important;
Line 737: Line 1,007:
     grid-template-columns: auto auto auto auto;
     grid-template-columns: auto auto auto auto;
}
}
.infobox-tabber-human-items .tabbernav a {
.infobox-tabber-human-items .tabber__tabs a {
padding:0.5em 0.3em !important;
padding:0.5em 0.3em !important;
display:grid;
display:grid;
Line 743: Line 1,013:




/* Header Tabber Formating */
Header Tabber Formating
.round-tabber .tabberlive .tabbertab,
.round-tabber .tabberlive .tabbertab,
.round-tabber .tabber .tabbertab {
.round-tabber .tabber .tabbertab {
Line 758: Line 1,028:
     animation: fadeEffectMain 1s;
     animation: fadeEffectMain 1s;
}
}
.round-tabber ul.tabbernav {
.round-tabber ul.tabber__tab {
     border-bottom: none;
     border-bottom: none;
     display:grid;
     display:grid;
Line 765: Line 1,035:
}
}


.round-tabber ul.tabbernav li a {
.round-tabber ul.tabber__tab li a {
     background: none repeat scroll 0 0 #59595c; /* This should match your general choice of background color */
     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: 1px solid #59595c; /* This should match your general choice of border color */
Line 775: Line 1,045:
}
}


.round-tabber ul.tabbernav li {
.round-tabber ul.tabber__tab li {
     display: inline;
     display: inline;
     list-style: none outside none;
     list-style: none outside none;
Line 781: Line 1,051:
}
}


.round-tabber ul.tabbernav li a:link {
.round-tabber ul.tabber__tab li a:link {
     color: #7AB1CC; /* This should match your anchor color, but simply being different from the default text color works */
     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 {
.round-tabber ul.tabber__tab li a:hover {
     background: none repeat scroll 0 0 #000000;
     background: none repeat scroll 0 0 #000000;
     border-color: #505050; /* This should match your general choice of border color */
     border-color: #505050; /* This should match your general choice of border color */
Line 791: Line 1,061:
}
}


.round-tabber ul.tabbernav li.tabberactive a {
.round-tabber ul.tabber__tab li.tabberactive a {
     background-color: #000000;
     background-color: #000000;
     color: #FFFFFF;
     color: #FFFFFF;
}
}


.round-tabber ul.tabbernav li.tabberactive a,
.round-tabber ul.tabber__tab li.tabberactive a,
.round-tabber ul.tabbernav li.tabberactive a:hover,
.round-tabber ul.tabber__tab li.tabberactive a:hover,
.round-tabber ul.tabbernav li.tabberactive a:link {
.round-tabber ul.tabber__tab li.tabberactive a:link {
     background-color: #000000;
     background-color: #000000;
     border-bottom: 1px none;
     border-bottom: 1px none;
Line 804: Line 1,074:
}
}


.round-tabber ul.tabbernav {
.round-tabber ul.tabber__tab {
     text-align:center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */
     text-align:center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */
}
*/
/* Hover Box for switching the visibility of the selected item */
.hoverbox {
display:inline-block;
padding:0em;
}
.hoverbox .hoveritem {
display:none;
margin:0em;
padding:0em;
opacity:100;
transition: opacity .5s;
}
.hoverbox .hoveritem.selected {
display:inline-block;
}
.hoverbox:hover .hoveritem {
display:inline-block;
height: auto;
opacity:100;
transition: opacity .5s;
width:200px;
height:auto;
z-index:4 !important;
}
.hoverbox:hover .hoveritem.selected {
display:none;
}
.hoverbox {
cursor: pointer;
}
/* Hover Box for switching the visibility of the selected item */
.hidden .hoverbox {
display:inline-block;
padding:0em;
}
.hidden .hoverbox .hoveritem {
display:none;
margin:0em;
padding:0em;
}
.hidden .hoverbox .hoveritem.selected {
display:inline-block;
}
.hidden .hoverbox:hover .hoveritem {
display:inline-block;
height: auto;
width:max-content;
height:auto;
}
.hidden .hoverbox:hover .hoveritem.selected {
display:none;
}
.hidden .hoverbox {
cursor: pointer;
}
/* 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/1/15/ClassDPlush.png");
    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;
    }
   
.page-User_OnionMλn{       
background-image: linear-gradient(rgba(10,10,10,.70), rgba(10,10,10,.70)),
      url("https://hub.scpslgame.com/images/e/eb/939PatreonThumbnailPPPPPP.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    }
/* Test Background Images for Pages */
.page-Light_Containment_Zone, .page-Strefa_Niższego_Nadzoru{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/d/d1/LCZBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Heavy_Containment_Zone, .page-Strefa_Wyższego_Nadzoru{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/a/aa/Serverroomtop.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Entrance_Zone, .page-Strefa_Wejściowa{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/3/31/EZBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Surface_Zone, .page-Strefa_Zewnętrzna{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/7/73/SZBackground.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/2/21/SITE02Overview.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/b/b0/049cont049%26173.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/b/b0/049cont049%26173.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/c/c5/079closeup.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/1/1a/096overview.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/8/85/106observationroom.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/c/c9/173cont049%26173.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-SCP-330{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/8/85/Tc01chamber13.0.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-SCP-914, .page-SCP-914_Outputs{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/8/87/914interior13.0.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/1/1b/Hczcryo939.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-SCP-956{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/e/e6/Fear.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-SCP-1507{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/d/d0/1507Background.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-SCP-2536_Disambiguation {
background-image: linear-gradient(rgba(10,10,10,.80), rgba(10,10,10,.80)),  url("https://hub.scpslgame.com/images/8/8b/2536Banner2021.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Facility_Guard, .page-Ochroniarz{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/9/9a/FacilityGuardBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Chaos_Insurgent, .page-Rebelia_Chaosu{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/7/76/SZMainStreet.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Mobile_Task_Force, .page-MTF{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/0/08/SZGateBMTFSpawn.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Scientist, .page-Naukowiec{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/d/db/Vthall13.0.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Class-D_Personnel, .page-Personel_Klasy_D{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/f/f5/Dclasscell13.0.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Tutorial, .page-Poradnik{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/2/2f/Admin018Box.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Main_Page, .page-Strona_główna{
background-image: linear-gradient(rgba(11,38,106,.10), rgba(11,38,106,.10)),
      url("https://hub.scpslgame.com/images/0/09/MainBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size: cover ;
   
}
.page-Alpha_Warhead, .page-Głowica_Alfa{
background-image: linear-gradient(rgba(10,10,10,.80), rgba(10,10,10,.80)),
      url("https://hub.scpslgame.com/images/7/72/Warhead_Render.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
/* CSS for changing banners for pages; Code is similar to making background images for pages*/
.page-Updates_11_0_1 .banner, .page-Updates_11_0_2 .banner, .page-Updates_11_0_3 .banner{
background-image: linear-gradient(rgba(11,88,156,.15), rgba(11,88,156,.15)),
      url("https://hub.scpslgame.com/images/7/77/914Banner.png")!important;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
}
.page-COM-15 .banner{
background-image:  url("https://hub.scpslgame.com/images/b/b7/WikiCOM15.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
}
.page-COM-18 .banner{
background-image:  url("https://hub.scpslgame.com/images/b/bb/WikiCOM18N.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
}
.page-Crossvec .banner{
background-image:  url("https://hub.scpslgame.com/images/3/39/WikiVector.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}
.page-FR-MG-0 .banner{
background-image:  url("https://hub.scpslgame.com/images/3/30/WikiMG36.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}
.page-FSP-9 .banner{
background-image:  url("https://hub.scpslgame.com/images/3/3b/WikiMP7.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
}
.page-MTF-E11-SR .banner{
background-image:  url("https://hub.scpslgame.com/images/a/ad/WikiE11.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}
.page-_44_Revolver .banner{
background-image:  url("https://hub.scpslgame.com/images/e/ec/WikiRevolver.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
}
.page-AK .banner{
background-image:  url("https://hub.scpslgame.com/images/b/be/WikiAK.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}
.page-Logicer .banner{
background-image:  url("https://hub.scpslgame.com/images/4/4c/WikiLogicer.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}
.page-Shotgun .banner{
background-image:  url("https://hub.scpslgame.com/images/6/60/WikiShotgun.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;   
}
.page-Micro_H_I_D .banner{
background-image:  url("https://hub.scpslgame.com/images/6/67/MicroHIDBlueprint.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left 0 top -125px;
}
/*
.page-SCP-079 .banner{
background-image:  url("https://hub.scpslgame.com/images/e/ef/SCP079Banner.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
}
.page-SCP-096 .banner{
background-image:  url("https://hub.scpslgame.com/images/f/f4/SCP096Banner.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}
.page-SCP-173 .banner{
background-image:  url("https://hub.scpslgame.com/images/d/d6/173Banner.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}
.page-SCP-939 .banner{
background-image:  url("https://hub.scpslgame.com/images/2/21/939PatreonBetaSoon.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}
*/
.page-SCP-244 .banner{
background-image:  url("https://hub.scpslgame.com/images/7/76/244Banner.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
}
.page-SCP-2176 .banner{
background-image:  url("https://hub.scpslgame.com/images/b/b3/Bulb.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: right center;
}
.page-SCPs .banner{
background-image:  url("https://hub.scpslgame.com/images/b/b6/SCP_Items_Background.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: right center;
}
.page-Weapons .banner{
background-image:  url("https://hub.scpslgame.com/images/7/7a/WeaponrySlot.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: right center;
}
.page-Lore{
background-image: linear-gradient(rgba(10,10,10,.70), rgba(10,10,10,.70)),
      url("https://hub.scpslgame.com/images/0/07/Teaser_S19.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
/*
.page-Main_Page, .page-Strona_główna{ 
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/4/4e/Snow.png"), url("https://hub.scpslgame.com/images/e/ee/Snow2.png"), url("https://hub.scpslgame.com/images/d/d8/Snow3.png"), url("https://hub.scpslgame.com/images/3/34/Xmas2023.jpeg");     
    background-attachment: fixed;
    z-index: 1;
    position: relative, relative, relative, center top;
    background-size: cover, 500px 500px, 300px 300px, 400px 400px, cover;
    -webkit-animation: snow 30s linear infinite;
    -moz-animation: snow 30s linear infinite;
    -ms-animation: snow 30s linear infinite;
    animation: snow 30s linear infinite;
}
@keyframes snow {
0% {background-position: 0px 0px;}
50% {background-position: 500px 1000px, 500px 1000px, 400px 400px, 300px 300px, 0px 0px;}
100% {background-position: -500px 2000px, -500px 2000px, -400px 800px, -300px 600px, 0px 0px;}
}
@-moz-keyframes snow {
0% {background-position: 0px 0px;}
50% {background-position: 500px 1000px, 500px 1000px, 400px 400px, 300px 300px, 0px 0px;}
100% {background-position: -500px 2000px, -500px 2000px, -400px 800px, -300px 600px, 0px 0px;}
}
@-webkit-keyframes snow {
0% {background-position: 0px 0px;}
50% {background-position: 500px 1000px, 500px 1000px, 400px 400px, 300px 300px, 0px 0px;}
100% {background-position: -500px 2000px, -500px 2000px, -400px 800px, -300px 600px, 0px 0px;}
}
@-ms-keyframes snow {
0% {background-position: 0px 0px;}
50% {background-position: 500px 1000px, 500px 1000px, 400px 400px, 300px 300px, 0px 0px;}
100% {background-position: -500px 2000px, -500px 2000px, -400px 800px, -300px 600px, 0px 0px;}
}
*/
.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/6/6e/079Error.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̧̣̟̪̹̹̤̏ͣ .banner{
background-image: none;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .user-link-content{
    direction: rtl;
    unicode-bidi: bidi-override;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .sidebar-button{
    direction: rtl;
    unicode-bidi: bidi-override;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .navbox-title{
    direction: rtl;
    unicode-bidi: bidi-override;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .mw-collapsible-text{
    direction: rtl;
    unicode-bidi: bidi-override;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .mw-portlet-body{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .mw-portlet{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
        .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .infobox2{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ #catlinks{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ #p-logo{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ #footer-bottom{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ #lastmod{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ #copyright{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .navbox-group{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .site-navigation{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .infobox{
    margin-bottom: -2.5em;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .catlinks{
    margin-bottom: -3em;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .usermenu{
    display: inline;
    }
/* CSS Typing Text
*
* @author: Unknown
* current version crafted together by [[User:Christharp]].
*/
.typing{
  margin: 10px 0 0 10px;
    width: 1000px;
  white-space:nowrap;
  overflow:hidden;
  animation: type 4s steps(150, end);
-webkit-animation:type 4s steps(150, end);
  -moz-animation:type 4s steps(150, end);
-o-animation:type 4s steps(150, end);
}
@keyframes type{
  from { width: 0; }
}
@-webkit-keyframes type{
  from { width: 0; }
}
@-moz-keyframes type{
  from { width: 0; }
}
@-o-keyframes type{
  from { width: 0; }
}
.typingslow{
  margin: 10px 0 0 10px;
    width: auto;
    height: auto;
  overflow:hidden;
animation: typeslow 1s steps(150, end) !important;
-webkit-animation:typeslow 1s steps(150, end) !important;
  -moz-animation:typeslow 1s steps(150, end) !important;
-o-animation:typeslow 1s steps(150, end) !important;
    animation-delay:1s !important;
-webkit-animation-delay:1s !important;
  -moz-animation-delay:1s !important;
-o-animation-delay:1s !important;
  animation-fill-mode: backwards !important;
  -webkit-animation-fill-mode: backwards !important;
    -moz-animation-fill-mode: backwards !important;
    -o-animation-fill-mode: backwards !important;
}
@keyframes typeslow{
  from { width: 0; color: rgb(4,4,5); opacity:0; height: 0;}
}
@-webkit-keyframes typeslow{
  from { width: 0; color: rgb(4,4,5); opacity:0; height: 0;}
}
@-moz-keyframes typeslow{
  from { width: 0; color: rgb(4,4,5); opacity:0; height: 0;}
}
@-o-keyframes typeslow{
  from { width: 0; color: rgb(4,4,5); opacity:0; height: 0;}
}
}

Latest revision as of 19:18, 6 March 2024

/* Link formating */
a:visited, #ca-talk > span > a { color: #d6b295 !important; }
a:link, #ca-talk > span > a { color: #f2d7c1 !important; }
a:external, #ca-talk > span > a {color: #f2d7c1 !important; }
a.nick_global-sysop, a.nick_global-sysop:visited { font-weight: bold; color: #008080 !important; }
a.nick_wiki-coordinator, a.nick_wiki-coordinator:visited { font-weight: bold; color: #43C6DB; }
a.nick_admin, a.nick_admin:visited { font-weight: bold; color: darkgreen; }
a.nick_steward, a.nick_steward:visited { font-weight:bold; color: darkorange !important; }
a.nick_friend, a.nick_friend:visited { color: green !important; }
a.nick_ip, a.nick_ip:visited { color: darkred; }
a.nick_dynamic_ip, a.nick_dynamic_ip:visited { color: #660066; }
a[href$="/index.php?title=User:C.A.S.S.I.E."] {
    color: royalblue ;
    font-weight: bold ;
}
a[href$="/index.php?title=User:OnionM%CE%BBn"] {
    color: blueviolet !important;
}
a[href$="/index.php?title=User:Plookiedookie"] {
    color: blueviolet !important;
}
a[href$="/index.php?title=User:Hoang"] {
    color: darkgreen !important;
    font-weight: bold ;
}
a[href$="/index.php?title=User:Jamintheinfinite"] {
    color: #43C6DB !important;
    font-weight: bold ;
}
a[href$="/index.php?title=User:Argus"] {
    color: #43C6DB !important;
    font-weight: bold ;
}
a[href$="/index.php?title=User:Draconocor"] {
    color: #43C6DB !important;
    font-weight: bold ;
}
a[href$="/index.php?title=User:%C5%81ukaszKlapek"] {
    color: #43C6DB !important;
    font-weight: bold ;
}
.hycontent a:hover, #ca-talk > span > a {color: #9c8a7b !important; }

.thumb {
    background-color: transparent;
    text-align: center;
    overflow: hidden;
}
.thumbcaption {
    color: #252525 !important;
    background-color: transparent;
}

figure[typeof~='mw:File/Thumb'] > a:first-child {
    background-color: transparent;
}
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > figcaption, .mw-content-ltr figure[typeof~='mw:File/Frame'] > figcaption
{
    background-color: transparent;
    border: none;
}
figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media) {
    background-color: transparent;
    border: none;
}

figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
    border: 0px solid transparent;
    border-bottom: 0;
    background-color: transparent;
}
#OPGuidebutton {
  background-image: linear-gradient(
    to left,
    #f7b783,
    #f7b783 50%,
    #00ff00 50%
  );
  background-size: 200% 100%;
  background-position: 100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   transition: all 0.4s ease-in-out;
}
#OPGuidebutton::after {
   content: "  [CREDENTIALS REQUIRED TO VIEW]";
}
#OPGuidebutton:hover::after, #OPGuidebutton:focus::after{
   content: "  [ACCESS ACCEPTED. Click to toggle view.]";
}
#OPGuidebutton:hover {
   background-position: 0;
}




#OPGuidebuttonDenied {
  background-image: linear-gradient(
    to left,
    #f7b783,
    #f7b783 50%,
    #ff0000 50%
  );
  background-size: 200% 100%;
  background-position: 100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   transition: all 0.25s ease-in-out;
}
#OPGuidebuttonDenied:hover {
   background-position: 0;
   cursor:not-allowed;
}
#OPGuidebuttonDenied::after {
   content: "  [CREDENTIALS REQUIRED TO VIEW]";
}
#OPGuidebuttonDenied:hover::after {
   content: "  [INVALID CREDENTIALS. ACCESS DENIED]";
}
/* Global CSS */
body{
 text-align:left !important;
}
/* Thumb image margins */
.div.tright {
margin: 0.5em 0 0.5em 0.5em;
}
/*
.mediawiki{
	font-family: "Comic Sans MS", cursive, sans-serif;
} 
*/
.smw-indicator-vertical-bar-loader {
	position: absolute;
	visibility: hidden;
}

.imagehotfix img {
	width: 100%;
	height: 100%;
}
/* Blackout An Image (Mainly used for the Keycard Page) */
.blackout {
	position: relative;
	display: inline-block;
	height: 35px;
}
.blackout img {
	filter: brightness(10%);
	max-width: 100%;
    width: auto;
}
.blackoutcancel {
	position: relative;
	display:inline-block;
	height: 35px;
}
.blackoutcancel img {
	filter: brightness(100%);
	max-width: 100%;
    width: auto;
}

.blackoutfull {
	position: relative;
	display: inline-block;
	height: 35px;
}
.blackoutfull img {
	filter: brightness(0%);
	max-width: 100%;
    width: auto;
}

.blackout::after {
  content: attr(data-tooltip);
  border-color: #e5e5e5 transparent transparent transparent;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  z-index: 5;
  top: 0.5em;
  width: 50px;
  height: 50px;
}

.blackout:hover::after {
  opacity: 1;
}
/* Tool Tips */
.tooltip {
  font-size: 4rem;
  position: relative;
}
.tooltip::before {
  content: "";
  position: absolute;
  top: -0.4em;
  left: 0.5em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em 0.4em 0 0.4em;
  border-color: #e5e5e5 transparent transparent transparent;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 0;
  top: -2.2em;
  font-size: 0.5em;
  background: #e5e5e5;
  border-radius: 0.5em;
  padding: 0.25em 0.5em;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.tooltip:hover::before,
.tooltip:hover::after {
  opacity: 1;
}
/* Inverts An Image */

.invertImage img {
	filter: invert(1);
	max-width: 100%;
    width: auto;
}

/* Line height */
p {
margin: 0.5em 0 0.5em 0;
line-height: 1.4;
}

/*Human Inventory*/
.inventory {
	display: grid!important; 
	column-gap: 0.5em!important;
    grid-template-columns: auto auto auto auto!important;
}

/* Main page box sections*/
.mp-section {
background:rgba(0,0,0,0.5);
border:0 solid white;
border-radius:5px;
color:white;
margin:10px 0 0 0;
}
.mp-section2 {
background:rgba(0,0,0,0);
border:0 solid white;
border-radius:5px;
color:white;
margin:10px 0 0 0;
}
.mp-header {
border-bottom:1px solid white;
color:white;
font-size:140%;
text-align:center;
margin:0 8px 10px 8px;
padding:5px 0 5px 0;
}
.mp-content {
border-bottom:1px solid white;
color:white;
padding:0 8px 8px 8px;
border-bottom:none;
overflow-wrap:break-word;
}
.mp-content2 {
border-right:1px solid white;
color:white;
padding:0 0 0 0;
border-bottom:none;
overflow-wrap:break-word;
}
.mp-content3 {
border-bottom:1px solid white;
color:white;
padding: 0 8px 0 8px;
border-bottom:none;
overflow: auto;
}
.mp-left {
float:left;
width:25%;
}
.mp-left2 {
float:left;
width:50%;
}
.mp-center2{
width:75%;
}
.mp-center3{
width:55%;
}
.mp-right {
float:right;
width:25%;
}
.mp-right2 {
float:right;
width:45%;
}
.mp-center {
margin:auto;
width:48%;
}
.mp-section hr {
margin:10px 0 10px 0;
background:white;
}
.mp-wide ul {
display: flex;
flex-flow: row wrap;
text-align: center;
margin: -2px 15px 8px 15px;
padding: 0;
}
.mp-wide ul li {
display: flex;
list-style: none;
flex-flow: column wrap;
flex: 1 0 10em;
margin: 0;
padding: 2px 10px;
font-size: 120%;
}


/* Infobox CSS */
.infobox {
    width: 256px;
    background-color: #222;
    font-size: 85%;
    border-radius: 7px;
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: 0 ;
    float: right;
    clear: right;
    border-bottom:none;
}
.infobox2 {
    text-align: center;
    background-color: #070707;
    margin: 0;
    font-size: 120%;
    padding: 0.25em;
    border-radius: 4px;
}
.infobox3 {
    font-weight: normal;
    text-align: center;
    font-family: 'Courier New';
    background-color: #070707;
    margin: 0;
    padding: 0;
    border-radius: 4px;

}
.infobox td, .infobox th {
   vertical-align: top;
   font-size: 85%;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td, .infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}


/* Header underline */
h1, h2{
	border-bottom: 1px solid white;
	padding-top: 5px;
}
h3, h4, h5, h6{
	padding-top: 5px;
}
.banner h1{
border-bottom: none;
padding-top: 0px;
}


/* Overrides to fix various style errors */

/* Pending request info box */
div.flaggedrevs_short_details {
border: 1px solid white;
background-color: #111;
color:white;
padding: 5px;
position: absolute;
top: 0;
right: -2px;
width: 25em;
}


/*Metadata table*/
.mw_metadata th {
background-color: #111;
font-weight: normal;
text-align: center;
}


/** MultimediaViewer tweaks **/
/* MMV text colors */
.mw-mmv-above-fold,
.mw-mmv-dialog,
.mw-mmv-image-links li,
.mw-mmv-options-cancel-button.mw-ui-button.mw-ui-quiet,
.mw-mmv-options-dialog-header,
.mw-mmv-options-text-header {
	color: #e0e0e0;
}
/* MMV file info */
.mw-mmv-above-fold {
	background: #222;
	border-top: 1px solid #333;
}
.mw-mmv-image-metadata {
	background-color: #111;
	border-color: #333;
}
/* MMV options popup */
.mw-mmv-dialog {
	border: 1px solid #333;
	background: #222;
	box-shadow: none;
}
.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
	background: #222;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}
.mw-mmv-options-enable-alert {
	background: #333;
	color: #e0e0e0;
}
/* MMV buttons on file page */
.mw-mmv-filepage-buttons .mw-ui-button {
	background: #36c;
	color: #e0e0e0;
	border-color: #1d4699;
}

/* File inspector buttons */
a.mw-ui-button{
text-decoration: none;
background: #111;
border: 1px solid white
}
a.mw-ui-button{
text-decoration: none;
color:white;
}
a.mw-ui-button:hover, a.mw-ui-button:focus{
text-decoration: none;
background: #111;
border: 1px solid white
}
a.mw-ui-button:hover,a.mw-ui-button:focus{
text-decoration: none;
color:white;
}


/* Popup notification box */
.mw-notification{
padding:0.75em 1.5em;
margin-bottom:0.5em;
border:solid 1px #ddd;
background-color:#111;
cursor:pointer;
opacity:0;
-webkit-transform:translateX(35px);
transform:translateX(35px);
-webkit-transition:opacity 0.35s ease-in-out,-webkit-transform 0.35s ease-in-out;
transition:opacity 0.35s ease-in-out,transform 0.35s ease-in-out;
}


/* Global preferences hover bar */
.globalprefs-hover {
background-color:#222;
}


/* Popup window */
.oo-ui-window-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #111;
}


/* Notifications white bars */

/* All|Read|Unread white bar */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
height: 3.5em;
position: sticky;
padding-top: 0.5em;
margin-top: -0.5em;
top: 0;
z-index: 2;
background: none;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.1);
}


/* Recent activity box */
.mw-echo-ui-crossWikiUnreadFilterWidget {
border: 1px solid #c8ccd1;
padding: 0.7em;
width: 20em;
background: #111;
}
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
background-color: #222;
color: #3366cc;
border-radius:4px;
}


/* Cog dropdown */
.mw-echo-ui-specialHelpMenuWidget-menu .oo-ui-buttonWidget:hover {
background-color: #111;
}

/* Recent Changes page */

/* Legend */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: rgba(0,0,0,0.5);
    position: relative;
    border: 1px solid white;
}

/* Filters list */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
    background-color: rgba(0,0,0,0.5);
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
    -webkit-appearance: none;
    margin: 0;
    font-size: inherit;
    font-family: inherit;
    background-color: rgba(0,0,0,0.5);
    color: white;
    border: 1px solid white;
        border-top-color: white;
        border-right-color: white;
        border-bottom-color: white;
        border-left-color: white;
    border-radius: 2px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    padding: 0.57142857em 0.57142857em 0.5em;
        padding-left: 0.571429em;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    border: 1px solid white;
        border-left-width: 1px;
    border-left-width: 0;
    border-radius: 0 0 2px 0;
    padding-right: 0.35714286em;
    display: block;
    text-align: right;
    height: 2.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background: rgba(0,0,0,0.5);
}

.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
    margin-left: 0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    color: white;
	background: none;
}
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	color: white;
	background: none;
}

.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
	z-index: 1;
	color: #aaa;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
	font-weight: bold;
	color: white;
	white-space: nowrap;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
	border-color: #aaa;
	color: #aaa;
}

.oo-ui-inputWidget-input{
	color: white;
}

.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
	padding-left: 2.14285714em;
	color: white;
	background:none;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	color: #aaa;
	background:none;
}


/* Saved filters button and changes button*/
.oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
	padding-right: 2.28571429em;
	background: rgba(0,0,0,0.5);
	border-color: white;
	color: white;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	background-color: rgba(0,0,0,0.5);
	color: #aaa;
	border-color: #aaa;
}

/* Popup window */
.oo-ui-popupWidget-popup {
	background-color: rgba(0,0,0,0.5);
	border: 1px solid white;
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.25);
	color: white;
}
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
	color: white;
	white-space: normal;
}

/* Live updates button */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: rgba(0,0,0,0.5);
    color: white;
    border-color: white;
}

/* Audio */
audio{
filter:invert(100%);
}
audio::-webkit-media-controls-enclosure{
transform: scale(1.1);
}

/*

Tabber Formating
.tabber__tabs {
    overflow: hidden !important;
    padding: 0.3em 0 !important;
}

.tabber__tabs a {
    padding: 0.3em 0.5em !important;
    margin: 0 !important;
    color: none !important;
    border: none !important;
    background: #282829 !important;
    border-bottom: none;
    transition: color 0.5s;
    
}

.infobox-tabber-abilities .tabber__indicator{
    display: none !important;
}
.infobox-tabber-abilities .tabber_header{
    box-shadow: none !important;
}
/*
.infobox-tabber-abilities .tabber__tab[aria-selected='false'] {
    filter: brightness(40%);
    transition: 0.5s;
}
.infobox-tabber-abilities .tabber__tab[aria-selected='true'] {
    filter: brightness(100%);
    transition: 0.5s;
}
*/
.infobox-tabber-abilities .tabber__tab {
      width: 75px;
      height: 75px;
      background-size:contain !important;
      background-color: rgba(34, 34, 34, 0) !important;
      text-indent: 110%;
      white-space: nowrap;
      overflow: hidden;
}

a[href*="Ability"].tabber__tab {
	opacity: 1;
    transition: opacity 1s;
}
a[href*="Ability"].tabber__tab[aria-selected='false'] {
    filter: brightness(50%);
    transition: 0.7s;
}
a:hover[href*="Ability"].tabber__tab[aria-selected='false'] {
    opacity: 0.5;
    transition: opacity 0.7s;
}

a[href*="Ability"].tabber__tab[aria-selected='true'] {
	opacity: 1;
    transition: opacity 0.7s;
}


.infobox-tabber-abilities .tabber__tab {
	animation: fadeEffect 1s; /* Fading effect takes 1 second */
}
a[href*="Ability_049Touch"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/b/ba/049Attack.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_049Sense"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/f/fb/049Sense.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_049Waste"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/d/d6/049Waste.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_049Call"].tabber__tab{
    background-image:url("https://hub.scpslgame.com/images/c/c8/049Call.png") !important;
    background-repeat:no-repeat !important;
}



.tabber__tab a[title="Ability 079Door"], .tabber__tab  li.tabberactive a[title="Ability 079Door"], .tabber__tab  a:hover[title="Ability 079Door"] {
    background-image:url("https://hub.scpslgame.com/images/c/ca/097doorinteract2.png") !important;
}
.tabber__tab a[title="Ability 079Lock"], .tabber__tab  li.tabberactive a[title="Ability 079Lock"], .tabber__tab  a:hover[title="Ability 079Lock"] {
    background-image:url("https://hub.scpslgame.com/images/a/ac/079lockdoor2.png") !important;
}
.tabber__tab a[title="Ability 079Telsa"], .tabber__tab  li.tabberactive a[title="Ability 079Telsa"], .tabber__tab  a:hover[title="Ability 079Telsa"] {
    background-image:url("https://hub.scpslgame.com/images/e/e4/079tesla2.png") !important;
}
.tabber__tab a[title="Ability 079Gen"], .tabber__tab  li.tabberactive a[title="Ability 079Gen"], .tabber__tab  a:hover[title="Ability 079Gen"] {
    background-image:url("https://hub.scpslgame.com/images/0/0a/CATDECONTAM2.png") !important;
}



a[href*="Ability_096Melee"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/9/99/096MeleeSprite.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_096Shield"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/c/c1/096ShieldSprite.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_096Cry"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/f/f8/096TryNotToCrySprite.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_096Charged"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/b/b0/096ChargeSprite.png") !important;
    background-repeat:no-repeat !important;
}



a[href*="Ability_173Armor"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/6/67/173Shield.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_173Tantrum"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/5/53/173Shit.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_173Blink"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/6/6d/173Blink.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_173Breakneck"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/8/85/173Breakneck.png") !important;
    background-repeat:no-repeat !important;
}



a[href*="Ability_939Melee"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/3/3e/939ClawIcon.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_939Ultrasense"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/d/d3/939UltrasenseIcon.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_939Focus"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/3/32/939FocusIcon.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_939Amnestic"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/a/a4/939AmnesticIcon.png") !important;
    background-repeat:no-repeat !important;
}
a[href*="Ability_939Mimicry"].tabber__tab {
    background-image:url("https://hub.scpslgame.com/images/7/77/939MimicryIcon.png") !important;
    background-repeat:no-repeat !important;
}

.infobox-tabber-abilities .tabber__tabs {
	border-bottom: none;
    display: grid !important;
    padding-bottom: 10px !important;
    row-gap: .5em;
    column-gap: .5em;
    grid-template-columns: auto auto auto auto;
    justify-content: space-evenly;
}

.infobox-tabber-abilities .tabber__tabs a {
padding:0.5em 0.3em !important;
display:grid;
}
/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: .5;}
  to {opacity: 1;}
}
/* Go from zero to full opacity */
@keyframes fadeEffectMain {
  from {opacity: 0;}
  to {opacity: 1;}
}

.tabber__header li {
    display: inline-block !important;
    margin-top: 0 !important;
    border-bottom: none;
}

.tabber__header {
    border: none !important;
    padding: 0 !important;
}

.tabber__header {
    text-align:center;
    border-bottom: none;
}

ul.tabber__header {
    border-bottom: none;
    padding-bottom: 0px !important;
}
ul.tabber__header li a:hover {
	background: #39393b !important;
	border: 1px solid #39393b;
	color: black !important;
	font-weight: bold !important;
	transition: background 0.5s;
	transition: color 0.5s;
}

ul.tabber__header li a {
	background: #1c1c1c !important;
        border: 1px solid #1c1c1c;
	-o-border-radius: 5px 5px 0 0;
	transition: background 0.5s;
}
 
ul.tabber__header li.tabberactive a {
	background: #59595c !important;
	border: 1px solid #59595c;
	color: black !important;
	font-weight: bold !important;
	transition: color 0 !important;
}

.weaponchart-tabber .tabber__header {
    border-bottom: none;
    display: grid !important;
    padding-bottom: 10px !important;
    row-gap: 1em;
    column-gap: .5em;
    grid-template-columns: repeat(auto-fit,minmax(max-content,250px));
    justify-content:center;
}

.weaponchart-tabber .tabber__header a {
padding:0.5em 0.3em !important;
display:grid;
}

.infobox-tabber .tabber__tabs , .infobox-tabber-three .tabber__tabs {
    border-bottom: none;
    display: grid !important;
    padding-bottom: 10px !important;
    row-gap: .5em;
    column-gap: .5em;
    grid-template-columns: auto auto;
    background-color: rgba(201, 76, 76, 0) !important;
}

.infobox-tabber-three .tabber__tabs {
    grid-template-columns: auto auto auto;
}

.infobox-tabber .tabber__tabs , .infobox-tabber-three .tabber__tabs {
	animation: fadeEffectMain 1s; /* Fading effect takes 1 second */
}

.infobox-tabber .tabber__tabs a, .infobox-tabber-three .tabber__tabs a {
padding:0.5em 0.3em !important;
display:grid;
}

.infobox-tabber ul.tabber__tabs li a:hover, .infobox-tabber-three ul.tabber__tabs li a:hover{
    background-color: rgba(201, 76, 76, 0) !important;
	border: 1px solid #39393b;
	color: grey !important;
	font-weight: bold !important;
	transition: background 0.5s;
	transition: color 0.5s;
}

.infobox-tabber ul.tabber__tabs li a, .infobox-tabber-three ul.tabber__tabs li a{
    background-color: rgba(201, 76, 76, 0) !important;
        border: 1px solid #1c1c1c;
	-o-border-radius: 5px 5px 0 0;
	transition: background 0.5s;
}
 
.infobox-tabber ul.tabber__tabs li.tabberactive a, .infobox-tabber-three ul.tabber__tabs li.tabberactive a {
    background-color: rgba(89, 89, 92, .5) !important;
	border: 1px solid #59595c;
	color: black !important;
	font-weight: bold !important;
	transition: color 0 !important;
}
.infobox-tabber-human .tabber__tabs {
    border-bottom: none;
    display: grid !important;
    padding-bottom: 10px !important;
    row-gap: .5em;
    column-gap: .5em;
    grid-template-columns: auto auto auto;
}
.infobox-tabber-human .tabber__tabs a {
padding:0.5em 0.3em !important;
display:grid;
}
.infobox-tabber-human-items .tabber__tabs {
    border-bottom: none;
    display: grid !important;
    padding-bottom: 10px !important;
    row-gap: .5em;
    column-gap: .5em;
    grid-template-columns: auto auto auto auto;
}
.infobox-tabber-human-items .tabber__tabs a {
padding:0.5em 0.3em !important;
display:grid;
}


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 .tabber .tabbertab {
    animation: fadeEffectMain 1s;
}
.round-tabber ul.tabber__tab {
    border-bottom: none;
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));
    column-gap:1em;
}

.round-tabber ul.tabber__tab 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;
    margin-left: 3px;
    padding: 0.5em 0.3em !important;
    text-decoration: none;
    display:grid;
}

.round-tabber ul.tabber__tab li {
    display: inline;
    list-style: none outside none;
    margin: 0 0 0 px;
}

.round-tabber ul.tabber__tab li a:link {
    color: #7AB1CC; /* This should match your anchor color, but simply being different from the default text color works */
}

.round-tabber ul.tabber__tab 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.tabber__tab li.tabberactive a {
    background-color: #000000;
    color: #FFFFFF;
}

.round-tabber ul.tabber__tab li.tabberactive a,
.round-tabber ul.tabber__tab li.tabberactive a:hover,
.round-tabber ul.tabber__tab li.tabberactive a:link {
    background-color: #000000;
    border-bottom: 1px none;
    padding: 2px 0.5em 4px;
}

.round-tabber ul.tabber__tab {
    text-align:center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */
}

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

/* Hover Box for switching the visibility of the selected item */
.hidden .hoverbox { 
	display:inline-block; 
	padding:0em; 
}
.hidden .hoverbox .hoveritem { 
	display:none; 
	margin:0em; 
	padding:0em;
	
}
.hidden .hoverbox .hoveritem.selected { 
	display:inline-block; 
}
.hidden .hoverbox:hover .hoveritem { 
	display:inline-block; 
	height: auto;
	width:max-content;
	height:auto;
}
.hidden .hoverbox:hover .hoveritem.selected { 
	display:none; 
	
}
.hidden .hoverbox { 
	cursor: pointer;
}

/* 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/1/15/ClassDPlush.png");
    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;
    }
    
.page-User_OnionMλn{        
background-image: linear-gradient(rgba(10,10,10,.70), rgba(10,10,10,.70)),
      url("https://hub.scpslgame.com/images/e/eb/939PatreonThumbnailPPPPPP.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    }

/* Test Background Images for Pages */
.page-Light_Containment_Zone, .page-Strefa_Niższego_Nadzoru{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/d/d1/LCZBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.page-Heavy_Containment_Zone, .page-Strefa_Wyższego_Nadzoru{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/a/aa/Serverroomtop.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.page-Entrance_Zone, .page-Strefa_Wejściowa{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/3/31/EZBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.page-Surface_Zone, .page-Strefa_Zewnętrzna{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/7/73/SZBackground.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/2/21/SITE02Overview.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/b/b0/049cont049%26173.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/b/b0/049cont049%26173.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/c/c5/079closeup.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/1/1a/096overview.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/8/85/106observationroom.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/c/c9/173cont049%26173.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-SCP-330{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/8/85/Tc01chamber13.0.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.page-SCP-914, .page-SCP-914_Outputs{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/8/87/914interior13.0.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/1/1b/Hczcryo939.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.page-SCP-956{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/e/e6/Fear.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.page-SCP-1507{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/d/d0/1507Background.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.page-SCP-2536_Disambiguation {
background-image: linear-gradient(rgba(10,10,10,.80), rgba(10,10,10,.80)),  url("https://hub.scpslgame.com/images/8/8b/2536Banner2021.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.page-Facility_Guard, .page-Ochroniarz{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/9/9a/FacilityGuardBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.page-Chaos_Insurgent, .page-Rebelia_Chaosu{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/7/76/SZMainStreet.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.page-Mobile_Task_Force, .page-MTF{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/0/08/SZGateBMTFSpawn.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.page-Scientist, .page-Naukowiec{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/d/db/Vthall13.0.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.page-Class-D_Personnel, .page-Personel_Klasy_D{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/f/f5/Dclasscell13.0.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-Tutorial, .page-Poradnik{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
      url("https://hub.scpslgame.com/images/2/2f/Admin018Box.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.page-Main_Page, .page-Strona_główna{
background-image: linear-gradient(rgba(11,38,106,.10), rgba(11,38,106,.10)),
      url("https://hub.scpslgame.com/images/0/09/MainBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size: cover ;
    
}

.page-Alpha_Warhead, .page-Głowica_Alfa{
background-image: linear-gradient(rgba(10,10,10,.80), rgba(10,10,10,.80)),
      url("https://hub.scpslgame.com/images/7/72/Warhead_Render.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
/* CSS for changing banners for pages; Code is similar to making background images for pages*/
.page-Updates_11_0_1 .banner, .page-Updates_11_0_2 .banner, .page-Updates_11_0_3 .banner{
background-image: linear-gradient(rgba(11,88,156,.15), rgba(11,88,156,.15)),
      url("https://hub.scpslgame.com/images/7/77/914Banner.png")!important;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
}
.page-COM-15 .banner{
background-image:  url("https://hub.scpslgame.com/images/b/b7/WikiCOM15.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
}
.page-COM-18 .banner{
background-image:  url("https://hub.scpslgame.com/images/b/bb/WikiCOM18N.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
}
.page-Crossvec .banner{
background-image:  url("https://hub.scpslgame.com/images/3/39/WikiVector.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}

.page-FR-MG-0 .banner{
background-image:  url("https://hub.scpslgame.com/images/3/30/WikiMG36.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}

.page-FSP-9 .banner{
background-image:  url("https://hub.scpslgame.com/images/3/3b/WikiMP7.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
}
.page-MTF-E11-SR .banner{
background-image:  url("https://hub.scpslgame.com/images/a/ad/WikiE11.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}
.page-_44_Revolver .banner{
background-image:  url("https://hub.scpslgame.com/images/e/ec/WikiRevolver.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
}
.page-AK .banner{
background-image:  url("https://hub.scpslgame.com/images/b/be/WikiAK.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}

.page-Logicer .banner{
background-image:  url("https://hub.scpslgame.com/images/4/4c/WikiLogicer.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}

.page-Shotgun .banner{
background-image:  url("https://hub.scpslgame.com/images/6/60/WikiShotgun.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;    
}



.page-Micro_H_I_D .banner{
background-image:  url("https://hub.scpslgame.com/images/6/67/MicroHIDBlueprint.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left 0 top -125px;
}
/*
.page-SCP-079 .banner{
background-image:  url("https://hub.scpslgame.com/images/e/ef/SCP079Banner.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
}
.page-SCP-096 .banner{
background-image:  url("https://hub.scpslgame.com/images/f/f4/SCP096Banner.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}
.page-SCP-173 .banner{
background-image:  url("https://hub.scpslgame.com/images/d/d6/173Banner.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}

.page-SCP-939 .banner{
background-image:  url("https://hub.scpslgame.com/images/2/21/939PatreonBetaSoon.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: left center;
}
*/

.page-SCP-244 .banner{
background-image:  url("https://hub.scpslgame.com/images/7/76/244Banner.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
}

.page-SCP-2176 .banner{
background-image:  url("https://hub.scpslgame.com/images/b/b3/Bulb.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: right center;
}

.page-SCPs .banner{
background-image:  url("https://hub.scpslgame.com/images/b/b6/SCP_Items_Background.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: right center;
}

.page-Weapons .banner{
background-image:  url("https://hub.scpslgame.com/images/7/7a/WeaponrySlot.png");
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover ;
    background-position: right center;
}

.page-Lore{
background-image: linear-gradient(rgba(10,10,10,.70), rgba(10,10,10,.70)),
      url("https://hub.scpslgame.com/images/0/07/Teaser_S19.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}


/*
.page-Main_Page, .page-Strona_główna{  
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)), url("https://hub.scpslgame.com/images/4/4e/Snow.png"), url("https://hub.scpslgame.com/images/e/ee/Snow2.png"), url("https://hub.scpslgame.com/images/d/d8/Snow3.png"), url("https://hub.scpslgame.com/images/3/34/Xmas2023.jpeg");      
    background-attachment: fixed;
    z-index: 1;
    position: relative, relative, relative, center top;
    background-size: cover, 500px 500px, 300px 300px, 400px 400px, cover;
 
    -webkit-animation: snow 30s linear infinite;
    -moz-animation: snow 30s linear infinite;
    -ms-animation: snow 30s linear infinite;
    animation: snow 30s linear infinite;
} 
 
@keyframes snow {
 0% {background-position: 0px 0px;}
 50% {background-position: 500px 1000px, 500px 1000px, 400px 400px, 300px 300px, 0px 0px;}
 100% {background-position: -500px 2000px, -500px 2000px, -400px 800px, -300px 600px, 0px 0px;}
}
 
@-moz-keyframes snow {
 0% {background-position: 0px 0px;}
 50% {background-position: 500px 1000px, 500px 1000px, 400px 400px, 300px 300px, 0px 0px;}
 100% {background-position: -500px 2000px, -500px 2000px, -400px 800px, -300px 600px, 0px 0px;}
}
 
@-webkit-keyframes snow {
0% {background-position: 0px 0px;}
 50% {background-position: 500px 1000px, 500px 1000px, 400px 400px, 300px 300px, 0px 0px;}
 100% {background-position: -500px 2000px, -500px 2000px, -400px 800px, -300px 600px, 0px 0px;}
}
 
@-ms-keyframes snow {
 0% {background-position: 0px 0px;}
 50% {background-position: 500px 1000px, 500px 1000px, 400px 400px, 300px 300px, 0px 0px;}
 100% {background-position: -500px 2000px, -500px 2000px, -400px 800px, -300px 600px, 0px 0px;}
}
*/

.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/6/6e/079Error.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̧̣̟̪̹̹̤̏ͣ .banner{
	background-image: none;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .user-link-content{
    direction: rtl;
    unicode-bidi: bidi-override;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .sidebar-button{
    direction: rtl;
    unicode-bidi: bidi-override;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .navbox-title{
    direction: rtl;
    unicode-bidi: bidi-override;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .mw-collapsible-text{
    direction: rtl;
    unicode-bidi: bidi-override;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .mw-portlet-body{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .mw-portlet{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
        .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .infobox2{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ #catlinks{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ #p-logo{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ #footer-bottom{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ #lastmod{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ #copyright{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .navbox-group{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .site-navigation{
    direction: rtl;
    unicode-bidi: bidi-override!important;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .infobox{
    margin-bottom: -2.5em;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .catlinks{
    margin-bottom: -3em;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .usermenu{
    display: inline;
    }

/* CSS Typing Text
 * 
 * @author: Unknown
 * current version crafted together by [[User:Christharp]].
 */

.typing{
  margin: 10px 0 0 10px;
    width: 1000px;
   white-space:nowrap;
   overflow:hidden;
  animation: type 4s steps(150, end);
-webkit-animation:type 4s steps(150, end); 
  -moz-animation:type 4s steps(150, end); 
 -o-animation:type 4s steps(150, end); 
}

@keyframes type{ 
  from { width: 0; } 
} 
@-webkit-keyframes type{ 
  from { width: 0; } 
} 
@-moz-keyframes type{ 
  from { width: 0; } 
}
@-o-keyframes type{ 
  from { width: 0; } 
}

.typingslow{
  margin: 10px 0 0 10px;
    width: auto;
    height: auto;
   overflow:hidden;
 animation: typeslow 1s steps(150, end) !important; 
-webkit-animation:typeslow 1s steps(150, end) !important; 
  -moz-animation:typeslow 1s steps(150, end) !important; 
 -o-animation:typeslow 1s steps(150, end) !important; 
    animation-delay:1s !important;
-webkit-animation-delay:1s !important; 
  -moz-animation-delay:1s !important;
 -o-animation-delay:1s !important;
  animation-fill-mode: backwards !important;
   -webkit-animation-fill-mode: backwards !important;
    -moz-animation-fill-mode: backwards !important;
     -o-animation-fill-mode: backwards !important;
}

@keyframes typeslow{ 
  from { width: 0; color: rgb(4,4,5); opacity:0; height: 0;} 
} 
@-webkit-keyframes typeslow{ 
  from { width: 0; color: rgb(4,4,5); opacity:0; height: 0;} 
} 
@-moz-keyframes typeslow{ 
  from { width: 0; color: rgb(4,4,5); opacity:0; height: 0;} 
}
@-o-keyframes typeslow{
  from { width: 0; color: rgb(4,4,5); opacity:0; height: 0;} 
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.