nucleus/styles/admin_contemporary.css

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