web/brisk.css

   1 /*
   2  *  brisk - brisk.css
   3  *
   4  *  Copyright (C) 2006-2014 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 * {
  25     font-family: verdana, helvetica, arial, sans-serif;
  26     font-size: 13px;
  27     line-height: 120%;
  28 }
  29
  30 body {
  31     background-image: url('img/najole.png');
  32     background-color: #fafafa;
  33     background-attachment: fixed;
  34     margin: 0px;
  35     height: 800px;
  36     padding: 0px;
  37
  38     align: center;
  39 }
  40
  41 div {
  42     font-size: 100%;
  43 }
  44
  45 td {
  46     font-size: 100%;
  47 }
  48
  49 img {
  50     position:     absolute;
  51     border-style: solid;
  52     border-width: 1px;
  53     border-color: gray;
  54 }
  55
  56 img.unbo {
  57     border-width: 0px;
  58 }
  59
  60 img.nobo {
  61     position:     relative;
  62     border-width: 0px;
  63     display: block;
  64     margin: auto;
  65 }
  66
  67 img.inline {
  68     position:     relative;
  69     vertical-align: middle;
  70     border-width: 0px;
  71 }
  72
  73 img.nobohide {
  74     position:     absolute;
  75     border-width: 0px;
  76     visibility: hidden;
  77     z-index: 12;
  78 }
  79
  80 img.bordergray {
  81     border: 1px solid gray;
  82 }
  83
  84 img.ib_nobo {
  85     border: 0px solid gray;
  86 }
  87
  88 .bg_white {
  89     background-color: #ffffff;
  90 }
  91
  92 .bg_green {
  93     background-color: #aaffaa;
  94 }
  95
  96 .bg_ligre {
  97     background-color: #ddffdd;
  98 }
  99
 100 .bg_red {
 101     background-color: #ffaaaa;
 102 }
 103
 104 .bg_lired {
 105     background-color: #ffdddd;
 106 }
 107
 108 .notify {
 109     background-image: url('img/najole_light.png');
 110     background-attachment: fixed;
 111
 112     top: 0;
 113     padding: 8px;
 114
 115     left: 50%;
 116     position: absolute;
 117     border-style: solid;
 118     border-width: 1px;
 119 /*  margin-top: auto;
 120     margin-bottom: auto;*/
 121 /*    overflow: auto; */
 122     bottom: 0;
 123     right: 0;
 124     align: center;
 125     text-align: center;
 126     background-color: white;
 127     z-index: 10;
 128     visibility: hidden;
 129     filter: alpha(opacity=90);
 130     -moz-opacity: 0.90;
 131     opacity: 0.90;
 132 }
 133
 134 .notify_opaque {
 135 /*    top: 10%; */
 136     top: 0;
 137
 138     left: 50%;
 139     position: absolute;
 140     border-style: solid;
 141     border-width: 1px;
 142 /*  margin-top: auto;
 143     margin-bottom: auto;*/
 144 /*    overflow: auto; */
 145     bottom: 0;
 146     right: 0;
 147     align: center;
 148     text-align: center;
 149     background-color: white;
 150     z-index: 10;
 151     visibility: hidden;
 152 }
 153
 154 div.notify_clo {
 155     position: absolute;
 156     align: center;
 157     width: 100%;
 158     left: 0px;
 159     bottom:  4px;
 160 }
 161
 162 div.doc_alert {
 163     color: #ff5400;
 164     background-color: #ffd780;
 165     font-family: monospace;
 166     font-weight: bold;
 167     text-align: center;
 168     margin: 8px;
 169     padding: 8px;
 170 }
 171
 172 .input_text {
 173     background-color: #f8f8f8;
 174     border: 1px solid gray;
 175     margin: 1px;
 176  }
 177
 178 .input_text:hover {
 179     background-color: white;
 180     border: 1px solid #ffae00;
 181  }
 182
 183 .input_text_hi {
 184     background-color: white;
 185     border: 2px solid #ffae00;
 186     margin: 0px;
 187  }
 188
 189 input.input_sub {
 190     border: 1px solid gray;
 191     margin: 0px;
 192     padding: 1px;
 193     color: black;
 194     background-color: #f8f8f8;
 195     vertical-align: middle;
 196     text-decoration: none;
 197     font-size: 100%;
 198     cursor: pointer;
 199     height: 22px ! important;
 200     max-height: 22px ! important;
 201     min-height: 22px ! important;
 202     display: inline;
 203 }
 204 input.input_sub:hover {
 205     border: 1px solid #ffae00;
 206     margin: 0px;
 207     padding: 1px;
 208  }
 209
 210 input.input_sub_hi {
 211     border: 2px solid #ffae00;
 212     padding: 0px;
 213     margin: 0px;
 214     color: black;
 215     background-color: white;
 216 /*    background-color: RGB(246,246,246); */
 217     vertical-align: middle;
 218     text-decoration: none;
 219     font-size: 100%;
 220     cursor: pointer;
 221     height: 22px ! important;
 222     max-height: 22px ! important;
 223     min-height: 22px ! important;
 224     display: inline;
 225 }
 226
 227 input.button {
 228     border: 1px solid gray;
 229     margin: 1px;
 230     padding: 2px;
 231     color: black;
 232     background-color: RGB(246,246,246);
 233     vertical-align: middle;
 234     text-decoration: none;
 235     font-size: 100%;
 236     cursor: pointer;
 237     display: inline;
 238 }
 239
 240 input.button:hover {
 241     background-color: white;
 242 }
 243
 244 input.button:active {
 245     background-color: RGB(255,255,153);
 246 }
 247
 248 img.button:hover {
 249     cursor: pointer;
 250 }
 251
 252 span.au0 span {
 253     font-weight: bold;
 254 }
 255
 256 span.au1 span {
 257     padding-left: 2px;
 258     padding-right: 4px;
 259     font-style: italic;
 260 /* orange   background-color: #ffd780; */
 261 /* red      background-color: #ffb0b0; */
 262     background-color: #a1c8ff;
 263 }
 264
 265 span.au2 span {
 266     background-color: #bafcba;
 267 }
 268
 269 span.au3 {
 270     padding-left: 24px;
 271     background-image: url('img/books.png');
 272     background-repeat: no-repeat;
 273     background-position: left center;
 274 }
 275
 276 span.au3 span {
 277     background-color: transparent;
 278 }
 279
 280 div.bye_msg {
 281     font-weigth: bold;
 282 }