Applied new colors to navbar, reduced banner height, tried to adjust iconbar logo...

diff --git a/webcit/static/styles/banner.css b/webcit/static/styles/banner.css
index 9c9e9ad6bed965af6acf180608289474fc6c35ee..0a8f3a63373b3f1af532a4bbc30b8183d84d121a 100644 (file)
--- a/webcit/static/styles/banner.css
+++ b/webcit/static/styles/banner.css
@@ -5,11 +5,12 @@
        background: linear-gradient(#4D555C, #7D858C);
        -pie-background: linear-gradient(#4D555C, #7D858C);
        behavior: url(/static/styles/PIE.htc);
+        border-bottom: 2px solid #424b52;
        color: #FFF;
        margin: 0;
        padding: 0;
        top: 0;
-       height: 120px;          /* when changing this, also change #content */
+       height: 100px;          /* when changing this, also change #content */
        position: fixed;
        width: 84%;             /* when changing this, also change #iconbar and #content */
        left: 16%;              /* when changing this, also change #iconbar and #content */
@@ -70,6 +71,7 @@
 #banner ul.room_actions {
        list-style: none;
        text-align: left;
+       margin: 0;
 }
 #banner ul.room_actions li {
        white-space: nowrap;

diff --git a/webcit/static/styles/iconbar.css b/webcit/static/styles/iconbar.css
index f6abd4fd5ef2819c22d142e8693bebdbd2a1ce66..04129663c544fe5d0c07b4ae2f6dddc9728e2ead 100644 (file)
--- a/webcit/static/styles/iconbar.css
+++ b/webcit/static/styles/iconbar.css
@@ -11,7 +11,7 @@
 
 #iconbar_container { background-color: #FFF; }
 
-#citlogo { padding: 10px 0; }
+#citlogo { padding: 13px 0; }
 
 .logo_citadel a,.logo_citadel img {
        border: none;
@@ -52,8 +52,8 @@
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
-       behavior: url(/static/styles/PIE.htc);
-}
+       behavior: url(border-radius.htc);
+ }
 
 .logo, .logo_citadel, .iconbar_text {
        margin: 0;
@@ -124,3 +124,10 @@
 #button li:hover, #ib_logoff:hover {
         background-color: #5c646b;
 }
+
+#ib_users {
+       -khtml-border-radius: 5px;
+       -moz-border-radius: 5px;
+       border-radius: 5px;
+       behavior: url(border-radius.htc);
+}

diff --git a/webcit/static/styles/navbar.css b/webcit/static/styles/navbar.css
index a4f7eb06004629073c3605ec2ffa9b4a9dbaa53d..600550415a25283bbc4b16750bbccb2f5a7c17fc 100644 (file)
--- a/webcit/static/styles/navbar.css
+++ b/webcit/static/styles/navbar.css
@@ -1,11 +1,12 @@
 #navbar {
-       font-size: 75%;
+       font-size: 70%;
+       font-weight: bold;
+       height: 2em;
        position: absolute;
        bottom: 0;
        width: 100%;
-       background-color: #022750;
-       border-top: 1px solid black;
-       border-bottom: 1px solid black;
+       background-color: #7D858C;
+       border-top: 2px solid #424b52;
        color: #FFF;
 }
 
@@ -22,21 +23,26 @@
        display: inline;
        list-style: none;
        vertical-align: middle;
+       padding: 0 0.5em;
 }
 
 #navbar ul li a {
-       padding: 2px 8px 8px 8px;
+       display: inline-block;
        white-space: nowrap;
 }
 
 #navbar ul li a:hover {
-       background-color: #3E65AF;
-       color: #FFF;
+       background-color: #5c646b;
+       border: 0px solid #5c646b;
+        border-radius: 5px;
+        -webkit-border-radius: 5px;
+        -moz-border-radius: 5px;
+
 }
 
 #navbar ul li img {
        float: none;
-       margin: 0 2px 0 2px;
+       margin: 0 2px;
 }
 
 #navbar ul li a img {

diff --git a/webcit/static/styles/webcit.css b/webcit/static/styles/webcit.css
index 235c2331ec9de4a7c2a1fdd2b459845cec0ae2ce..a92b5ae9e21e43eb9169723d8f58a99038ea19e5 100644 (file)
--- a/webcit/static/styles/webcit.css
+++ b/webcit/static/styles/webcit.css
@@ -202,9 +202,10 @@ body {
 .mimepart dl dt { font-weight: 700 }
 
 .roomops_cell_label, .tab_cell_label {
-       background-color: #3E65AF;
+       background-color: #424b52;
        color: #EABB3A;
-       font-size: 90%;
+       font-size: 80%;
+       font-weight: bold;
        border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
@@ -216,9 +217,10 @@ body {
 }
 
 .tab_cell, .tab_cell_edit {
-       background-color: #5F84C5;
+       background-color: #5c646b;
        color: #F9FDFB;
-       font-size: 90%;
+       font-size: 80%;
+       font-weight: bold;
        border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
@@ -379,20 +381,29 @@ a:visited { color: purple}
        color: black;
 }
 
-#important_message, .buttons a:hover {
+#important_message {
        background-color: #3E65AF;
-       color: #3E65AF;
+       color: #FFF;
 }
 
-.button_link a, input, select, .room_actions form select, .room_actions li.search input, .address_book_popup_title, input#delbutton,.attachfile, .logbuttons input,.buttons input {
-       background-color: #fbf4ca;
+input, select, .room_actions form select, .room_actions li.search input, .address_book_popup_title {
+       background-color: #efefe0; /*#fbf4ca;*/
+       border: 2px solid #5c646b;
+       color: #333;
 }
 
-.button_link a, input, select, .room_actions form select, .room_actions li.search input, .address_book_popup_title, input#delbutton,.attachfile, .logbuttons input,.buttons input {
-       border: 1px solid #999;
-       color: #333;
+.buttons a:hover { background-color: #5c646b; }
+ 
+.button_link a, input#delbutton,.attachfile, .logbuttons input,.buttons input {
+       background-color: #4d555c;
+}
+ 
+.button_link a, input#delbutton,.attachfile, .logbuttons input,.buttons input {
+       border: 2px solid #5c646b;
+       color: #F0FEFF;
 }
 
+
 .button_link a, input#delbutton,.attachfile, .buttons input {
        cursor: pointer;
        -webkit-border-radius: 8px;