euc/nucleus/styles/admin.css

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