Changeset 2150 for lang/ruby/ssb/public_html/stylesheets

Timestamp:

11/30/07 01:10:47 (5 years ago)

Author:

coji

Message:

lang/ruby/ssb: fixed html/css bug for IE

Files:

• lang/ruby/ssb/public_html/stylesheets/ssb.css (modified) (10 diffs)

lang/ruby/ssb/public_html/stylesheets/ssb.css

@@ -76 +76 @@
 }
 
-#client #sidebar #time_status {
-  font-size: x-small;
-}
-
-#client #sidebar #time_status .time,
-#client #sidebar #time_status .time_safe,
-#client #sidebar #time_status .time_notice,
-#client #sidebar #time_status .time_warning {
+#client #sidebar #status_bar {
+  width: 240px;
+  height: 100px;
+  float: left;
+  font-size: x-small;
+}
+
+#client #sidebar #status_bar #qrcode {
+  float: left;
+  width: 100px;
+  height: 120px;
+}
+
+#client #sidebar #status_bar #time_status {
+  font-size: x-small;
+}
+
+#client #sidebar #status_bar #time_status .time,
+#client #sidebar #status_bar #time_status .time_safe,
+#client #sidebar #status_bar #time_status .time_notice,
+#client #sidebar #status_bar #time_status .time_warning {
   text-align: right;
   width: 3em;
-  padding-left: 0.5em;
-  padding-right: 0.5em;
-}
-
-#client #sidebar #time_status .time {
+}
+
+#client #sidebar #status_bar #time_status .time {
   color: gray;
   background-color: white;
@@ -96 +107 @@
 }
 
-#client #sidebar #time_status .time_safe {
+#client #sidebar #status_bar #time_status .time_safe {
   color: green;
   background-color: #f0f0ff;
@@ -102 +113 @@
 }
 
-#client #sidebar #time_status .time_notice {
+#client #sidebar #status_bar #time_status .time_notice {
   color: orange;
   background-color: #fffff0;
@@ -108 +119 @@
 }
 
-#client #sidebar #time_status .time_warning {
+#client #sidebar #status_bar #time_status .time_warning {
   color: red;
   background-color: #fff0f0;
@@ -114 +125 @@
 }
 
-#client #sidebar #qrcode {
-  float: left;
-  width: 100px;
-  height: 120px;
-}
-
-#client #sidebar #status_bar {
-  width: 140px;
-  height: 100px;
-  float: left;
-  font-size: x-small;
-}
-
 #client #sidebar #terminal {
   font-family: monospace;
@@ -133 +131 @@
   height: 80px;
   background-color: #f0f0f0;
-  border: 2px solid grey;
+  border: 2px solid gray;
   float: left;
 }
@@ -139 +137 @@
 #client #sidebar #terminal h2 {
   font-size: small;
-  background-color: grey;
+  background-color: gray;
   color: white;
   text-align: center;
@@ -145 +143 @@
 }
 
-#client #sidebar #pane_status #http_header,
-#client #sidebar #pane_source #source {
-  font-family: monospace;
-  height: 100%;
-  overflow: auto;
-  width: 100%;
-}
-
-#client #sidebar #pane_setting #term_form {
-  font-size: x-small;
-}
-
-#client #sidebar #pane_setting #termform fieldset.input_fields {
-  text-align: left;
-}
-
-#client #sidebar #pane_setting #term_form span.warning {
-  color: red;
-  font-size: x-small;
-}
-
 #client #sidebar #pane_tab_group {
-  float: left;
-  clear: both;
+  clear: left;
+}
+
+#client #sidebar #pane_tab_group li {
+  float: left;
 }
 
@@ -185 +165 @@
 #client #sidebar #pane_tab_group .tab_open {
   color: white;
-  background-color: grey;
+  background-color: gray;
+}
+
+#client #sidebar #pane_status #http_header,
+#client #sidebar #pane_source #source {
+  font-family: monospace;
+  height: 100%;
+  overflow: auto;
+  width: 100%;
+}
+
+#client #sidebar #pane_setting #term_form {
+  font-size: x-small;
+}
+
+#client #sidebar #pane_setting #termform fieldset.input_fields {
+  text-align: left;
+}
+
+#client #sidebar #pane_setting #term_form span.warning {
+  color: red;
+  font-size: x-small;
 }
 
@@ -197 +198 @@
 
 #client #sidebar div.pane_open {
-  border: 2px solid grey;
+  border: 2px solid gray;
 }