Toggle search
Toggle menu
1
3.7K
52
6.2K
SCP: Secret Laboratory Hub Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Global.css

MediaWiki interface page
More actions

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Link formating */
.skin-theme-clientpref-os a:visited, #ca-talk > span > a { 
	color: #879FCB; 
	
}
.skin-theme-clientpref-os a:link, #ca-talk > span > a { 
	color: #879FCB; 
	transition: color 0.3s ease;
}
.skin-theme-clientpref-os a:external, #ca-talk > span > a {
	color: #879FCB;
	transition: color 0.3s ease;
	}


.skin-theme-clientpref-os a:visited:hover, #ca-talk > span > a { 
	color: white;
	transition: color 0.3s ease;
}

.skin-theme-clientpref-os a:link:hover, #ca-talk > span > a { 
	color: white;
	transition: color 0.3s ease;
}

/* Foundation Wiki Links */
.skin-theme-clientpref-light a:visited, #ca-talk > span > a { 
	color: #824; 
	
}
.skin-theme-clientpref-light a:link, #ca-talk > span > a { 
	color: #b01; 
	transition: color 0.3s ease;
}
.skin-theme-clientpref-light a:external, #ca-talk > span > a {
	color: #b01;
	transition: color 0.3s ease;
	}


.skin-theme-clientpref-light a:visited:hover, #ca-talk > span > a { 
	color: white;
	transition: color 0.3s ease;
}

.skin-theme-clientpref-light a:link:hover, #ca-talk > span > a { 
	color: white;
	transition: color 0.3s ease;
}

#ca-edit > a{
  	background-color: var(--color-base-fixed);
  }
  
.skin-theme-clientpref-os .fancyLink a:link, .skin-theme-clientpref-os .fancyLink a:visited
{
    color: inherit;
    filter: brightness(1) !important;
	transition: filter 0.3s ease-in-out;
}

.skin-theme-clientpref-os .fancyLink a:link:hover, .skin-theme-clientpref-os .fancyLink a:visited:hover
{
   filter: brightness(2) !important;
   	transition: filter 0.3s ease-in-out;
}


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 !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_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 ;
}
/* Fancy Links */
:root.skin-theme-clientpref-os {
	--positive: #05e814;
	--negative: #ea2107;
	--mixed: #ff82fb;
	--technical: #f5de5d;
	--scp: #EC2222;
	--classd: #FF8E00;
	--scientist: #FFFF7C;
	--facilityguard: #5B6370;
	--mobiletaskforce: #0096FF;
	--mtfprivate: #70C3FF;
	--mtfspecialist: #00D9FF;
	--mtfoperative: #0096FF;
	--mtfcaptain: #003DCA;
	--chaosinsurgency: #008F1C;
	--chaosconscript: #559101;
	--chaosrifleman: #008F1C;
	--chaosrepressor: #15853D;
	--chaosmarauder: #066328;
	--tutorial: #F700FD;
	--spectator: #FFFFFF;
	--overwatch: #00FFFF;
	--filmmaker: #3D3D3D;
	--filmmakertrue: #0D0D0D;
	--alphaflamingo: #E94CB7;
	--flamingo: #FF59CA;
}
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: #3443e3 !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:OnionM%CE%BBn"] {
    color: #43C6DB !important;
    font-weight: bold ;
}

/* Skin Formatting Stuff */
.skin-theme-clientpref-os pre {
	color: #dde8fd;
}
.skin-theme-clientpref-os h1 {
	color: #dde8fd;
}
.skin-theme-clientpref-os h2 {
	color: #dde8fd;
}
.skin-theme-clientpref-os h3 {
	color: #dde8fd;
}
.skin-theme-clientpref-os h4 {
	color: #dde8fd;
}
.skin-theme-clientpref-os h5 {
	color: #dde8fd;
}
.skin-theme-clientpref-os h6 {
	color: #dde8fd;
}
.skin-theme-clientpref-os th {
	color: #dde8fd;
}


.skin-theme-clientpref-os .citizen-menu__card-content {
	background-color: #090d13
}
.skin-theme-clientpref-os .citizen-header {
	background-color: #07090d !important;
}
.skin-theme-clientpref-os .citizen-sticky-header-visible .citizen-page-header {
	background-color: #101A2D !important;
}

.skin-theme-clientpref-os .citizen-sticky-header-backdrop {
	background-color: #07090D !important;
}
 .citizen-sticky-header-visible .citizen-page-header .citizen-page-header-backdrop::before {
	background: linear-gradient(to bottom,#07090D,transparent 50%);
}
.skin-theme-clientpref-os #skin-client-prefs-citizen-feature-pure-black {
  	display: none;
}
 .skin-theme-clientpref-night #skin-client-prefs-citizen-feature-pure-black {
  	display: none;
}
.skin-theme-clientpref-os  .wikiEditor-ui .wikiEditor-ui-top {
	background-color: #07090d;
}

.fancyLinkImage {
	display: none;
}

.skin-theme-clientpref-os .fancyLinkImage {
	display: inline !important;
}

.skin-theme-clientpref-os  .mw-editform .editOptions {
	background-color: #0d121b;
}
.skin-theme-clientpref-os .citizen-footer {
	background-color: #0d121b;
	color: #7388af;
}
.skin-theme-clientpref-os  .mw-logo-wordmark {
	color: #dde8fd;
}
/* Similar Name */
.similarName {
	background-color: var(--color-surface-4);
	border-color: var(--color-surface-3);
	border-width: 3px;
}
.skin-theme-clientpref-os  .similarName {
	background-color: #101A2D;
	border-color: #0F1624;
	color: white;
}

.CodeMirror {
	background-color: var(--color-surface-0) !important;
}
.ext-WikiEditor-realtimepreview-preview {
	background-color: var(--color-surface-0) !important;
}

.skin-theme-clientpref-os .hycontent {
 transform: scale(1);
 transition: transform 0.2s;
}
.skin-theme-clientpref-os .hycontent:hover {
 transform: scale(1.2);
 transition: transform 0.2s;
}
.hycontent:hover a, .hycontent:hover a p{
	opacity: 0.5;
}
.skin-theme-clientpref-os .hycontent:hover a, .skin-theme-clientpref-os .hycontent:hover a p{
	opacity: 1;
}


.thumb {
    background-color: transparent;
    text-align: center;
    overflow: hidden;
}

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;
}
.skin-theme-clientpref-os #OPGuidebutton {
	color: #879FCB;
}
.skin-theme-clientpref-os #OPGuidebutton:hover {
	color: white;
	transition: color 0.3s ease;
}
.skin-theme-clientpref-os #OPGuidebuttonSuccess {
	color: var(--color-success);
}
.skin-theme-clientpref-os #OPGuidebuttonSuccess:hover {
	color: white;
	transition: color 0.3s ease;
}
#OPGuidebuttonSuccess::after {
   content: " [ACCESS GRANTED]";
}

.skin-theme-clientpref-os #OPGuidebuttonDenied {
	color: var(--color-destructive);
}
#OPGuidebuttonDenied:hover {
   background-position: 0;
   cursor:not-allowed;
}
#OPGuidebuttonDenied::after {
   content: " [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(1%);
	opacity: 50%;
	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: flex!important; 
	column-gap: 0.5em!important;
    flex-wrap: wrap;
	margin-left: 1em;
    margin-bottom: -30px;
}

/* 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%;
}

/* Themes */

:root.skin-theme-clientpref-night  {
	--color-base: white;
}
:root.skin-theme-clientpref-os  {
	--color-base: white;
}

/* Wiki Tables */
.wikitable--stripe tbody tr:nth-child(even)
  {
  	background-color: var(--color-surface-3);
  }
.wikitable--stripe tbody tr:nth-child(odd)
  {
  background-color: var(--color-surface-2);
  }
  
.wikitable--stripe tbody th {
  background-color: var(--color-surface-4) !important; 
}
.skin-theme-clientpref-os  .wikitable--stripe tbody tr:nth-child(even)
  {
  	background-color: #0F1624;
  }
.skin-theme-clientpref-os .wikitable--stripe tbody tr:nth-child(odd)
  {
  background-color: #0D121B;
  }
.wikitable--stripe tbody th
  {
  	text-align: center;
  	padding: 5px;
  }
.wikitable--stripe
  {
   border-width: 1px;
   border-collapse: collapse;
  }
  
.citizen-overflow-content .wikitable--stripe {
	display: table;
    max-width: none;
    overflow: initial;
    box-shadow: none;
}
.skin-theme-clientpref-os .wikitable--stripe
  {
   border-color: #20252A;
  }
.wikitable--stripe tbody td
  {
  	padding: 5px;
  }
  
  .wikitable--stripe tbody td:nth-child(1)
  {
  	white-space: nowrap;
  }
  
/* Navboxes */
.navbox{
	border: 2px solid var(--color-surface-4);
	background-color: var(--color-surface-0);
	}
.skin-theme-clientpref-os	.navbox{
	background-color: #0A0D14;
	}
.skin-theme-clientpref-os .navbox{
		border: 2px solid #101A2D;
}
	
.mw-navbox tbody tr:nth-child(n)
  {
  background-color: var(--color-surface-2);
  }
.mw-navbox tbody tr:nth-child(2n)
  {
  display: none !important;
  }
.skin-theme-clientpref-os .mw-navbox tbody tr:nth-child(n)
  {
  background-color: #0D121B;
  }
.mw-navbox tbody tr:nth-child(1)
  {
  background-color: var(--color-surface-4);
}
.skin-theme-clientpref-os .mw-navbox tbody tr:nth-child(1)
{
	background-color: #101A2D;
}

.mw-navbox tbody th:nth-child(n)
  {
  padding:0.2em 0.5em; 
  text-align:right;
  width: 20%;
}
.mw-navbox tbody tr:nth-child(4n+5)
  {
  	background-color: var(--color-surface-3);
  }
  
.skin-theme-clientpref-os .mw-navbox tbody tr:nth-child(4n+5)
  {
  	background-color: #0F1624;
  }
.skin-theme-clientpref-os .mw-navbox tbody th:nth-child(n)
{
	color: #dde8fd;
}
.navbox-title {
	text-align: center !important;
}

/* Infobox CSS */
.infobox {
    width: 256px;
    font-size: 85%;
    border-radius: 7px;
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: 0 ;
    float: right;
    clear: right;
    border-bottom:none;
    background-color: var(--color-surface-2);
}

.floatright {
	background-color: var(--color-surface-2)
	
}
.infobox2 {
    text-align: center;
    margin: 0;
    font-size: 120%;
    padding: 0.25em;
    border-radius: 4px;
    background-color: var(--color-surface-3);
}
.infobox3 {
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    background-color: var(--color-surface-4);
}

.skin-theme-clientpref-os .infobox {
	background-color: #0d121b;
}
.skin-theme-clientpref-os .floatright {
	background-color: #151e31;
}
.skin-theme-clientpref-os .infobox2 {
	background-color: #101724;
}
.skin-theme-clientpref-os .infobox3 {
	background-color: #0e1624;
}

.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::-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;
    box-shadow: none !important;
}
a[href*="Ability"].tabber__tab[aria-selected='false'] {
    filter: brightness(50%);
    transition: 0.7s;
    box-shadow: none !important;
}
a:hover[href*="Ability"].tabber__tab[aria-selected='false'] {
    opacity: 0.5;
    transition: opacity 0.7s;
    box-shadow: none !important;
}

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

.infobox-tabber-abilities {
	max-width: 460px;
}

.page-SCP-939 .infobox-tabber-abilities {
	max-width: 520px;
}

.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: flex !important;
  flex: min-content !important;
  flex-direction: initial;
  flex-wrap: wrap;
  row-gap: 1em !important;
  justify-content: center;
  column-gap: 1.5em;
}
.page-SCP-939 .infobox-tabber-abilities .tabber__tabs {
	  column-gap: 0.25em;
}
.page-SCP-939 .floatright {
	max-width: 475px;
}

.page-SCP-049 .floatright, .page-SCP-096 .floatright, .page-SCP-173 .floatright {
	max-width: 375px;
}
.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;
}

.citizen-header__button .citizen-ui-icon {
    margin: auto;
    opacity: 0%;
    width: 32px;
    height: 32px;
}
.citizen-header__button:hover .citizen-ui-icon:hover {
    margin: auto;
    opacity: 100%;
    width: 32px;
    height: 32px;
}
/* Background Images for Pages */

.skin-theme-clientpref-os .page-User_Jamintheinfinite{        
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/6/6b/TerransBackgroundBlur.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    }
    
.skin-theme-clientpref-os .page-Hubert_Moszka{        
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/5/53/HubertBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    }
    
.skin-theme-clientpref-os .page-User_OnionMλn{        
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/8/86/OnionBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.skin-theme-clientpref-os body {
content: "";
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/b/be/WikiDefaultBackgroundBlur.png"); /* Global Background */
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-Light_Containment_Zone, .page-Strefa_Niższego_Nadzoru{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/1/1b/LightBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-Heavy_Containment_Zone, .page-Strefa_Wyższego_Nadzoru{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/0/07/HeavyBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-Entrance_Zone, .page-Strefa_Wejściowa{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/d/d1/EntranceBackgroun.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-Surface_Zone, .page-Strefa_Zewnętrzna{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/c/cb/SurfaceBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-Site-02{
background-image: linear-gradient(rgba(31,68,136,.10), rgba(31,68,136,.10)),
      url("https://hub.scpslgame.com/images/b/bf/Site02Background.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.skin-theme-clientpref-os .page-Micro_H_I_D{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/9/93/MicroBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-SCP-049{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/f/fd/049Background.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-SCP-049-2{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/f/fd/049Background.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-SCP-079{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/e/e4/079Background.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-SCP-096{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/7/7a/096Background.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-SCP-106{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/b/b5/106Background.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-SCP-173{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/a/a1/173Background.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.skin-theme-clientpref-os .page-SCP-330{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/f/f2/330BackgroundBlur.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-SCP-914 {
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/9/93/914Background.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.page-SCP-914_Outputs, .page-Main_Page, .page-Achievements{
	--width-layout: 100vw;
}

label[for="skin-client-pref-skin-theme-value-os"]{  
	font-size:0;
}

label[for="skin-client-pref-skin-theme-value-os"]::before{  
	content:"Fancy";
	font-size:var(--font-size-small);
	color: var(--color-emphasized);
}


.page-SCP-914_Outputs label[for="skin-client-pref-citizen-feature-custom-width-value-standard"], .page-Main_Page label[for="skin-client-pref-citizen-feature-custom-width-value-standard"], .page-Achievements label[for="skin-client-pref-citizen-feature-custom-width-value-standard"]{  
	font-size:0;
    border-color: var(--color-progressive--hover);
}

.page-SCP-914_Outputs label[for="skin-client-pref-citizen-feature-custom-width-value-standard"]::before, .page-Main_Page label[for="skin-client-pref-citizen-feature-custom-width-value-standard"]::before, .page-Achievements label[for="skin-client-pref-citizen-feature-custom-width-value-standard"]::before{  
	content:"Page Override";
	font-size:var(--font-size-small);
	color: var(--color-emphasized);
	width: max-content;
	border-color: var(--color-progressive--hover);
}

.page-SCP-914_Outputs label[for="skin-client-pref-citizen-feature-custom-width-value-wide"], .page-Main_Page label[for="skin-client-pref-citizen-feature-custom-width-value-wide"], .page-Achievements label[for="skin-client-pref-citizen-feature-custom-width-value-wide"]{  
	display:none;
}

.page-SCP-914_Outputs label[for="skin-client-pref-citizen-feature-custom-width-value-full"], .page-Main_Page label[for="skin-client-pref-citizen-feature-custom-width-value-full"], .page-Achievements label[for="skin-client-pref-citizen-feature-custom-width-value-full"]{  
	display:none;
}

.skin-theme-clientpref-os .page-SCP-939{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/0/03/939Background.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-SCP-956{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/4/45/956Background.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}


.skin-theme-clientpref-os .page-Facility_Guard, .page-Ochroniarz{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/3/30/FacilityGuardBackgroundBlur.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-Chaos_Insurgent, .page-Rebelia_Chaosu{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/5/50/ChaosBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-Mobile_Task_Force, .page-MTF{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/8/8c/MTFBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-Scientist, .page-Naukowiec{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/3/38/ScientistBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-Class-D_Personnel, .page-Personel_Klasy_D{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/c/cc/ClassDBackgroundBlur.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.skin-theme-clientpref-os .page-Tutorial, .page-Poradnik{
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.70)),
      url("https://hub.scpslgame.com/images/8/81/TutorialBackground.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.skin-theme-clientpref-os .page-Main_Page, .page-Strona_główna{
background-image: linear-gradient(rgba(45,45,45,.60), rgba(45,45,45,.60)),
      url("https://hub.scpslgame.com/images/c/c9/MainBackgroundBlur.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(13,18,27,.70), rgba(13,18,27,.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;}
}
*/

.skin-theme-clientpref-os .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(13,18,27,.70), rgba(13,18,27,.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;

    }
.skin-theme-clientpref-os .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ{        
background-image: linear-gradient(rgba(13,18,27,.70), rgba(13,18,27,.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̧̣̟̪̹̹̤̏ͣ .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;
    }
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .page-actions{
    display: none;
	}
    .page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ .citizen-menu__card-content{
    transform: scale(-1, 1);
	}
/* 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;} 
}


.invisibleContent{
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	width: 50px;
	height: 50px;
}
.invisibleContent:hover{
	opacity: 100;
	transition: opacity 0.3s ease-in-out;
    width: 50px;
	height: 50px;
}


.accessTierSquare {
  height: 55px;
  width: 55px;
  border-style: solid !important;
  border: 3px;
  border-color: #555;
  margin-bottom: 5px;
}
.accessTierCircle {
  height: 45px;
  width: 45px;
  background-color: #FFF;
  border-radius: 45%;
  position: relative;
  left: 2.5px;
  top: 2.5px;
}

.keycardTierGrid {
	display: grid!important; 
	column-gap: 5px!important;
    grid-template-columns: auto auto auto!important;
    width: max-content;
}

label[for="skin-client-pref-citizen-feature-custom-font-size-value-large"]{  
	display:none;
}

label[for="skin-client-pref-skin-theme-value-os"]{  
	font-size:0;
}

label[for="skin-client-pref-skin-theme-value-os"]::before{  
	content:"Fancy";
	font-size:var(--font-size-small);
	color: var(--color-emphasized);
}

/* Main Page */
.MPHeader {
    font-size: 2.5vmax;
	text-transform: uppercase;
	margin: 0;
	font-weight: var( --font-weight-semi-bold );
}
.MPSubHeader {
	margin: 0;
	font-weight: var( --font-weight-semi-bold );
	font-size: 1vmax;
}

.mainPageButton {
	width:225px;
	height:126px;
	border-radius: 15%;
	font-weight:  var( --font-weight-semi-bold );
	margin: 0 5px 0 5px;
	clip-path: rect(5px 225px 100px 5px round 10%);
	position: relative;
}

.mainPageButton:hover .mainPageButtonInner {
  transform: rotateY(180deg);
}

.mainPageButtonInner {
  position: relative;
  width: 100%;
  height: 109px;
  transition: transform 0.2s;
  transform-style: preserve-3d;
}

.mainPageButtonFront,
.mainPageButtonBack {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
}

.mainPageButtonFront {
  border: 1px solid #e5e7eb;
}

.mainPageButtonBack {
  background: var(--color-surface-2);
  transform: rotateY(180deg);
}
.skin-theme-clientpref-os .mainPageButtonBack {
  background: #0d121b;
}
.mainPageButtonBackText {
	position: absolute;
	color: var(--color-emphasized);
	height: 19.2px;
}
.mainPageButtonText {
	position: absolute;
	color: var(--color-emphasized);
	left: 7%;
	bottom: 15%;
	font-size: 40px;
	height: 46.4px;
}

.mainPageButtonText a:visited, #ca-talk > span > a { 
	color: #dde8fd !important;
	underline: none !important;
}
.mainPageButtonText a:link, #ca-talk > span > a { 
	color: #dde8fd !important; 
	underline: none !important;
}

.mainPageButtonBackText a:visited, #ca-talk > span > a { 
	underline: none !important;
}
.mainPageButtonBackText a:link, #ca-talk > span > a { 
	underline: none !important;
}
.skin-theme-clientpref-os .mainPageButtonBackText .fancyLink a:link, .skin-theme-clientpref-os .mainPageButtonBackText  .fancyLink a:visited {
	color: #DDE8FD !important;
}

.skin-theme-clientpref-os .mainPageButtonBackText .fancyLink a:link:hover, .skin-theme-clientpref-os .mainPageButtonBackText .fancyLink a:visited:hover {
	color: #DDE8FD !important;
}
.mainPageButtonGrid {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

/* Main page box sections*/
.mp-sectionNew {
	background: var(--color-surface-2);
	border:0 solid white;
	border-radius:5px;
	height: inherit;
}

.mp-section2New {
	background: var(--color-surface-2);
	border:0 solid white;
	border-radius:5px;
	margin:10px 0 0 0;
	height: inherit;
}
.mp-headerNew {
	background: var(--color-surface-3);
	border-bottom:1px solid white;
	color: var(--color-emphasized);
	font-size:140%;
	font-weight:  var( --font-weight-semi-bold );
	text-align:center;
	margin:0 0 10px 0;
	padding:5px 0 5px 0;
	border-top-left-radius: 5%;
	border-top-right-radius: 5%;
}
.skin-theme-clientpref-os .mp-headerNew {
	color: #DDE8FD !important;
}
.skin-theme-clientpref-os .mp-headerNew {
	background: #0f1624;
}
.skin-theme-clientpref-os .mp-sectionNew {
	background: #151e31;
}
.skin-theme-clientpref-os .mp-section2New {
	background: #0d121b;
}
.mp-subheaderNew {
	color: var(--color-emphasized);
	font-size:130%;
	font-weight:  var( --font-weight-semi-bold );
	text-align:center;
	border-top-left-radius: 5%;
	border-top-right-radius: 5%;
}
.skin-theme-clientpref-os .mp-subheaderNew {
	color: #DDE8FD !important;
}
.mp-contentNew {
	border-bottom:1px solid white;
	padding:0 8px 8px 8px;
	border-bottom:none;
	overflow-wrap:break-word;
}
.mp-content2New {
	border-right:1px solid white;
	padding:0 0 0 0;
	border-bottom:none;
	overflow-wrap:break-word;
}
.mp-content3New {
	border-bottom:1px solid white;
	padding: 0 8px 0 8px;
	border-bottom:none;
	overflow: auto;
}

.mp-sectionNew hr {
	margin:10px 5px 10px 0;
	background:white;
}
.mp-wideNew ul {
	display: flex;
	flex-flow: row wrap;
	text-align: center;
	margin: -2px 15px 8px 15px;
	padding: 0;
}
.mp-wideNew ul li {
	display: flex;
	list-style: none;
	flex-flow: column wrap;
	flex: 1 0 10em;
	margin: 0;
	padding: 2px 10px;
	font-size: 120%;
}

.mp-leftNew {
	float:left;
	width:25%;
	height: inherit;
}

.mp-center2New{
	height: inherit;
	flex: 1;
	order: -1;
}


.oo-ui-iconElement-icon.oo-ui-icon-next {
  position: absolute;
  padding:50%;
  border: none;
  left: 190px !important;
}

.oo-ui-iconElement-icon.oo-ui-icon-previous {
  left: -190px !important;
  position: absolute;
  padding:50%;
  border: none;
}
.mw-ui-icon-home {
	color: #879FCB;
}
.mw-gallery-slideshow-buttons.oo-ui-layout.oo-ui-panelLayout{
  position: inherit;
  z-index: 5 !important;
}

.gallerycarousel {
	width: 700px;
	height: 462px;
	clip-path: rect(0 750px 550px 0 round 0);
}

.mw-gallery-slideshow-img-container{
	clip-path: rect(0 700px 375px 0 round 0);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
	box-shadow: none !important;
	border: none;
}
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button{
	border-style: none !important;
	border-width: 0px !important;
}

.oo-ui-buttonElement-button .oo-ui-iconElement-icon.oo-ui-icon-next  {
	position: absolute;
	top: 43px;
	left: 238px !important;
	height: 375px;
	background-color: aliceblue;
}
.oo-ui-buttonElement-button .oo-ui-iconElement-icon.oo-ui-icon-previous  {
	position: absolute;
	top: 43px;
	left: -238px !important;
	height: 375px;
	background-color: aliceblue;
}
.skin-theme-clientpref-os .oo-ui-buttonElement-button .oo-ui-iconElement-icon.oo-ui-icon-next {
	background-color: #2c2c2c;
	filter: none !important;
}
.skin-theme-clientpref-os .oo-ui-buttonElement-button .oo-ui-iconElement-icon.oo-ui-icon-previous  {
	background-color: #2c2c2c;
	filter: none !important;
}
.oo-ui-iconElement-icon.oo-ui-icon-imageGallery {
	display: none;
}
ul.gallery.gallery.gallery.mw-gallery-slideshow {
	margin-top: -4em;
	margin-bottom: 1em;
}
.MainMenuMiscFeature {
	display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}



.card {
  width: 225px;
  height: 126px;
  margin: 1rem auto;
  perspective: 1000px;
  cursor: pointer;
}

.card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.2s;
  transform-style: preserve-3d;
}

.card:hover .card-inner {
  transform: rotateY(180deg);
}

.card-front,
.card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
}

.card-front {
  background: white;
  border: 1px solid #e5e7eb;
}

.card-back {
  background: #8b5cf6;
  color: white;
  transform: rotateY(180deg);
}

#bodySearchmainPageSearch {
	margin-top: 5px;
}

.wikiStolen {
	background-color: black;
	color: red;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page-O5-12 {
	background-image:none !important;
	background-color:black !important;
}

.page-O5-12 .citizen-footer{
	display: none
}
.page-O5-12 .citizen-header{
	display: none
}
.page-O5-12 .citizen-page-header-inner{
	display: none
}

.page-Site-19 .citizen-page-header-inner{
	display: none
}
.page-Site-19 .page-info {
	display: none
}
.page-Site-45 .citizen-page-header-inner{
	display: none
}
.page-Site-45 .page-info {
	display: none
}

.page-Hubert_Moszka .citizen-footer{
	display: none
}
.page-Hubert_Moszka .citizen-header{
	display: none
}
.page-Hubert_Moszka .citizen-page-header-inner{
	display: none
}
.page-Hubert_Moszka .page-info {
	display: none
}

#ca-talk {
	display: none;
}

.skin-theme-clientpref-os .gallerytextwrapper {
	background-color: rgba(7,9,13,0.65) !important;
}

.skin-theme-clientpref-os .gallerytext { 
	color: #879FCB !important; 
}

.skin-theme-clientpref-os .page-info__label { 
	color: #879FCB !important; 
}
.skin-theme-clientpref-os .mw-code {
	background-color: rgb(13, 18, 27) !important;
}
.skin-theme-clientpref-os .ace-tm {
	background-color: #272822 !important;
}
.skin-theme-clientpref-os .soon {
	background-color: #0F1624;
	color: #DDE8FD;
}
.soon {
	background-color: var(--color-surface-3);
	color: var(--color-emphasized);
	border-radius: 15px;
}

.item914:hover {
	filter: opacity(50%);
	transition: opacity;
}

    
.page-SCP-914_Outputs .citizen-overflow-sticky-header {
    	font-size: 2em;
    	text-align-last: center;
}
 .citizen-overflow-content-sticky-header::before   {
	filter: opacity(1);
    background-color: var(--color-surface-4);
}

.smw-highlighter {
	text-decoration-line: underline;
	text-decoration-style: dotted;
}
a[href*="No_Armor"].tabber__tab {
	order: 1;
}
#tabber-tabpanel-No_Armor-1 {
	order: 1;
}
a[href*="Light_Armor"].tabber__tab {
	order: 2;
}
#tabber-tabpanel-Light_Armor-1 {
	order: 2;
}
a[href*="Combat_Armor"].tabber__tab {
	order: 3;
}
#tabber-tabpanel-Combat_Armor-1 {
	order: 3;
}
a[href*="Heavy_Armor"].tabber__tab {
	order: 4;
}
#tabber-tabpanel-Heavy_Armor-1 {
 	order: 4;
 }
Retrieved from "https://hub.scpslgame.com/index.php?title=MediaWiki:Global.css&oldid=6494"
Last modified
This page was last edited on 21 August 2025, at 04:05.
Copyright
Content is available under CC BY-SA 3.0 unless otherwise noted.
Cookies help us deliver our services. By using our services, you agree to our use of cookies.