css/top_level.css

   1 /* $Id$ */
   2
   3 body {
   4     background-color: #FAFAFA;
   5     color: #000000;
   6     font-family: 'bitstream vera sans', 'vera sans', sans-serif;
   7     font-size:  0.8em;
   8 }
   9
  10 a:link {
  11     color: #000099;
  12     text-decoration: none;
  13 }
  14
  15 a:visited {
  16     color: #000099;
  17     text-decoration: none;
  18 }
  19
  20 a:active {
  21     color: black;
  22     text-decoration: none;
  23 }
  24
  25 a:hover {
  26     color: #000099;
  27 }
  28
  29 img.floatleft {
  30     float: left;
  31     margin: 2px;
  32 }
  33
  34 img.floatright {
  35     float: right;
  36     margin: 2px;
  37 }
  38
  39 #menu {
  40     background-color: #FFFFC4;
  41     color: inherit;
  42     margin-top: 0px;
  43     font-size: 0.8em;
  44 }
  45
  46 #menu table {
  47     width: 100%;
  48 }
  49
  50 #menu td {
  51     width: 25px;
  52     text-align: center;
  53 }
  54
  55 #menu img {
  56     border: 0;
  57     display: block;
  58     margin-right: auto;
  59     margin-left: auto;
  60 }
  61
  62 #ui {
  63 /*  background-color: transparent;*/
  64     background-color: #F1F9FF;
  65     color: #000000;
  66     margin: 20px;
  67     border: 2px ridge #1D388C;
  68     padding: 1%;
  69     min-height: 450px;
  70     height: auto;
  71 /*    <!--[if lt IE 7]>
  72         _height: 450px;
  73     <![endif]-->*/
  74 }
  75
  76 #ui a:link {
  77     color: green;
  78     text-decoration: none;
  79 }
  80
  81 #ui a:visited {
  82     color: green;
  83     text-decoration: none;
  84 }
  85
  86 #ui a:active {
  87     color: green;
  88     text-decoration: none;
  89 }
  90
  91 #ui a:hover {
  92     color: green;
  93     text-decoration: underline;
  94 }
  95
  96 #ui table.config {
  97     border-width: 1px;
  98     border-style: solid;
  99     margin-right: auto;
 100     margin-left: auto;
 101 }
 102
 103 #ui th {
 104     border-bottom: 3px solid;
 105 }
 106
 107 #ui td.config {
 108     padding: 2px;
 109 }
 110
 111 #ui p.usermanage {
 112     text-align: center;
 113 }
 114
 115 #footer {
 116     text-align: left;
 117     font-size: 0.8em;
 118 }
 119
 120 #footer img {
 121     border: 0;
 122     float: right;
 123 }
 124
 125 #cal {
 126     font-family: 'bitstream vera sans', 'vera sans', sans-serif;
 127     font-size:  1em;
 128 }
 129
 130 #cal input {
 131     font-size:  1em;
 132 }
 133
 134 #cal td {
 135     font-size:  1em;
 136 }
 137
 138 #cal table {
 139     border-width: 1px;
 140     border-style: solid;
 141     margin-right: auto;
 142     margin-left: auto;
 143 }
 144
 145 #events {
 146 }
 147
 148 #events th {
 149     text-align: center;
 150     border-width: 1px 1px 1px 1px;
 151     padding: 2px 2px 2px 2px;
 152     border-style: solid solid solid solid;
 153     border-color: #2C9185 #2C9185 #2C9185 #2C9185;
 154     background-color: #CEFFFA;
 155 }
 156
 157 #events th.event {
 158     width: 13.5%;
 159 }
 160
 161 #events th.day_event {
 162     width: 90%;
 163 }
 164
 165 #events td {
 166     border-width: 1px 1px 1px 1px;
 167     padding: 2px 2px 2px 2px;
 168     border-style: solid solid solid solid;
 169     border-color: #2C9185 #2C9185 #2C9185 #2C9185;
 170     background-color: #FFFFFF;
 171 }
 172
 173 #events td.weeknum, td.time {
 174     background-color: #8FCDC7;
 175     text-align: center;
 176     font-weight: bold;
 177 }
 178
 179 #events td.notused {
 180     background-color: #BFBFBF;
 181 }
 182
 183 #events td.today {
 184     background-color: #FAF8D2;
 185 }
 186
 187 #events .date {
 188     border-left-width: 1px;
 189     border-bottom-width: 0px;
 190     border-right-width: 0px;
 191     border-top-width: 1px;
 192     border-style: solid;
 193     padding: 1px;
 194     font-size: x-small;
 195     float: right;
 196 }
 197
 198 #events table {
 199     width: 100%;
 200     border-width: 2px 2px 2px 2px;
 201     border-spacing: 0px;
 202     border-style: solid solid solid solid;
 203     border-color: #2C9185 #2C9185 #2C9185 #2C9185;
 204     border-collapse: separate;
 205     background-color: transparent;
 206 }
 207
 208 #error_msg {
 209     display: block;
 210     margin-right: auto;
 211     margin-left: auto;
 212     margin-top: 10%;
 213     padding: 5px;
 214     width: 400px;
 215     border-width: 5px;
 216     border-spacing: 0px;
 217     border-style: solid solid solid solid;
 218     border-color: black;
 219     border-collapse: separate;
 220     background-color: red;
 221     color: black;
 222 }
 223
 224 #update_msg {
 225     display: block;
 226     margin-right: auto;
 227     margin-left: auto;
 228     margin-top: 10%;
 229     padding: 5px;
 230     width: 400px;
 231     border-width: 5px;
 232     border-spacing: 0px;
 233     border-style: solid solid solid solid;
 234     border-color: black;
 235     border-collapse: separate;
 236     background-color: yellow;
 237     color: black;
 238 }
 239
 240 #login_msg {
 241     display: block;
 242     margin-right: auto;
 243     margin-left: auto;
 244     margin-top: 10%;
 245     padding: 5px;
 246     width: 400px;
 247     border-width: 5px;
 248     border-spacing: 0px;
 249     border-style: solid solid solid solid;
 250     border-color: black;
 251     border-collapse: separate;
 252     background-color: #F1F9FF;
 253     color: black;
 254 }
 255
 256 #login_msg table {
 257     margin-right: auto;
 258     margin-left: auto;
 259 }
 260
 261 #event {
 262     padding: 1%;
 263 }
 264
 265 #event input, select {
 266     font-family: 'bitstream vera sans', 'vera sans', sans-serif;
 267     font-size:  1.0em;
 268 }
 269
 270 #event table {
 271     margin-right: auto;
 272     margin-left: auto;
 273 }
 274
 275 .bold {
 276     font-weight: bold;
 277 }