web/brisk.css

   1 /*
   2  *  brisk - brisk.css
   3  *
   4  *  Copyright (C) 2006-2012 Matteo Nastasi
   5  *                          mailto: nastasi@alternativeoutput.it
   6  *                                  matteo.nastasi@milug.org
   7  *                          web: http://www.alternativeoutput.it
   8  *
   9  * This program is free software; you can redistribute it and/or modify
  10  * it under the terms of the GNU General Public License as published by
  11  * the Free Software Foundation; either version 2 of the License, or
  12  * (at your option) any later version.
  13  *
  14  * This program is distributed in the hope that it will be useful, but
  15  * WITHOUT ANY WARRANTY; without even the implied warranty of
  16  * MERCHANTABLILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  17  * General Public License for more details. You should have received a
  18  * copy of the GNU General Public License along with this program; if
  19  * not, write to the Free Software Foundation, Inc, 59 Temple Place -
  20  * Suite 330, Boston, MA 02111-1307, USA.
  21  *
  22  */
  23
  24 body {
  25     background-image: url('img/snowy.jpg');
  26     background-color: #fafafa;
  27     background-repeat: no-repeat;
  28     background-position: center center;
  29     margin:0px;
  30
  31     font-size: 12px;
  32     padding: 0px;
  33
  34     align: center;
  35 }
  36
  37 div {
  38     font-size: 12px;
  39 }
  40
  41 td {
  42     font-size: 12px;
  43 }
  44
  45 img {
  46     position:     absolute;
  47     border-style: solid;
  48     border-width: 1px;
  49     border-color: gray;
  50 }
  51
  52 img.unbo {
  53     border-width: 0px;
  54 }
  55
  56 img.nobo {
  57     position:     relative;
  58     border-width: 0px;
  59     display: block;
  60     margin: auto;
  61 }
  62
  63 img.inline {
  64     position:     relative;
  65     vertical-align: middle;
  66     border-width: 0px;
  67 }
  68
  69 img.nobohide {
  70     position:     absolute;
  71     border-width: 0px;
  72     visibility: hidden;
  73     z-index: 12;
  74 }
  75
  76 .bg_white {
  77     background-color: #ffffff;
  78 }
  79
  80 .bg_green {
  81     background-color: #aaffaa;
  82 }
  83
  84 .bg_ligre {
  85     background-color: #ddffdd;
  86 }
  87
  88 .bg_red {
  89     background-color: #ffaaaa;
  90 }
  91
  92 .bg_lired {
  93     background-color: #ffdddd;
  94 }
  95
  96 .notify {
  97 /*    top: 10%; */
  98     top: 0;
  99
 100     left: 50%;
 101     position: absolute;
 102     border-style: solid;
 103     border-width: 1px;
 104 /*  margin-top: auto;
 105     margin-bottom: auto;*/
 106 /*    overflow: auto; */
 107     bottom: 0;
 108     right: 0;
 109     align: center;
 110     text-align: center;
 111     background-color: white;
 112     z-index: 10;
 113     visibility: hidden;
 114     filter: alpha(opacity=90);
 115     -moz-opacity: 0.90;
 116     opacity: 0.90;
 117 }
 118
 119 .notify_opaque {
 120 /*    top: 10%; */
 121     top: 0;
 122
 123     left: 50%;
 124     position: absolute;
 125     border-style: solid;
 126     border-width: 1px;
 127 /*  margin-top: auto;
 128     margin-bottom: auto;*/
 129 /*    overflow: auto; */
 130     bottom: 0;
 131     right: 0;
 132     align: center;
 133     text-align: center;
 134     background-color: white;
 135     z-index: 10;
 136     visibility: hidden;
 137 }
 138
 139 div.notify_clo {
 140     position: absolute;
 141     align: center;
 142     width: 100%;
 143     left: 0px;
 144     bottom:  4px;
 145 }
 146
 147 div.doc_alert {
 148     color: #ff5400;
 149     background-color: #ffd780;
 150     font-family: monospace;
 151     font-weight: bold;
 152     text-align: center;
 153     margin: 8px;
 154     padding: 8px;
 155 }
 156
 157 .input_text {
 158     background-color: #f8f8f8;
 159     border: 1px solid gray;
 160     margin: 1px;
 161  }
 162
 163 .input_text:hover {
 164     background-color: white;
 165     border: 1px solid #ffae00;
 166  }
 167
 168 .input_text_hi {
 169     background-color: white;
 170     border: 2px solid #ffae00;
 171     margin: 0px;
 172  }
 173
 174 input.input_sub {
 175     border: 1px solid gray;
 176     margin: 0px;
 177     padding: 1px;
 178     color: black;
 179     background-color: #f8f8f8;
 180     vertical-align: middle;
 181     text-decoration: none;
 182     font-size: 100%;
 183     cursor: pointer;
 184     height: 22px ! important;
 185     max-height: 22px ! important;
 186     min-height: 22px ! important;
 187     display: inline;
 188 }
 189 input.input_sub:hover {
 190     border: 1px solid #ffae00;
 191     margin: 0px;
 192     padding: 1px;
 193  }
 194
 195 input.input_sub_hi {
 196     border: 2px solid #ffae00;
 197     padding: 0px;
 198     margin: 0px;
 199     color: black;
 200     background-color: white;
 201 /*    background-color: RGB(246,246,246); */
 202     vertical-align: middle;
 203     text-decoration: none;
 204     font-size: 100%;
 205     cursor: pointer;
 206     height: 22px ! important;
 207     max-height: 22px ! important;
 208     min-height: 22px ! important;
 209     display: inline;
 210 }
 211
 212 input.button {
 213     border: 1px solid gray;
 214     margin: 1px;
 215     padding: 0px;
 216     color: black;
 217     background-color: RGB(246,246,246);
 218     vertical-align: middle;
 219     text-decoration: none;
 220     font-size: 100%;
 221     cursor: pointer;
 222     height: 20px ! important;
 223     max-height: 20px ! important;
 224     min-height: 20px ! important;
 225     display: inline;
 226 }
 227
 228 input.button:hover {
 229     background-color: white;
 230 }
 231
 232 input.button:active {
 233     background-color: RGB(255,255,153);
 234 }
 235
 236 img.button:hover {
 237     cursor: pointer;
 238 }
 239
 240 span.au1 {
 241     font-weight: bold;
 242 }
 243
 244 span.au2 {
 245     font-style: italic;
 246 /*    text-decoration: underline; */
 247     background-color: #bafcba;
 248 }
 249
 250 span.au3 {
 251     font-weight: bold;
 252     font-style: italic;
 253 /*    text-decoration: underline; */
 254     background-color: #bafcba;
 255 }