media/css/base.css

   1 /* base.css */
   2 * {
   3     font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
   4     font-size:12px;
   5     margin: 0;
   6     padding: 0;
   7 }
   8
   9 html {width: 100%;}
  10 html, body {height:100%; /* Sticky Footer */ }
  11 body {
  12     background:url(/media/images/body_background.png) repeat-x top #eee;
  13     color:#333333;
  14     min-width:974px;
  15 }
  16
  17 /*Sticky footer - Opera Fix*/
  18 body:before {
  19     content:"";
  20     height:100%;
  21     float:left;
  22     width:0;
  23     margin-top:-32767px;
  24 }
  25
  26 h1 {font-size: 1.5em; margin-top: 0;}
  27 h2 {font-size: 1.4em;}
  28 h3 {font-size: 1.1em; margin: 15px 0 0.5ex 0;}
  29 h3 a, h3 a:visited {color: #559BD7; font-size: 1em; text-decoration: none;}
  30
  31 a:link, a:visited{color: #5B80B2; text-decoration: none;}
  32 a:hover, a:active {color: #7AB0DC;}
  33
  34 table {border-collapse:collapse;}
  35 tr.even {background: #fafafa;}
  36 td a {border:0;}
  37
  38 ul {margin-top: 0; list-style-type: square;}
  39
  40 li {
  41     font-size:12px;
  42     line-height:16px;
  43     list-style:none;
  44     margin-left:0;
  45 }
  46
  47 /**
  48  * Forms and Form Elements
  49  **/
  50 /*  Default Settings */
  51 form input.submit {color:black; width:6em;}
  52 form p label {
  53     float: left;
  54     text-align: right;
  55     margin-top: 0.3ex;
  56     margin-right: 0.5em;
  57     display: block;
  58 }
  59 form ul.errorlist {color:red;padding:1ex 1ex;}
  60 form p {padding:0.5ex 0;}
  61 fieldset {border:0; padding-top:0.7em;}
  62 legend {font-size: 1.1em; font-weight:bold; padding-top: 10px;}
  63 form table, form table td, form table td {border:0 !important;}
  64 form p label {width:12em;}
  65 form input.submit{margin-left:12.5em;}
  66
  67 pre {
  68     background-color:#eee;
  69     border: 1px solid #ddd;
  70     font-family:monospace;
  71     font-size:10px;
  72     overflow:scroll;
  73     padding:5px;
  74 }
  75 pre.op_log{
  76     border-right-color:#000;
  77     border-top-color:#000;
  78 }
  79 pre.error {
  80     overflow:visible;
  81     color:#000;
  82     font-family:monospace;
  83     padding:5px;
  84     background-color:transparent;
  85     border:transparent;
  86     font-weight:normal;
  87     font-size:12px;
  88 }
  89
  90 .first_fieldset {margin-top:0px;padding-top:0px;}
  91
  92 #body_wrapper {
  93     min-height: 100%; /* Sticky footer */
  94     width:979px;
  95     margin:0 auto;
  96 }
  97
  98 #header {
  99     background-color: #222;
 100     color:white;
 101     height:64px;
 102     margin:0 auto;
 103     position:relative;
 104     padding-top:10px;
 105     width: 100%;
 106 }
 107 #header a img {border:0;}
 108 #header a:active, #header a:link,
 109 #header a:visited, #header a:hover {color: white; font-weight: bold;}
 110 #header_strip {height:5px; background-color:#C16328; border-bottom:1px solid #ccc;}
 111
 112 #langform {display:inline;}
 113
 114 .select_lang{color: white; font-weight: normal !important;}
 115
 116 #logo {display:block; margin-left:145px;}
 117
 118 #content_wrapper {
 119     background:#eee;
 120     width:100%;
 121 }
 122 #content_column {margin: 0 auto; width:979px;}
 123 #content {
 124     background:white;
 125     border-left: 1px solid #DDDDDD;
 126     border-right: 1px solid #DDDDDD;
 127     float:left;
 128     min-height:400px;
 129     padding:10px 10px 87px 10px; /* Sticky footer - bottom padding must be at least the height of the footer */
 130     width: 817px;
 131 }
 132 #content h1 {margin:10px 0 10px 0;}
 133 #content table {margin-top:15px;  width:100%;}
 134 #content th {background:#eeeeee; border:1px solid #dddddd !important;}
 135 #content td.actions {width:16px;}
 136 #content tr {border-right:0;}
 137 #content tr.group_row {margin:auto;}
 138 #content tr.none td {border-bottom: 1px solid white; font-style:italic;}
 139 #content td.error {padding-right:0 !important; width:16px;}
 140 #content td, #content th, #content td a {
 141     border-bottom:1px solid #eee;
 142     border-top:1px solid #eee;
 143     font-family:"Lucida Grande",Verdana,Arial,sans-serif;
 144     font-size:12px;
 145     line-height:14px;
 146     padding:5px;
 147     text-align: center;
 148     vertical-align:top;
 149 }
 150 #content th.status, #content th.actions { background:none; padding:0;}
 151 #content td a {border:0; padding:0;}
 152
 153 /* tablesorter style */
 154 #content table.sorted th {
 155     background: url(/media/images/bg.gif) no-repeat center right #eee;
 156     padding-right: 15px;
 157     cursor: s-resize;
 158 }
 159 #content table.sorted .ascending {background-image: url(/media/images/asc.gif);}
 160 #content table.sorted .descending {background-image: url(/media/images/desc.gif);}
 161
 162 #footer {
 163     background: url(/media/images/footerBack.jpg) repeat-x 0 0 #1d1d1d;
 164     border-top: 2px solid #666;
 165     clear:both; /* sticky footer */
 166     color: #C8CED3;
 167     height: 60px; /* sticky footer - must have fixed height */
 168     margin: -67px auto 0 auto; /* Sticky footer - top is negative value of footer height, includes padding */
 169     position:relative; /* Sticky Footer */
 170     padding: 5px 0 0 0;
 171     text-align: center;
 172     min-width:979px;
 173     width: 100%;
 174 }
 175 #footer a {color:#C16328;}
 176
 177 .floatfix {clear:both;}
 178
 179 /**
 180  * Top menu bar
 181  **/
 182 #user_menu {
 183     background-color:#C16328;
 184     border: 1px solid #ccc;
 185     border-top:0;
 186     font-weight:normal;
 187     font-size:11px;
 188     min-height:18px;
 189     padding:5px 5px 0 10px;
 190     position:absolute;
 191     right:50px;
 192     top:-1px;
 193     -moz-border-radius-bottomleft:5px;
 194     -moz-border-radius-bottomright:5px;
 195     -webkit-border-bottom-left-radius: 5px;
 196     -webkit-border-bottom-right-radius: 5px;
 197     z-index:100;
 198 }
 199 #user_menu a {font-size:11px !important; margin:0 !important; padding:0 !important;}
 200 #user_menu a:hover {text-decoration:underline;}
 201 #language {cursor:pointer;}
 202 #languages {
 203     background-color:#C16328;
 204     display:none;
 205     margin: 5px 0 5px 15px;
 206     width:230px;
 207 }
 208 #languages li {
 209     float:left;
 210     list-style:disc !important;
 211     margin:3px;
 212     width:70px;
 213 }
 214 #languages li.current {font-weight:bold;}