This one needs more work to get the font sizes and other heights to be more responsive.
Index: default.css
===================================================================
--- default.css (revision 1763)
+++ default.css (working copy)
@@ -141,6 +141,10 @@
border-spacing: 1px;
}
+table.fixed {
+ table-layout:fixed;
+}
+
#maincontainer {
border-top: 0;
margin-bottom: 10px;
@@ -234,7 +238,7 @@
}
.menutop {
- height: 25px;
+ height: 2.25em;
background-color: #6499d0 ;
font-weight: bold;
text-align: left;
@@ -242,7 +246,7 @@
}
.mainbottom {
- height: 25px;
+ height: 2.25em;
width: 100%;
background-color: #2d2d2d;
font-weight: bold;
@@ -783,7 +787,7 @@
.displaycontainer {
background-color: #fff;
- padding: 1px;
+ padding: 1px 0;
width: 100%;
}
@@ -1291,7 +1295,6 @@
display: inline-block;
}
-
span.ubbcbutton {
height: 22px;
width: 23px;
@@ -1305,6 +1308,7 @@
display: inline-block;
float:left;
}
+
.ubbcbuttonback {
background-image: url(./default/UBBC/ubbc2.png);
}
@@ -1971,10 +1975,13 @@
margin: 0 auto;
}
+.system-body {
+ margin: 0 auto;
+ width: 80%;
+}
+
.system-info {
- margin: 0 auto;
height: 35px;
- width: 80%;
font-size: 12px;
font-family: Verdana, Arial, Sans-Serif;
color: #eee;
@@ -1983,9 +1990,6 @@
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
border-bottom: 1px solid #195392;
-}
-
-.system-info td {
text-align: center;
font-weight: bold;
vertical-align: middle;
@@ -1992,22 +1996,10 @@
}
.system-info-body {
- width: 80%;
background-color: #dee4ec;
- padding: 1px;
- border-collapse: separate;
- border-spacing: 1px;
+ padding: 8px;
}
-.system-info-body td {
- background-color: #eee;
- font-size: 12px;
- font-weight: 400;
- font-style: normal;
- color: #2d2d2d;
- padding: 1em;
-}
-
.smiley_box {
height: 65px;
width: 120px;
@@ -2041,18 +2033,30 @@
.off-color { color:#ccc;}
-span.mood {
-border: 1px #000 solid;
-border-radius: 5px;
-height:12px;
-padding: 0 3px 0 2px;
-vertical-align:top;
-color:#000;
-font-size:10px;
+span.NewLinks {
+background-image: url(./default/new-l.png);
+height:11px;
+display: inline-block;
+vertical-align:middle;;
+padding: 0 0 0 2px;
+background-position: left bottom;
+background-repeat: no-repeat;
}
-
-span.mood img {
-margin-left:-1px;
-margin-top:-2px;
+span.NewLinks_r {
+background-image: url(./default/new-r.png);
+height:11px;
+display: inline-block;
+vertical-align:baseline;
+padding: 0 2px 0 0;
+background-position: right top;
+background-repeat: no-repeat;
+}
+span.NewLinks_c {
+background-image: url(./default/new-c.png);
+color:#fff;
+font-size:8px;
+height:11px;
+display: inline-block;
vertical-align:top;
+padding: 0 2px;
}
\ No newline at end of file