Changeset 1305

Timestamp:

03/14/2008 04:22:39 AM (18 years ago)

Author:

sambauers

Message:

Nicer colours for admin interface. Props Alex for double checking. Trunk only.

File:

• trunk/bb-admin/style.css (modified) (19 diffs)

trunk/bb-admin/style.css

@@ -23 +23 @@
 pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
 
-
+/*
+There are six graduations of green
+             Dark - rgb(5, 50, 0)
+              Mid - rgb(10, 100, 0)
+             Link - rgb(40, 140, 60)
+            Light - rgb(110, 180, 105)
+    Input Borders - rgb(180, 220, 170)
+        Highlight - rgb(200, 250, 200)
+
+One deep yellow
+           Yellow - rgb(230, 145, 0)
+*/
 
 html {
@@ -75 +86 @@
 
 #bbHead {
-    border-top: 3em solid rgb(13, 79, 50);
-    background-color: rgb(20, 138, 86);
-    color: rgb(195, 241, 222);
+    border-top: 3em solid rgb(5, 50, 0);
+    background-color: rgb(10, 100, 0);
+    color: rgb(200, 250, 200);
     height: 6.8em;
 }
@@ -99 +110 @@
     padding: 0.4em;
     display: block;
-    background-color: rgb(68, 189, 138);
+    background-color: rgb(110, 180, 105);
     color: rgb(255, 255, 255);
     text-decoration: none;
@@ -109 +120 @@
 
 #bbVisitSite a:hover {
-    color: rgb(13, 79, 50);
+    color: rgb(5, 50, 0);
 }
 
@@ -146 +157 @@
 
 #bbAdminDashboardMenu li a {
-    color: rgb(195, 241, 222);
+    color: rgb(200, 250, 200);
     text-decoration: none;
     font-size: 1.1em;
@@ -166 +177 @@
 
 #bbAdminDashboardMenu li.current a {
-    background-color: rgb(20, 138, 86);
+    background-color: rgb(10, 100, 0);
 }
 
 #bbAdminMainMenu {
-    background-color: rgb(20, 138, 86);
-    border-bottom: 0.1em solid rgb(195, 241, 222);
+    background-color: rgb(10, 100, 0);
+    border-bottom: 0.1em solid rgb(110, 180, 105);
     line-height: 3.2em;
     padding-left: 1.1em;
@@ -184 +195 @@
 #bbAdminMainMenu li a {
     position: relative;
-    color: rgb(195, 241, 222);
+    color: rgb(200, 250, 200);
     text-decoration: none;
     font-size: 1.6em;
@@ -199 +210 @@
 
 #bbAdminMainMenu li a:hover {
-    color: rgb(224, 153, 0);
+    color: rgb(230, 145, 0);
 }
 
 #bbAdminMainMenu li.current a {
-    color: rgb(224, 153, 0);
+    color: rgb(230, 145, 0);
     background-color: rgb(255, 255, 255);
-    border: 0.0625em solid rgb(195, 241, 222);
+    border: 0.0625em solid rgb(110, 180, 105);
     border-bottom-width: 0;
     font-weight: bold;
@@ -225 +236 @@
 #bbAdminSideMenu li a {
     position: relative;
-    color: rgb(195, 241, 222);
+    color: rgb(200, 250, 200);
     text-decoration: none;
     font-size: 1.2em;
@@ -240 +251 @@
 
 #bbAdminSideMenu li a:hover {
-    color: rgb(224, 153, 0);
+    color: rgb(230, 145, 0);
 }
 
 #bbAdminSideMenu li.current a {
-    color: rgb(224, 153, 0);
+    color: rgb(230, 145, 0);
     background-color: rgb(255, 255, 255);
-    border: 0.084em solid rgb(195, 241, 222);
+    border: 0.084em solid rgb(110, 180, 105);
     border-bottom-width: 0;
     font-weight: bold;
@@ -264 +275 @@
     font-size: 1.4em;
     text-decoration: none;
-    color: rgb(20, 138, 86);
+    color: rgb(40, 140, 60);
 }
 
 #bbAdminSubMenu li a:hover {
-    color: rgb(224, 153, 0);
+    color: rgb(230, 145, 0);
 }
 
 #bbAdminSubMenu li.current a {
-    color: rgb(224, 153, 0);
+    color: rgb(230, 145, 0);
 }
 
@@ -287 +298 @@
 
 #bbBody a {
-    color: rgb(20, 138, 86);
+    color: rgb(40, 140, 60);
 }
 
 #bbBody a:hover {
-    color: rgb(224, 153, 0);
+    color: rgb(230, 145, 0);
 }
 
@@ -417 +428 @@
 
 form.settings div {
-    background-color: rgb(220, 247, 236);
+    background-color: rgb(200, 250, 200);
     padding: 1em;
     margin-bottom: 0.8em;
@@ -438 +449 @@
     color: rgb(0, 0, 0);
     font-size: 1.3em;
+    border: 0.08em solid rgb(180, 220, 170);
 }
 
@@ -443 +455 @@
     color: rgb(0, 0, 0);
     font-size: 1.3em;
-    border: 0.08em solid rgb(195, 241, 222);
     padding: 0.25em;
     margin: 0;
@@ -468 +479 @@
     display: block;
     border: 1px dotted rgb(51, 51, 51);
-    background-color: rgb(220, 247, 236);
+    background-color: rgb(200, 250, 200);
     overflow: auto;
     overflow-y: hidden;
@@ -484 +495 @@
     float:left;
     margin-right:1em;
-    border: 1px solid rgb(195, 241, 222);
+    border: 1px solid rgb(110, 180, 105);
 }
 
@@ -490 +501 @@
     font-size: 1.3em;
     padding: 0.3em 0.4em;
-    color: rgb(20, 138, 86);
+    color: rgb(40, 140, 60);
     background-color: rgb(229, 229, 229);
     border: 0.08em solid rgb(163, 163, 163);
@@ -502 +513 @@
 form.settings input.submit:hover {
     border-color: rgb(83, 83, 83);
-    color: rgb(224, 153, 0);
-}
+    color: rgb(230, 145, 0);
+}