cookie law management

[brisk.git] / web / brisk.css

diff --git a/web/brisk.css b/web/brisk.css
index 84b3162..0eaee81 100644 (file)
--- a/web/brisk.css
+++ b/web/brisk.css
@@ -1,7 +1,7 @@
 /*
  *  brisk - brisk.css
  *
- *  Copyright (C) 2006-2008 Matteo Nastasi
+ *  Copyright (C) 2006-2014 Matteo Nastasi
  *                          mailto: nastasi@alternativeoutput.it 
  *                                  matteo.nastasi@milug.org
  *                          web: http://www.alternativeoutput.it
@@ -19,36 +19,51 @@
  * not, write to the Free Software Foundation, Inc, 59 Temple Place -
  * Suite 330, Boston, MA 02111-1307, USA.
  *
- * $Id$
- *
  */
 
+* {
+    font-family: verdana, helvetica, arial, sans-serif;
+    font-size: 13px;
+    line-height: 120%;
+}
+
+/* TRICK TO REMOVE EXCESS OF PADDING INSIDE INPUT BUTTONS WITH FIREFOX */
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+    margin-top:-2px;
+    margin-bottom: -2px;
+}
+
 body {
-    background-image: url('img/wip_bg.jpg'); 
+    background-image: url('img/happysunbg.png');
     background-color: #fafafa;
     background-repeat: no-repeat;
-    background-position: top center; 
+    background-position: center center; 
     margin:0px;
 
-    font-size: 12px;
     padding: 0px;
 
     align: center;
 }
 
 div {
-    font-size: 12px;
+    font-size: 100%;
 }
 
 td {
-    font-size: 12px;
+    font-size: 100%;
 }
 
 img {
     position:     absolute; 
     border-style: solid;
     border-width: 1px;
-    border-color: grey;
+    border-color: gray;
+}
+
+img.unbo {
+    border-width: 0px;
 }
 
 img.nobo {
@@ -58,6 +73,12 @@ img.nobo {
     margin: auto;
 }
 
+img.inline { 
+    position:     relative;
+    vertical-align: middle;
+    border-width: 0px;
+}
+
 img.nobohide {
     position:     absolute;
     border-width: 0px;
@@ -65,6 +86,34 @@ img.nobohide {
     z-index: 12;
 }
 
+img.bordergray {
+    border: 1px solid gray;
+}
+
+img.ib_nobo {
+    border: 0px solid gray;
+}
+
+.bg_white {
+    background-color: #ffffff;
+}
+
+.bg_green {
+    background-color: #aaffaa;
+}
+
+.bg_ligre {
+    background-color: #ddffdd;
+}
+
+.bg_red {
+    background-color: #ffaaaa;
+}
+
+.bg_lired {
+    background-color: #ffdddd;
+}
+
 .notify {
 /*    top: 10%; */
     top: 0;
@@ -75,7 +124,7 @@ img.nobohide {
     border-width: 1px;
 /*  margin-top: auto;
     margin-bottom: auto;*/
-    overflow: auto;
+/*    overflow: auto; */
     bottom: 0;
     right: 0;
     align: center;
@@ -88,6 +137,26 @@ img.nobohide {
     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;
+    text-align: center; 
+    background-color: white; 
+    z-index: 10;
+    visibility: hidden;
+}
+
 div.notify_clo { 
     position: absolute;
     align: center;
@@ -96,18 +165,29 @@ div.notify_clo {
     bottom:  4px;
 }
 
-input.input_text { 
-    background-color: transparent;
+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;  
     margin: 1px;
  }
 
-input.input_text:hover { 
+.input_text:hover { 
+    background-color: white;
     border: 1px solid #ffae00;  
  }
 
-input.input_text_hi { 
-    background-color: transparent;
+.input_text_hi { 
+    background-color: white;
     border: 2px solid #ffae00;
     margin: 0px;
  }
@@ -117,9 +197,9 @@ input.input_sub {
     margin: 0px;
     padding: 1px;
     color: black;
-    background-color: RGB(246,246,246);
+    background-color: #f8f8f8;
     vertical-align: middle;
-    text-decoration:none;
+    text-decoration: none;
     font-size: 100%;
     cursor: pointer;
     height: 22px ! important;
@@ -138,9 +218,10 @@ input.input_sub_hi {
     padding: 0px;
     margin: 0px;
     color: black;
-    background-color: RGB(246,246,246);
+    background-color: white;
+/*    background-color: RGB(246,246,246); */
     vertical-align: middle;
-    text-decoration:none;
+    text-decoration: none;
     font-size: 100%;
     cursor: pointer;
     height: 22px ! important;
@@ -152,16 +233,13 @@ input.input_sub_hi {
 input.button {
     border: 1px solid gray;  
     margin: 1px;
-    padding: 0px;
+    padding: 2px;
     color: black;
     background-color: RGB(246,246,246);
     vertical-align: middle;
-    text-decoration:none;
+    text-decoration: none;
     font-size: 100%;
     cursor: pointer;
-    height: 20px ! important;
-    max-height: 20px ! important;
-    min-height: 20px ! important;
     display: inline;
 }
 
@@ -176,3 +254,24 @@ input.button:active {
 img.button:hover {
     cursor: pointer;
 }
+
+span.au0 {
+    font-weight: bold;
+}
+
+span.au1 {
+    padding-left: 2px;
+    padding-right: 4px;
+    font-style: italic;
+/* orange   background-color: #ffd780; */
+/* red      background-color: #ffb0b0; */
+    background-color: #a1c8ff;
+}
+
+span.au2 {
+    background-color: #bafcba;
+}
+
+div.bye_msg {
+    font-weigth: bold;
+}
\ No newline at end of file