kirsle.net/www/designs/starburst/screen.css

280 lines
5.9 KiB
CSS

body {
/* Need a BG image for IE cuz it renders colors wrong. */
background-image: url("skyblue.png");
background-repeat: repeat;
background-color: #AACCFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
color: #000000;
margin: 0px;
padding: 0px
}
a:link, a:visited {
font-weight: bold;
text-decoration: underline;
color: #000000
}
a:hover, a:active {
text-decoration: none
}
a img {
border: 0px solid transparent
}
h1 {
font-size: 36pt;
font-weight: bold
}
h2 {
font-size: 24pt;
font-weight: bold
}
h3 {
font-size: 18pt;
font-weight: bold;
font-style: italic
}
h1.top, h2.top, h3.top {
margin-top: 0px
}
pre {
display: block;
border: 1px dashed #000000;
padding: 5px;
font-family: "Lucida Console","DejaVu LGC Sans Mono","Bitstream Vera Sans Mono",monospace;
font-size: small;
color: #000000
}
pre.notes {
height: 300px;
overflow: auto
}
code {
display: inline;
font-family: "Lucida Console","DejaVu LGC Sans Mono","Bitstream Vera Sans Mono",monospace;
font-size: small;
color: #000000
}
/******************************************************************************
* Starburst CMS Styles *
******************************************************************************/
/* Web Blog Plugin */
/*
sblog-title: Blog titles on multi-view page (not permalink page)
Permalink pages just use a standard <h1>
*/
.sblog-title {
display: block;
margin-bottom: 0px;
margin-top: 15px;
font-size: 24pt;
font-weight: bold
}
.sblog-title a:link, .sblog-title a:visited {
color: #000000;
text-decoration: none
}
.sblog-title a:hover, .sblog-title a:active {
color: #000000;
text-decoration: underline
}
/******************************************************************************
* Cuvou.com Web Design Styles *
******************************************************************************/
/* Top Banner, Starburst and Logo Classes */
.cv-sash {
position: absolute;
z-index: 100;
top: 0px;
left: 0px;
right: 0px;
width: 100%; /* IE Hax. right=0? don't support it? grr */
height: 118px;
background-image: url("blue.png"); /* IE Hax */
background-repeat: repeat;
background-color: #0099FF
}
.cv-starburst {
width: 240px;
height: 118px;
background-image: url("starburst.png");
background-repeat: no-repeat
}
.cv-clouds {
position: absolute;
z-index: 110;
top: 0px;
left: 240px;
right: 0px;
height: 118px;
/* IE 6 isn't satisfied with inheritence, so we have to explicitly define
the background over here, too. grrr. */
background-image: url("blue.png"); /* IE Hax */
background-repeat: repeat;
background-color: #0099FF
}
.cv-logo {
padding-top: 20px
}
/* Fire Row and Left Navigation Classes */
.cv-fire {
position: absolute;
z-index: 200;
top: 118px;
left: 0px;
right: 0px;
width: 100%; /* IE Hax Again */
height: 70px;
background-image: url("fire.png");
background-repeat: repeat-x
}
.cv-fireburst {
width: 240px;
height: 70px;
background-image: url("leftbg.png");
background-repeat: no-repeat
}
.cv-navwrapper {
/* Stupid IE 6 wouldn't render the nav bottom correctly, so we have to put the
entire nav bar in its very own container just to get around it. */
position: absolute;
z-index: 210;
left: 25px;
top: 15px;
width: 150px
}
.cv-navbar {
background-image: url("leftbar.png");
background-repeat: repeat-y
}
.cv-navcontent {
width: 150px;
background-image: url("lefttop.png");
background-repeat: no-repeat
}
.cv-navtext {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px
}
.cv-navbottom {
width: 150px;
height: 11px; /* Add 10px for IE 6 to render it right (should be 11) */
background-image: url("leftbot.png");
background-repeat: no-repeat
}
.cv-navtext a:link, .cv-navtext a:visited {
text-decoration: none
}
.cv-navtext a:hover, .cv-navtext a:active {
text-decoration: underline
}
/* Main Content Area */
.cv-content {
position: absolute;
z-index: 9000;
top: 120px;
left: 220px;
right: 15px
}
/* Miscellaneous and Page-Specific Styles */
.section {
text-align: center;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 14pt;
font-weight: bold;
border-bottom: 1px solid #0000FF;
color: #0000FF
}
.subsection {
text-align: center;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 10pt;
font-weight: bold;
border-bottom: 1px dashed #000099;
color: #000099
}
.copyright {
margin-top: 96px;
margin-bottom: 32px;
text-align: center;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: x-small;
font-weight: bold;
color: #000000
}
.distro {
border: 1px solid #000000
}
.distro th {
width: 150px;
text-align: center;
vertical-align: top
}
.distro td {
width: 150px;
text-align: center;
vertical-align: top;
border: 1px solid #000000
}
.distro td img {
float: left
}
/******************************************************************************
* Software Design Styles *
******************************************************************************/
.sw-tab-wrapper {
display: block
}
.sw-tab-top {
border-bottom: 1px solid #000000;
padding-left: 16px;
}
.sw-tab-frame {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000
}
.sw-tab-content {
padding: 5px
}
.sw-tab-active {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #AACCFF;
margin-right: 10px
}
.sw-tab-normal {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-right: 10px
}
.sw-tab-active span, .sw-tab-normal span {
padding: 4px
}
.sw-tab-active a:link, .sw-tab-active a:visited,
.sw-tab-normal a:link, .sw-tab-normal a:visited {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
color: #000000;
font-weight: normal;
text-decoration: none;
}