382 lines
6.1 KiB
CSS
382 lines
6.1 KiB
CSS
/**********************************
|
|
* TITLE: Gila Screen Stylesheet *
|
|
* URI : gila/gila-screen.css *
|
|
* MODIF: 2003-Apr-30 19:09 +0800 *
|
|
**********************************/
|
|
|
|
|
|
/* ##### Common Styles ##### */
|
|
|
|
body {
|
|
color: black;
|
|
font-family: verdana, helvetica, arial, sans-serif;
|
|
font-size: 73%; /* Enables font size scaling in MSIE */
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
html > body {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
acronym, .titleTip {
|
|
border-bottom: 1px dotted rgb(168,140,83);
|
|
cursor: help;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.doNotDisplay {
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
.smallCaps {
|
|
font-size: 117%;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
|
|
/* ##### Header ##### */
|
|
|
|
#header {
|
|
color: inherit;
|
|
background-color: rgb(184,38,25);
|
|
}
|
|
|
|
.headerTitle {
|
|
margin: 0;
|
|
padding: 0.25em 4mm 0.25em 4mm;
|
|
height: 71px;
|
|
}
|
|
|
|
.headerTitle a {
|
|
color: black;
|
|
background-color: transparent;
|
|
text-decoration: none;
|
|
font-size: 110%; /* For MSIE */
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.headerTitle > a {
|
|
font-size: 138%; /* For fully standards-compliant user agents */
|
|
}
|
|
|
|
.headerTitle span {
|
|
color: white;
|
|
background-color: transparent;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.subHeader {
|
|
color: white;
|
|
background-color: black;
|
|
font-size: 109%;
|
|
text-align: center;
|
|
margin: 0;
|
|
padding: 0.5ex 0;
|
|
}
|
|
|
|
.subHeader a {
|
|
color: white;
|
|
background-color: black;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
padding: 0 1ex;
|
|
}
|
|
|
|
.subHeader a:hover {
|
|
color: black;
|
|
background-color: white;
|
|
}
|
|
|
|
|
|
/* ##### Left Side Bar ##### */
|
|
|
|
.leftSideBar {
|
|
width: 12.5em;
|
|
float: left;
|
|
clear: left;
|
|
background-color: rgb(243,242,235);
|
|
border-right: 1px solid rgb(216,210,195);
|
|
border-bottom: 1px solid rgb(216,210,195);
|
|
}
|
|
|
|
.leftSideBar .sideBarTitle {
|
|
color: rgb(64,64,64);
|
|
background-color: rgb(230,223,207);
|
|
font-weight: bold;
|
|
margin: 0;
|
|
padding: 0.8ex 1ex;
|
|
}
|
|
|
|
.leftSideBar ul {
|
|
list-style-type: none;
|
|
list-style-position: outside;
|
|
margin: 0 0 1em 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.leftSideBar li {
|
|
margin: 1ex;
|
|
padding: 0 0 1.25ex 0.75ex;
|
|
}
|
|
|
|
.leftSideBar a {
|
|
color: rgb(166,140,83);
|
|
background-color: transparent;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.leftSideBar a:hover {
|
|
color: rgb(64,64,64);
|
|
background-color: transparent;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.leftSideBar .sideBarText {
|
|
color: rgb(166,140,83);
|
|
background-color: transparent;
|
|
line-height: 1.25em;
|
|
margin: 1ex 0.25ex 1.5em 0.75ex;
|
|
padding: 0;
|
|
display: block;
|
|
}
|
|
|
|
.leftSideBar .sideBarText a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.leftSideBar .sideBarText a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.leftSideBar .thisPage {
|
|
color: rgb(64,64,64);
|
|
background-color: transparent;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/* ##### Right Side Bar ##### */
|
|
|
|
.rightSideBar {
|
|
width: 13em;
|
|
margin: 2ex 0.75ex 0 0;
|
|
padding: 0;
|
|
float: right;
|
|
clear: right;
|
|
border: 1px solid rgb(216,210,195);
|
|
}
|
|
|
|
[class~="rightSideBar"] {
|
|
margin-right: 1.5ex;
|
|
}
|
|
|
|
.rightSideBar .sideBarTitle {
|
|
color: black;
|
|
background-color: rgb(230,223,207);
|
|
font-weight: bold;
|
|
margin: 1.25ex 1ex;
|
|
padding: 0.9ex 1ex;
|
|
}
|
|
|
|
.rightSideBar a {
|
|
color: rgb(166,140,83);
|
|
background-color: transparent;
|
|
text-decoration: underline;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.rightSideBar a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.rightSideBar .sideBarText {
|
|
line-height: 1.5em;
|
|
margin: 0;
|
|
padding: 0 2ex 1em 2ex;
|
|
}
|
|
|
|
.rightSideBar .more {
|
|
text-decoration: none;
|
|
text-align: right;
|
|
margin: 0;
|
|
padding: 0 2ex 1em 2ex;
|
|
display: block;
|
|
}
|
|
|
|
.rightSideBar .more:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
/* ##### Main Copy ##### */
|
|
|
|
#main-copy {
|
|
color: black;
|
|
background-color: white;
|
|
text-align: justify;
|
|
line-height: 1.5em;
|
|
margin: 0 0 0 12.5em;
|
|
padding: 0.5ex 15em 1em 1em;
|
|
/*border-left: 1px solid rgb(216,210,195);*/
|
|
/*min-height: 700px;*/
|
|
}
|
|
|
|
#main-copy h1 {
|
|
color: rgb(166,140,83);
|
|
background-color: transparent;
|
|
font-family: arial, verdana, helvetica, sans-serif;
|
|
font-size: 175%;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
text-align: left;
|
|
margin: 1em 0 0 0;
|
|
padding: 1em 0 0 0;
|
|
border-top: 1px solid rgb(216,210,195);
|
|
}
|
|
|
|
#main-copy a {
|
|
color: rgb(168,140,83);
|
|
background-color: transparent;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#main-copy a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
p {
|
|
margin: 1em 0 1.5em 0;
|
|
padding: 0;
|
|
}
|
|
|
|
dt {
|
|
font-weight: bold;
|
|
margin: 0;
|
|
padding: 0 0 0.5ex 0;
|
|
}
|
|
|
|
dd {
|
|
margin: 0 0 1.5em 1.5em;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
/* ##### Footer ##### */
|
|
|
|
#footer {
|
|
color: black;
|
|
background-color: rgb(230,223,207);
|
|
font-size: 92%;
|
|
text-align: center;
|
|
line-height: 1.25em;
|
|
margin: 0;
|
|
padding: 1em 4mm 1em 4mm;
|
|
clear: both;
|
|
}
|
|
|
|
#footer div {
|
|
margin: 0;
|
|
padding: 0 0 1ex 0;
|
|
}
|
|
|
|
#footer a {
|
|
color: black;
|
|
background-color: transparent;
|
|
text-decoration: underline;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#footer a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Custom */
|
|
|
|
fieldset {
|
|
margin-bottom: 10px;
|
|
}
|
|
legend {
|
|
padding: 0 2px;
|
|
font-weight: bold;
|
|
}
|
|
label {
|
|
display: inline-block;
|
|
line-height: 1.8;
|
|
vertical-align: top;
|
|
}
|
|
fieldset ol {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
fieldset li {
|
|
list-style: none;
|
|
padding: 5px;
|
|
margin: 0;
|
|
}
|
|
fieldset fieldset {
|
|
border: none;
|
|
margin: 3px 0 0;
|
|
}
|
|
fieldset fieldset legend {
|
|
padding: 0 0 5px;
|
|
font-weight: normal;
|
|
}
|
|
fieldset fieldset label {
|
|
display: block;
|
|
width: auto;
|
|
}
|
|
em {
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
color: #f00;
|
|
}
|
|
label {
|
|
width: 120px; /* Width of labels */
|
|
}
|
|
fieldset fieldset label {
|
|
margin-left: 123px; /* Width plus 3 (html space) */
|
|
}
|
|
|
|
table.prettytable {
|
|
font-family: Verdana;
|
|
font-weight: normal;
|
|
color: #404040;
|
|
background-color: #fafafa;
|
|
border: 1px #000000 solid;
|
|
border-collapse: collapse;
|
|
border-spacing: 0px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
|
|
table.prettytable th {
|
|
border: 1px solid #000000;
|
|
border-bottom: 2px solid #000000;
|
|
background-color: #B82623;
|
|
text-align: center;
|
|
font-family: Verdana;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
}
|
|
|
|
table.prettytable td {
|
|
border-bottom: 1px solid #000000;
|
|
border-left: 1px dotted #000000;
|
|
border-right: 1px dotted #000000;
|
|
font-family: Verdana, sans-serif, Arial;
|
|
font-weight: normal;
|
|
color: #404040;
|
|
background-color: #FFFFFF;
|
|
text-align: left;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.oddrow td {
|
|
background-color: #FBEFEF !important;
|
|
}
|