/****************************************************************************** Sticky Footer Solution - by Steve Hatcher http://www.cssstickyfooter.com ******************************************************************************/ /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser * { margin: 0; padding: 0; }*/ html, body { height: 100%; } #wrap { min-height: 100%; } #main { padding-bottom: 3em; /* must be same height as the footer */ } #footer { position: relative; margin-top: -3em; /* negative value of footer height */ height: 3em; clear:both; } /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/* negate effect of float */ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ /****************************************************************************** Common Styles ******************************************************************************/ html { background-color: #ffffff; } .heading { /* for non-css3 browsers */ background: #1F1F1F; /* for IE */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#1F1F1F'); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#1F1F1F)); /* for firefox 3.6+ */ background: -moz-linear-gradient(top, #454545, #1F1F1F); height:40px; color:#FFFFFF; } .heading a:visited { color:#FFFFFF; } body { /* background: #EEE url(themes/cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png) 50% 50% repeat; */ color: #333; } h1, h2, h3, h4, h5, h6 { color: #333; } a:link, a:visited, a:active, a:hover { color: #333; outline: none; padding-left: 3px; padding-right: 3px; text-decoration: underline; } a:hover { background-color: #c7d1d6; } input:not([type]), input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"] input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] , textarea { border: 1px solid lightgray ! important; padding: 0.5em; } table.data { border-collapse:collapse; } table.data td, table.data th { font-size: 1.2em; border: 0.2em solid #FFFFFF; padding: 3px 10px; } table.data th { text-align: left; padding: 3px 10px; background-color: #ffb200; color: #ffffff; font-size: 1.2em; } table.data tr.alt td { color: #000000; background-color:#EAF2D3; } table.data tr:nth-child(odd) td { color: #000000; background-color: #ffe47f; } table.data tr:nth-child(even) { color: #000000; background-color: #ffe9b2; } table.data th.button { text-align: right; } /****************************************************************************** Typography Styles Consolidated to be in a single place and can be changed together without worrying about missing things. ******************************************************************************/ body, #header, #content, #footer, button, input[type=submit] { font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; font-size: 0.85em; } h1, h2, h3, h4, h5, h6 { font-weight:bold; } h1 { font-size: 2em; } h2 { font-size: 1.75em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5, h6 { font-size: 1em; } table td, table th { font-size: 1em; } table th { font-size: 1.1em; font-weight: bold; } fieldset legend { font-size: 1.25em; } label { font-size: 1em; font-weight: bold; } input { font-size: 1em; } /****************************************************************************** Header Panel Styles ******************************************************************************/ #header { background-color: #fff; color: #2470E3; min-height: 12em; } #header h1 { color: #000000; padding: 0.5em; float: left; } #headerRight { color: #000000; display: inline-block; padding: 1em; float: right; } /****************************************************************************** Nav Panel Styles ******************************************************************************/ #nav { background-color: #efeeef; padding:0.5em; } #nav ul { margin: 0; padding: 0; font-size: 1.3em; font-weight: 600; text-align: left; } #nav ul li { margin: 0; padding: 0; display: inline; list-style: none; padding-left: 0.5em; } #nav ul li a { background: none; color: #999; padding: 0.5em; text-decoration: none; } #nav ul li a:hover { color: #333; text-decoration: none; } #nav ul li a.selected { background: url(images/selected-tile.gif) repeat-x left center; color: #ffffff; } /****************************************************************************** Content Panel Styles ******************************************************************************/ #content { padding: 1em; text-align:center; } /****************************************************************************** Footer Panel Styles ******************************************************************************/ #footer { background-color: #e2e2e2; font-size: .8em; } #footer div { margin: 1em; display: inline-block; } /****************************************************************************** Form Styles ******************************************************************************/ fieldset { padding: 1em; border: 0; } fieldset legend { } fieldset ol { display: table; border-spacing: 0.5em; padding: 0; list-style: none; width: 100% } fieldset ol li { display: table-row; } fieldset label { display: table-cell; vertical-align: middle; width: 7em; white-space: nowrap; } fieldset input[type="text"], fieldset input[type="password"] { display: table-cell; vertical-align: middle; border: 1px solid #e2e2e2; color: #333; width: 100%; padding: 0.5em 0 0.5em 0.5em; } fieldset input[type="text"]:focus, fieldset input[type="password"]:focus { border: 1px solid #7ac0da; } /****************************************************************************** Dialog Styles ******************************************************************************/ .dialog { overflow: hidden ! important; } /****************************************************************************** Class Styles ******************************************************************************/ .center { display: inline-block; margin: auto; position: absolute; left: 0px; right: 0px; } .float-left { float: left; } .float-right { float: right; } img.loading { position:absolute; top:50%; left:50%; margin-top:-21px; margin-left:-21px; width: 42px; height: 42px; border: 0px; } table label.ui-label-required { }