2008-12-05 16:44:29 -06:00
|
|
|
/* Body Document Defaults */
|
|
|
|
|
BODY {
|
|
|
|
|
background-color: #000000;
|
|
|
|
|
color: #000000;
|
|
|
|
|
background-image: url('images/bg.jpg');
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
font-family: "bitstream vera sans", "verdana", "arial", "helvetica", sans-serif;
|
|
|
|
|
margin: 0;
|
2008-12-08 14:39:52 -06:00
|
|
|
font-size: 10pt;
|
2008-12-05 16:44:29 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* wine logo image */
|
|
|
|
|
#logo_glass_big {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
top: 0px;
|
|
|
|
|
left: 0px;
|
|
|
|
|
width: 200px;
|
|
|
|
|
height: 313px;
|
|
|
|
|
}
|
|
|
|
|
#logo_glass {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
top: 20px;
|
|
|
|
|
left: 50px;
|
|
|
|
|
width: 100px;
|
|
|
|
|
height: 157px;
|
|
|
|
|
}
|
|
|
|
|
#logo_text {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
top: 40px;
|
|
|
|
|
left: 110px;
|
|
|
|
|
width: 186px;
|
|
|
|
|
height: 58px;
|
|
|
|
|
}
|
|
|
|
|
#logo_blurb {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 4;
|
|
|
|
|
top: 92px;
|
|
|
|
|
left: 130px;
|
2008-12-08 14:39:52 -06:00
|
|
|
font-size: 12px;
|
2008-12-05 16:44:29 -06:00
|
|
|
color: #999999;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* search box */
|
|
|
|
|
#search_box {
|
|
|
|
|
text-align: right;
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 5;
|
|
|
|
|
top: 50px;
|
|
|
|
|
right: 20px;
|
|
|
|
|
width: 250px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
2008-12-08 15:14:52 -06:00
|
|
|
font-size: 10px;
|
2008-12-05 16:44:29 -06:00
|
|
|
}
|
2008-12-08 15:14:52 -06:00
|
|
|
#search_box INPUT { font-size: 12px; width: 175px; margin: 0; padding: 2px; border: 1px inset red; }
|
2008-12-05 16:44:29 -06:00
|
|
|
|
|
|
|
|
/* top tabs */
|
|
|
|
|
#tabs {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 6;
|
|
|
|
|
top: 0px;
|
|
|
|
|
right: 10px;
|
|
|
|
|
margin: 0px;
|
|
|
|
|
padding: 0px;
|
|
|
|
|
}
|
|
|
|
|
#tabs UL {
|
|
|
|
|
list-style: none;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
#tabs LI {
|
|
|
|
|
float: left;
|
|
|
|
|
width: 112px;
|
|
|
|
|
height: 28px;
|
|
|
|
|
margin: 0px 2px 0px 2px;
|
2008-12-09 13:11:59 -06:00
|
|
|
padding: 0;
|
2008-12-05 16:44:29 -06:00
|
|
|
text-align: center;
|
|
|
|
|
background-image: url('images/tab_u.png');
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
}
|
|
|
|
|
#tabs LI.s { background-image: url('images/tab_s.png'); }
|
|
|
|
|
#tabs LI.s A { font-weight: bold; }
|
|
|
|
|
#tabs LI:hover { background-image: url('images/tab_h.png'); }
|
2008-12-09 13:06:03 -06:00
|
|
|
#tabs A {
|
|
|
|
|
display: block;
|
|
|
|
|
width: 108px;
|
|
|
|
|
height: 23px;
|
|
|
|
|
padding-top: 3px;
|
|
|
|
|
font-size: 16px; color: white; text-decoration: none;
|
|
|
|
|
}
|
2008-12-05 16:44:29 -06:00
|
|
|
|
|
|
|
|
/* sidebar navigation */
|
|
|
|
|
#sidebar {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 6;
|
|
|
|
|
top: 200px;
|
|
|
|
|
left: 0px;
|
|
|
|
|
margin: 0px;
|
|
|
|
|
padding: 0px;
|
|
|
|
|
width: 156px;
|
|
|
|
|
}
|
|
|
|
|
#sidebar UL {
|
|
|
|
|
list-style: none;
|
|
|
|
|
width: 156px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0 0 10px 0;
|
|
|
|
|
}
|
|
|
|
|
#sidebar LI {
|
|
|
|
|
width: 156px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 5px 0 0 0;
|
|
|
|
|
background-image: url('images/side_menu_bg.png');
|
|
|
|
|
background-repeat: repeat-y;
|
2008-12-08 14:39:52 -06:00
|
|
|
font-size: 10px;
|
2008-12-05 16:44:29 -06:00
|
|
|
color: white;
|
|
|
|
|
}
|
2008-12-09 14:17:51 -06:00
|
|
|
#sidebar LI P { margin: 0; padding: 0 15px 5px 15px; }
|
2008-12-05 16:44:29 -06:00
|
|
|
#sidebar LI.top {
|
|
|
|
|
height: 33px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
background-image: url('images/side_menu_top.png');
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
font-weight: bold;
|
2008-12-08 14:39:52 -06:00
|
|
|
font-size: 10px;
|
2008-12-05 16:44:29 -06:00
|
|
|
}
|
|
|
|
|
#sidebar LI.top P { margin: 0; padding: 10px 0 0 5px; }
|
|
|
|
|
#sidebar LI.bot {
|
|
|
|
|
height: 16px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
background-image: url('images/side_menu_bot.png');
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
}
|
2008-12-08 14:39:52 -06:00
|
|
|
#sidebar A { font-size: 10px; color: white; text-decoration: none; }
|
2008-12-09 13:31:40 -06:00
|
|
|
#sidebar A:hover { font-size: 10px; text-decoration: underline; }
|
2008-12-05 16:44:29 -06:00
|
|
|
|
|
|
|
|
/* main content well */
|
|
|
|
|
#main_content {
|
|
|
|
|
padding: 85px 10px 10px 100px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* main content well front page left column */
|
|
|
|
|
#main_left {
|
|
|
|
|
width: 58%;
|
|
|
|
|
width: expression("55%"); /* For IE */
|
|
|
|
|
margin: 0 10px 0 0;
|
|
|
|
|
float: left;
|
|
|
|
|
display: inline;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* main content well front page right column */
|
|
|
|
|
#main_right {
|
|
|
|
|
width: 40%;
|
|
|
|
|
width: expression("30%"); /* For IE */
|
|
|
|
|
margin: 0;
|
|
|
|
|
float: right;
|
|
|
|
|
display: inline;
|
|
|
|
|
}
|
|
|
|
|
|
2008-12-08 14:39:52 -06:00
|
|
|
/* Language Select */
|
|
|
|
|
#langsel {
|
|
|
|
|
clear: both;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
text-align: left;
|
|
|
|
|
margin: 0 0 0 110px;
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
}
|
|
|
|
|
#langsel A { color: #ffffff; text-decoration: none; }
|
|
|
|
|
#langsel A:hover { color: red; text-decoration: underline; }
|
|
|
|
|
|
2008-12-05 16:44:29 -06:00
|
|
|
/* footer */
|
|
|
|
|
#footer {
|
|
|
|
|
clear: both;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
text-align: right;
|
|
|
|
|
padding-right: 20px;
|
|
|
|
|
}
|
|
|
|
|
#footer IMG { vertical-align: middle; }
|
|
|
|
|
|
|
|
|
|
/* header text */
|
|
|
|
|
H1.title { color: #A50D0D; border-bottom: 1px solid #A50D0D; margin: 0px; }
|
|
|
|
|
H3.title { color: #A50D0D; border-bottom: 1px solid #A50D0D; margin: 0px; }
|
2008-12-08 14:39:52 -06:00
|
|
|
P.newsdate { color: #4e4e4e; font-size: 10pt; text-align: right; margin: 0 5px 10px 0;}
|
|
|
|
|
P.newstitle { color: #4e4e4e; font-size: 12pt; font-weight: bold; border-bottom: 1px solid #C0C0C0; margin-bottom: 5px; }
|
2008-12-05 16:44:29 -06:00
|
|
|
P.newstitle A { color: #4e4e4e; text-decoration: none; }
|
|
|
|
|
P.newstitle A:hover { color: #FF6666; text-decoration: none; }
|
|
|
|
|
DIV.newsblock { margin: 0 5px 25px 10px; padding: 0; }
|
|
|
|
|
|
|
|
|
|
/* stuff */
|
|
|
|
|
img { border: 0; }
|
|
|
|
|
|
|
|
|
|
/* Link Colors */
|
|
|
|
|
A { color: #A50D0D; }
|
|
|
|
|
A:visited { color: #FF0000; }
|
|
|
|
|
A:hover { color: #FF6666; text-decoration: underline; }
|
|
|
|
|
A:active { color: #FF0000; }
|
|
|
|
|
A.hidden { text-decoration: none; color: #000000; }
|
|
|
|
|
|
|
|
|
|
/* General fonts and sizes */
|
2008-12-08 14:39:52 -06:00
|
|
|
OL,UL,P { font-size: 10pt; }
|
|
|
|
|
TD,TR,TH { font-size: 10pt; }
|
|
|
|
|
INPUT { font-size: 10pt; }
|
2008-12-05 16:44:29 -06:00
|
|
|
PRE {
|
2008-12-08 14:39:52 -06:00
|
|
|
font-family: monospace; font-size: 10pt;
|
2008-12-05 16:44:29 -06:00
|
|
|
white-space: pre-wrap;
|
|
|
|
|
white-space: -moz-pre-wrap !important;
|
|
|
|
|
}
|
2008-12-08 14:39:52 -06:00
|
|
|
.small { font-size: 8pt; }
|
2008-12-05 16:44:29 -06:00
|
|
|
|
|
|
|
|
/* Hn Sizes */
|
2008-12-08 14:39:52 -06:00
|
|
|
H1 { font-size: 20pt; }
|
|
|
|
|
H2 { font-size: 18pt; }
|
|
|
|
|
H3 { font-size: 14pt; }
|
|
|
|
|
H4 { font-size: 12pt; }
|
|
|
|
|
H5 { font-size: 10pt; }
|
2008-12-05 16:44:29 -06:00
|
|
|
|
|
|
|
|
/* HR */
|
|
|
|
|
hr
|
|
|
|
|
{
|
|
|
|
|
border: 0;
|
|
|
|
|
color: #A50D0D;
|
|
|
|
|
background-color: #A50D0D;
|
|
|
|
|
height: 1px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
text-align: left;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Rounded Corner Box */
|
|
|
|
|
div.rbox { display:block; margin: 0px; }
|
|
|
|
|
div.rbox b.rtop, b.rbottom { display:block; margin: 0px; }
|
|
|
|
|
div.rbox b.rtop b, b.rbottom b { display:block; height: 1px; overflow: hidden; background: #FFFFFF; }
|
|
|
|
|
div.rbox b.r1 { margin: 0 5px; }
|
|
|
|
|
div.rbox b.r2 { margin: 0 3px; }
|
|
|
|
|
div.rbox b.r3 { margin: 0 2px; }
|
|
|
|
|
div.rbox b.rtop b.r4, b.rbottom b.r4 { margin: 0 1px; height: 2px}
|
|
|
|
|
div.rbox div.content { margin: 0; background-color: #FFFFFF; }
|
|
|
|
|
|
|
|
|
|
/* template navigation links */
|
|
|
|
|
.link-container { position: relative; height: 1.2em; }
|
|
|
|
|
.link-container p { position: absolute; width: 50%; margin: 0; }
|
|
|
|
|
.left-link { left: 0; }
|
|
|
|
|
.right-link { right: 0; text-align: right; }
|
|
|
|
|
|
|
|
|
|
/* Status colors */
|
|
|
|
|
.hdr { background-color: #000000; color: #ffffff; }
|
|
|
|
|
.pct0 { background-color: #ff5050; }
|
|
|
|
|
.pct5 { background-color: #ff5d4f; }
|
|
|
|
|
.pct10 { background-color: #ff694e; }
|
|
|
|
|
.pct15 { background-color: #ff764d; }
|
|
|
|
|
.pct20 { background-color: #ff824b; }
|
|
|
|
|
.pct25 { background-color: #ff8f4a; }
|
|
|
|
|
.pct30 { background-color: #ff9b49; }
|
|
|
|
|
.pct35 { background-color: #ffa848; }
|
|
|
|
|
.pct40 { background-color: #ffb447; }
|
|
|
|
|
.pct45 { background-color: #ffc146; }
|
|
|
|
|
.pct50 { background-color: #ffcd45; }
|
|
|
|
|
.pct55 { background-color: #ffda43; }
|
|
|
|
|
.pct60 { background-color: #ffe642; }
|
|
|
|
|
.pct65 { background-color: #fff341; }
|
|
|
|
|
.pct70 { background-color: #ffff40; }
|
|
|
|
|
.pct75 { background-color: #dcff48; }
|
|
|
|
|
.pct80 { background-color: #c8ff50; }
|
|
|
|
|
.pct85 { background-color: #b4ff58; }
|
|
|
|
|
.pct90 { background-color: #a0ff60; }
|
|
|
|
|
.pct95 { background-color: #8cff60; }
|
|
|
|
|
.pct100 { background-color: #60ff60; }
|
|
|
|
|
.nonexistent { background-color: #ff5050; }
|
|
|
|
|
.poor { background-color: #ff8f4a; }
|
|
|
|
|
.outdated { background-color: #ffcd45; }
|
|
|
|
|
.outdadeq { background-color: #ffff40; }
|
|
|
|
|
.adequate { background-color: #dcff48; }
|
|
|
|
|
.adeqgood { background-color: #c0ff54; }
|
|
|
|
|
.good { background-color: #60ff60; }
|
|
|
|
|
|
|
|
|
|
/* ToDo colors */
|
|
|
|
|
.todo { background-color: red; }
|
|
|
|
|
.inprogress { background-color: yellow; }
|
|
|
|
|
.done { background-color: limegreen; }
|
|
|
|
|
.invalid { color: gray; text-decoration: line-through; }
|
|
|
|
|
|
|
|
|
|
/* Fun Projects */
|
|
|
|
|
.works { background-color: lightblue; }
|
|
|
|
|
.abandoned { background-color: gray; }
|
|
|
|
|
.modified { font-weight: bold; }
|
|
|
|
|
.submitted { font-style: italic; }
|
|
|
|
|
.committed { font-style: italic; color: gray; }
|
|
|
|
|
|
|
|
|
|
/* App Support status */
|
|
|
|
|
.gold { background-color: wheat; }
|
|
|
|
|
.silver { background-color: silver; }
|
|
|
|
|
|
