mirror of
https://github.com/kirsle/kirsle.net
synced 2024-12-23 07:29:28 +00:00
280 lines
5.9 KiB
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;
|
||
|
}
|