User:Compooper/cologneblue.css

/* Instructions 1. Starting from one of the long dotted bars and ending at the next, select the year theme you want to display in your CSS 2. At the end of the document, paste the copied CSS below the "PASTE SELECTION BELOW" notice 3. If you do not pick a theme the CSS will display the 2018 style

NOTE: ONLY 2008, LATE 2008, 2014, 2018 DESIGNS AVAILABLE, MORE WILL BE ADDED SOON

Credit to PajamaFrix for original theme, all modifications done by Compooper */ /*-- */ /* 2008 */ body.ns-0, body {background: #021F3B;} 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; }
 * 1) sitetitle {

/* Header image */ display: inline-block; background: transparent url("https://i.imgur.com/4JQak80.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; }   top: 200px; background: #4A83BC; height: 40px; right: 0; text-transform: capitalize; }   font-family: Arial; background: #666; margin-bottom: 5px; }   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; }   font-size: 17px; } div#toplinks { top: 122px; font-weight: normal; }   width: 170px; top: 214px; }
 * 1) sitetitle a, #sitetitle a:hover {
 * 1) toplinks {
 * 1) syslinks li {
 * 1) quickbar h3 {
 * 1) toplinks a {
 * 1) quickbar {

/*-- */ /* Late 2008 */ body.ns-0, body {background: #021F3B;} 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; }
 * 1) sitetitle {

/* Header image */ 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; }   top: 200px; background: #4A83BC; height: 40px; right: 0; text-transform: capitalize; }   font-size: 14px; } li { display:list-item; }   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; }   font-size: 14px; } div#toplinks { top: 153px; font-weight: normal; }   width: 170px; top: 239px; } div#p-search { padding: 5px; display: inline-block!important; margin-top: 30px; }
 * 1) sitetitle a, #sitetitle a:hover {
 * 1) toplinks {
 * 1) toplinks a {
 * 1) quickbar h3 {
 * 1) toplinks a {
 * 1) quickbar {

/* -- */ /* 2014 */ body.ns-0, body {background: #000000;} 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; }
 * 1) sitetitle {

/* Header image */ display: inline-block; background: transparent url("https://i.imgur.com/CP5dfj7.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; }   top: 200px; bottom: 0px; background: #460000; height: 40px; right: 0; text-transform: capitalize; } div#toplinks { top: 230px; font-weight: normal; }   font-family: Arial; background: transparent; margin-bottom: 0px; }   font-size: 14px; }   width: 170px; top: 315px; }   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;} 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; }	display: inline-block; background: transparent url("https://i.imgur.com/X7pxhsw.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; }	top: 200px; /* needs to be manually adjusted */ background: #666; height: 40px; right: 0; text-transform: capitalize; }   font-size: 14px; } /* -- __________ _____    _______________________________                                     \______   \/  _  \  /   _____/\__    ___/\_   _____/                                      |     ___/  /_\  \ \_____  \   |    |    |    __)_                                       |    |  /    |    \/        \  |    |    |        \                                      |____|  \____|__  /_______  /  |____|   /_______  /                                                      \/        \/                    \/                                        ____________________.____     _______________________________.___________    _______    /   _____/\_   _____/|    |    \_   _____/\_   ___ \__    ___/|   \_____  \   \      \   \_____  \  |    __)_ |    |     |    __)_ /    \  \/ |    |   |   |/   |   \  /   |   \  /        \ |        \|    |___  |        \\     \____|    |   |   /    |    \/    |    \ /_______  //_______  /|_______ \/_______  / \______  /|____|   |___\_______  /\____|__  /        \/         \/         \/        \/         \/                      \/         \/ _____________________.____    ________  __      __                                       \______   \_   _____/|    |   \_____  \/  \    /  \                                       |    |  _/|    __)_ |    |    /   |   \   \/\/   /                                       |    |   \|        \|    |___/    |    \        /                                        |______  /_______  /|_______ \_______  /\__/\  /                                                \/        \/         \/       \/      \/                                 If there is no selection it will default to the 2018 design /*-- */ /* 2008 */ body.ns-0, body {background: #021F3B;} 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; }
 * 1) sitetitle a, #sitetitle a:hover {
 * 1) toplinks {
 * 1) syslinks li {
 * 1) toplinks a {
 * 1) quickbar {
 * 1) quickbar h3 {
 * 1) topbar {background: transparent;}
 * 2) sitetitle {
 * 1) sitetitle a, #sitetitle a:hover {
 * 1) toplinks {
 * 1) toplinks a {
 * 1) sitetitle {

/* Header image */ display: inline-block; background: transparent url("https://i.imgur.com/4JQak80.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; }   top: 200px; background: #4A83BC; height: 40px; right: 0; text-transform: capitalize; }   font-family: Arial; background: #666; margin-bottom: 5px; }   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; }   font-size: 17px; } div#toplinks { top: 122px; font-weight: normal; }   width: 170px; top: 214px; }
 * 1) sitetitle a, #sitetitle a:hover {
 * 1) toplinks {
 * 1) syslinks li {
 * 1) quickbar h3 {
 * 1) toplinks a {
 * 1) quickbar {