body { background-color: #000000; background-image: url("space.png"); background-repeat: repeat; background-position: 0px 0px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: small; color: #BEBEBE; margin: 0px; padding: 0px } a:link, a:visited { color: #99CCFF; text-decoration: underline } a:hover, a:active { color: #FFCCFF } a img { border: 0px } h1,h2,h3,h4 { font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; margin: 0px; padding-top: 10px; padding-bottom: 10px; font-weight: bold; color: #FFFFFF; text-shadow: 0px 0px 10px #0099FF; -moz-text-shadow: 0px 0px 10px #0099FF; -webkit-text-shadow: 0px 0px 10px #0099FF } h1 { /* Only one h1 per page! */ font-size: 32pt; padding-top: 0px; padding-bottom: 15px } h2 { font-size: 24pt } h3 { font-size: 18pt } h4 { font-size: 16pt } pre,code { font-family: "Lucida Console","DejaVu LGC Sans Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace; font-size: 9pt; color: #00CCCC } pre { display: block; border: 1px dashed #CCCCCC; padding: 10px; margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 10px; overflow-x: auto } code { display: inline } label { cursor: pointer } legend { color: #00FFFF; font-weight: bold } th { font-weight: bold; background-color: #000000; color: #FFFF00; text-align: center } table,th,td { border-color: #999999 } th { text-align: left } table.box { border: 1px solid #999999 } input[type="text"],input[type="password"],textarea,input[type="file"],select { /* To hell with IE */ background-color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: small; color: #CCCCCC; border-top: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC } /******************************************************************************* * General CSS Classes * ******************************************************************************/ .center { margin: auto; text-align: center } .right { margin-left: auto; margin-right: 0px; text-align: right } .invisible { display: none } /******************************************************************************* * Styles Needed by Specific Pages in the CMS * ******************************************************************************/ /* Downloads */ .distro { border: 1px solid #CCCCCC } .distro th { width: 150px; text-align: center; vertical-align: top } .distro td { width: 150px; text-align: center; vertical-align: top; border: 1px solid #808080 } .distro td img { float: left } /******** * Blog * *******/ /* Blog titles when shown on index view */ a.blog-title-index:link, a.blog-title-index:visited { font-family: "Trebuchet MS",Verdana,Arial,sans-serif; font-size: 32pt; font-weight: bold; color: #FFFFFF; text-decoration: none } a.blog-title-index:hover, a.blog-title-index:active { text-decoration: underline } /* Poster's avatar box */ .blog-author, .comment-author { float: right; background-color: #444444; border: 1px solid #CCCCCC; padding: 2px; margin-left: 10px; margin-bottom: 10px; width: 100px; /* 96 avatar width + 4px padding */ text-align: center; font-weight: bold } /* Timestamp and author line below blog titles */ .blog-timestamp { font-size: smaller; font-style: italic; padding-left: 30px; padding-top: 5px; padding-bottom: 10px } /* Blog comment wrapper */ .comment { border: 1px dashed #006699; padding: 5px } /******************************************************************************* * Supernova Website Design Classes - Copyright 2009 Casey Kirsle - Kirsle.com * ******************************************************************************/ /************* * Eye Candy * ************/ .k-supernova { /* Main BG image */ position: absolute; z-index: 100; top: 0px; left: 0px; width: 960px; height: 1000px; background-image: url("supernova.jpg"); background-repeat: no-repeat; background-position: 0px 0px } .k-kirsle { /* Kirsle logo */ position: absolute; z-index: 150; top: 9px; left: 433px; width: 317px; height: 177px; background-image: url("kirsle.jpg"); background-repeat: no-repeat; background-position: 0px 0px; cursor: pointer } /******************** * Navigation Panel * *******************/ .k-navpanel { /* Wrapper for nav bar */ position: absolute; z-index: 200; top: 203px; left: 57px; width: 152px } .k-navbg { /* Background image for navbar */ width: 152px; background-image: url("navbody.png"); background-repeat: repeat-y; background-position: 0px 0px } .k-navbody { /* Navigation content wrapper */ width: 152px; background-image: url("navtop.png"); background-repeat: no-repeat; background-position: 0px 0px; } .k-navfoot { /* Footer of navigation bar */ width: 152px; height: 10px; background-image: url("navfoot.png"); background-repeat: no-repeat; background-position: 0px 0px } .k-section { /* Division of navigation bar */ display: block; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 14pt; font-weight: bold; text-align: center; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; margin-left: 2px; margin-right: 2px; padding: 0px } .k-navi { /* Stretches of hyperlinks inside the nav bar */ padding-left: 4px; padding-right: 4px; font-size: x-small; line-height: 160% } /* Hyperlinks inside the nav bar */ .k-navi a:link, .k-navi a:visited { font-size: x-small; font-weight: bold } /********************* * Main Content Area * ********************/ .k-content-panel { /* Wrapper for the content panel */ z-index: 300; position: absolute; top: 203px; left: 262px; right: 40px; background-image: url("panelbg.png"); background-repeat: repeat; background-position: 0px 0px } .k-content-eyecandy { /* Main eyecandy part of the BG */ background-image: url("nw.jpg"); background-repeat: no-repeat; background-position: 0px 0px } .k-content-n { /* North edge of the table */ height: 10px; margin-left: 10px; background-image: url("n.png"); background-repeat: repeat-x; background-position: 0px 0px } .k-content-ne { /* Northeast edge of the table */ position: absolute; top: 0px; right: 0px; width: 10px; height: 10px; background-image: url("ne.png"); background-repeat: no-repeat; background-position: 0px 0px } .k-content-main { /* Left border */ background-image: url("w.png"); background-repeat: repeat-y; background-position: 0px 0px } .k-content-body { /* Right border */ background-image: url("e.png"); background-repeat: repeat-y; background-position: 100% 0px; padding: 0px 10px } .k-copyright { /* Copyright text */ text-align: center; font-size: x-small; color: #999999; font-weight: bold; padding: 20px 0px } .k-content-foot { position: relative; height: 10px; background-image: url("s.png"); background-repeat: repeat-x; background-position: 0px 100% } .k-content-sw { position: absolute; top: 0px; left: 0px; width: 10px; height: 10px; background-image: url("sw.png"); background-repeat: no-repeat; background-position: 0px 0px } .k-content-se { position: absolute; top: 0px; right: 0px; width: 10px; height: 10px; background-image: url("se.png"); background-repeat: no-repeat; background-position: 0px 0px } .k-space { background-image: url("space.png"); background-repeat: repeat; background-position: 0px 0px; height: 50px }