default.css

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