default.css

   1 body {
   2     margin: 0 auto;
   3     padding: 0 20px;
   4     text-align: center;
   5 }
   6
   7 a.pagetop, a.pagetop:link, a.pagetop:visited, a.pagetop:hover {
   8     display: block;
   9     padding: 5px 10px 5px 10px;
  10     border: 1px solid #ccc;
  11     background-color: #eee;
  12     color: #999;
  13     font-size: 9px;
  14     text-align: right;
  15     text-transform: uppercase;
  16 }
  17
  18 div.footer {
  19     padding-top: 10px;
  20     border-top: 1px solid #ccc;
  21     font-size: 10px;
  22     color: #666;
  23 }
  24
  25 div.fixed-width {
  26   font-family: monospace;
  27 }
  28
  29 hr {
  30     border: 0;
  31     color: #ccc;
  32     background-color: #ccc;
  33     height: 1px;
  34 }
  35
  36 h2 {
  37     font-size: 18px;
  38     text-transform: uppercase;
  39     border-left: 10px solid #ff9900;
  40     padding-left: 10px;
  41     color: #000055;
  42 }
  43 h3 {
  44     font-size: 16px;
  45     color: #0055aa;
  46 }
  47
  48 a:visited {
  49     background: transparent;
  50     color: #8888aa;
  51     text-decoration: none;
  52 }
  53 a:link {
  54     background: transparent;
  55     color: #0000aa;
  56     text-decoration: none;
  57 }
  58 a:active {
  59     color: #0000cc;
  60 }
  61
  62 table.newsandevents {
  63     background: black;
  64 }
  65
  66 td.button {
  67     background: #eeeeee;
  68     text-align: center;
  69 }
  70 td.newsdate {
  71     background: #eeeeff;
  72     text-align: center;
  73     font-weight: bold;
  74 }
  75 td.newsitem {
  76     background: white;
  77     text-align: left;
  78 }
  79 td.newsauthor {
  80     background: #eeeeff;
  81     text-align: center;
  82 }
  83 td.eventdate {
  84     background: #eeffee;
  85     text-align: center;
  86     font-weight: bold;
  87 }
  88 td.eventitem {
  89     background: white;
  90     text-align: left;
  91 }
  92 td.eventroom {
  93     background: #eeffee;
  94     text-align: center;
  95 }
  96 th.news {
  97     background: #222255;
  98     color: white;
  99     text-align: left;
 100 }
 101 th {
 102     background: #002288;
 103     color: white;
 104 }
 105 tr.members1 {
 106     background: white;
 107 }
 108 tr.members2 {
 109     background: #cee6ff;
 110 }
 111
 112 img {
 113     border-width: 0;
 114 }
 115
 116 div.content {
 117     font-family: 'Lucida Grande', Sans, Sans-serif;
 118     font-size: 12px;
 119     width: 760px;
 120     margin: 0px auto;
 121     text-align: left;
 122 }
 123
 124 div.webcam {
 125     text-align: center;
 126 }
 127
 128 div.biglogo {
 129     height: 100px;
 130 }
 131 div.biglogo div {
 132     float: left;
 133 }
 134 div.biglogo div.uwlogo {
 135     margin-top: 16px;
 136 }
 137 div.biglogo div.csclogo {
 138     margin-top: 12px;
 139     float: right;
 140 }
 141
 142 div.menubar {
 143     background-color: white;
 144     padding-top: 12px;
 145     margin: 0 auto;
 146     text-align: center;
 147     height: 75px;
 148     vertical-align: middle;
 149     font-size: 12px;
 150     text-transform: uppercase;
 151 }
 152 div.menuitem {
 153     margin: 0;
 154     padding: 0;
 155     text-align: center;
 156     float: left;
 157 }
 158 div.menuitem a {
 159     display: block;
 160     text-align: center;
 161     padding: 5px;
 162     margin: 0;
 163     text-decoration: none;
 164     font-weight: bold;
 165 }
 166 div.menuitem a:hover {
 167     color: black;
 168     background-color: #eee;
 169     border: 1px solid #ccc;
 170 }
 171 div.menuitem p {
 172     margin: 0;
 173     padding: 0;
 174 }
 175
 176 div.webtitle {
 177     height: 46px;
 178     width: 750px;
 179     background-color: #215498;
 180     border-bottom: 4px solid #104387;
 181     padding-left: 10px;
 182     padding-top: 10px;
 183 }
 184 div.webtitle div {
 185     float:left;
 186     background-color: #215498;
 187 }
 188
 189 div.dirheader {
 190     padding-top: 5px;
 191 }
 192 a.diritem, a.diritem:link, a.diritem:visited, a.diritem:active {
 193     font-size: 14px;
 194     border-left: 4px solid #ccc;
 195     padding: 0 15px 0 5px;
 196     color: blue;
 197 }
 198 a.diritem:hover {
 199     border-left: 4px solid green;
 200 }
 201 a.homedir {
 202     font-weight: bold;
 203 }
 204
 205 div.infobox {
 206     border: 1px solid #ccc;
 207     padding: 2px 2px;
 208 }
 209 div.infobox p {
 210     margin: 5px;
 211     padding: 0;
 212 }
 213
 214 p.mediafile {
 215     font-weight: bold;
 216 }
 217
 218 a.position {
 219     font-weight: bold;
 220 }
 221
 222 input.library {
 223     width: 600px;
 224 }
 225
 226 ul.media {
 227     list-style: none;
 228     vertical-align: middle;
 229     padding: 0px;
 230 }
 231
 232 img.media {
 233     margin-right: 10px;
 234     vertical-align: middle;
 235 }
 236
 237 li.media {
 238     border-bottom: 1px solid #ccc;
 239     padding-top: 2px;
 240     padding-bottom: 2px;
 241 }
 242