latest changes

[brisk.git] / web / brisk.css

diff --git a/web/brisk.css b/web/brisk.css
index 8d103bc..81dfb02 100644 (file)
--- a/web/brisk.css
+++ b/web/brisk.css
@@ -28,7 +28,7 @@
 }
 
 body {
-    background-image: url('img/najole.png');
+    background-image: url('img/brisk-bg.png');
     background-color: #fafafa;
     background-attachment: fixed;
     margin: 0px;
@@ -106,7 +106,11 @@ img.ib_nobo {
 }
 
 .notify {
-    background-image: url('img/najole_light.png');
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+
+    background-image: url('img/brisk-bg-light.png');
     background-attachment: fixed;
 
     top: 0;
@@ -116,9 +120,6 @@ img.ib_nobo {
     position: absolute;
     border-style: solid;
     border-width: 1px;
-/*  margin-top: auto;
-    margin-bottom: auto;*/
-/*    overflow: auto; */
     bottom: 0;
     right: 0;
     align: center;
@@ -126,22 +127,15 @@ img.ib_nobo {
     background-color: white;
     z-index: 10;
     visibility: hidden;
-    filter: alpha(opacity=90);
-    -moz-opacity: 0.90;
-    opacity: 0.90;
 }
 
 .notify_opaque {
-/*    top: 10%; */
     top: 0;
 
     left: 50%;
     position: absolute;
     border-style: solid;
     border-width: 1px;
-/*  margin-top: auto;
-    margin-bottom: auto;*/
-/*    overflow: auto; */
     bottom: 0;
     right: 0;
     align: center;
@@ -187,6 +181,9 @@ div.doc_alert {
  }
 
 input.input_sub {
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
     border: 1px solid gray;
     margin: 0px;
     padding: 1px;
@@ -213,7 +210,6 @@ input.input_sub_hi {
     margin: 0px;
     color: black;
     background-color: white;
-/*    background-color: RGB(246,246,246); */
     vertical-align: middle;
     text-decoration: none;
     font-size: 100%;
@@ -224,7 +220,28 @@ input.input_sub_hi {
     display: inline;
 }
 
+button {
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
+    border: 1px solid gray;
+    margin: 1px;
+    padding: 2px;
+    color: black;
+    background-color: RGB(246,246,246);
+    vertical-align: middle;
+    text-decoration: none;
+    font-size: 100%;
+    cursor: pointer;
+    display: inline;
+}
+
 input.button {
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
     border: 1px solid gray;
     margin: 1px;
     padding: 2px;
@@ -252,19 +269,29 @@ img.button:hover {
 span.au0 span {
     font-weight: bold;
 }
+span.au0_off span {
+    font-weight: bold;
+}
 
 span.au1 span {
     padding-left: 2px;
     padding-right: 4px;
     font-style: italic;
-/* orange   background-color: #ffd780; */
-/* red      background-color: #ffb0b0; */
+    background-color: #a1c8ff;
+}
+span.au1_off span {
+    padding-left: 2px;
+    padding-right: 4px;
+    font-style: italic;
     background-color: #a1c8ff;
 }
 
 span.au2 span {
     background-color: #bafcba;
 }
+span.au2_off span {
+    background-color: #bafcba;
+}
 
 span.au3 {
     padding-left: 24px;
@@ -273,10 +300,27 @@ span.au3 {
     background-position: left center;
 }
 
+span.au3_off span {
+    background-color: transparent;
+}
+span.au3_off {
+}
+
 span.au3 span {
     background-color: transparent;
 }
 
 div.bye_msg {
     font-weigth: bold;
-}
\ No newline at end of file
+}
+
+div.apprentice {
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+
+    display: none;
+    background-color: #ffd780;
+    border: 1px solid #ffae00;
+    padding: 8px;
+}