master/nucleus/styles/admin_original.css

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