From: the_mgt <themgt@mail.ru>
Date: Sun, 15 May 2011 09:57:46 +0000 (+0200)
Subject: Began fixing the who_is_online list in the iconbar, had to begin by fixing some casca... 
X-Git-Tag: v8.11~750
X-Git-Url: https://code.citadel.org/?a=commitdiff_plain;h=07e67e16d50be800e9dddbacbffa80dbe84a1de4;p=citadel.git

Began fixing the who_is_online list in the iconbar, had to begin by fixing some cascading in the css files. Also updated colorscheme and added some fresh air and rounded buttons.
---

diff --git a/webcit/static/styles/iconbar.css b/webcit/static/styles/iconbar.css
index 31715dfb3..dce5fd4ab 100644
--- a/webcit/static/styles/iconbar.css
+++ b/webcit/static/styles/iconbar.css
@@ -14,6 +14,10 @@
 	color: #000;
 }
 
+#citlogo {
+	padding: 10px 0;
+}
+
 .logo_citadel a,.logo_citadel img {
 	border: none;
 }
@@ -24,8 +28,8 @@
 } 
 
 .ib_button, .iconbar_text{
-	background-color: #5F84C5;
-	color: #F0FEFF;
+	background-color: #4d555c;
+	color: #9c959d;
 	font-weight: bold;
 } 
 
@@ -40,21 +44,23 @@
 }
 
 #iconbar #button {
+	padding: 0;
 	border: none;
 	list-style: none;
 }
 
-.ib_button {
-	margin: 4px 8px 4px 8px;
+.ib_button, #button li:hover{
+	margin: 3px;
 	padding: 0;
 	display: block;
 	font-size: 80%;
-	border: none;
-	border-bottom: 2px groove #DADCDA;
-	border-right: 2px groove #DADCDA;
+	-khtml-border-radius: 5px;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
+	behavior: url(border-radius.htc);
  }
 
-.logo, .logo_citadel, #iconbar #button, .iconbar_text, .ib_button {
+.logo, .logo_citadel, .iconbar_text {
 	margin: 0;
 	padding: 0;
 }
@@ -108,8 +114,6 @@
 	color: #008;
 }
 
-#ib_logoff:hover {
-	background-color: #3E65AF;
-	color: #F1BD22;
+#button li:hover, #ib_logoff:hover {
+        background-color: #5c646b;
 }
-
diff --git a/webcit/static/styles/webcit.css b/webcit/static/styles/webcit.css
index eba1618be..1e9130c12 100644
--- a/webcit/static/styles/webcit.css
+++ b/webcit/static/styles/webcit.css
@@ -399,7 +399,7 @@ a:visited { color: purple}
 	color: black;
 }
 
-#important_message, .buttons a:hover, #button li:hover {
+#important_message, .buttons a:hover {
 	background-color: #3E65AF;
 	color: #3E65AF;
 }