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);
+}