/* -- Containers --------------------------------------------------------- */ html, body { height: 100%; background-color: #252525; } .body_wrapper { height: 100%; } .left_column { width: 175px; float: left; } .center_column { margin: 0px 250px 0px 175px; min-height: 100%; overflow: hidden; background-color: #D8D8D8; border-left: 1px solid #484848; border-right: 1px solid #484848; } .center_column_content { padding: 25px; } .right_column { width: 250px; float: right; } .right_column_content { padding: 25px 10px; width: 230px; position: fixed; } .left_column_content { padding: 25px 0px 25px 10px; width: 165px; position: fixed; } .left_column_content a { display: block; padding: 3px 10px; margin-bottom: 5px; font: 15px/25px 'Lucida Grande', 'Tahoma', serif; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; background: #2D2D2D; background: -moz-linear-gradient(left, #2D2D2D 0%, #484848 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2D2D2D), color-stop(100%,#484848)); color: #fff; opacity: 0.3; } .left_column_content a:hover, .left_column_content a.active { color: #fff; opacity: 1; } .right_column_content .box { background-color: #484848; padding: 5px; border-radius: 3px; -moz-border-radius: 3px; margin-bottom: 10px; overflow: hidden; color: #fff; } /* -- Flash Messages ----------------------------------------------------- */ .flash { text-align: center; line-height: 25px; color: #fff; background-color: #066B12; margin: 0px 2px; } .flash.error { background-color: #9e0b0f; } /* -- Buttons ------------------------------------------------------------ */ a.button, input[type='button'], input[type='submit'], input[type='reset'], input[type='file'], ul.list .action_links a, table.formatted td.action_links a { margin-left: 3px; background-color: #b4b4b4; color: #1b1b1b; padding: 3px 5px; font: 9px Arial, sans-serif; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #9f9f9f; background: -moz-linear-gradient(top, #F9F9F9 0%, #D5D5D5 34%, #B4B4B4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(34%,#D5D5D5), color-stop(100%,#B4B4B4)); text-shadow: #f5f5f5 1px 1px; } a.button:hover, input[type='button']:hover, input[type='submit']:hover, input[type='reset']:hover, input[type='file']:hover, ul.list .action_links a:hover, table.formatted td.action_links a:hover { box-shadow: inset 0px 0px 5px #aaa; -moz-box-shadow: inset 0px 0px 5px #aaa; -webkit-box-shadow: inset 0px 0px 5px #aaa; border-color: #484848; } a.button.big, input[type='button'], input[type='submit'], input[type='reset'], input[type='file'] { padding: 3px 10px; font-size: 10px; letter-spacing: 0.5px; } a.button.big { float: right; }