/src/static/css/base.css
CSS | 283 lines | 259 code | 12 blank | 12 comment | 0 complexity | 0083b3986b8135062e1bff8342c53823 MD5 | raw file
1/** 2 * Global settings. 3 */ 4body { 5 font-family: Verdana, Helvetica, sans-serif; 6 font-size: 12px; 7 margin: 0; 8 padding: 0; 9 background-color: #F8F8F8; 10} 11a { 12 color: #800000; 13 text-decoration: none; 14} 15a:HOVER { 16 color: #ff0000; 17} 18a.selected { 19 background-color: #C9D7F1; 20 color: black; 21 padding: 0 5px; 22 text-decoration: none; 23} 24a.selected:HOVER { 25 background-color: transparent; 26} 27/* HEADERS */ 28h1, h2, h3, h4, h5, h6 { 29 margin-top: 0; 30 margin-bottom: 10px; 31 color: #555; 32 font-weight: normal; 33} 34h1 { 35 font-size: 22px; 36} 37h2 { 38 font-size: 20px; 39} 40h3 { 41 font-size: 18px; 42} 43h4 { 44 font-size: 16px; 45} 46h5 { 47 font-size: 15px; 48} 49h6 { 50 font-size: 14px; 51} 52img { 53 border: none; 54} 55p { 56 margin-top: 0; 57} 58code { 59 background-color: #eee; 60 padding: 2px 5px; 61} 62.border { 63 border: solid 1px #E9F1F7; 64 padding: 2px; 65} 66.center { 67 text-align: center; 68} 69.hidden { 70 visibility: hidden; 71} 72.hide { 73 display: none; 74} 75.clear { 76 clear: both; 77} 78.last { 79 float: none; 80 margin-bottom: 0; 81} 82form { 83 margin: 0; 84 padding: 0; 85} 86form input[type=text], 87form input[type=password], 88form textarea { 89 border: solid 1px #ddd; 90 color: #888; 91 font-weight: bold; 92 padding: 0 3px; 93 margin: 0; 94} 95/* FIELD ERRORS */ 96form ul.errorlist { 97 list-style: none; 98 margin: 5px 0; 99 padding: 5px; 100 background-color: #ffd5d5; 101 font-size: 90%; 102} 103/* FORM BUTTONS */ 104button, 105input[type=button], 106input[type=submit], 107input[type=reset], 108a.button { 109 background-color: #ddd; 110 color: inherit; 111 border: solid 1px #ccc; 112 padding: 2px 5px; 113 cursor: pointer; 114 white-space: nowrap; 115 margin: 0; 116} 117 118button.mini, 119input[type=button].mini, 120input[type=submit].mini, 121input[type=reset].mini, 122a.button.mini { 123 font-size: 80%; 124 padding: 0px 2px; 125} 126button:HOVER, 127input[type=button]:HOVER, 128input[type=submit]:HOVER, 129input[type=reset]:HOVER, 130a.button:HOVER { 131 background-color: #eee; 132} 133a.button.confirm:HOVER { 134 color: red; 135} 136table th { 137 text-align: left; 138 font-weight: normal; 139 font-size: 90%; 140} 141 142 143/* Page */ 144#page { 145 width: 950px; 146 border: solid 10px #ddd; 147 background-color: white; 148 margin: 30px auto 10px auto; 149} 150 151/* Page header */ 152#page .header { 153 background-color: #e6e6e6; 154 padding: 5px 10px; 155} 156#page .header>.subheader { 157 background-color: #ccc; 158 margin: 5px -10px; 159 padding: 5px 10px; 160} 161#page .header>.subheader>form { 162 margin: 0; 163 margin-right: 20px; 164 padding: 0; 165 border-width: 0; 166 background-color: inherit; 167 display: inline; 168} 169#page .header>.subheader>* { 170 vertical-align: middle; 171} 172#page .header>.subheader>.login { 173 float: right; 174 margin: 3px; 175} 176#page .header>.subheader>form>input.search { 177 width: 155px; 178 height: 20px; 179 border: solid 1px #888; 180 color: #888; 181 font-weight: bold; 182 padding: 0 3px; 183} 184#page .header .logo { 185 width: 150px; 186 padding-right: 20px; 187} 188#page .header .description { 189 width: 245px; 190 height: 0px; 191 overflow: visible; 192 position: relative; 193 top: -50px; 194 left: 180px; 195 font-size: 14px; 196} 197#page .header>table { 198 width: 100%; 199 border-spacing: 0; 200} 201 202 203/* Page content*/ 204#page>.content { 205 padding: 5px 10px; 206 margin-right: 220px; 207} 208 209 210/* Page sidebar */ 211#page>.sidebar { 212 float: right; 213 width: 210px; 214 margin: 10px 0 0 0; 215 padding: 0; 216 border-left: solid 5px white; 217 border-bottom: solid 5px white; 218} 219#page>.sidebar>div { 220 padding: 5px; 221 padding-right: 15px; 222 background-color: #f2f2f2; 223 border: solid 3px #eee; 224 border-right-width: 0; 225 margin-bottom: 10px; 226} 227#page>.sidebar>div>h3 { 228 padding: 0 5px; 229 margin: -5px -15px 5px -5px; 230 border-bottom: dotted 2px #ddd; 231} 232#page>.sidebar>div>h3>a { 233 color: black; 234} 235 236 237/* Page footer */ 238#footer { 239 width: 950px; 240 margin: auto; 241 clear: both; 242 height: 40px; 243} 244#footer>A { 245 margin-left: 2px; 246 padding: 2px 3px; 247} 248#footer>A:HOVER { 249 background-color: white; 250} 251#footer img { 252 vertical-align: middle; 253} 254#footer>.logo { 255 float: right; 256} 257 258 259/* Pagination */ 260.pages { 261 text-align: center; 262} 263.pages>a { 264 border: solid 1px #eee; 265 margin: 2px; 266 padding: 1px 3px; 267} 268.pages>a.current:HOVER, 269.pages>a:HOVER { 270 border: solid 1px #ddd; 271} 272.pages>a.current { 273 font-weight: bolder; 274 color: inherit; 275} 276.pages>a.first { 277} 278.pages>a.last { 279} 280.pages>a.back { 281} 282.pages>a.next { 283}