Make a blue square around the header

[pciids.git] / static / screen.css

diff --git a/static/screen.css b/static/screen.css
index c41a7f7c8b76af31061a1ddcf5ac9dd4eb260466..71d4950f2b4a0d19d53e48cbe038a586bcb1e721 100644 (file)
--- a/static/screen.css
+++ b/static/screen.css
@@ -3,10 +3,12 @@ body
        color: black;
        background: #DDDDFF;
 }
+form.admin table.unnamedItem tr.label,
 .unnamedItem, .unseen-history
 {
        background: #D5D5D5;
 }
+form.admin table.item tr.label,
 .item, .history
 {
        background: #F0F0F0;
@@ -46,23 +48,47 @@ body
 }
 div.lmenu
 {
-       position: relative;
        float: left;
        width: 20%;
 }
 div.rmenu
 {
-       position: relative;
        float: right;
        text-align: right;
        width: 20%;
        padding-right: 1em;
+       margin: 0px;
 }
-div.top h1
+div.bigbluesquare
 {
-       text-align: center;
-       height: 0px; /* Hack. Place menu and navigation besides, not below. */
-       margin: 0px;
+       width: 100%;
+}
+div.bluesquare
+{
+       position: absolute;
+       left: 20%;
+       top: 1ex;
+       width: 60%;
+}
+div.bluesquare,
+div.bigbluesquare
+{
+       background-color: #4c3bff;
+       color: #fffa45;
+       border: solid blue;
+}
+div.rmenu,
+div.lmenu
+{
+       background: #DDDDFF;
+}
+div.top p.home
+{
+       margin-top: 1ex;
+}
+div.top ul
+{
+       margin-top: 0px;
 }
 div.clear
 {
@@ -80,35 +106,16 @@ ul.navigation
 {
        margin-left: -1em; /* Hack. Move the place the bullets would take if they were there back left. */
 }
-form table,
-table.subnodes
-{
-       width: 100%;
-       table-layout: fixed;
-}
-col.name-col
-{
-       width: 60%;
-}
-form table col.label
+form.admin tr.label td.deletes
 {
-       width: 15%;
+       background: red;
 }
-form table col.edit
+form.admin .newhistory
 {
-       width: 85%;
+       background: #FFFFCC;
 }
-input.text,
-input.password,
-textarea
+form.admin td.empty,
+form.admin table
 {
-       width: 100%;
-}
-input.jump
-{
-       width: 8em;
-}
-form.jump p
-{
-       margin-top: 0px;
+       background: #BBBBFF;
 }