css:political

This page if for editing the css file that will create the theme for this site.

(TODO) Make this work for IE 6.
(TODO) GET filled ovals to pre-load.

body {
 background: Navy;
 background-image: 
     url("/local--files/css:political/stars.png");
}
 
#container {
 width: 790px;
 margin: 30px auto;
 border: solid Black;
 background: White;
}
 
#header, #footer, #license-area {
 border: none;
 background: SkyBlue;
 color: Black;
}
 
#header {
 height: 240px;
}
 
#header a, #footer a, #license-area a {
 color: Red;
}
 
#header a:hover, #footer a:hover, 
#license-area a:hover, #top-bar li:hover {
background: Black;
}
 
#header {
 border-bottom: solid Black;
}
 
#footer {
 border-top: solid Black;
}
 
#header h1, #header h2 {
 position: absolute;
 left: 30px;
 width: 550px;
 text-align: center;
}
 
#header h1 {
 top: 30px;
 height: 192px;
 background-image: 
    url("/local--files/css:political/md_eagle_spread_IE6.jpg");
 background-position: top center;
 background-repeat: no-repeat;
 padding-top: 35px;
 font-size: 30px;
}
 
#header h2 {
 top: 105px;
 color: White;
 font-style: italic;
}
 
/*
#header h1:hover {
 background: none;
 background-image: 
    url("/local--files/css:political/sm-eagle-silo.png");
 background-position: top center;
 background-repeat: no-repeat;
}
*/
 
#header h1 a:hover {
 background: none;
}
 
#top-bar li, #top-bar a {
 background: Black;
 color: white;
}
 
#top-bar a {
 color: Red; 
}
 
#top-bar ul ul a:hover {
 text-decoration: none;
}
 
/*
#login-status {
 position: static;
 display: block;
 background: Red;
 color: Blue;
}
 
#login-status a {
 color: White;
}
*/
 
#content-wrap {
 background-color: White;
 background-image: 
    url("/local--files/css:political/red-strip.png");
 background-position: top left;
 background-repeat: repeat-y;
}
 
#side-bar {
 width: 170px;
 margin: 10px;
 border: solid thin Black;
 padding-right: 30px;
 background: White;
 background-image: 
    url("/local--files/css:political/feed.png");
 background-position: top right;
 background-repeat: repeat-y;
}
 
#side-bar h1, #side-bar h2, #side-bar h3 {
 background: Gold;
 border-bottom: medium solid Black;
}
 
#side-bar ul {
 margin: 0px 0px 3px 0px;
 border-width: medium;
 border-color: Black;
 border-style: solid none;
 list-style-position: inside;
 padding: 10px 0px;
}
 
#side-bar li {
 list-style-image: 
    url("/local--files/css:political/oval-empty.png");
 list-style-type: disc;
 text-transform: uppercase;
}
 
#side-bar li:hover {
 list-style-image: 
    url("/local--files/css:political/oval-filled.png");
 list-style-type: circle;
}
 
/* this forces the extra oval to pre-load */
#extra-div-1 {
 background-image: 
    url("/local--files/css:political/oval-filled.png");
 visibility: hidden;
 position: fixed;
 top: 0px;
 left: 0px;
}
 
#side-bar ul ul {
 border-width: thin;
 border-style: solid;
 margin: 0px;
 padding: 5px;
}
 
#side-bar a {
 color: Black;
 text-decoration: none;
 background: none;
}
 
#side-bar a:hover {
 text-decoration: none;
}
 
#content-wrap {
 background-color: White;
 background-image: 
    url("/local--files/css:political/red-strip.png");
}
 
#main-content {
 margin-left: 220px;
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-Share Alike 2.5 License.