MediaWiki:Cologneblue.css: Difference between revisions

From the Audiovisual Identity Database, the motion graphics museum

← Older editNewer edit →
Content deleted Content added
Compooper (talk | contribs)
Confirmed users, Administrators
44,566 edits
happy april fools
Compooper (talk | contribs)
Confirmed users, Administrators
44,566 edits
No edit summary
Line 1: Line 1:
/*
/* 'Wetpaint' modification for 'Cologne Blue' MediaWiki theme v1.1 */
Happy April Fool's Day!
/* intended for use on the Audiovisual Identity Database */
Here's a little fun CSS thingy that contains CLG-styled Wetpaint themes up to 2008:
/* ---------- */
/* copy all of this and paste into your custom CSS for the 'cologne blue' theme, available under 'user preferences > theme'. */
/* if you are looking to add positioning similar to the old site I would recommend you use the code in User:PajamaFrix/cologneblue.js */


Instructions
1. Copy and paste everything below the base theme into your personal CSS (located at User:USERNAME/cologneblue.css)
2. Starting from one of the long dotted bars and ending at the next, select the year theme you want to display in your CSS
3. At the end of the document, paste the copied CSS below the "PASTE SELECTION BELOW" notice
4. If you do not pick a theme the CSS will display the 2018 style

A list of styles available as of March 31, 2023
1. 2008
2. Late 2008
3. 2014
4. 2018 (also default)

Credit to PajamaFrix for developing the original theme modification
All additional styles and modifications done by Compooper
*/



/*------------------------------------------------------------------------------------------ */
/* BASE THEME (needed to faciliate design of skin) */
body, #toplinks, #article, #article td, #article th, #article p, #quickbar {font-family: Arial, Verdana, Helvetica, sans-serif;}
body, #toplinks, #article, #article td, #article th, #article p, #quickbar {font-family: Arial, Verdana, Helvetica, sans-serif;}


/* Background color */
body.ns-0, body {background: #252525;}
body.ns-0, body {background: #252525;}


Line 15: Line 32:
}
}


/* Header */
#topbar {background: transparent;}
#topbar {background: transparent;}


Line 25: Line 41:
margin-bottom: 40px;
margin-bottom: 40px;
text-transform: capitalize;
text-transform: capitalize;
/* margin:-10px 0 0; */
min-height:100px;
min-height:100px;
/* padding: 5px; */
line-height:1em;
line-height:1em;
font-size:2.7em;
font-size:2.7em;
Line 34: Line 48:
}
}


/* Header image */
#sitetitle a, #sitetitle a:hover {
#sitetitle a, #sitetitle a:hover {
display: inline-block;
display: inline-block;
Line 48: Line 61:
}
}


/* Navigation bar */
#toplinks {
#toplinks {
top: 200px; /* needs to be manually adjusted */
top: 200px;
background: #666;
background: #666;
height: 40px;
height: 40px;
Line 103: Line 115:
margin-right: 10px;
margin-right: 10px;
}
}

/* Quick bar */
#quickbar {
#quickbar {
Line 172: Line 182:


a:hover {color:#FF7F00;text-decoration:underline;}
a:hover {color:#FF7F00;text-decoration:underline;}

/* more page formatting */
#linkcollection, #sitesub {visibility: hidden;}
#linkcollection, #sitesub {visibility: hidden;}
Line 325: Line 333:
letter-spacing: 0.7px;
letter-spacing: 0.7px;
}
}



/*------------------------------------------------------------------------------------------ */
/* THE ABOVE WAS THE BASE THEME THAT IS ESSENTIAL FOR PROPER FORMATTING. */
/* THE BELOW IS ALL THE CODE FOR THE DIFFERENT ERA SELECTIONS */
/*------------------------------------------------------------------------------------------ */



/*------------------------------------------------------------------------------------------ */
/* 2008 */
body.ns-0, body {background: #021F3B;}
#sitetitle {
background: #021F3B;
margin:0;
padding:0;
height: 44px;
margin-bottom: 40px;
text-transform: capitalize;
/* margin:-10px 0 0; */
min-height:100px;
/* padding: 5px; */
line-height:1em;
font-size:2.7em;
font-family: "Times New Roman", Times, Georgia, serif;
position:relative;
}

/* Header image */
#sitetitle a, #sitetitle a:hover {
display: inline-block;
background: transparent url("https://i.imgur.com/s3NGLuN.png") no-repeat center;
background-size:contain;
width: 550px;
height: 79px;
padding:0 0 0 10px;
margin:0;
margin-bottom: -45px;
font-size:0;
vertical-align: bottom;
}
#toplinks {
top: 200px;
background: #4A83BC;
height: 40px;
right: 0;
text-transform: capitalize;
}
#syslinks li {
font-family: Arial;
background: #666;
margin-bottom: 5px;
}
#quickbar h3 {
font-weight: normal;
font-family: 'Arial';
color: white;
font-size: 13px;
margin: 0 -10px 0 -100px;
padding: 0.2em 0 0.2em 100px;
cursor: default;
background: #4A83BC;
}
#toplinks a {
font-size: 17px;
}
div#toplinks {
top: 122px;
font-weight: normal;
}
#quickbar {
width: 170px;
top: 214px;
}
div#linkcollection {
margin-bottom: 7px;
}

/*------------------------------------------------------------------------------------------ */
/* Late 2008 */
body.ns-0, body {background: #021F3B;}
#sitetitle {
background: #021F3B;
margin:0;
padding:0;
height: 44px;
margin-bottom: 40px;
text-transform: capitalize;
/* margin:-10px 0 0; */
min-height:100px;
/* padding: 5px; */
line-height:1em;
font-size:2.7em;
font-family: "Times New Roman", Times, Georgia, serif;
position:relative;
}

/* Header image */
#sitetitle a, #sitetitle a:hover {
display: inline-block;
background: transparent url(https://i.imgur.com/rsZ9W2A.png) no-repeat center;
background-size: contain;
width: 622px;
height: 126px;
padding: 0 0 0 10px;
margin: 0;
margin-bottom: -45px;
font-size: 0;
vertical-align: bottom;
}
#toplinks {
top: 200px;
background: #4A83BC;
height: 40px;
right: 0;
text-transform: capitalize;
}
#toplinks a {
font-size: 14px;
}
li {
display:list-item;
}
#quickbar h3 {
font-weight: normal;
font-family: 'Arial';
color: white;
font-size: 13px;
margin: 0 -10px 0 -100px;
padding: 0.2em 0 0.2em 100px;
cursor: default;
background: #4A83BC;
}
#toplinks a {
font-size: 14px;
}
div#toplinks {
top: 153px;
font-weight: normal;
}
#quickbar {
width: 170px;
top: 239px;
}
div#p-search {
padding: 5px;
display: inline-block!important;
margin-top: 30px;
}
div#linkcollection {
margin-bottom: 10px;
}

/* ------------------------------------------------------------------------------------------ */
/* 2014 */
body.ns-0, body {background: #000000;}
#sitetitle {
background: #D01C22;
margin:0;
padding:0;
height: 200px;
margin-bottom: 40px;
text-transform: capitalize;
/* margin:-10px 0 0; */
min-height:100px;
/* padding: 5px; */
line-height:1em;
font-size:2.7em;
font-family: "Times New Roman", Times, Georgia, serif;
position:relative;
}

/* Header image */
#sitetitle a, #sitetitle a:hover {
display: inline-block;
background: transparent url("https://i.imgur.com/qvpAX7D.png") no-repeat center;
background-size:contain;
width: 590px;
height: 200px;
padding:0 0 0 10px;
margin:0;
margin-bottom: -157px;
font-size:0;
vertical-align: bottom;
}
#toplinks {
top: 200px;
bottom: 0px;
background: #460000;
height: 40px;
right: 0;
text-transform: capitalize;
}
div#toplinks {
top: 230px;
font-weight: normal;
}
#syslinks li {
font-family: Arial;
background: transparent;
margin-bottom: 0px;
}
#toplinks a {
font-size: 14px;
}
#quickbar {
width: 170px;
top: 317px;
}
#quickbar h3 {
font-weight: normal;
font-family: 'Arial';
color: #497FB1;
font-size: 13px;
margin: 0 -10px 0 -100px;
padding: 0.2em 0 0.2em 100px;
cursor: default;
background: transparent;
}
div#p-search {
padding: 5px;
display: inline-block!important;
margin-top: 7px;
}
/*------------------------------------------------------------------------------------------ */
/* 2018 (Default skin) */
body.ns-0, body {background: #252525;}
#topbar {background: transparent;}
#sitetitle {
background: #252525;
margin:0;
padding:0;
height: 200px;
margin-bottom: 40px;
text-transform: capitalize;
/* margin:-10px 0 0; */
min-height:100px;
/* padding: 5px; */
line-height:1em;
font-size:2.7em;
font-family: "Times New Roman", Times, Georgia, serif;
position:relative;
}
#sitetitle a, #sitetitle a:hover {
display: inline-block;
background: transparent url("https://i.imgur.com/mhrp0d0.png") no-repeat center;
background-size:contain;
width: 768px;
height: 200px;
padding:0 0 0 10px;
margin:0;
margin-left:8px;
font-size:0;
vertical-align: bottom;
}
#toplinks {
top: 200px; /* needs to be manually adjusted */
background: #666;
height: 40px;
right: 0;
text-transform: capitalize;
}
#toplinks a {
font-size: 14px;
}
/* ------------------------------------------------------------------------------------------
___ _____ ___ _____ ___
( _`\ ( _ )( _`\ (_ _)( _`\
| |_) )| (_) || (_(_) | | | (_(_)
| ,__/'| _ |`\__ \ | | | _)_
| | | | | |( )_) | | | | (_( )
(_) (_) (_)`\____) (_) (____/'
___ ___ _ ___ ___ _____ _ _____ _ _
( _`\ ( _`\ ( ) ( _`\ ( _`\ (_ _)(_)( _ )( ) ( )
| (_(_)| (_(_)| | | (_(_)| ( (_) | | | || ( ) || `\| |
`\__ \ | _)_ | | _ | _)_ | | _ | | | || | | || , ` |
( )_) || (_( )| |_( )| (_( )| (_( ) | | | || (_) || |`\ |
`\____)(____/'(____/'(____/'(____/' (_) (_)(_____)(_) (_)
___ ___ _ _____ _ _
( _`\ ( _`\ ( ) ( _ )( ) _ ( )
| (_) )| (_(_)| | | ( ) || | ( ) | |
| _ <'| _)_ | | _ | | | || | | | | |
| (_) )| (_( )| |_( )| (_) || (_/ \_) |
(____/'(____/'(____/'(_____)`\___x___/'
If there is no selection it will default to the 2018 design
*/

Revision as of 00:41, 1 April 2023

/* 
Happy April Fool's Day!
Here's a little fun CSS thingy that contains CLG-styled Wetpaint themes up to 2008:

Instructions
1. Copy and paste everything below the base theme into your personal CSS (located at User:USERNAME/cologneblue.css)
2. Starting from one of the long dotted bars and ending at the next, select the year theme you want to display in your CSS
3. At the end of the document, paste the copied CSS below the "PASTE SELECTION BELOW" notice
4. If you do not pick a theme the CSS will display the 2018 style

A list of styles available as of March 31, 2023
1. 2008
2. Late 2008
3. 2014
4. 2018 (also default)

Credit to PajamaFrix for developing the original theme modification
All additional styles and modifications done by Compooper 
*/



/*------------------------------------------------------------------------------------------ */
/* BASE THEME (needed to faciliate design of skin) */
body, #toplinks, #article, #article td, #article th, #article p, #quickbar {font-family: Arial, Verdana, Helvetica, sans-serif;}

body.ns-0, body {background: #252525;}

.image img, p img {
    max-width: 500px;
    height: auto;
}

#topbar {background: transparent;}

#sitetitle {
	background: #252525;
	margin:0;
	padding:0;
	height: 200px;
    margin-bottom: 40px;
	text-transform: capitalize;
	min-height:100px;
	line-height:1em;
	font-size:2.7em;
	font-family: "Times New Roman", Times, Georgia, serif;
	position:relative;	
}

#sitetitle a, #sitetitle a:hover {
	display: inline-block;
	background: transparent url("https://i.imgur.com/mhrp0d0.png") no-repeat center;
	background-size:contain;
	width: 768px;
	height: 200px;
    padding:0 0 0 10px;
    margin:0;
    margin-left:8px;
	font-size:0;
	vertical-align: bottom;
}

#toplinks {
	top: 200px;
	background: #666;
	height: 40px;
	right: 0;
	text-transform: capitalize;
}

#toplinks a {
	font-size: 14px;
}
#toplinks a:hover {
    text-decoration: underline;
}

.cb-piped-list > li:not(:first-child)::before {
    content: '⸽';
    display: inline-block;
    margin-right: 10px;
}
.cb-piped-list > li {
	float: left;
	white-space: nowrap;
	position: relative;
	display: block;
	font-weight: bold;
	line-height: 40px;
	padding: 0 5px;
	margin-bottom: 0;
}

#sitetitle, #sitesub, #toplinks {
	margin-bottom:40px;
}

#linkcollection {
	margin-bottom:10px;
}

h1 {font-size: 175%;}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

#article {
	border: 1px solid #CDCDCD;
	background: #fff;
	margin-left: 220px;
	padding: 10px;
	margin-right: 10px;
}
    
#quickbar {
	width: 170px;
	top:315px;
	background: #fff;
	font-weight:normal;
	border: 1px solid #000;
	font-size: 80%;
	color: #666;
	padding: 2.5px 10px 5px 10px;
	left: 14px;
	height: 200px;
	overflow: auto;
    box-shadow: 0 0 0 1px #666;
}

#p-search {display:none;}

#quickbar .portlet ul, #quickbar .portlet li {
	list-style-type: square;
	margin: 0.3em 0 0 0.5em;
}

#quickbar li {list-style: none !important;}   

#quickbar li:before {
      content: "\2022";
      color: #c2e1ff;
      display: inline-block; 
      position: absolute;
      width: 1em;
      margin-left: -1em;
      margin-top: 0.15em;
}
    
#quickbar li a {
	line-height: 1.25em;
	display: block;
	margin: 0 -10px 0 -100px;
    padding: 0.2em 0 0.2em 100px;
	position: relative;
	color: #497FB1;
	text-decoration: none;
}

#quickbar h3 {
	font-weight:normal;
    font-family: 'AVID Sans';
	color: #497FB1;
	font-size: 13px;
    margin: 0 -10px 0 -100px;
    padding: 0.2em 0 0.2em 100px;
    cursor: default;
}

#quickbar li a:hover, #quickbar h3:hover {
	background-color: #E3EEF9;
	color: #DE590A;
}
    
a:link, a:visited,
    .oo-ui-tabOptionWidget:not(.oo-ui-optionWidget-selected).oo-ui-widget-enabled .oo-ui-labelElement-label{
        color: #497FB1;
        text-decoration:none;
}

a:hover {color:#FF7F00;text-decoration:underline;}
    
#linkcollection, #sitesub {visibility: hidden;}
#ca-cb-mainpage {margin-left:5px;}

#footer {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	position: relative;
	height: 80px;
	margin: 20px 0 10px 0;
	padding: 0px;
	font-size: 75%;
	color: #DDDDDD;
}
#footer li {line-height: 30px;}
#footer li a {color: #C5DBED;}
#footer li a:hover {color: #DDDDDD;}

#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge {
	text-indent: -100px;
	background: #fff;
	background-image: none;
	color: #497FB1;
	text-decoration: none;
}

#pt-notifications-alert .mw-echo-notifications-badge li a:hover, #pt-notifications-notice .mw-echo-notifications-badge li a:hover{
	text-indent: -100px;
	background: #E3EEF9;
	background-image: none;
	color: #DE590A;
	text-decoration: underline;
}

#p-personal li#pt-notifications-alert, #p-personal li#pt-notifications-notice {
    display: list-item;
    margin: 0.75em 0.5em 0.75em 6.5px;
}

#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read::before, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read::before, #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {filter:none;}
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge {filter:none;}
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {opacity: 1;}
#pt-uls {display:none;}

#article p.subtitle, #article p.subpages, #article p.tagline {display:none;}
#firstHeading {padding-bottom: 5px;margin-bottom: 5px;}
#siteNotice {visibility: visible;border:none;}

.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
	background: #A9CEEE
		url(https://i.imgur.com/feC4z6s.png)
		repeat-x top left;
	border: solid 1px #979797;
	color: #333;
	padding: .3em 1em .3em 1em;
	margin: 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 90%;
	overflow: visible;
	width: auto;
}
.oo-ui-buttonElement > .oo-ui-buttonElement-button {min-height: 20px;}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	border-color: #a2a9b1;
    background-color: #CCC;
    color: #333;
    font-weight: normal;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover{
	color: #000;
	background-color: #A9CEEE;
	border-color: #a2a9b1;
	font-weight: bold;
}

#p-search #searchInput {
	width:166px;
	border:1px solid #cdcdcd;
	margin:0 3px;
	padding:.1em 0 .1em .2em;
	vertical-align:bottom;
	line-height:1.4em;
	height:1.7em;
	color:#666;
	text-align:left
}
#p-search input.mw-fallbackSearchButton {
	vertical-align:top;
	background:transparent url(https://i.imgur.com/1IFH14g.png) no-repeat top;
	border:none;
	height:17px;
	width:17px;
	margin:.2em 0 0 0;
	padding:0;
	color:transparent;
	cursor:pointer
}
#mw-navigation a {
    font-family: Arial;
}
#quickbar h3 {
    font-weight: normal;
    font-family: 'Arial';
    color: #497FB1;
    font-size: 13px;
    margin: 0 -10px 0 -100px;
    padding: 0.2em 0 0.2em 100px;
    cursor: default;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    color: #000;
    background-color: #A9CEEE;
    border-color: #a2a9b1;
    font-weight: bold;
    font-family: Tahoma;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    border-color: #a2a9b1;
    background-color: #CCC;
    color: #333;
    font-family: Tahoma;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
    color: #d33;
    font-family: Tahoma;	
}
.editOptions {
    background-color: #eaecf0;
    color: #202122;
    border: 1px solid #c8ccd1;
    border-top: 0;
    padding: 1em 1em 1.5em 1em;
    margin-bottom: 2em;
    font-family: Arial;
}
h1, #firstHeading, .firstHeading, h2, h3, h4, h5, h6 {
    font-family: 'Arial';
    font-weight: 500;
}
.mw-message-box {
    font-family: 'Arial';
}
.mw-body-content {
    font-family: 'Arial' !important;
    letter-spacing: 0.7px;
}



/*------------------------------------------------------------------------------------------ */
/*  THE ABOVE WAS THE BASE THEME THAT IS ESSENTIAL FOR PROPER FORMATTING. */
/*	THE BELOW IS ALL THE CODE FOR THE DIFFERENT ERA SELECTIONS */
/*------------------------------------------------------------------------------------------ */



/*------------------------------------------------------------------------------------------ */
/* 2008 */
body.ns-0, body {background: #021F3B;}
#sitetitle {
	background: #021F3B;
	margin:0;
	padding:0;
	height: 44px;
    margin-bottom: 40px;
	text-transform: capitalize;
	/* margin:-10px 0 0; */
	min-height:100px;
	/* padding: 5px; */
	line-height:1em;
	font-size:2.7em;
	font-family: "Times New Roman", Times, Georgia, serif;
	position:relative;	
}

/* Header image */
#sitetitle a, #sitetitle a:hover {
	display: inline-block;
	background: transparent url("https://i.imgur.com/s3NGLuN.png") no-repeat center;
	background-size:contain;
	width: 550px;
	height: 79px;
    padding:0 0 0 10px;
    margin:0;
	margin-bottom: -45px;
	font-size:0;
	vertical-align: bottom;
}
#toplinks {
    top: 200px;
    background: #4A83BC;
    height: 40px;
    right: 0;
    text-transform: capitalize;
}
#syslinks li {
    font-family: Arial;
    background: #666;
    margin-bottom: 5px;
}
#quickbar h3 {
    font-weight: normal;
    font-family: 'Arial';
    color: white;
    font-size: 13px;
    margin: 0 -10px 0 -100px;
    padding: 0.2em 0 0.2em 100px;
    cursor: default;
    background: #4A83BC;
}
#toplinks a {
    font-size: 17px;
}
div#toplinks {
    top: 122px;
    font-weight: normal;
}
#quickbar {
    width: 170px;
    top: 214px;
}
div#linkcollection {
    margin-bottom: 7px;
}

/*------------------------------------------------------------------------------------------ */
/* Late 2008 */
body.ns-0, body {background: #021F3B;}
#sitetitle {
	background: #021F3B;
	margin:0;
	padding:0;
	height: 44px;
    margin-bottom: 40px;
	text-transform: capitalize;
	/* margin:-10px 0 0; */
	min-height:100px;
	/* padding: 5px; */
	line-height:1em;
	font-size:2.7em;
	font-family: "Times New Roman", Times, Georgia, serif;
	position:relative;	
}

/* Header image */
#sitetitle a, #sitetitle a:hover {
    display: inline-block;
    background: transparent url(https://i.imgur.com/rsZ9W2A.png) no-repeat center;
    background-size: contain;
    width: 622px;
    height: 126px;
    padding: 0 0 0 10px;
    margin: 0;
    margin-bottom: -45px;
    font-size: 0;
    vertical-align: bottom;
}
#toplinks {
    top: 200px;
    background: #4A83BC;
    height: 40px;
    right: 0;
    text-transform: capitalize;
}
#toplinks a {
    font-size: 14px;
}
li {
	display:list-item;
}
#quickbar h3 {
    font-weight: normal;
    font-family: 'Arial';
    color: white;
    font-size: 13px;
    margin: 0 -10px 0 -100px;
    padding: 0.2em 0 0.2em 100px;
    cursor: default;
    background: #4A83BC;
}
#toplinks a {
    font-size: 14px;
}
div#toplinks {
    top: 153px;
    font-weight: normal;
}
#quickbar {
    width: 170px;
    top: 239px;
}
div#p-search {
    padding: 5px;
    display: inline-block!important;
    margin-top: 30px;
}
div#linkcollection {
    margin-bottom: 10px;
}

/* ------------------------------------------------------------------------------------------ */
/* 2014 */
body.ns-0, body {background: #000000;}
#sitetitle {
	background: #D01C22;
	margin:0;
	padding:0;
	height: 200px;
    margin-bottom: 40px;
	text-transform: capitalize;
	/* margin:-10px 0 0; */
	min-height:100px;
	/* padding: 5px; */
	line-height:1em;
	font-size:2.7em;
	font-family: "Times New Roman", Times, Georgia, serif;
	position:relative;	
}

/* Header image */
#sitetitle a, #sitetitle a:hover {
	display: inline-block;
	background: transparent url("https://i.imgur.com/qvpAX7D.png") no-repeat center;
	background-size:contain;
	width: 590px;
	height: 200px;
    padding:0 0 0 10px;
    margin:0;
	margin-bottom: -157px;
	font-size:0;
	vertical-align: bottom;
}
#toplinks {
    top: 200px;
    bottom: 0px;
    background: #460000;
    height: 40px;
    right: 0;
    text-transform: capitalize;
}
div#toplinks {
    top: 230px;
    font-weight: normal;
}
#syslinks li {
    font-family: Arial;
    background: transparent;
    margin-bottom: 0px;
}
#toplinks a {
    font-size: 14px;
}
#quickbar {
    width: 170px;
    top: 317px;
}
#quickbar h3 {
    font-weight: normal;
    font-family: 'Arial';
    color: #497FB1;
    font-size: 13px;
    margin: 0 -10px 0 -100px;
    padding: 0.2em 0 0.2em 100px;
    cursor: default;
    background: transparent;
}
div#p-search {
    padding: 5px;
    display: inline-block!important;
    margin-top: 7px;
}
/*------------------------------------------------------------------------------------------ */
/* 2018 (Default skin) */
body.ns-0, body {background: #252525;}
#topbar {background: transparent;}
#sitetitle {
	background: #252525;
	margin:0;
	padding:0;
	height: 200px;
    margin-bottom: 40px;
	text-transform: capitalize;
	/* margin:-10px 0 0; */
	min-height:100px;
	/* padding: 5px; */
	line-height:1em;
	font-size:2.7em;
	font-family: "Times New Roman", Times, Georgia, serif;
	position:relative;	
}
#sitetitle a, #sitetitle a:hover {
	display: inline-block;
	background: transparent url("https://i.imgur.com/mhrp0d0.png") no-repeat center;
	background-size:contain;
	width: 768px;
	height: 200px;
    padding:0 0 0 10px;
    margin:0;
    margin-left:8px;
	font-size:0;
	vertical-align: bottom;
}
#toplinks {
	top: 200px; /* needs to be manually adjusted */
	background: #666;
	height: 40px;
	right: 0;
	text-transform: capitalize;
}
#toplinks a {
    font-size: 14px;
}
/* ------------------------------------------------------------------------------------------
 ___    _____  ___    _____  ___                           
(  _`\ (  _  )(  _`\ (_   _)(  _`\                         
| |_) )| (_) || (_(_)  | |  | (_(_)                        
| ,__/'|  _  |`\__ \   | |  |  _)_                         
| |    | | | |( )_) |  | |  | (_( )                        
(_)    (_) (_)`\____)  (_)  (____/'                        
 ___    ___    _      ___    ___    _____  _  _____  _   _ 
(  _`\ (  _`\ ( )    (  _`\ (  _`\ (_   _)(_)(  _  )( ) ( )
| (_(_)| (_(_)| |    | (_(_)| ( (_)  | |  | || ( ) || `\| |
`\__ \ |  _)_ | |  _ |  _)_ | |  _   | |  | || | | || , ` |
( )_) || (_( )| |_( )| (_( )| (_( )  | |  | || (_) || |`\ |
`\____)(____/'(____/'(____/'(____/'  (_)  (_)(_____)(_) (_)
 ___    ___    _      _____  _       _                     
(  _`\ (  _`\ ( )    (  _  )( )  _  ( )                    
| (_) )| (_(_)| |    | ( ) || | ( ) | |                    
|  _ <'|  _)_ | |  _ | | | || | | | | |                    
| (_) )| (_( )| |_( )| (_) || (_/ \_) |                    
(____/'(____/'(____/'(_____)`\___x___/'                    
                                                                           
        If there is no selection it will default to the 2018 design
*/
Retrieved from "https://www.avid.wiki/MediaWiki:Cologneblue.css?oldid=409781"
Cookies help us deliver our services. By using our services, you agree to our use of cookies.
More information