Difference between revisions of "MediaWiki:Modern.css"

Revision as of 23:26, 11 April 2021

/* CSS placed here will affect users of the Modern skin */

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: x-small;


	font-family: sans-serif;
	color: #BBB;

	direction: ltr;
	unicode-bidi: embed;
	background:url(Dropshadow.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #003c36;
}

#mw_main,
#p-personal,
#mw_header,
.os-suggest {
	font-size: 130%;
}

body.page-Main_Page h1.firstHeading {
	display: none;
}

#mw_header {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 0 0;
	padding: 0 0em 0 0em;
	border: none;
	height: 150px;
	width: 100%;
	background:url(images/c/c9/Logo.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #003c36;
	color: #666;

}

#mw_header h1 {
	margin: 0 0 0 0.5em;
	padding: 0 0 0 0;
	text-decoration: none;
	font-size: 150%;
}

#p-personal {
	position: absolute;
	top: 0px;
	left: 500;
	height: 1.5em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;

}

#p-personal div.pBody {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 1.5em;
	font-variant: small-caps;
}

#p-personal h3,
#p-personal h5 {
	display: none;
}

#p-personal ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	height: 1.5em;
	background-color: rgba(0, 0, 0, 0);
}

#p-personal li {
	display: block;
	float: right;
	height: 1.5em;
	margin: 0 0 0 0;
	vertical-align: middle;

	font-weight: bold;
	text-transform: lowercase;
	text-shadow:0px 0px 5px #000;
}

#p-personal li a {
	text-decoration: none;
	color: #006699;
	padding: 0 1em 0 1em;
}

#p-personal li a:hover {
	background-color: #006699;
	text-decoration: none;
	color: white;
}

#p-personal li:hover {
	background-color: none;
}

#jump-to-nav {
	display: none;
}

#mw_contentwrapper {
	width: 100%;
	margin: 0 0 0 -15em;
	float: right;
}

#mw_content {
	margin: 0 0 0 14em;

	background:url(Dropshadow.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #003c36;
	border-top: solid 1px #333;
	border-left: solid 1px #333;
	border-bottom: solid 1px #333;

	line-height: 1.5em;
	padding: 0 1em 1em 1em;

}

#mw_portlets {
	width: 14em;
	border-right: solid 1px #000;
	background-color: #000;
	background-repeat: repeat-y;
	text-shadow:0px 0px 5px #000;
}

#mw_main {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	margin-top: 0px;
}

div.mw_clear {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	clear: both;
}

.portlet {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.portlet div.pBody {
	padding: 0em 0 0.5em 0;
}

textarea {
	width: 100%;
	padding: .1em;
}

#searchBody {
	text-align: center;
}

#searchInput {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

#p-search #searchform div div {
	margin-top: .4em;
}

.portlet h3,
.portlet h5 {
	padding: 0.1em 0 0.3em 1em;
	margin: 0 0 0 0;
	background-color: #003366;
	color: #fff;
	font-weight: bold;
	border-top: solid 1px #000;
	height: 1.1em;
}

.portlet ul {
	margin: 0 0 0 1.5em;
	padding: 0 0 0 0;
}

#mw_portlets .portlet ul {
	line-height: 1.4em;
}

ul {
	/* @embed */
	list-style-image: url(bullet.gif);
}

#p-cactions {
	height: 1.5em;
	padding: 0 0 0 0;
	margin: 0 0 0 14em;
}

#p-cactions div.pBody {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#p-cactions a,
#p-cactions a:hover {
	color: #999;
	text-decoration: none;
}

#p-cactions ul {
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#p-cactions li {
	margin: 0 0.5em 0 0.5em;
	padding: 0 0.2em 0 0.2em;
	display: block;
	float: left;
	height: 1.5em;
	text-transform: lowercase;
}

#p-cactions li.selected {
	background-color: #000;
}

#p-cactions li a,
#p-cactions li a:visited {
	text-decoration: none;
	color: #444499;
	text-shadow:0px 2px 5px #000;
}

#p-cactions li a:hover {
	text-decoration: underline;
	color: #9999FF;
}

#p-cactions li.selected a,
#p-cactions li.selected a:hover,
#p-cactions li.selected a:visited {
	text-decoration: none;
	color: #6666FF;
}

#p-cactions h5 {
	display: none;
}

#siteSub {
	display: none;
}

#footer {
	/* @embed */
	background-color: #000;
	padding: 10px 1em 1em 1em;
	clear:both;
	color: #444444;
	background:url(Dropshadow.png);
}

#footer a,
#footer a:hover,
#footer a:visited {
	color: #444444;
	text-decoration: underline;
}

img {
	border: none;
}

#footer li {
	display: inline;
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#footer ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

div.printfooter {
	display: none;
}

p {
	margin: 1em 0 1em 0;
}

hr {
	height: 1px;
	color: #000;
	background-color: #333;
	border: 0;
	margin: .2em 0 .2em 0;
}

#contentSub {
	color: #888;
	font-size: small;
	padding-left: 2em;
}

#mw_portlets form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a {
	text-decoration: none;
	color: #6666FF;
	background: none;
}
a:visited {
	color: #666699;
}
a:active {
	color: #6666FF;
}
a:hover {
	color: #9999FF;
	text-decoration: none;

}
a.stub {
	color: #772233;
}
a.new {
	color: #990000;
}
a.new:visited {
	color: #660000;
}

span.editsection {
	font-size: small;
}

h1, h2 {
	border-bottom: solid 1px #333;
}

h1, h2, h3, h4, h5, h6 {
	overflow: hidden;
}

#preftoc {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 1.5em;
	clear: right;
}

#preftoc li {
	margin: 0 0.5em 0 0.5em;
	padding: 0 0.2em 0 0.2em;
	display: block;
	float: left;
	height: 1.5em;
	text-transform: lowercase;
}

#preferences {
	margin: 0 0 0 0;
	padding: 0em 1em 1em 1em;
	border: solid 1px #333;
	background-color: #000;
	clear: left; /* Multi-line toc should not push data to horizontally */
}

#preferences fieldset {
	margin-top: 0;
	border: none;
}

.mainLegend {
	display: none;
}

.htmlform-tip {
	font-size: x-small;
	padding: .2em 2em;
	color: #666;
}

.prefsection legend {
	font-weight: bold;
}

#preftoc li.selected {
	background-color: #bbbbbb;
}

#preftoc li a,
#preftoc li a:hover,
#preftoc li a:visited {
	text-decoration: underline;
	color: #003366;
}

#preftoc li.selected a,
#preftoc li.selected a:hover,
#preftoc li.selected a:visited {
	text-decoration: none;
	background:url(Dropshadow.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #6666FF;

}

#mw-pref-clear {
	clear: both;
}

#mw_content a.external,
#mw_content a.external[href ^="gopher://"] {
	/* @embed */
	background: url(external.png) center right no-repeat;
	padding-right: 13px;
}
#mw_content a.external[href ^="https://"],
.link-https {
	/* @embed */
	background: url(lock_icon.gif) center right no-repeat;
	padding-right: 16px;
}
#mw_content a.external[href ^="mailto:"],
.link-mailto {
	/* @embed */
	background: url(mail_icon.gif) center right no-repeat;
	padding-right: 18px;
}
#mw_content a.external[href ^="news:"] {
	/* @embed */
	background: url(news_icon.png) center right no-repeat;
	padding-right: 18px;
}
#mw_content a.external[href ^="ftp://"],
.link-ftp {
	/* @embed */
	background: url(file_icon.gif) center right no-repeat;
	padding-right: 18px;
}
#mw_content a.external[href ^="irc://"],
#mw_content a.external[href ^="ircs://"],
.link-irc {
	/* @embed */
	background: url(discussionitem_icon.gif) center right no-repeat;
	padding-right: 18px;
}

#mw_content a.external[href $=".ogg"], #mw_content a.external[href $=".OGG"],
#mw_content a.external[href $=".mid"], #mw_content a.external[href $=".MID"],
#mw_content a.external[href $=".midi"], #mw_content a.external[href $=".MIDI"],
#mw_content a.external[href $=".mp3"], #mw_content a.external[href $=".MP3"],
#mw_content a.external[href $=".wav"], #mw_content a.external[href $=".WAV"],
#mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
.link-audio {
	/* @embed */
	background: url(audio.png) center right no-repeat;
	padding-right: 13px;
}
#mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
#mw_content a.external[href $=".avi"], #mw_content a.external[href $=".AVI"],
#mw_content a.external[href $=".mpeg"], #mw_content a.external[href $=".MPEG"],
#mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
.link-video {
	/* @embed */
	background: url(video.png) center right no-repeat;
	padding-right: 13px;
}
#mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
#mw_content a.external[href *=".pdf#"], #mw_content a.external[href *=".PDF#"],
#mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"],
.link-document {
	/* @embed */
	background: url(document.png) center right no-repeat;
	padding-right: 12px;
}

/* images */
/* @noflip */div.floatright, table.floatright {
	margin: 0 0 .5em .5em;
	border: 0;
}
div.floatright p {
	font-style: italic;
}
/* @noflip */div.floatleft, table.floatleft {
	margin: 0 .5em .5em 0;
	border: 0;
}
div.floatleft p {
	font-style: italic;
}

/* thumbnails */
div.thumb {
	margin-bottom: .5em;
	width: auto;
}
div.thumbinner {
	border: 1px solid #333;
	padding: 3px !important;
	background-color: #000000;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}
html .thumbimage {
	border: 1px solid #333;
}
html .thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 94%;
}
div.magnify {
	float: right;
	border: none !important;
	background: none !important;
}
div.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}
/* @noflip */div.tright {
	margin: .5em 0 .8em 1.4em;
}
/* @noflip */div.tleft {
	margin: .5em 1.4em .8em 0;
}
img.thumbborder {
	border: 1px solid #dddddd;
}
.mw-warning {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	font-size: 95%;
}

#toc,
.toc {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-spacing: 0;
	background-color: #000000;
	border: solid 1px #111111;
	box-shadow: 3px 3px 5px #000;
}

#toc tr, #toc td {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#toctitle {
	border-bottom: solid 1px #333333;
	background-color: #333333;
	margin: 0 0 0 0;
}

#toc h2,
.toc h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
	text-align: center;
}

#toc ul,
.toc ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0 1em 0 1em;
	padding: 0;
	text-align: left;
}

#toc ul ul,
.toc ul ul {
	margin: 0 0 0 2em;
}

#toc .toctoggle,
.toc .toctoggle {
	font-size: 94%;
}

.mw-warning {
	margin-left: 50px;
	margin-right: 50px;
	text-align: center;
}

.catlinks {
	border: solid 1px #bbbbbb;
	background-color: #f0f0f0;
	padding: 0.1em 0.3em 0.1em 0.3em;
	margin: 0 0 0 0;
	box-shadow: 0px 3px 5px #000;
}

#mw_header h1,
#p-personal,
#p-cactions {
	overflow: hidden;
}

/* disable interwiki styling */
#mw_content a.extiw,
#mw_content a.extiw:active {
	color: #36b;
}
#mw_content a.external {
	color: #36b;
}


.redirectText {
	font-size: 150%;
	margin: 5px;
}

.printfooter {
	display: none;
}

.sharedUploadNotice {
	font-style: italic;
}

span.updatedmarker {
	color: black;
	background-color: #0f0;
}

.previewnote {
	text-indent: 3em;
	color: #c00;
	border-bottom: 1px solid #aaa;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.previewnote p {
	margin: 0;
	padding: 0;
}

.editExternally {
	border: 1px solid #000;
	background-color: #ffffff;
	padding: 3px;
	margin-top: 0.5em;
	float: left;
	font-size: small;
	text-align: center;
}
.editExternallyHelp {
	font-style: italic;
	color: gray;
}

.toggle {
	margin-left: 2em;
	text-indent: -2em;
}

table.collapsed tr.collapsable {
	display: none;
}

input#wpSummary {
	width: 80%;
}

/* @bug 1714 */
input#wpSave, input#wpDiff {
	margin-right: 0.33em;
}

#wpSave {
	font-weight: bold;
}

/* noarticletext */
div.noarticletext {
	border: 1px solid #ccc;
	background: #fff;
	padding: .2em 1em;
	color: #000;
}

div#searchTargetContainer {
	left: 10px;
	top: 10px;
	width: 90%;
	background: white;
}

div#searchTarget {
	padding: 3px;
	margin: 5px;
	background: #F0F0F0;
	border: solid 1px blue;
}

div#searchTarget ul li {
	list-style: none;
}

div#searchTarget ul li:before {
	color: orange;
	content: "\00BB \0020";
}

div#searchTargetHide {
	float: right;
	border: solid 1px black;
	background: #DCDCDC;
	padding: 2px;
}

div.multipageimagenavbox {
	border: solid 1px silver;
	padding: 4px;
	margin: 1em;
	background: #f0f0f0;
}

div.multipageimagenavbox div.thumb {
	border: none;
	margin-left: 2em;
	margin-right: 2em;
}

div.multipageimagenavbox hr {
	margin: 6px;
}

table.multipageimage td {
	text-align: center;
}

.templatesUsed {
	margin-top: 1.5em;
}

.mw-summary-preview {
	margin: 0.1em 0;
}

/* Friendlier slave lag warnings */
div.mw-lag-warn-normal,
div.mw-lag-warn-high {
	padding: 3px;
	text-align: center;
	margin: 3px auto;
}
div.mw-lag-warn-normal {
	border: 1px solid #FFCC66;
	background-color: #FFFFCC;
}
div.mw-lag-warn-high {
	font-weight: bold;
	border: 2px solid #FF0033;
	background-color: #FFCCCC;
}

.MediaTransformError {
	background-color: #ccc;
	padding: 0.1em;
}
.MediaTransformError td {
	text-align: center;
	vertical-align: middle;
	font-size: 90%;
}
ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: .3em 0 0 1.5em;
	padding: 0;
	/* @embed */
	list-style-image: url(bullet.gif);
}
ol {
	line-height: 1.5em;
	margin: .3em 0 0 3.2em;
	padding: 0;
	list-style-image: none;
}
li {
	margin-bottom: .1em;
}
dt {
	font-weight: bold;
	margin-bottom: .1em;
}
dl {
	margin-top: .2em;
	margin-bottom: .5em;
}

#p-cactions li.new a {
	color: #cc2200;
}

span.subpages {
	font-size: 80%;
	display: block;
}

pre, .mw-code 
pre {
	border: solid 1px #000;
	padding: 0.4em;
	background-color: #FFF;
	color: #000;
}

.usermessage {
	background-color: #dadaff;
}

.mw-topboxes {
	border-collapse: collapse;
	margin: 0 -1em 1em -1em;
	padding: 0 0 0px 0;
	/* @embed */
	background: url(footer-grad.png) repeat-x bottom left;
}

.mw-topbox p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.mw-topbox {
	color: black;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 1em 0 1em;
	vertical-align: middle;
	border-collapse: collapse;
	border-bottom: solid 1px #bbbbbb;
}

#siteSub {
	background-color: #dddddd;
}

/* emulate center */
.center {
	width: 100%;
	text-align: center;
}
*.center * {
	margin-left: auto;
	margin-right: auto;
}

/* table standards */
.toccolours {
	border: 1px solid #bbbbbb;
	background-color: #f0f0f0;
	border-spacing: 0pt;
	margin: 0pt;
	padding: 0pt;
}

/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
.tipsy {
	font-size: 130%;
}

/**
 * Lists:
 * The following lines don't have a visible effect on non-Gecko browsers
 * They fix a problem ith Gecko browsers rendering lists to the right of
 * left-floated objects in an RTL layout.
 */
/* @noflip */
html > body.rtl div#mw_contentholder ul {
	display: table;
}

/* @noflip */
html > body.rtl div#mw_contentholder ul#filetoc {
	display: block;
}

/* ----------------Forum Config---------------- */

table.mw-wikiforum-frame {
	border: solid 1px #000;
	background-color: #333;
}

tr.mw-wikiforum-title {
	border: none;
	background-color: #000;
}

th.mw-wikiforum-title, 
th.mw-wikiforum-value, 
th.mw-wikiforum-admin, 
th.mw-wikiforum-lastpost, 
td.mw-wikiforum-title, 
td.mw-wikiforum-admin, 
td.mw-wikiforum-value, 
td.mw-wikiforum-lastpost {
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}

tr.mw-wikiforum-normal {
	background-color: #333;
}


td.mw-wikiforum-innerframe {
	border: solid 1px #000;
	box-shadow: 3px 3px 5px #000;
}

th.mw-wikiforum-thread-top {
	border: solid 1px #000;
	background-color: #000;

}

.wikiforum-avatar-image img{
	box-shadow: 3px 3px 5px #000;
}

table.mw-wikiforum-frame tbody{
	background-color: transparent;
}

td.mw-wikiforum-thread-main, td.mw-wikiforum-thread-sub{
	word-wrap: normal;
	word-break: normal;
}

td.mw-wikiforum-thread-main {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	border: none;
	background-color: #000;
	color: #999;
}

table.mw-wikiforum-posted {
	border-top: 1px solid #999999;
}
td.mw-wikiforum-thread-sub {
	border: 1px solid #000;
	background-color: #333;
	color: #999;
}

tr.mw-wikiforum-sticky {
	background-color: #111;
}


li.gallerybox div.thumb {
	background-color: #111;
	border: 2px solid #333;
}