MediaWiki:Common.css

From Cometwiki

(Difference between revisions)

Revision as of 23:33, 10 July 2007

/** Monobook style of Wiki 24 - see http://24.wikia.com/wiki/MediaWiki:Monobook.css for the original code - released under GFDL just like Cabalnet*/
/*
<pre>
*/

body {background:none !important; background-color:#000000 !important;}

#siteNotice {
    padding-left: 4px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    color: white;
    line-height: 85%;
}

#catlinks {
        border: 1px solid #aaa;
	background-color: #2A2A2A;
	padding: 5px;
	clear: both;
	background-image: url("http://images.wikia.com/24/images/1/1f/Catback.gif"); 
	background-repeat: no-repeat; 
	background-position: bottom right; 
}
p.catlinks {
        margin: 2px;
        padding: 7px;
}

body {
	background-color: #000000;
}

#bodyContent, #content, #footer {
	background-color: #333333;
	color: #FFFFFF;
}

#bodyContent { 
        background: none; 
}

#content_withads {
     background-color: #333333;
}

#footer { 
   z-index: 2 !important;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #aaaaaa;
   min-height: 39px;
}

.pBody {
	background-color: #333333;
	color: #FFFFFF;
}

#p-logo {
	height: 100px !important;
}

#column-one { padding-top: 140px !important; }

h1, h2, h3, h4, h5, h6 { color: #C0C0C0; }
a { color: #00CCFF; }
a:visited { color: #0066FF; }
a:hover { text-decoration: underline; }
a.new { color: red; }
#bodyContent a.extiw, #bodyContent a.extiw:active { color: #00CCFF; }
#bodyContent a.extiw:visited { color: #0066FF; }
#bodyContent a.external { color: #00CCFF; }
#bodyContent a.external:visited { color: #0066FF; }
#bodyContent a.stub, #bodyContent a.stub:visited { color: #FF5500; }

h1 { border-bottom: 1px solid #aaaaaa; }

#bodyContent a.extiw, #bodyContent a.extiw:active {
    background: none;
    padding: 0;
}
#bodyContent div.noicon a {
	background: none;
	padding: 0;
}

.selected {
	background-color: #333333;
	color: #FFFFFF;
	border-color: #CCCCCC;
}

#p-cactions ul li a {
	background-color: #333333;
	color: #FFFFFF;
}

#p-personal {
	background-color: transparent;
	color: #00CCFF;
}

#p-personal a {
	color: #00CCFF !important;
	background-color: transparent;
}

#p-personal a:hover { background-color: transparent !important; }

#p-navigation a {
	display: inline;
}

#pagehistory li { border: 1px solid #333333; }

#pagehistory li.selected {
	background-color: #222222;
	border: 1px dashed #aaaaaa;
}

table.diff { background: #222222; }
td.diff-otitle { background: #282828; }
td.diff-ntitle { background: #282828; }

td.diff-addedline {
	font-size: smaller;
	background-color: #000033;
}

td.diff-deletedline {
	font-size: smaller;
	background-color: #330000;
}

td.diff-context {
	background: #282828;
	font-size: smaller;
}

table.grey {
	border: 1px inset #999999;
	background-color: #2A2A2A;
	color: inherit;
}

table.grey td {
	border: 1px outset #2A2A2A;
}

table.grey tr th {
	color: inherit;
	background-color: #660000;
	border: 1px outset #660000;
	text-align: left;
	font-weight: bold;
}

th {
	text-align: center;
	color: inherit;
	background-color: inherit;
        font-weight: bold;
}

td.odd {
	background-color: #222222;
	border: 1px outset #222222;
}
td.even {
	border: 1px outset #333333;
	background-color: #333333;
}

span.diffchange { color: red; }
tr[bgcolor] td { color: black; }

#siteSub {
	display: block !important;
	margin-top: -5px;
	font-size: smaller;
	color: white;
}

#contentSub {
	color: #AAAAAA;
}

table.mainpage {
	width: 100%;
	background-color: #282828;
	border: 1px inset #666666;
}

table.mainpage tr td, table.mainpage tr th {
	padding: 4px;
	width: 33%;
}

table.mainpage tr th {
	background: #660000;
	text-align: center;
	font-size: 1.2em;
}

caption {
	color: #C0C0C0;
	font-size: 1.2em;
	text-decoration: underline;
}

div.header-notice, div.warning {
	width: 85%;
	margin: 1.0em auto 0.5em auto;
	padding: 5px;
	text-align: left;
	border: 1px inset #999999;
	background-color: #2A2A2A;
	color: #FFFFFF;
	line-height: 120%;
}

div.warning {
	color: red !important;
	font-weight: bold;
}

div.notice, div.usermessage {
	width: 65%;
	margin: 1.0em auto 0.5em auto;
	padding: 5px;
	text-align: center;
	border-style: dashed;
	border-width: 2px;
	border-color: red;
	background-color: #2A2A2A;
	color: #FFFFFF;
	line-height: 120%;
}

div.header-notice#fa {
	width: auto;
	font-size: inherit !important;
}

div.notice p, div.header-notice p, div.warning p {
	line-height: 120% !important;
}

.floatright, .floatright span, .floatright a.image,
.floatleft, .floatleft span, .floatleft a.image {
	background-color: transparent !important;
	border-color: transparent !important;
}
.thumb, .tright, .tleft {
	border: 1px inset #999999 !important;
	background-color: #2A2A2A !important;
}

div.thumb div a img { border: none; }

div.thumb div { background-color: #2A2A2A !important; }
table, td, tr {
	background-color: transparent;
	color: #FFFFFF;
}

td, th {
	vertical-align: top;
}

div.fullImage {
	text-align: center;
}

#toc {
	background-color: #2A2A2A;
	border: 1px inset #999999;
}

#toc #toctitle { background-color: transparent; }

legend {
	background-color: #2A2A2A;
	border: 1px solid #2f6fab;
	color: #C0C0C0;
}

fieldset { background-color: #2A2A2A; }

ol ol { list-style-type: lower-latin; }

ol ol ol { list-style-type: lower-roman; }

li#pt-userpage {
	background-color: transparent !important;
	padding-left: 20px;
	text-transform: none;
}

table.gallery {
	border:  none;
	background-color: transparent;
}

table.gallery td {
	background-color: transparent;
	border: none;
}

div.gallerytext {
        background-color: #222222;
	border: 1px outset #222222;
}

div.gallerybox div.thumb {
	border: none;
}

div.noarticletext {
	border: 1px solid #ccc;
	background-color: #666;
	padding: 5px;
	color: #fff;
}

ul#filetoc {
	text-align: center;
	border: 1px solid #ccc;
	background-color: #666;
	padding: 5px;
	font-size: 95%;
	margin-bottom: 0.5em;
	margin-left: 0;
	margin-right: 0;
}

/* Special:Allmessages formatting */
#allmessagestable th {
	background-color: #000;
}
#allmessagestable tr.orig {
	background-color: #003300;
}
#allmessagestable tr.new {
	background-color: #999;
}
#allmessagestable tr.def {
	background-color: #333;
}

/* Monobook.css formatting */
code {
	background-color: #222;
}

pre {
	padding: 1em;
	border: 1px dashed #ccc;
	color: #fff;
	background-color: #222;
	line-height: 1.1em;
}

/* Tabs at the top of each page */
#p-cactions li.selected a {
	z-index: 3; 
	background-color: #333; 
	color: #FFF; 
	border-color: #CCC; 
	padding: 0 1em .2em!important;
}

#p-cactions li a:hover {
	z-index: 3;
	text-decoration: none;
	background-color: #333;
	color: #FFF;
	border-color: #CCC;
}

/* Fancy table formatting */
table.fancy {
         width: 100%;
         border: 1px solid #999;
         margin: 0;
         font-size: 95%;
         background-color: #000;
         text-align: center;
         border-collapse: collapse;
}

table.smaller {
         border: 1px solid #999;
         margin: 0;
         font-size: 95%;
         background-color: #000;
         text-align: center;
         border-collapse: collapse;
}

table.fancy th, table.smaller th {
         background: #999;
         text-align: center;
         color: #000;
         margin: 0;
}

table.fancy td, table.smaller td {
         text-align: center;
         vertical-align: middle;
         padding: 2px 5px 2px 5px;
         margin: 0;
}

table.fancy td.description, table.smaller td.description {
         text-align: left;
         vertical-align: top;
}

td.spacer {
         background: #999;
         height: 10px;
}

/* Simple table formatting */
table.simple {
         width: 100%;
         margin: 0;
         font-size: 95%;
         background-color: #000;
         text-align: center;
         border: 1px solid #999;
         border-collapse: collapse;
}
table.simple th {
         background: #999;
         text-align: left;
         color: #000;
         padding-top: 0;
         padding-bottom: 0;
         padding-right: 0;
         padding-left: 5px;
         margin: 0;
}
table.simple tr {
         border-top: 1px solid #999;
         border-bottom: 1px solid #999;
}
table.simple td {
         text-align: left;
         vertical-align: top;
         padding: 2px 5px 2px 5px;
         margin: 0;
}

/* Special:Preferences formatting */
#preftoc a { color: #fff }

#preftoc li {
        margin: 0 1px 0 4px;
	float: left;
	padding: 0;
        color: #fff;
	background-color: #333;
	border: 1px solid #ccc;
        border-bottom: none;
	position: relative;
	white-space: nowrap;
	list-style-type: none;
	list-style-image: none;
	z-index: 3;
}
#preftoc li.selected {
	margin-bottom: 0;
        margin-right: 3px;
	float: left;
	padding: 0;
	font-weight: bold;
        color: #fff;
	background-color: #333;
	border: 1px solid #ffcc00;
	border-bottom: none;
	cursor: default;
	top: 1px;
}
#prefsubmit {
	background-color: #333;
}
#preferences {
	border: 1px solid #ccc;
	padding: 10px 0 0 0;
	background-color: #333;
}
#preferences fieldset {
	border: 1px solid #ccc;
        margin: 10px 10px 10px 10px;
        padding: 5px;
        background-color: #2A2A2A;
}
#preferences legend {
	background-color: #333;
	border: 1px solid #ccc;
	font-weight: bold;
	color: #fff;
}
#preferences table {	 
	background-color: #2A2A2A;	 
}
div.prefsectiontip {
	background-color: #666;
}
div.prefsection {
	border: none;
	padding: 10px;
	margin: 0;
	background-color: #333;
}
div.prefsection fieldset {
	border: 1px solid #ccc;
        margin: 10px 10px 10px 10px;
        padding: 5px;
        background-color: #2A2A2A;
}
div.prefsection legend {
	background-color: #333;
	border: 1px solid #ccc;
	font-weight: bold;
	color: #00CCFF;
}
div.prefsection table {
	background-color: #333;
}

/* Sidebar formatting */
table.wiki-sidebar, table.sidebar {
	border: 1px inset #999999;
	background-color: #2A2A2A;
	color: inherit;
	float: right;
	margin-left: 5px;
	width: 200px;
}
table.wiki-sidebar td {
	line-height: 130%;
}
table.wiki-sidebar td.odd {
	width: 35%;
	font-weight: bold;
	text-align: right;
}
table.wiki-sidebar td.even {
	font-weight: bold;
	text-align: center;
}
table.sidebar td {
	line-height: 130%;
        text-align: center;
}
table.sidebar td.title {
	font-weight: bold;
	text-align: center;
	border: 1px outset #333;
	background-color: #333;
}
table.sidebar td.left {
        white-space: nowrap;
        padding-right: 2em;
	font-weight: bold;
	text-align: left;
}
table.sidebar td.right {
        white-space: nowrap;
        padding-right: 1em;
	text-align: left;
}

/* Browser table formatting */
table.browser {
	border: 1px inset #999;
	background-color: #2A2A2A;
	color: inherit;
	width: 100%;
	clear: both;
	margin: 0px;
}
table.browser td {
	text-align: center;
	width: 33%;
	background: #2A2A2A;
	border: 1px outset #2A2A2A;
	line-height: 130%;
        vertical-align: middle;
}
table.browser th {
	background-color: #222;
	border: 1px outset #222; 
        vertical-align: middle;
}

/* References table formatting */
table.references {
	border: 1px solid #999;
	margin: 0;
	border-collapse: collapse;
	width: 100%;
	padding: 3px;
}

table.references th {
	padding: 3px;
	background: #999;
	text-align: center;
	color: #000;
	font-size: 100%;
	font-weight: bold;
	vertical-align: middle;
        width: auto;
}

table.references td {
	padding: 3px;
	font-size: 85%;
	background: #333;
	vertical-align: middle;
        width: 99%;
}

/* Research Files table formatting */
table.research {
	width: 100%;
	margin: 0; 
	padding: 0; 
	border: 0; 
	border-collapse: collapse;
}

table.research th {
	font-weight: bold;
	text-align: center; 
	background: #999; 
	color: #000;
}

/* Scrollbar styling works in IE only */
div.research {
	height: 280px;
	overflow: auto;
	border: 1px solid #999;
	padding: 0;
	margin: 0;
	scrollbar-face-color:black;
	scrollbar-highlight-color:darkgray;
	scrollbar-3dlight-color:gainsboro;
	scrollbar-darkshadow-color:dimgray;
	scrollbar-shadow-color:gray;
	scrollbar-arrow-color:dimgray;
	scrollbar-track-color:gray;
}

/* Appearance table formatting */
table.appearances {
	border: 2px solid #999;
	width: 100%;
	text-align: center;
	clear: both;
        font-size: 0.9em;
}

/* Search page and Login page formatting */
h2.wikiasearch, h2.searchtitle {
        color: #fff;
	border: 1px solid #AAAAAA;
	background-color: #2A2A2A;
        padding: 3px 0px 3px 3px;
}

div#userloginForm form,
div#userlogin form#userlogin2 {
	clear: both;
	float: left;
	margin: 0 3em 1em 0;
	padding: 1.5em 2em;
	border: 1px solid #AAAAAA;
	background-color: #2A2A2A;

}

div#userloginForm table,
div#userlogin form#userlogin2 table {
	background-color: #2A2A2A;
}

div#userlogin .captcha {
	border: 1px solid #bbb;
	padding: 1.5em 2em;
	width: 400px;
        color: #fff;
	background-color: #333;
}

.forumheader { border: 1px solid #999999; background-color: #000000; margin-top: 1em; padding: 8px; }
.forumlist td.forum_edited a { color: white; }

#p-logo a { background-image: url(/wiki/images/b/bc/Wiki.png) !important; }

.mw-plusminus-pos { color: #006500; }
.mw-plusminus-neg { color: #8B0000; }

/*
</pre>
*/
Personal tools
IRC Channel
My Blog