a:link, a:visited { color: #07b; text-decoration: none; } a, a:hover, a:active { color: #d30; } h1, h2, h3 {color: #444} body { color: #333; background: #EBEBEB; font: normal 12px/1.5em "Lucida Grande", "Helvetica Neue", Arial, sans-serif; } hr { background: #aaa; } p { font-size: 12px; line-height: 20px; } input.checkbox { vertical-align:middle; } #header h1 { font-size: 28px; padding: 5px 0; margin: 5px 0; } .hightlight { background-color: #ffc; } .small { font-size: 11px; } .gray { color: #999; } #header { background: #232C30; } #header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited { color: #eaeaea; } #main { background: #EBEBEB; width: 73%; } #main .block { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; padding: 0; margin-bottom:20px; padding-bottom: 20px; background: transparent; } #main .block .content { border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; } #main .block h2.title { margin: 10px 0 5px 0; background-color: none; padding: 5px 5px 5px 15px; font-size:18px; color: #456; } .main_container { padding:10px; } #footer { background-color: #ddd; border-top: 1px solid #bbb; } #footer .block { font-size:11px; background-color: #ddd; padding: 0 10px; text-align: right; } /* #sidebar .block { background: #FFF; padding-bottom:0px; } */ #sidebar .notice { background-color: #ffc; padding: 0 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #fff; border-left:1px solid #fff; } #sidebar .notice h2 { font-size:16px; margin: 5px 0; border-bottom:1px solid #456; } #sidebar .notice p { font-size:12px; } #sidebar .block { padding-bottom: 0; } #sidebar .block .content { padding: 0 10px; } #sidebar h3 { background: #fff; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ddd; border-top:1px solid #ddd; padding: 5px 10px; color: #333; font-weight: bold; } #sidebar ul li a:link, #sidebar ul li a:visited { font-size:12px; } #sidebar ul li a:hover, #sidebar ul li a:active { background: none; color: #444; font-size:12px; text-decoration:underline; } #sidebar ul.navigation li.last a { border-bottom: none; } #sidebar ul.navigation li a:link,#sidebar ul.navigation li a:visited { padding: 5px 10px; color:#6a6a6a; text-decoration: none; } #sidebar ul.navigation li a:hover { text-decoration:underline; } #sidebar .block .sidebar-block h4 { border-bottom: 1px dotted #aaa; } #main-navigation ul li { background: #456; border-top: 1px solid #5C738A; color: #eee; border-top-left-radius: 5px; border-top-right-radius: 5px; } #main-navigation ul li:hover { border-top-color: #7593B0; background-color: #576C82 !important; color: #fff; } #main-navigation ul li.active { border-top: 1px solid #fff; background-color: #eee !important; color: #333; } #main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active, .secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active, #user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active { text-decoration: none; color: #FFF; } #user-navigation ul li a:link, #user-navigation ul li a:visited { color: #CDE; border-bottom: 1px dotted #345; } #user-navigation ul li a:hover { color: #fff; border-bottom: 1px dotted #CDE; text-decoration: none; } #main-navigation ul li a { font-size: 12px; padding: 3px 10px; } #main-navigation ul li.active a:link, #main-navigation ul li.active a:visited, #main-navigation ul li.active a:hover, #main-navigation ul li.active a:active { color: #364b69; } .secondary-navigation { background: #eaeaea; border-bottom: 0px; } .secondary-navigation ul li { background: #456; border-top: 1px solid #5C738A; color: #eee; margin-right: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .secondary-navigation ul li a { padding: 3px 10px; } .secondary-navigation ul li.active:hover { background: #fff !important; border-top: 1px solid #ccc; border-right: 1px solid #ccc; } .secondary-navigation ul li.active { border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ccc; border-bottom: 1px solid #fff; margin-bottom: -1px; background-color: #fff !important; color: #333; } .secondary-navigation ul li.active a { color: #333; } .secondary-navigation ul li:hover { border-top-color: #7593B0; background-color: #576C82 !important; color: #fff; } /* pagination */ .pagination em { background: #576C82; color: #FFF; border: 1px solid #7593B0; -moz-border-radius:5px; } .pagination span.disabled { background: #eee; color: #aaa; border: 1px solid #ddd; -moz-border-radius:5px; } .pagination a { color: #364B69; border: 1px solid #ddd; -moz-border-radius:5px; font-size:11px; } .pagination a:hover { color: #444; background: #eaeaea; border: 1px solid #576C82; } /* tables */ .table th { background: #576C82; color: #FFF; font-weight:normal; padding:3px; } .table th a.toggle { display: block; width: 12px; height: 12px; background: transparent url('images/tick.png') center no-repeat; text-indent: -9999px; -moz-outline: none; } .table th.first { width: 30px; text-align: center; } .table td { border-bottom: 1px solid #AAA; } /* forms */ .form input.text, .form textarea.textarea { border: 1px solid #ddd; padding: 5px; width:99%; } .form input.text_field, .form textarea.text_area { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 2px solid #ccc; border-left: 2px solid #ccc; width:99%; } .form .navform { padding:10px; background-color: #eee; font-size:14px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #eee; border-left:1px solid #eee; } .form .navform input { font-size:14px; } .description { color:#aaa; font-family:Georgia, serif; } /* flash-messages */ .flash .message { -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align:center; margin:0 auto 5px; width:80%; } .flash .message p { margin:8px; } .flash .error { border: 1px solid #fbb; background-color: #fdd; } .flash .warning { border: 1px solid #fffaaa; background-color: #ffffcc; } .flash .notice { border: 1px solid #ddf; background-color: #eef; } /* lists */ ul.list li { border-bottom-color: #F0F0EE; } ul.list li .item .avatar { border-color: #F0F0EE; margin: 3px 10px 0 0; } ul.list li .left { padding: 5px 5px; } /* box */ #box .block { background: #FFF; border: 1px solid #ddd; border-radius: 10px; } #box .block h2 { background: #576C82; color: #FFF; border-top-left-radius: 5px; border-top-right-radius: 5px; }