utf8/nucleus/styles/admin.css

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