MediaWiki:Common.css

Note: After saving, 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)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/** CSS placed here will be applied to all skins */

/* QuakeWiki Custom Style by Starbuck 
=========================================================================== */

/* Fonts */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/static/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/static/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/static/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}    

/* General Page Nonsense */
body { 
	margin: 10px;
	color: #333; 
	background: none;
	/* line-height: 150% !important; */
}
html { 
	background-image: url(/w/images/5/5b/Background-concrete.jpg); 
	background-repeat: repeat;
	background-position: top left;
}

#wikia_header { background :none !important; }

a { color: #456abd; }
a:visited { color: #8160a9 }

ul { list-style-image: none; list-style-type: circle; }
li.new a, a.new { color :#bb341a !important; }

input:focus {
    outline:none;
}

#wiki_logo { background-image: url(/w/images/8/89/Logo2.png) !important; margin: -50px 0 -10px -10px; }

hr { color: #ddd; background-color: #ddd; margin: 5px 0 20px 0;}
div.noarticletext, #catlinks { color: inherit; border: 1px solid #ddd; background: #f9f9f9;}

.dark_text_1 { color: #555; }
/* =========================================================================== */

/* Please Can We Use A Nice Font */
body, .page_bar, .page_tabs, .compact_page_tabs li, .sidebox #navigation ul { 
	font-family: 'Open Sans' !important;
}

.page article { font-size: 100%; }
/* More Type Fixes */
.hover-navigation .menu-item { font-weight: normal !important; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
	border-bottom: 1px solid #ddd !important;
	padding-bottom: 0.35em !important;
	margin-bottom: 15px !important;
}


/* #editform .editOptions { clear: both; overflow: hidden; } */

/* =========================================================================== */

/* Backgrounds */
.color2 { background: inherit; }
.color1 { background: url(/w/images/7/77/Background-concrete2.jpg) top left repeat #5e5540; }

/* Awful Background Strip Thing The Logo Goes On */
#background_strip { background: none; border: none; display: none; }
#wikia_header { border: none; }

/* Page Layout Classes */
.page article { padding: 20px !important; }
.page { font: 13px 'Open Sans' sans-serif !important; }

/* header menu */
#headerMenuUser ul { background: #fff;}
#userData span, #userData span a { font-weight: normal; font-size: 13px; text-shadow: 0px 1px 1px #fff;}
#userData { right: 20px; clear: both; }
#userData a.wikia-button { margin-top: -5px; box-shadow: 0px 1px 1px #000; }

/* That Bar At The Top */
.page_bar { 
	margin: 0px 0px !important;
	font-size: 13px;
	-webkit-box-shadow: inset 0 -3px 4px rgba(0, 0, 0, 0.2);
	/*-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);} */
}

ul.page_tabs li, .page_bar { 
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

#wikia_page, .sidebox { 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: none;
	margin-bottom: 20px;
}

div#userloginForm form, div#userlogin form#userlogin2, div.noarticletext, fieldset, #catlinks {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


#wikia_page, .sidebox { box-shadow: 0px 2px 4px #5e5540; }

ul.page_tabs .selected a { color: #333; text-decoration: none; cursor: normal; } 

#page_controls a { color: #fff !important; text-shadow: 0px 2px 1px #000;}
#page_controls li { margin: 0px 15px 0px 5px !important; }
.page_bar .page_tabs li.selected { font-weight: normal; }
.page_bar .page_buttons li.selected { background: none; }
.page_bar .page_buttons a { margin-left: 4px; }

/* User Masthead / Accent */
.accent { background: none; }
#user_masthead h2 { font-weight: normal; border: none !important; margin-left: 10px; }
body.masthead-regular #page_controls a { color: red; text-shadow: none !important; color: #333 !important; }
#user_masthead_scorecard { padding: 8px; font-size: 48px; }
#user_masthead_tabs li.color1 { background: none;}

/* =========================================================================== */

/* Sidebox */
.sidebox { 
	padding: 0 !important; 
	margin-right: 20px;
}

#monaco_shrinkwrap_main.with_left_sidebar #page_wrapper { left: 218px; }
.sidebox #navigation li { padding: 3px; }
.sidebox #link_box li { padding: 6px 4px; }
.sidebox #link_box li a { color: #5e5540 !important; }
.sidebox #link_box.color2 { background: url(/w/images/b/b1/Background-concrete3.jpg) top left repeat #e1dbd1; }
.sidebox #link_box.color2  {
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
	border: none;
	font-weight: normal !important;
	font-size: 11px !important; 
}
.sidebox #link_box.color2 a {text-shadow: 0px 2px 2px #fff;}
.hover-navigation em { right: 8px; top: 3px; color: #999;}

#link_box_dynamic .link_box_dynamic_item {padding: 5px; font-weight: normal; }
#link_box_dynamic img#dynamic-links-add-image-img { margin-right: 4px; }

/* Footer */
.article_footer td { padding: 20px !important;}
.article_footer ul.actions li { min-width: 160px; margin-right: 10px; }

/* Forms and Buttons */
/* =========================================================================== */

/* Button */
a.wikia-button, span.wikia-button a, input[type="submit"], input[type="reset"], input[type="button"], button {
	border: none !important;
	color: #ffffff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	/* btn */
	display: inline-block;
	padding: 4px 8px;
	margin: 5px;
	font-size: 12px !important;
	font-weight: normal !important;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: auto !important;
	outline: none;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

fieldset { border: 1px solid #ddd; }

input, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], .uneditable-input {
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 18px;
	padding: 4px 6px;
	margin-bottom: 10px;
	line-height: 18px;
	font-size: 14px !important;
	color: #555555;
}
input[type="radio"], input[type="checkbox"] {
margin: 3px 4px 0 0;
line-height: normal;
vertical-align: middle;
}

label { line-height: 18px !important; margin-right: 10px; }

/* Search */
#search_box.color1 { background: none; }
#search-button { top: 17px; right: 20px; border: none;}
#searchform { 
	background: #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

	height: 20px;
	padding: 3px 6px 5px 10px !important;
	margin: 6px;
	font-size: 16px !important;
	line-height: 20px;
	color: #555555;
}

#searchform input { border: none; 	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #555; }
.suggestions-result-current { background-color: #bb341a}

textarea { 
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
	font-size: 12px;
	color: #48484c;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
	padding: 10px;
	margin-top: 10px;
	line-height: 20px !important;
	width: 98%;
	outline: none;
	border-radius: 4px;
	margin-bottom: 10px;
}

div#userloginForm form, div#userlogin form#userlogin2 {
	border: 1px solid #ddd;
}

/* End of Starbuck's CSS */


/* are these still needed? */
body, div.monaco_shrinkwrap {
 margin-left: auto;
 margin-right: auto;
 width: 960px;
}

div#bodyContent {
  font-size: 12px !important;
}
/* END OF are these still needed? */

/** Collapsible tables *********************************************************
 *
 *  Description: Allows tables to be collapsed, showing only the header. See
 *                         http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
 *  Maintainers: [[en:User:R. Koot]]
 */
 
table.collapsed tr.collapsible {
        display: none;
}
 
.collapseButton {               /* 'show'/'hide' buttons created dynamically by the             */
        float: right;           /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;    /* are styled here so they can be customised.             */
        text-align: right;
        width: auto;
}