User:Nova/cologneblue.css

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)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* 
     _                                       _   
    ( )                            _        ( )_ 
   _| | _ __  _   _  _ _      _ _ (_)  ___  | ,_)
 /'_` |( '__)( ) ( )( '_`\  /'_` )| |/' _ `\| |  
( (_| || |   | (_) || (_) )( (_| || || ( ) || |_ 
`\__,_)(_)   `\__, || ,__/'`\__,_)(_)(_) (_)`\__)
             ( )_| || |                          
             `\___/'(_)                                                    
A custom Cologne Blue skin mod that takes the AVID time machine back to the good old days of the Internet

IMPORTANT NOTE: We do not use the CLG name and branding in any of these styles, this is to maintain consistency between pages of the wiki.

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 April 1, 2023
1. 2008
2. Late 2008
3. 2011
4. 2014
5. 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: #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/vNCdWmL.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;
}