[Summary view] [Print] [Text view]

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