From SCP: Secret Laboratory Hub Wiki
No edit summary |
No edit summary |
||
(338 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 | 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_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; } | ||
a.nick_ip, a.nick_ip:visited { color: darkred; } | a.nick_ip, a.nick_ip:visited { color: darkred; } | ||
a.nick_dynamic_ip, a.nick_dynamic_ip:visited { color: #660066; } | 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:hover::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{ | |||
text-align:left !important; | |||
} | |||
/* Thumb image margins */ | /* Thumb image margins */ | ||
.div.tright { | .div.tright { | ||
margin: 0.5em 0 0.5em 0.5em; | margin: 0.5em 0 0.5em 0.5em; | ||
} | } | ||
/* | |||
.mediawiki{ | |||
font-family: "Comic Sans MS", cursive, sans-serif; | |||
} | |||
*/ | |||
.smw-indicator-vertical-bar-loader { | .smw-indicator-vertical-bar-loader { | ||
position: absolute; | position: absolute; | ||
visibility: hidden; | 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 25: | 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*/ | ||
.mp-section { | .mp-section { | ||
background:rgba(0,0,0,0.5); | 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:0 solid white; | ||
border-radius:5px; | border-radius:5px; | ||
Line 61: | Line 292: | ||
padding: 0 8px 0 8px; | padding: 0 8px 0 8px; | ||
border-bottom:none; | border-bottom:none; | ||
overflow | overflow: auto; | ||
} | } | ||
.mp-left { | .mp-left { | ||
Line 199: | Line 430: | ||
/* | /** 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 { | .mw-mmv-image-metadata { | ||
background-color: #111; | |||
border-color: #333; | |||
} | |||
border | /* MMV options popup */ | ||
background- | .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- | .mw-mmv-options-enable-alert { | ||
background: #333; | |||
color: #e0e0e0; | |||
background: #333; | |||
color: | |||
} | } | ||
.mw-mmv- | /* MMV buttons on file page */ | ||
.mw-mmv-filepage-buttons .mw-ui-button { | |||
background: #36c; | |||
color: | color: #e0e0e0; | ||
border-color: #1d4699; | |||
} | } | ||
/* File inspector buttons */ | /* File inspector buttons */ | ||
Line 449: | Line 695: | ||
audio::-webkit-media-controls-enclosure{ | audio::-webkit-media-controls-enclosure{ | ||
transform: scale(1.1); | 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/f/fc/TerransBackground.jpeg"); | |||
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 21:38, 8 May 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:hover::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/f/fc/TerransBackground.jpeg"); 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.
- This page was last edited on 8 May 2024, at 21:38.
- Content is available under CC BY-SA 3.0 unless otherwise noted.
- Privacy policy
- About SCP: Secret Laboratory Hub Wiki
- Disclaimers