skins/admin/default/styles/admin_original.css

   1 /*
   2         admin area style
   3
   4         $Id: admin_original.css 1888 2012-06-17 08:38:54Z sakamocchi $
   5 */
   6
   7 body {
   8         background: #ffffff;
   9 }
  10
  11 body, td, th, a, li, ul, textarea {
  12         color: #000;
  13         font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  14 }
  15
  16 /* basic link appearance */
  17 a:link, a:visited {
  18         color: #1D3565;
  19         font-weight: bold;
  20         text-decoration: none;
  21 }
  22
  23 a:hover {
  24         text-decoration: underline;
  25 }
  26
  27 /* textareas */
  28 textarea {
  29         font-size: small;
  30         width: 95%;
  31 }
  32
  33 /* textareas for skin/template editing have monospace fonts */
  34 textarea.skinedit, textarea.templateedit {
  35         font-family: monospace;
  36         font-size: medium;
  37 }
  38
  39 /* images */
  40 img     {
  41         border: none;
  42 }
  43
  44 img.skinpreview {
  45         border: 1px solid #ccc;
  46 }
  47
  48 /* forms */
  49 form {
  50         margin-bottom: 0px;
  51 }
  52
  53 label {
  54         cursor: pointer;
  55 }
  56
  57 input.transparent {
  58         background-color: transparent;
  59 }
  60
  61 /* preformatted text */
  62 pre {
  63         margin-left: 10px;
  64 }
  65
  66 /* a div that has an indent */
  67 div.indent {
  68         margin-left: 40px;
  69 }
  70
  71 .skip {
  72         display: none;
  73 }
  74
  75 .error {
  76         color: red;
  77         font-size: 1.2em;
  78 }
  79
  80 /* header */
  81 h1 {
  82         text-align: right;
  83         font-size: 30px;
  84         font-weight: 900;
  85         letter-spacing: 0.1em;
  86         /*color: #0001AA;       */
  87         color: #596d9d;
  88         margin: 0 0 5px 135px;
  89         height: 35px;
  90         /*display: none;        hide the header if you don't want it*/
  91 }
  92
  93 /* quick menu on left */
  94 /*
  95         It's a real pain getting this absolute positioning to work correctly
  96         in all browsers. IE in particular seems to have a lot of trouble, even
  97         when a valid doctype is present. Because of the way it is solved currently,
  98         the top of the quickmenu and the contents will not line up
  99 */
 100 #quickmenu {
 101         position: absolute;
 102         overflow: hidden;
 103
 104         top: 10px;
 105         left: 10px;
 106
 107         width: 110px;
 108         margin: 0px;
 109         padding: 0px;
 110
 111         font-size: 70%;
 112
 113         border-width: 1px;
 114         border-style: solid;
 115         border-color: black;
 116
 117         background: #ffffff url(quickb.jpg) top left fixed repeat-y;
 118 }
 119
 120 #quickmenu ul {
 121         list-style-type: none;
 122         margin: 0;
 123         padding: 0;
 124 }
 125
 126 #quickmenu li {
 127         padding: 0;
 128         margin: 0;
 129         text-align: center;
 130         border-bottom: 1px solid #ccc;
 131 }
 132
 133 #quickmenu p {
 134         padding: 5px;
 135         margin: 0px;
 136         text-align: justify;
 137 }
 138
 139 #quickmenu a {
 140         display: block;
 141         padding: 5px;
 142         font-size: 1em;
 143         line-height: 1.5em;
 144         text-decoration: none;
 145 }
 146
 147 #quickmenu a:hover {
 148         background: #ffffff url(quickb-hover.jpg) top left fixed repeat-y;
 149         color: #000;
 150         letter-spacing: 1px;
 151 }
 152
 153 #quickmenu h2 {
 154         font-size: small;
 155         text-align: center;
 156         padding: 1px 0px 1px 0px;
 157         margin: 0px;
 158         border-bottom: 1px solid #bbb;
 159         background-color: #ddd;
 160         color: #000;
 161 }
 162
 163 #quickmenu form {
 164         margin: 0;
 165         padding: 5px;
 166         text-align: center;
 167 }
 168
 169 #quickmenu option {
 170         font-size: 0.9em;
 171 }
 172
 173 .loginname {
 174         float: right;
 175         font-size: small;
 176         text-align: right;
 177         line-height: normal;
 178         padding-left: 5px;
 179         background-color: white;
 180 }
 181
 182 /* page content */
 183 #content {
 184         margin-left: 135px;
 185         font-style: normal;
 186         text-decoration: none;
 187         color: black;
 188         text-align: justify;
 189         line-height: 13pt;
 190
 191         border-width: 1px;
 192         border-style: solid;
 193         border-color: black;
 194
 195         /* rounded borders */
 196         -webkit-border-radius: 10px;
 197         -moz-border-radius: 10px;
 198         border-radius: 10px;
 199
 200         padding: 10px 10px 0 10px;
 201
 202         background-color: white;
 203 }
 204
 205 #content h2 {
 206         color: #596d9d;
 207
 208         border-color: gray;
 209         border-style: dashed;
 210         border-width: 0px 0px 1px 0px;
 211
 212         font-size: large;
 213         line-height: 120%;
 214
 215         text-decoration: none;
 216         font-weight: bold;
 217 }
 218
 219 #content h3 {
 220         border-color: gray;
 221         border-style: dotted;
 222         border-width: 0px 0px 1px 0px;
 223         font-size: medium;
 224         font-weight: normal;
 225         line-height: 120%;
 226
 227         color: gray;
 228         padding-left: 20px;
 229 }
 230
 231 #content .note, pre {
 232         background-color: #ddd;
 233         padding: 5px;
 234 }
 235
 236 /*
 237         font size tricks, to make it work in all browsers
 238
 239         See:
 240         http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html
 241
 242         (netscape 4 trick is left out, Nucleus doesn't work anyway in that browser)
 243         #content should be 'small' (in standard-compliant browsers)
 244
 245 */
 246
 247 #content {
 248   font-size: small;
 249   voice-family: "\"}\"";
 250   voice-family: inherit;
 251   font-size: small;
 252 }
 253 html>body #content { font-size: small; }
 254
 255 /* tables */
 256 div#content table {
 257         border: none;
 258         width: 100%;
 259         border-collapse: collapse;
 260         margin-bottom: 10px;
 261         margin-top: 10px;
 262 }
 263
 264 div#content table tbody tr {
 265         background-color: #FFFFFF;
 266 }
 267
 268 div#content table tbody tr:hover {
 269         background-color:       #F5F5F5;
 270 }
 271
 272 div#content table thead tr th,
 273 div#content table tfoot tr th,
 274 div#content table tbody tr th {
 275         border: none;
 276         background-color: #BBBBCC;
 277         color: #000000;
 278         font-size: small;
 279 }
 280
 281 div#content table thead th,
 282 div#content table thead td,
 283 div#content table tfoot th,
 284 div#content table tfoot td,
 285 div#content table tbody td {
 286         padding: 4px;
 287         empty-cells: show;
 288 }
 289
 290 /* systemconfig column */
 291 div#content table.systemoverview thead td,
 292 div#content table.systemoverview tfoot td,
 293 div#content table.systemoverview tbody td {
 294         width:  50%;
 295 }
 296
 297 div#content table thead tr td,
 298 div#content table tfoot tr td,
 299 div#content table tbody tr td {
 300         border: 1px solid #ddd;
 301         font-size: small;
 302         vertical-align: top;
 303         text-align: left;
 304 }
 305
 306 div#content table tbody tr td a:link,
 307 div#content table tbody tr td a:visited {
 308         text-decoration: underline;
 309         color: black;
 310         font-weight: normal;
 311 }
 312
 313 div#content table tbody tr td a:hover {
 314         color: #1D3565;
 315         text-decoration: underline;
 316 }
 317
 318 div#content table tbody tr td.draft,
 319 div#content table tbody tr td.future {
 320         background-color: #FFFFEE;
 321 }
 322
 323 div#content table.navigation td,
 324 div#content table.navigation th {
 325         border: none;
 326 }
 327
 328 div#content table tbody td h3 {
 329         padding:        0px;
 330         margin: 0px 0px 2em 0px;
 331         border: 0px;
 332         color:  #000000;
 333         font-size:      small;
 334         font-weight:    normal;
 335         line-height:    13pt;
 336 }
 337
 338 div#content table tbody td h3#base_skin {
 339         font-weight:    bold;
 340 }
 341
 342 /* definitive list */
 343 div#content table tbody tr td dl {
 344         margin: 0px;
 345         padding:        0px;
 346 }
 347
 348 div#content table tbody tr td:first-child dl dt {
 349         margin: 0px;
 350         padding:        0px 5px 0px 0px;
 351         display:        inline;
 352         float:  left;
 353         clear:  both;
 354 }
 355
 356 div#content table tbody tr td:first-child dl dd {
 357         margin: 0px;
 358         padding:        0px;
 359         display:        block;
 360 }
 361
 362 div#content table tbody tr td dl dd {
 363         margin: 0px 0px 1em 0px;
 364 }
 365
 366 /* unorderd list */
 367 div#content table tbody tr td ul {
 368         margin: 0px;
 369         padding:        0px;
 370         list-style:     none;
 371 }
 372
 373 div#content table tbody tr td ul li {
 374         margin: 0px;
 375         padding:        0px;
 376         white-space:    nowrap;
 377 }
 378
 379 .batchoperations {
 380         background-color: #EEEEFF;
 381         width: auto;
 382         padding: 5px;
 383         text-align: right;
 384 }
 385
 386 /* footer */
 387 div.foot {
 388         padding: 2px 0px 2px 10px;
 389         margin:10px -10px 0 -10px;
 390         text-align: center;
 391 }