aurweb/web/html/css/containers.css
Loui Chang 2f0a1911be Change legend style and default font size.
Signed-off-by: Loui Chang <louipc.ist@gmail.com>
2009-11-24 13:14:03 -05:00

190 lines
3.3 KiB
CSS

body,table,td,img {
border: none;
margin: 0;
padding: 0;
}
/* Main Wrapper Data Format */
td.preHeader {
background-color: #000;
border-bottom: 1px solid #455471;
height: 16px;
text-align: right;
}
td.headerFill {
background-color: #6c83b0;
border-bottom: 1px solid #000;
}
td.headerDisplay {
background-color: #6c83b0;
padding-left: 16px;
}
td.mainLinks {
background-color: #eee;
border-bottom: 1px solid #000;
height: 22px;
padding-left: 12px;
}
td.sideBar {
background-color: #fff;
text-align: center;
vertical-align: top;
width: 150px;
}
td.sideBarGrey {
background-color: #eee;
border-bottom: 1px solid #000;
text-align: left;
vertical-align: top;
width: 150px;
}
td.sideBarSmall {
background-color: #6c83b0;
border-bottom: 1px solid #000;
height: 16px;
text-align: right;
width: 150px;
}
td.sideBarSmallHeader {
background-color: #6c83b0;
vertical-align: top;
height: 16px;
padding-top: 1px;
padding-bottom: 2px;
text-align: right;
width: 150px;
}
td.subLinks {
background-color: #ffe4e8;
border-right: 1px solid #000;
color: #787878;
padding-left: 12px;
height: 19px;
}
td.contentDisplay {
background-color: #fff;
border: 1px solid #000;
border-top: none;
text-align: center;
vertical-align: top;
padding: 10px;
}
td.footerDisplay {
background-color: #eee;
border-bottom: 1px solid #000;
text-align: center;
}
/* Containers Used Globally */
table.boxSoft {
width: 90%;
background-color: #ddd;
text-align: left;
}
td.boxSoft {
background-color: #fff;
padding: 2px;
text-align: left;
}
td.boxSoftColumn {
padding-left: 16px;
padding-right: 16px;
text-align: justify;
vertical-align: top;
text-indent: 20px;
}
td.div {
background-color: #eee;
width: 3px;
}
.boxSoftTitle {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
background-color: #f1f2f4;
padding: 1px 0 0 3px;
text-align: left;
}
table.boxSoftSmall {
width: 94px;
background-color: #ddd;
}
td.boxSoftSmall {
background-color: #fff;
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
}
td.boxSoftSmallTitle {
border-bottom: 1px solid #ccc;
background-color: #f1f2f4;
padding-left: 10px;
}
/* ss = small space */
td.ss {
padding-left: 6px;
vertical-align: top;
}
td.display {
border-bottom: 1px solid #000;
padding-bottom: 6px;
}
td.features {
padding: 4px;
text-align: justify;
vertical-align:top;
}
td.formLeft {
padding: 6px;
text-align: left;
vertical-align: top;
}
td.data1 {
background-color: #eee;
vertical-align: top;
padding-left: .3em;
text-align: left;
}
td.data2 {
background-color: #ddd;
vertical-align: top;
padding-left: .3em;
text-align: left;
}
.outofdate {
background-color: #faa;
padding-left: .3em;
text-align: left;
}
#legend span {
padding: 1px;
margin-left: .3em;
border: solid 1px #888;
text-align: left;
}
td.text {
color: #000;
font-size: 12px;
}
th {
text-align: left;
}
th.header {
border-bottom: #666 1px solid;
vertical-align: bottom;
}
input,
textarea,
select {
background-color: #6c83b0;
font-family: monospace;
font-size: 12px;
background-color: #ccc;
border: #000 1px solid;
color: #111;
}
input.button {
background-color: #fff;
color: #6c83b0;
border: 1px solid #6c83b0;
font-size: 12px;
padding: 2px;
}