default.css

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