You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

46 lines
2.3 KiB

/*
site wide html styles
*/
body { margin: 0; padding: 0; background: #FFFFFF url(../images/menu.gif) repeat-x; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px; color: #515151; }
input, select, textarea { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px;}
a { text-decoration: none; color: blue; }
h1, h2, h3 { margin: 0; font-weight: normal; color: #485459; }
li { padding-top:10px; }
textarea { font-family: Arial, Helvetica, sans-serif; height:100px; width:300px;}
h1 { font-size: 3.0em; padding-bottom:10px;}
h2 { font-size: 2.0em; padding-bottom:10px;}
input[type=text], input[type=password], textarea, select { background: #fff; background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(4%, #f0f0f0), to(#fff)); border: 1px solid #ccc; border-bottom-color: #999; border-right-color: #999; margin: 0; padding: 4px; color: #444; font-size: 100%; outline: none; }
/*
page layout
*/
#logo { margin-left: 200px; margin-top: 30px; margin-bottom: 30px; }
.content { border: 1px solid #515151; width: 600px; padding: 30px; margin-left: auto; margin-right: auto; background: #FFF; border:1px solid #EEE; -moz-box-shadow: 3px 6px 8px -4px #777; -webkit-box-shadow: 3px 6px 8px -4px #777; box-shadow: 3px 6px 8px -4px #777; }
.footer { font-size: 10px; text-align: center; }
/*
install warning message
*/
div.error { color: red; padding: 20px; }
span.error { color: red; }
span.warn { color: orange; }
span.success { color: green; }
/*
lists
*/
table.data { border-collapse:collapse; }
table.data th { text-align:left; vertical-align:top; background-color:#DDD; border-color: #AAA; border-width: 1px; border-style: solid; padding:3px; font-style:bolder; text-transform:capitalize;}
table.data td { white-space:normal; vertical-align:top; padding:5px; border-color: #AAA; border-width: 1px; border-style: solid; }
table.data td.less { color: #888; font-size: 0.8em; white-space:nowrap; }
table.data td.icons { white-space:nowrap; padding-left:0px; padding-right:0px; width:60px; }
table.highlight tr:hover td { background-color: #E1F0D9; }
table tr.alt { background-color: #EEE; }
table.data em {font-weight:bolder; color:red;}
div.hint, div.hint a {font-size:0.9em; font-style:italic; color:#999;}
div.hint { margin-bottom:10px;}
input.long {width:400px; }
input.short { width:40px; }
input.date { width:70px; }