xcat-core/xCAT-web/lib/style.css
2008-10-03 13:11:57 +00:00

250 lines
6.8 KiB
CSS

#headingTable {
margin: 0 20px 10px 20px;
/* background-color: #002432; */
}
.TopMiddle { background: #FFF url(../images/top2.jpg) repeat-x top; }
/*
.TopTop { background: #FFF url(../images/toptop.jpg) repeat-x top; }
#top {
margin: 0 auto 10px auto;
padding: 0;
color: #666;
background: #FFF url(../images/top.jpg) repeat-x top;
background-color: #002432;
height: 65px;
}
#topleft {
background: transparent url(../images/topl.jpg) no-repeat left;
height: 81px;
}
#topright {
background: transparent url(../images/topr.jpg) no-repeat right;
float: right;
height: 81px;
width: 18px;
}
*/
#xcatImage {
margin: 3px 8px 5px 0px;
}
/* The next 7 (or so) classes are for the menu at the top of each window.
See lib/functions.php insertMenus() for the code that uses these. */
.MenuTable { /* the table that holds all the menu items */
padding-top: 2px;
font-family: Sans-Serif;
font-size: 8pt;
font-weight: bold;
margin: 0px;
}
.MenuTable TR { padding-top: 0px; } /* avoid the inheritance */
.CurrentMenuItem { /* the <span> menu items that are currently selected */
display: inline-block; /* display: block; */
padding: 0 1em; /*2em;*/
background: #0F5B7F; /*#116893;*/ /* #0B4360; #09334b; */
color: white; /* #fafafa; */
border-left: 1px solid #273942;
line-height: 2.15em; /*2.5em;*/
}
.MenuTable a { /* the non-current menu items */
display: inline-block; /* display: block; */
/* float: left; IE/Mac 5.2 Fix */
padding: 0 1em; /*2em;*/
text-decoration: none;
color: #a1a1a1;
border-left: 1px solid #273942;
cursor: pointer;
line-height: 2.15em; /*2.5em;*/
}
.MenuTable a:hover { /* when the mouse is over a non-current menu item */
background: #0F5B7F; /*#116893;*/ /* #0B4360; #09334b; */
color: white; /* #fafafa; */
}
.MenuItemBottom { /* the non-current LIs in the bottom row */
/* border-bottom: 2px solid white; */
background-color: #0F5B7F; /*#116893;*/
}
/* The rest of these menu-related styles are not used...
#mainNav { the UL that contains the LIs of one row of menu items
list-style: none;
margin: 0px;
padding: 0px;
}
#mainNav li { each menu item
Start cross-browser inline-block
display: -moz-inline-stack; firefox specific
display: inline-block; the right way (standards compliant browsers)
zoom: 1; internet explorer specific
*display: inline; internet explorer specific
End cross-browser inline-block
line-height: 2.15em;
font-weight: bold;
}
IE/Win 5.x Fix
* html #mainNav a {
width: 1px;
}
#mainNav li a.active { not sure if this is needed
color: white;
}
.MenuRowBottom { this is to help with the white border around the current menu items
border-left: 2px solid white;
border-right: 2px solid white;
}
.CurrentMenuItemTop { additional style for the current LI in the top menu row
border-left: 2px solid white;
border-top: 2px solid white;
border-right: 2px solid white;
background-color: #0F5B7F;
}
.MenuItemTop { the non-current LIs in the top row
border-bottom: 2px solid white;
}
body.home #mainNav a#home, body.tutorials #mainNav a#tutorials {
background: #09334b;
color: #fafafa;
cursor: default;
}
div#content {
background-color : #fcfaeb;
position: absolute;
left: 120px;
top: 180px;
}
*/
.ContentForm { margin: 10px 2px 15px 2px; }
.PageFooter {
background-color : #e8e8e8;
margin: 10px;
padding: 5px;
}
#disclaimer {
font-weight: bold;
font-size: 8pt;
font-style: italic;
color: red;
text-align: center;
margin: 5px;
}
BODY {
margin: 0;
padding: 10px;
font: .8em Verdana, Arial, Sans-Serif;
/*
font-size : 10pt;
font-family : Arial;
font: normal 12px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
line-height: 1.6em;
background: url(../images/background.gif) repeat-y;
background: black;
color: white; #333;
*/
}
IMG { vertical-align: middle; }
.ImgBaseline { vertical-align: baseline; }
.ImgTop { vertical-align: top; }
INPUT {vertical-align : middle; font-size : 8pt; font-family : sans-serif; font-weight : bold;}
SELECT {vertical-align : middle; font-size : 8pt; font-family : sans-serif; font-weight : bold;}
TEXTAREA {vertical-align : middle; font-size : 8pt; font-family : sans-serif; font-weight : bold;}
/* TABLE {font-size : 10pt; font-family : Arial;} */
/* pre { padding: 0px; margin: 0px; } */
.TableHeader { color: black; background-color : #fffdb0; font-weight : bold; font-size : 9pt; white-space: nowrap; }
.TableRow { color: black; background-color : #b3c2d9; font-size : 9pt; white-space: nowrap; } /* #d8dff1 */
.FormTable { color: black; background-color : #CCCCCC; }
.Info {color : blue;}
.Error {font-weight : bold; color : red;}
.Trace {color: gray; padding: 0px; margin: 0px;}
.BasicHeading {background-color : #8CA4D9;}
.BlueBack {background-color : #C2CEDE; /* #8CA4D9; */ }
.LightBlueBack {background-color : #bfccea;}
.FilterBox {background-color : #e8e8e8;}
.LightGrayBack {background-color : #e8e8e8;}
.CreamHeading { font-weight : bolder; background-color : #fffdb0; }
.LightCreamHeading { font-weight : bolder; background-color : #fffece; }
.SlateBackground { background-color : #95aece; }
.DarkSlateBackground { background-color : #698ebc; }
.Middle {vertical-align : middle;}
.Center {text-align : center;}
.YellowBackground {background-color : yellow;}
.SmallText {font-size : small;}
.XSmallText {font-size : x-small;}
.XXSmallText {font-size : xx-small;}
.SmallTextarea {font-size:9pt; font-family:Arial;}
.Font8 {font-size : 8pt;}
.Boxed { border: 1px solid gray; }
.NoMargin { margin: 0px; }
.NoPadding { padding: 0px; margin: 0px; border: 0px none white; }
.Hidden { visibility : hidden ;}
.Txtfld {font-size : 8pt; font-family : sans-serif; font-weight : bold;}
.NotDone { font-weight: bold; font-size: 11pt; color: red; text-align: center; margin: 5px; }
/*
.but {
background-color: #3F5B7F;
padding: 0px;
margin: 0px;
}
*/
a.button {
background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
cursor: pointer;
}
a.button span {
background: transparent url('../images/bg_button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.button:active {
background-position: bottom right;
color: #000;
outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
}