X-Git-Url: https://mop.ddnsfree.com/gitweb/?a=blobdiff_plain;f=web%2Fbrisk.css;h=81dfb02c9975c08ed732cc8ba5273e7e8af238ef;hb=5470910335a6a3e37b30783bfa39a15e8ff225b1;hp=ba9b45434c2c9effb3d721ba69cfc8f4b4b4c6b8;hpb=4aa42cec5e7c16f8ce0588ce4cf2a73b0a2c6957;p=brisk.git

diff --git a/web/brisk.css b/web/brisk.css
index ba9b454..81dfb02 100644
--- a/web/brisk.css
+++ b/web/brisk.css
@@ -1,8 +1,8 @@
 /*
  *  brisk - brisk.css
  *
- *  Copyright (C) 2006-2012 Matteo Nastasi
- *                          mailto: nastasi@alternativeoutput.it 
+ *  Copyright (C) 2006-2014 Matteo Nastasi
+ *                          mailto: nastasi@alternativeoutput.it
  *                                  matteo.nastasi@milug.org
  *                          web: http://www.alternativeoutput.it
  *
@@ -21,29 +21,33 @@
  *
  */
 
+* {
+    font-family: verdana, helvetica, arial, sans-serif;
+    font-size: 13px;
+    line-height: 120%;
+}
+
 body {
-    background-image: url('img/happysunbg.png');
+    background-image: url('img/brisk-bg.png');
     background-color: #fafafa;
-    background-repeat: no-repeat;
-    background-position: center center; 
-    margin:0px;
-
-    font-size: 12px;
+    background-attachment: fixed;
+    margin: 0px;
+    height: 800px;
     padding: 0px;
 
     align: center;
 }
 
 div {
-    font-size: 12px;
+    font-size: 100%;
 }
 
 td {
-    font-size: 12px;
+    font-size: 100%;
 }
 
 img {
-    position:     absolute; 
+    position:     absolute;
     border-style: solid;
     border-width: 1px;
     border-color: gray;
@@ -56,11 +60,11 @@ img.unbo {
 img.nobo {
     position:     relative;
     border-width: 0px;
-    display: block; 
+    display: block;
     margin: auto;
 }
 
-img.inline { 
+img.inline {
     position:     relative;
     vertical-align: middle;
     border-width: 0px;
@@ -73,6 +77,14 @@ img.nobohide {
     z-index: 12;
 }
 
+img.bordergray {
+    border: 1px solid gray;
+}
+
+img.ib_nobo {
+    border: 0px solid gray;
+}
+
 .bg_white {
     background-color: #ffffff;
 }
@@ -94,49 +106,46 @@ img.nobohide {
 }
 
 .notify {
-/*    top: 10%; */
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+
+    background-image: url('img/brisk-bg-light.png');
+    background-attachment: fixed;
+
     top: 0;
+    padding: 8px;
 
-    left: 50%; 
+    left: 50%;
     position: absolute;
     border-style: solid;
     border-width: 1px;
-/*  margin-top: auto;
-    margin-bottom: auto;*/
-/*    overflow: auto; */
     bottom: 0;
     right: 0;
     align: center;
-    text-align: center; 
-    background-color: white; 
+    text-align: center;
+    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%; 
+    left: 50%;
     position: absolute;
     border-style: solid;
     border-width: 1px;
-/*  margin-top: auto;
-    margin-bottom: auto;*/
-/*    overflow: auto; */
     bottom: 0;
     right: 0;
     align: center;
-    text-align: center; 
-    background-color: white; 
+    text-align: center;
+    background-color: white;
     z-index: 10;
     visibility: hidden;
 }
 
-div.notify_clo { 
+div.notify_clo {
     position: absolute;
     align: center;
     width: 100%;
@@ -144,25 +153,38 @@ div.notify_clo {
     bottom:  4px;
 }
 
-.input_text { 
+div.doc_alert {
+    color: #ff5400;
+    background-color: #ffd780;
+    font-family: monospace;
+    font-weight: bold;
+    text-align: center;
+    margin: 8px;
+    padding: 8px;
+}
+
+.input_text {
     background-color: #f8f8f8;
-    border: 1px solid gray;  
+    border: 1px solid gray;
     margin: 1px;
  }
 
-.input_text:hover { 
+.input_text:hover {
     background-color: white;
-    border: 1px solid #ffae00;  
+    border: 1px solid #ffae00;
  }
 
-.input_text_hi { 
+.input_text_hi {
     background-color: white;
     border: 2px solid #ffae00;
     margin: 0px;
  }
 
 input.input_sub {
-    border: 1px solid gray;  
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    border: 1px solid gray;
     margin: 0px;
     padding: 1px;
     color: black;
@@ -176,8 +198,8 @@ input.input_sub {
     min-height: 22px ! important;
     display: inline;
 }
-input.input_sub:hover { 
-    border: 1px solid #ffae00;  
+input.input_sub:hover {
+    border: 1px solid #ffae00;
     margin: 0px;
     padding: 1px;
  }
@@ -188,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%;
@@ -199,19 +220,37 @@ 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 {
-    border: 1px solid gray;  
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
+    border: 1px solid gray;
     margin: 1px;
-    padding: 0px;
+    padding: 2px;
     color: black;
     background-color: RGB(246,246,246);
     vertical-align: middle;
     text-decoration: none;
     font-size: 100%;
     cursor: pointer;
-    height: 20px ! important;
-    max-height: 20px ! important;
-    min-height: 20px ! important;
     display: inline;
 }
 
@@ -227,19 +266,61 @@ img.button:hover {
     cursor: pointer;
 }
 
-span.au1 {
+span.au0 span {
+    font-weight: bold;
+}
+span.au0_off span {
     font-weight: bold;
 }
 
-span.au2 {
+span.au1 span {
+    padding-left: 2px;
+    padding-right: 4px;
     font-style: italic;
-/*    text-decoration: underline; */
+    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 {
-    font-weight: bold;
-    font-style: italic;
-/*    text-decoration: underline; */
-    background-color: #bafcba;
+    padding-left: 24px;
+    background-image: url('img/books.png');
+    background-repeat: no-repeat;
+    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;
+}
+
+div.apprentice {
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+
+    display: none;
+    background-color: #ffd780;
+    border: 1px solid #ffae00;
+    padding: 8px;
 }