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     white-space: nowrap;
  88 }
  89 td.eventitem {
  90     background: white;
  91     text-align: left;
  92 }
  93 td.eventroom {
  94     background: #eeffee;
  95     text-align: center;
  96     white-space: nowrap;
  97 }
  98 th.news {
  99     background: #222255;
 100     color: white;
 101     text-align: left;
 102 }
 103 th {
 104     background: #002288;
 105     color: white;
 106 }
 107 tr.members1 {
 108     background: white;
 109 }
 110 tr.members2 {
 111     background: #cee6ff;
 112 }
 113
 114 img {
 115     border-width: 0;
 116 }
 117
 118 div.content {
 119     font-family: 'Lucida Grande', Sans, Sans-serif;
 120     font-size: 12px;
 121     width: 760px;
 122     margin: 0px auto;
 123     text-align: left;
 124 }
 125
 126 div.webcam {
 127     text-align: center;
 128 }
 129
 130 div.biglogo {
 131     height: 100px;
 132 }
 133 div.biglogo div {
 134     float: left;
 135 }
 136 div.biglogo div.uwlogo {
 137     margin-top: 16px;
 138 }
 139 div.biglogo div.csclogo {
 140     margin-top: 12px;
 141     float: right;
 142 }
 143
 144 div.menubar {
 145     background-color: white;
 146     padding-top: 12px;
 147     margin: 0 auto;
 148     text-align: center;
 149     height: 75px;
 150     vertical-align: middle;
 151     font-size: 12px;
 152     text-transform: uppercase;
 153 }
 154 div.menuitem {
 155     margin: 0;
 156     padding: 0;
 157     text-align: center;
 158     float: left;
 159 }
 160 div.menuitem a {
 161     display: block;
 162     text-align: center;
 163     padding: 5px;
 164     margin: 0;
 165     text-decoration: none;
 166     font-weight: bold;
 167 }
 168 div.menuitem a:hover {
 169     color: black;
 170     background-color: #eee;
 171     border: 1px solid #ccc;
 172 }
 173 div.menuitem p {
 174     margin: 0;
 175     padding: 0;
 176 }
 177
 178 div.webtitle {
 179     height: 46px;
 180     width: 750px;
 181     background-color: #215498;
 182     border-bottom: 4px solid #104387;
 183     padding-left: 10px;
 184     padding-top: 10px;
 185 }
 186 div.webtitle div {
 187     float:left;
 188     background-color: #215498;
 189 }
 190
 191 div.dirheader {
 192     padding-top: 5px;
 193 }
 194 a.diritem, a.diritem:link, a.diritem:visited, a.diritem:active {
 195     font-size: 14px;
 196     border-left: 4px solid #ccc;
 197     padding: 0 15px 0 5px;
 198     color: blue;
 199 }
 200 a.diritem:hover {
 201     border-left: 4px solid green;
 202 }
 203 a.homedir {
 204     font-weight: bold;
 205 }
 206
 207 div.infobox {
 208     border: 1px solid #ccc;
 209     padding: 2px 2px;
 210 }
 211 div.infobox p {
 212     margin: 5px;
 213     padding: 0;
 214 }
 215
 216 p.mediafile {
 217     font-weight: bold;
 218 }
 219
 220 a.position {
 221     font-weight: bold;
 222 }
 223
 224 input.library {
 225     width: 600px;
 226 }
 227
 228 ul.media {
 229     list-style: none;
 230     vertical-align: middle;
 231     padding: 0px;
 232 }
 233
 234 img.media {
 235     margin-right: 10px;
 236     vertical-align: middle;
 237 }
 238
 239 li.media {
 240     border-bottom: 1px solid #ccc;
 241     padding-top: 2px;
 242     padding-bottom: 2px;
 243 }
 244
 245 /*
 246 .webcam img {
 247     -moz-transform:scaleX(-1);
 248     -webkit-transform:scaleX(-1);
 249 }
 250 */