-body {background: white; color: black; font-family:serif;}
-h1 {font-size: x-large; }
-h2 {font-size: large; color: #000055; }
-h3 {font-size: medium; color: #0055aa; }
-a:visited {background: transparent; color: #8888aa; text-decoration: none; }
-a:link {background: transparent; color: #0000aa; text-decoration: none; }
-a:active {background: #ffcc00; color: #0000cc; }
-td.button { background: #eeeeee; text-align: center; }
-td.newsdate { background: #eeeeff; font-family: sans-serif; font-size: x-small; text-align: center; font-weight: bold;}
-td.newsitem { background: white; text-align: left;}
-td.newsauthor { background: #eeeeff; font-family: sans-serif; font-size: x-small; text-align: center;}
-td.eventdate { background: #eeffee; font-family: sans-serif; font-size: x-small; text-align: center; font-weight: bold;}
-td.eventitem { background: white; text-align: left;}
-td.eventroom { background: #eeffee; font-family: sans-serif; font-size: x-small; text-align: center;}
-th.news { background: #222255; color: white; font-family: sans-serif; font-size: x-small; text-align: left; }
-td.pagetitle { font-size: large; font-weight: bold; }
-th { background: #002288; color: white; }
-
-/* CSS 2 (especially for Mozilla) and CSS 3 (according to the developmental spec) */
-body, .web-framework {
- width:760px;
- margin:0 auto;
- padding:0 20px;
- font-size:12px;
+body {
+ margin: 0 auto;
+ padding: 0 20px;
+ text-align: center;
}
-img {
- border-width:0;
+a.pagetop, a.pagetop:link, a.pagetop:visited, a.pagetop:hover {
+ display: block;
+ padding: 5px 10px 5px 10px;
+ border: 1px solid #ccc;
+ background-color: #eee;
+ color: #999;
+ font-size: 9px;
+ text-align: right;
+ text-transform: uppercase;
+}
+
+div.footer {
+ padding-top: 10px;
+ border-top: 1px solid #ccc;
+ font-size: 10px;
+ color: #666;
+}
+
+div.fixed-width {
+ font-family: monospace;
+}
+
+hr {
+ border: 0;
+ color: #ccc;
+ background-color: #ccc;
+ height: 1px;
}
h2 {
- border-left:10px solid #ff9900;
- font-family:'Lucida Grande', Sans, Sans-serif;
- text-transform:uppercase;
- padding-left:10px;
-}
-
-p {
- font-family:'Lucida Grande', Sans, Sans-serif;
-}
-
-.template-header {
- border-bottom:1px solid #ccc;
- /*background-color:#cee6ff;*/
- margin-top:65px;
-}
-
-.webtitle {
- position:absolute;
- top:0;
- left:0;
- width:100%;
- background-color:#215498;
-} .webtitle .webtitle-inner {
- width:760px;
- margin:0 auto;
- padding:0 20px;
- vertical-align:center;
-} .webtitle-inner .link2home {
- vertical-align:center;
- height:60px;
- margin:auto 0;
-}
-
-.menuspace {
- background:white;
-}
-
-.menuspace .menubar {
- background-color:transparent;
- padding:0;
- margin:0 auto;
- text-align:center;
-}
-
-.menuspace .menuitem {
- margin:0;
- padding:0;
-} .menuspace .menuitem a {
- display:block;
- text-align:center;
- padding:3px 6px;
- margin:0;
- text-decoration:none;
- font-weight:400;
- font-family:'Lucida Grande', Sans, Sans-serif;
-} .menuspace .menuitem a:hover {
- font-weight:700;
-} .menuspace .menuitem a:hover img {
- width:60px;
- height:60px;
+ font-size: 18px;
+ text-transform: uppercase;
+ border-left: 10px solid #ff9900;
+ padding-left: 10px;
+ color: #000055;
+}
+h3 {
+ font-size: 16px;
+ color: #0055aa;
+}
+
+a:visited {
+ background: transparent;
+ color: #8888aa;
+ text-decoration: none;
+}
+a:link {
+ background: transparent;
+ color: #0000aa;
+ text-decoration: none;
+}
+a:active {
+ color: #0000cc;
+}
+
+table.newsandevents {
+ background: black;
+}
+
+td.button {
+ background: #eeeeee;
+ text-align: center;
+}
+td.newsdate {
+ background: #eeeeff;
+ text-align: center;
+ font-weight: bold;
+}
+td.newsitem {
+ background: white;
+ text-align: left;
+}
+td.newsauthor {
+ background: #eeeeff;
+ text-align: center;
+}
+td.eventdate {
+ background: #eeffee;
+ text-align: center;
+ font-weight: bold;
+ white-space: nowrap;
+}
+td.eventitem {
+ background: white;
+ text-align: left;
+}
+td.eventroom {
+ background: #eeffee;
+ text-align: center;
+ white-space: nowrap;
+}
+th.news {
+ background: #222255;
+ color: white;
+ text-align: left;
+}
+th {
+ background: #002288;
+ color: white;
+}
+tr.members1 {
+ background: white;
+}
+tr.members2 {
+ background: #cee6ff;
+}
+
+img {
+ border-width: 0;
+}
+
+div.content {
+ font-family: 'Lucida Grande', Sans, Sans-serif;
+ font-size: 12px;
+ width: 760px;
+ margin: 0px auto;
+ text-align: left;
+}
+
+div.webcam {
+ text-align: center;
+}
+
+div.biglogo {
+ height: 100px;
+}
+div.biglogo div {
+ float: left;
+}
+div.biglogo div.uwlogo {
+ margin-top: 16px;
+}
+div.biglogo div.csclogo {
+ margin-top: 12px;
+ float: right;
+}
+
+div.menubar {
+ background-color: white;
+ padding-top: 12px;
+ margin: 0 auto;
+ text-align: center;
+ height: 75px;
+ vertical-align: middle;
+ font-size: 12px;
+ text-transform: uppercase;
+}
+div.menuitem {
+ margin: 0;
+ padding: 0;
+ text-align: center;
+ float: left;
+}
+div.menuitem a {
+ display: block;
+ text-align: center;
+ padding: 5px;
+ margin: 0;
+ text-decoration: none;
+ font-weight: bold;
+}
+div.menuitem a:hover {
+ color: black;
+ background-color: #eee;
+ border: 1px solid #ccc;
+}
+div.menuitem p {
+ margin: 0;
+ padding: 0;
+}
+
+div.webtitle {
+ height: 46px;
+ width: 750px;
+ background-color: #215498;
+ border-bottom: 4px solid #104387;
+ padding-left: 10px;
+ padding-top: 10px;
+}
+div.webtitle div {
+ float:left;
+ background-color: #215498;
+}
+
+div.dirheader {
+ padding-top: 5px;
+}
+a.diritem, a.diritem:link, a.diritem:visited, a.diritem:active {
+ font-size: 14px;
+ border-left: 4px solid #ccc;
+ padding: 0 15px 0 5px;
+ color: blue;
+}
+a.diritem:hover {
+ border-left: 4px solid green;
+}
+a.homedir {
+ font-weight: bold;
+}
+
+div.infobox {
+ border: 1px solid #ccc;
+ padding: 2px 2px;
+}
+div.infobox p {
+ margin: 5px;
+ padding: 0;
+}
+
+p.mediafile {
+ font-weight: bold;
+}
+
+a.position {
+ font-weight: bold;
+}
+
+input.library {
+ width: 600px;
+}
+
+ul.media {
+ list-style: none;
+ vertical-align: middle;
+ padding: 0px;
+}
+
+img.media {
+ margin-right: 10px;
+ vertical-align: middle;
+}
+
+li.media {
+ border-bottom: 1px solid #ccc;
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+/*
+.webcam img {
+ -moz-transform:scaleX(-1);
+ -webkit-transform:scaleX(-1);
}
+*/