nucleus/styles/admin_contemporary.css

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