MediaWiki:Common.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.
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* Link formating */
a.new:visited, #ca-talk > span > a { color: #d6b295 !important; }
a.new:link, #ca-talk > span > a { color: #926b6b !important; }
a.external, #ca-talk > span > a {color: #f2d7c1 !important; }
a:link, #ca-talk > span > a { color: #f2d7c1 !important; }
.hycontent a:hover, #ca-talk > span > a {color: #9c8a7b !important; }
/* Infobox test */
.infobox-container {
position: relative;
display: inline-block;
margin: 5;
padding: 5;
width: auto;
}
/* Plain list */
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ul li {
margin-bottom: 0;
}
/* Tabber Formating */
tabbernav {
font-family: inherit !important;
font-weight: normal !important;
font-size: initial !important;
overflow: hidden !important;
padding: 0.3em 0 !important;
}
.tabbernav a {
padding: 0.3em 0.5em !important;
margin: 0 !important;
color: none !important;
border: none !important;
background: #282829 !important;
border-bottom: none;
}
.tabbernav li {
display: inline-block !important;
margin-top: 0 !important;
border-bottom: none;
}
.tabbertab {
border: none !important;
padding: 0 !important;
}
.tabbernav {
text-align:center;
border-bottom: none;
}
ul.tabbernav {
border-bottom: none;
padding-bottom: 0px !important;
}
.infobox-tabber .tabbernav li {
border-bottom: none;
padding-bottom: 7px !important;
}
ul.tabbernav li a:hover {
background: #39393b !important;
border: 1px solid #39393b;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
color: black !important;
font-weight: bold !important;
}
ul.tabbernav li a {
background: #1c1c1c !important;
border: 1px solid #1c1c1c;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
}
ul.tabbernav li.tabberactive a {
background: #59595c !important;
border: 1px solid #59595c;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
color: black !important;
font-weight: bold !important;
}
/* Header Tabber Formating */
.round-tabber .tabberlive .tabbertab,
.round-tabber .tabber .tabbertab {
border-bottom-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
border-left-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
border-right-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
border-top-color: #59595c; /* This should match your general choice of border color */
border-image: none;
border-style: solid none none;
border-width: 1px medium medium;
}
.round-tabber ul.tabbernav {
border-bottom: none;
margin-top: -22px;
}
.round-tabber ul.tabbernav li a {
background: none repeat scroll 0 0 #59595c; /* This should match your general choice of background color */
border: 1px solid #59595c; /* This should match your general choice of border color */
border-image: none;
border-radius: 5px 5px 0 0; /* This is only if you want your tabs to have rounded corners */
margin-left: 3px;
padding: 3px 0.5em;
text-decoration: none;
}
.round-tabber ul.tabbernav li {
display: inline;
list-style: none outside none;
margin: 0 0 0 px;
}
.round-tabber ul.tabbernav li a:link {
color: #7AB1CC; /* This should match your anchor color, but simply being different from the default text color works */
}
.round-tabber ul.tabbernav li a:hover {
background: none repeat scroll 0 0 #000000;
border-color: #505050; /* This should match your general choice of border color */
color: #FFFFFF;
}
.round-tabber ul.tabbernav li.tabberactive a {
background-color: #000000;
color: #FFFFFF;
}
.round-tabber ul.tabbernav li.tabberactive a,
.round-tabber ul.tabbernav li.tabberactive a:hover,
.round-tabber ul.tabbernav li.tabberactive a:link {
background-color: #000000;
border-bottom: 1px none;
padding: 2px 0.5em 4px;
}
.round-tabber ul.tabbernav {
text-align:center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */
}
/* Background Images for Pages */
.page-User_Jamintheinfinite{
background-image: linear-gradient(rgba(10,10,10,.70), rgba(10,10,10,.70)),
url("https://hub.scpslgame.com/images/0/0d/Hubert1.jpg");
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
.page-User_DentyMods{
background-image: linear-gradient(rgba(10,10,10,.70), rgba(10,10,10,.70)),
url("https://hub.scpslgame.com/images/0/0d/Hubert1.jpg");
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
/* Test Background Images for Pages */
.page-Light_Containment_Zone{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/7/76/SpoookyClassDCellBack.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-Heavy_Containment_Zone{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/3/32/HeavyCAT.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-Entrance_Zone{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/0/00/EZ_HL_C.jpg");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-Surface_Zone{
background-image: linear-gradient(rgba(31,68,136,.10), rgba(31,68,136,.10)),
url("https://hub.scpslgame.com/images/c/ca/Surface_2.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-Site-02{
background-image: linear-gradient(rgba(31,68,136,.10), rgba(31,68,136,.10)),
url("https://hub.scpslgame.com/images/9/99/Site02BG.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-Micro_H_I_D{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/2/2b/Micro_HID_Side.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-SCP-049{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/7/77/049Chamber.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-SCP-049-2{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/f/fc/049OutsideChamber.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-SCP-079{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/3/39/079Chamber.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-SCP-096{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/6/68/096Entrance.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-SCP-106{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/e/ed/106Bottom.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-SCP-173{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/1/18/173Chamber.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-SCP-939{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/a/a5/939Spawn.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-Facility_Guard{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/a/ab/Cubical_Office_Cube.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-Chaos_Insurgent{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/3/3a/SurfaceChaosVan.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-Mobile_Task_Force{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/9/97/SurfaceMTFHelicopter.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-Scientist{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/f/fb/EXEntrance.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-Class-D_Personnel{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/c/c1/CDEntrance.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-Tutorial{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/0/08/Tutorial_Tower.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-Main_Page{
background-image: linear-gradient(rgba(11,88,156,.10), rgba(11,88,156,.10)),
url("https://hub.scpslgame.com/images/d/d6/173ReworkBackground2.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size: cover ;
}
.page-Main_Page_Sandbox_2{
background-image: linear-gradient(rgba(11,88,156,.10), rgba(11,88,156,.10)),
url("https://hub.scpslgame.com/images/d/d6/173ReworkBackground2.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
}
.page-Ų͔ͯ͒͆̈̎͑ͮp̬̻͚͒̈͑̇d͉̹̼̹͙ͅa͎͉̐t͚̫͎͓̠͈́̿e̺̲̓s̵̬͎͚̗͎̉͑̇ͯͅ_̠̝͉͢9̷̘͉͉͂̈́̓̃_͙̰ͥͩ0̰̝͍͎̤͍̟ͭ̋̆̉̇̿̉_̶̥̹͎͕̱̿͌4̧̣̟̪̹̹̤̏ͣ{
background-image: linear-gradient(rgba(23,23,23,.70), rgba(23,23,23,.70)),
url("https://hub.scpslgame.com/images/1/1e/GlitchedSCP-079.jpg");
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}
div.thumbinner {
border: 0 solid transparent;
padding: 3px !important;
background-color: transparent;
font-size: 94%;
text-align: center;
overflow: hidden;
}
html .thumbimage {
border: 0 none transparent;
}
html .thumbcaption {
border: none;
line-height: 1.4em;
padding: 3px;
font-size: 94%;
}
div.magnify {
border: none !important;
background: none !important;
margin-left: 0;
}
div.magnify a, div.magnify img {
display: block;
border: none !important;
background: none !important;
}
/* @noflip */div.tright {
margin: .5em 0 1.3em 1.4em;
}
/* @noflip */div.tleft {
margin: .5em 1.4em 1.3em 0;
}
img.thumbborder {
border: 0 none transparent;
}
/* Overflow by default */
pre { overflow: auto; }
/* Hover Box for switching the visibility of the selected item */
.hoverbox { display:inline-block; padding:0em; }
.hoverbox .hoveritem { display:none; margin:0em; padding:0em; }
.hoverbox .hoveritem.selected { display:inline-block; }
.hoverbox:hover .hoveritem { display:inline-block; }
.hoverbox:hover .hoveritem.selected { display:none; }
.hoverbox { cursor: pointer;}
/* Audio */
audio{
filter:invert(100%);
}
audio::-webkit-media-controls-enclosure{
transform: scale(1.1);
}
/* Image Hovering */
.hycontent:hover a, .hycontent:hover a p {
opacity: 0.7 ;
color: #9c8a7b !important;
}
.smwtable .row-even {
background-color: #2e2e2e;
}
div.thumbinner { border: 0 solid transparent; padding: 3px !important; background-color: transparent; background: none; font-size: 94%; text-align: center; overflow: hidden; } html .thumbimage { border: 0 none transparent; background-color: transparent !important; background: none; } html .thumbcaption { border: none; line-height: 1.4em; padding: 3px; font-size: 94%; } div.magnify { border: none !important; background: none !important; margin-left: 0; } div.magnify a, div.magnify img { display: block; border: none !important; background: none !important; } /* @noflip */div.tright { margin: .5em 0 1.3em 1.4em; } /* @noflip */div.tleft { margin: .5em 1.4em 1.3em 0; } img.thumbborder { border: 0 none transparent; }