clearadm/clearadm.css

   1 /*******************************************************************************
   2 *
   3 * File:        $RCSfile: clearadm.css,v $
   4 * Revision:    $Revision: 1.20 $
   5 * Description: Cascading Style Sheet definitions for Clearadm
   6 * Author:      Andrew@ClearSCM.com
   7 * Created:     Sun Jan 16 11:13:19 EST 2011
   8 * Modified:    $Date: 2011/01/28 21:28:40 $
   9 * Language:    Cascading Style Sheet
  10 *
  11 * (c) Copyright 2010, Andrew@DeFaria.com, all rights reserved.
  12 *
  13 *******************************************************************************/
  14 body {
  15   background-color:white;
  16   font-family:veranda, times;
  17   font-size:14px;
  18   margin:0px;
  19   background-image:url('banner.jpg');
  20   background-repeat:repeat-x;
  21   margin-bottom:100px;
  22 }
  23
  24 /* Element classes */
  25 h1.title {
  26   color:white;
  27   text-align:center;
  28   height:70px;
  29 }
  30
  31 font.unknown {
  32   color:#ddd;
  33 }
  34
  35 font.dim {
  36   color:#999;
  37 }
  38
  39 p, h2 {
  40   margin:10px;
  41 }
  42
  43 /* Stylings for page div */
  44 .page a:link {
  45   color:blue;
  46   text-decoration:none;
  47 }
  48
  49 .page a:visited {
  50   color:blue;
  51 }
  52
  53 .page a:hover {
  54   color:red;
  55 }
  56
  57 .dataCenteredAlert a:link {
  58   color:red;
  59   font-size:18px;
  60 }
  61 .dataCenteredAlert a:visited {
  62   color:red;
  63   font-size:18px;
  64 }
  65
  66 /* Classes for control boxes */
  67 .filesystemControls {
  68   background-color:#fef5d8;
  69   text-align:right;
  70   padding:0px;
  71   border-right:1px solid black;
  72   border-left:1px solid black;
  73   border-bottom:1px solid black;
  74 }
  75
  76 .controls {
  77   background-color:#fef5d8;
  78   text-align:right;
  79   padding:0px;
  80   border:1px solid black;
  81 }
  82
  83 .filter {
  84   background-color:#fef5d8;
  85 }
  86
  87 /* Set the border to have a 3D effect for the chart image */
  88 img.chart {
  89   border-top:2px solid #eee;
  90   border-left:2px solid #eee;
  91   border-right:2px solid black;
  92   border-bottom:2px solid black;
  93 }
  94
  95 /* Stylings for table elements */
  96 table {
  97   background-color:black;
  98   padding:0px;
  99   margin-left:auto;
 100   margin-right:auto;
 101 }
 102
 103 tr.oldview {
 104   background-color:#eeeeee;
 105 }
 106
 107 tr.view {
 108   background-color:white;
 109 }
 110
 111 td.center {
 112   text-align:center;
 113 }
 114
 115 td.right {
 116   text-align:right;
 117 }
 118
 119 th, td {
 120   padding:4px;
 121 }
 122
 123 th.label {
 124   text-align:right;
 125   background-color:#fef5d8;
 126 }
 127
 128 th.labelCentered {
 129   text-align:center;
 130   background-color:#fef5d8;
 131 }
 132
 133 td.data {
 134   background-color:white;
 135 }
 136
 137 td.dataTop {
 138   background-color:white;
 139   vertical-align:top;
 140 }
 141
 142 td.dataAlert {
 143   background-color:white;
 144   color:red;
 145   font-weight:bold;
 146 }
 147
 148 td.dataAlertTop {
 149   background-color:white;
 150   color:red;
 151   font-weight:bold;
 152   vertical-align:top;
 153 }
 154
 155 td.dataRightAlert {
 156   background-color:white;
 157   color:red;
 158   font-weight:bold;
 159   text-align:right;
 160 }
 161
 162 td.dataCenteredAlert {
 163   background-color:white;
 164   color:red;
 165   font-weight:bold;
 166   text-align:center;
 167 }
 168
 169 td.dataRightAlertTop {
 170   background-color:white;
 171   color:red;
 172   font-weight:bold;
 173   text-align:right;
 174   vertical-align:top;
 175 }
 176
 177 td.dataCentered {
 178   text-align:center;
 179   background-color:white;
 180 }
 181
 182 td.dataCenteredTop {
 183   text-align:center;
 184   background-color:white;
 185   vertical-align:top;
 186 }
 187
 188 td.dataAlertCentered {
 189   text-align:center;
 190   background-color:white;
 191   color:red;
 192   font-weight:bold;
 193 }
 194
 195 td.dataAlertCenteredTop {
 196   text-align:center;
 197   background-color:white;
 198   color:red;
 199   font-weight:bold;
 200   vertical-align:top;
 201 }
 202
 203 td.dataRight {
 204   text-align:right;
 205   background-color:white;
 206 }
 207
 208 td.dataRightTop {
 209   text-align:right;
 210   background-color:white;
 211   vertical-align:top;
 212 }
 213
 214 td.dataAlertRight {
 215   text-align:right;
 216   background-color:white;
 217   color:red;
 218   font-weight:bold;
 219 }
 220
 221 td.dataAlertRightTop {
 222   text-align:right;
 223   background-color:white;
 224   color:red;
 225   font-weight:bold;
 226   vertical-align:top;
 227 }
 228
 229 /* Classes for viewager */
 230 .dynamic {
 231   color:red;
 232 }
 233
 234 .snapshot {
 235   color:green;
 236 }
 237
 238 .web {
 239   color:orange;
 240 }
 241
 242 .caption {
 243   background-color:white;
 244 }
 245
 246 /* General classes */
 247 .label {
 248   font-weight:bold;
 249 }
 250
 251 .heading {
 252   background-color:#fef5d8;
 253 }
 254
 255 .center {
 256   text-align:center;
 257 }
 258
 259 .error {
 260   color:red;
 261   font-weight:bold;
 262 }
 263
 264 .inputfield {
 265   background:#ece9d8;
 266   font-family:arial, veranda, times;
 267   font-size:14px;
 268 }
 269
 270 .inputfieldRight {
 271   background:#ece9d8;
 272   font-family:arial, veranda, times;
 273   font-size:14px;
 274   text-align:right;
 275 }
 276
 277 .dropdown {
 278   background-color:#ece9d8;
 279   font-family:arial, veranda, times;
 280   font-size:14px;
 281 }
 282
 283 /* Copyright block */
 284 .copyright {
 285   border-bottom:1px dotted #ccc;
 286   border-top:1px dotted #ccc;
 287   color:#999;
 288   font-family:verdana, arial, sans-serif;
 289   font-size:10px;
 290   margin-top:5px;
 291   text-align:center;
 292   width:auto;
 293 }
 294
 295 .copyright a:link, a:visited {
 296   color:#666;
 297   font-weight:bold;
 298   text-decoration:none;
 299 }
 300
 301 .copyright a:hover {
 302   color:#333;
 303 }