latest changes
[brisk.git] / web / brisk.css
index 19260e5..81dfb02 100644 (file)
@@ -1,7 +1,10 @@
 /*
  *  brisk - brisk.css
  *
- *  Copyright (C) 2006 matteo.nastasi@milug.org
+ *  Copyright (C) 2006-2014 Matteo Nastasi
+ *                          mailto: nastasi@alternativeoutput.it
+ *                                  matteo.nastasi@milug.org
+ *                          web: http://www.alternativeoutput.it
  *
  * This program is free software; you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
  * not, write to the Free Software Foundation, Inc, 59 Temple Place -
  * Suite 330, Boston, MA 02111-1307, USA.
  *
- * $Id$
- *
  */
 
-body {
-       background-image: url('img/bg_capodanno.jpg'); 
-       background-repeat: no-repeat;
-       background-position: top center; 
-
-       font-size: 12px;
+* {
+    font-family: verdana, helvetica, arial, sans-serif;
+    font-size: 13px;
+    line-height: 120%;
+}
 
-       align: center;
-       }
+body {
+    background-image: url('img/brisk-bg.png');
+    background-color: #fafafa;
+    background-attachment: fixed;
+    margin: 0px;
+    height: 800px;
+    padding: 0px;
+
+    align: center;
+}
 
 div {
-       /* position: relative;*/
-       font-size: 12px;
-       }
+    font-size: 100%;
+}
 
 td {
-       font-size: 12px;
-       }
-
-.topmenu {
-       position: absolute;
-       left: 16px;
-       top: 16px;
-}
-
-.room_td {
-       height: 120px;
-       width: 170px;
-       vertical-align: "top";
-       background-color: yellow; 
-       padding: 6px;
-       }
-
-.room_standup {
-       height: 120px;
-       vertical-align: "top";
-       }
-
-.room_ex_standup {
-       height: 120px;
-       vertical-align: "top";
-       }
-
-.chatt {
-       height: 100px;
-       overflow: auto;
-       border: 1px solid grey;
-       vertical-align: text-bottom;
-       /*      font-size: 10pt; */
-       }
-
-.chattshort {
-       height: 70px;
-       overflow: auto;
-       border: 1px solid grey;
-       vertical-align: text-bottom;
-       /*      font-size: 10pt;*/
-       }
-
-.txtt {
-       /*      font-size: 10pt;*/
-       }
+    font-size: 100%;
+}
 
 img {
-       position:     absolute; 
-       border-style: solid;
-       border-width: 1px;
-       border-color: grey;
-       }
+    position:     absolute;
+    border-style: solid;
+    border-width: 1px;
+    border-color: gray;
+}
+
+img.unbo {
+    border-width: 0px;
+}
 
 img.nobo {
     position:     relative;
     border-width: 0px;
-    display: block; margin: auto;
-}
-
-.esco {
-       position: absolute;
-       left: 380;
-       top:  90;
-       }
-
-
-img.tableinfo {
-       position:     absolute; 
-       left:         619;
-       top:          550;
-       border-width: 0px;
-       visibility:   visible;
-       }
-
-img.tablereload {
-       position:     absolute; 
-       left:         667;
-       top:          550;
-       border-width: 0px;
-       visibility:   visible;
-       }
-
-img.tableout {
-       position:     absolute; 
-       left:         730;
-       top:          550;
-       border-width: 0px;
-       visibility:   visible;
-       }
-
-img.card {
-       position:     absolute; 
-       border-style: solid;
-       border-width: 1px;
-       border-color: grey;
-       visibility:   hidden;
-       }
-
-
-img.astacard {
-       position:     absolute; 
-       /*      visibility:   visible; */
-       border-width: 0px;
-       }
-
-img.cover {
-       position:     absolute; 
-       border-style: solid;
-       border-width: 1px;
-       border-color: lightgrey;
-       visibility:   hidden;
-       }
-
-.chooseed {
-       /* background-color: yellow; */
-       visibility:   hidden;
-       position:absolute; 
-       width:  200px;
-       height: 200px;
-       top:  250px;
-       left: 300px;
-       }
-
-.asta {
-       /* background-color: yellow; */
-       visibility:   hidden;
-       position:     absolute; 
-       width:  200px;
-       height: 200px;
-       top:  250px;
-       left: 300px;
-       }
-
-img.seed0 {
-       position:     absolute; 
-       left: 0px;
-       top: 55px;
-       }
-
-img.seed1 {
-       position:     absolute; 
-       left: 43px;
-       top: 55px;
-       }
-
-img.seed2 {
-       position:     absolute; 
-       left: 93px;
-       top: 55px;
-       }
-
-img.seed3 {
-       position:     absolute; 
-       left: 143px;
-       top: 55px;
-       }
-
-
-.urgmsg {
-       text-align: center;
-       }
-
-.area {
-       display: block; 
-       margin-left: auto;
-       margin-right: auto;
-       position: relative;  
-       text-align: center;
-       width:  800px;
-       height: 600px;
-       }
-
-.subarea {
-       top: 0px;       
-       }
-
-.proxhr { 
-       /*      background-color: green; */
-       }
-
-.points {
-    /*    position:     relative;  */
-    
-    margin-top: 8px; 
-    margin-left:auto; 
-    margin-right:auto;
-    border-style: solid;
+    display: block;
+    margin: auto;
+}
+
+img.inline {
+    position:     relative;
+    vertical-align: middle;
+    border-width: 0px;
+}
+
+img.nobohide {
+    position:     absolute;
     border-width: 0px;
-    border-color: black;
-    border-collapse: collapse;
+    visibility: hidden;
+    z-index: 12;
 }
 
-.td_points {
+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 {
+    -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%;
+    position: absolute;
     border-style: solid;
     border-width: 1px;
-    border-color: black;
-    border-collapse: collapse;
-    display: table-cell;
-    text-align: right;
+    bottom: 0;
+    right: 0;
+    align: center;
+    text-align: center;
+    background-color: white;
+    z-index: 10;
+    visibility: hidden;
+}
+
+.notify_opaque {
+    top: 0;
+
+    left: 50%;
+    position: absolute;
+    border-style: solid;
+    border-width: 1px;
+    bottom: 0;
+    right: 0;
+    align: center;
+    text-align: center;
+    background-color: white;
+    z-index: 10;
+    visibility: hidden;
+}
+
+div.notify_clo {
+    position: absolute;
+    align: center;
+    width: 100%;
+    left: 0px;
+    bottom:  4px;
+}
+
+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_text:hover {
+    background-color: white;
+    border: 1px solid #ffae00;
+ }
+
+.input_text_hi {
+    background-color: white;
+    border: 2px solid #ffae00;
+    margin: 0px;
+ }
+
+input.input_sub {
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    border: 1px solid gray;
+    margin: 0px;
+    padding: 1px;
+    color: black;
+    background-color: #f8f8f8;
+    vertical-align: middle;
+    text-decoration: none;
+    font-size: 100%;
+    cursor: pointer;
+    height: 22px ! important;
+    max-height: 22px ! important;
+    min-height: 22px ! important;
+    display: inline;
+}
+input.input_sub:hover {
+    border: 1px solid #ffae00;
+    margin: 0px;
+    padding: 1px;
+ }
+
+input.input_sub_hi {
+    border: 2px solid #ffae00;
+    padding: 0px;
+    margin: 0px;
+    color: black;
+    background-color: white;
+    vertical-align: middle;
+    text-decoration: none;
+    font-size: 100%;
+    cursor: pointer;
+    height: 22px ! important;
+    max-height: 22px ! important;
+    min-height: 22px ! important;
+    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;
+    color: black;
+    background-color: RGB(246,246,246);
+    vertical-align: middle;
+    text-decoration: none;
+    font-size: 100%;
+    cursor: pointer;
+    display: inline;
+}
+
+input.button:hover {
+    background-color: white;
+}
+
+input.button:active {
+    background-color: RGB(255,255,153);
 }
 
-.remark0 { 
-  position:     absolute; 
-  width:  200px;
-  height: 200px;
-  left: 299;
-  top:  249;
-  border-style: solid;
-  border-width: 0px;
-  border-color: green;
-  z-index: 0;
-   }
-
-.remark1 { 
-  position:     absolute; 
-  width:  200px;
-  height: 200px;
-  left: 296;
-  top:  246;
-  border-style: solid;
-  border-width: 4px;
-  border-color: green;
-  z-index: 0;
-  }
-
-.remark2 { 
-  position:     absolute; 
-  width:  200px;
-  height: 200px;
-  left: 298;
-  top:  248;
-  border-style: solid;
-  border-width: 2px;
-  border-color: green;
-  z-index: 0;
-  }
-
-
-.notify { 
-       border-style: solid;
-       border-width: 1px;
-  position:     absolute; 
-  width:  500px;
-  height: 400px;
-  text-align: center;
-  background-color: white;
-  left: 150;
-  top:  150;
-  z-index: 10;
-  visibility: hidden;
-    filter: alpha(opacity=90);
-  -moz-opacity: 0.90;
-    opacity: 0.90;  
-}
-
-.punti {
-  position:     absolute; 
-}
-
-.pubinfo {
-/*  background-color: red;  */
-  color: grey;
-  visibility: visible;
-  position: absolute;
-  top: 475px;
-  left: 200px;
-  width:  400px;
-  height: 125px;
-}
-
-.public {
-  /* background-color: red;  */
-  visibility: hidden;
-  position: absolute;
-  display: table;
-  top: 450px;
-  left: 300px;
-  width:  200px;
-  height: 100px;
-  overflow: hidden;
-  z-index: 8;
-}
-
-.pubacard {
-  border-width: 0px;
-  position: relative;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}  
-
-
-
-.pubinfo_we {
-  color: grey;
-  visibility: visible;
-  position: absolute;
-  top: 250px;
-  left: 175px;
-  width:  125px;
-  height: 200px;
-}
-
-.public_we {
-  /*  background-color: red;  */
-  visibility: hidden;
-  position: absolute;
-  top: 250px;
-  left: 175px;
-  display: table;
-  width:  125px;
-  height: 200px;
-  overflow: hidden;
-}
-
-.pubinfo_nw {
-/*  background-color: red;  */
-  color: grey;
-  visibility: visible;
-  position: absolute;
-  top: 125px;
-  left: 200px;
-  width:  200px;
-  height: 125px;
-}
-
-.public_nw {
-/*  background-color: red;   */
-  visibility: hidden;
-  position: absolute;
-  top: 125px;
-  left: 200px;
-  display: table;
-  width:  200px;
-  height: 125px;
-  overflow: hidden;
-}
-
-.public_ne {
-/*  background-color: red;  */
-  visibility: hidden;
-  position: absolute;
-  top: 125px;
-  left: 400px;
-  display: table;
-  width:  200px;
-  height: 125px;
-  overflow: hidden;
-}
-
-.pubinfo_ne {
-/*  background-color: red;  */
-  color: grey;
-  visibility: visible;
-  position: absolute;
-  top: 125px;
-  left: 400px;
-  width:  200px;
-  height: 125px;
-}
-
-
-
-.public_ea {
-       /*  background-color: red; */
-  visibility: hidden;
-  position: absolute;
-  top: 250px;
-  left: 500px;
-  display: table;
-  width:  125px;
-  height: 200px;
-  overflow: hidden;
-}
-
-.pubinfo_ea {
-/*  background-color: red; */
-  color: grey;
-  visibility: visible;
-  position: absolute;
-  top: 250px;
-  left: 500px;
-  width:  125px;
-  height: 200px;
-}
-
-.vert_midfloat {
-  position: relative;
-  #position: absolute;
-  _top: 50%;
-  display: table-cell;
-  vertical-align: middle;
-}
-
-.vert_innfloat {
-  #position: relative;
-  #top: -50%;
-  text-align: center;
-}
-
-.vert_innfloat_so {
-  border-style: solid;
-  border-width: 1px;
-  border-color: black;
-
-/*  background-color: white; */
-  #position: relative;
-  #top: -50%;
-  text-align: center;
-}
-
-.pubacard_ea {
-  border-width: 0px;
-  position: relative;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}  
-
-.pubacard_ne {
-  border-width: 0px;
-  position: relative;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}  
-
-.pubacard_nw {
-  border-width: 0px;
-  position: relative;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}  
-
-.pubacard_we {
-  border-width: 0px;
-  position: relative;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}  
-
-
-/* CALLER */
-.caller {
-       background-repeat: no-repeat; 
-       visibility: hidden; 
-       position: absolute;
-       left: 0px;
-       top: 475px;
-       width: 200px;
-       height: 125px;
-       }
-
-.callerinfo {
-       /*      background-color: red; */
-       /*      visibility: visible; */
-       position: absolute;
-       /*      font-size: 10pt;*/
-       left: 5px;
-       top: 55px;
-       width: 115px;
-       height: 65px;
-       }
-
-img.callerimg {
-       position:     absolute; 
-       left: 133px;
-       top: 10px;
-       }
+img.button:hover {
+    cursor: pointer;
 }
 
+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;
+    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;
+    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;
+}