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     -webkit-border-radius: 8px;
 110     -moz-border-radius: 8px;
 111     border-radius: 8px;
 112
 113     background-image: url('img/najole_light.png');
 114     background-attachment: fixed;
 115
 116     top: 0;
 117     padding: 8px;
 118
 119     left: 50%;
 120     position: absolute;
 121     border-style: solid;
 122     border-width: 1px;
 123 /*  margin-top: auto;
 124     margin-bottom: auto;*/
 125 /*    overflow: auto; */
 126     bottom: 0;
 127     right: 0;
 128     align: center;
 129     text-align: center;
 130     background-color: white;
 131     z-index: 10;
 132     visibility: hidden;
 133     filter: alpha(opacity=90);
 134     -moz-opacity: 0.90;
 135     opacity: 0.90;
 136 }
 137
 138 .notify_opaque {
 139 /*    top: 10%; */
 140     top: 0;
 141
 142     left: 50%;
 143     position: absolute;
 144     border-style: solid;
 145     border-width: 1px;
 146 /*  margin-top: auto;
 147     margin-bottom: auto;*/
 148 /*    overflow: auto; */
 149     bottom: 0;
 150     right: 0;
 151     align: center;
 152     text-align: center;
 153     background-color: white;
 154     z-index: 10;
 155     visibility: hidden;
 156 }
 157
 158 div.notify_clo {
 159     position: absolute;
 160     align: center;
 161     width: 100%;
 162     left: 0px;
 163     bottom:  4px;
 164 }
 165
 166 div.doc_alert {
 167     color: #ff5400;
 168     background-color: #ffd780;
 169     font-family: monospace;
 170     font-weight: bold;
 171     text-align: center;
 172     margin: 8px;
 173     padding: 8px;
 174 }
 175
 176 .input_text {
 177     background-color: #f8f8f8;
 178     border: 1px solid gray;
 179     margin: 1px;
 180  }
 181
 182 .input_text:hover {
 183     background-color: white;
 184     border: 1px solid #ffae00;
 185  }
 186
 187 .input_text_hi {
 188     background-color: white;
 189     border: 2px solid #ffae00;
 190     margin: 0px;
 191  }
 192
 193 input.input_sub {
 194     -webkit-border-radius: 4px;
 195     -moz-border-radius: 4px;
 196     border-radius: 4px;
 197     border: 1px solid gray;
 198     margin: 0px;
 199     padding: 1px;
 200     color: black;
 201     background-color: #f8f8f8;
 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 input.input_sub:hover {
 212     border: 1px solid #ffae00;
 213     margin: 0px;
 214     padding: 1px;
 215  }
 216
 217 input.input_sub_hi {
 218     border: 2px solid #ffae00;
 219     padding: 0px;
 220     margin: 0px;
 221     color: black;
 222     background-color: white;
 223 /*    background-color: RGB(246,246,246); */
 224     vertical-align: middle;
 225     text-decoration: none;
 226     font-size: 100%;
 227     cursor: pointer;
 228     height: 22px ! important;
 229     max-height: 22px ! important;
 230     min-height: 22px ! important;
 231     display: inline;
 232 }
 233
 234 button {
 235     -webkit-border-radius: 4px;
 236     -moz-border-radius: 4px;
 237     border-radius: 4px;
 238
 239     border: 1px solid gray;
 240     margin: 1px;
 241     padding: 2px;
 242     color: black;
 243     background-color: RGB(246,246,246);
 244     vertical-align: middle;
 245     text-decoration: none;
 246     font-size: 100%;
 247     cursor: pointer;
 248     display: inline;
 249 }
 250
 251 input.button {
 252     -webkit-border-radius: 4px;
 253     -moz-border-radius: 4px;
 254     border-radius: 4px;
 255
 256     border: 1px solid gray;
 257     margin: 1px;
 258     padding: 2px;
 259     color: black;
 260     background-color: RGB(246,246,246);
 261     vertical-align: middle;
 262     text-decoration: none;
 263     font-size: 100%;
 264     cursor: pointer;
 265     display: inline;
 266 }
 267
 268 input.button:hover {
 269     background-color: white;
 270 }
 271
 272 input.button:active {
 273     background-color: RGB(255,255,153);
 274 }
 275
 276 img.button:hover {
 277     cursor: pointer;
 278 }
 279
 280 span.au0 span {
 281     font-weight: bold;
 282 }
 283
 284 span.au1 span {
 285     padding-left: 2px;
 286     padding-right: 4px;
 287     font-style: italic;
 288 /* orange   background-color: #ffd780; */
 289 /* red      background-color: #ffb0b0; */
 290     background-color: #a1c8ff;
 291 }
 292
 293 span.au2 span {
 294     background-color: #bafcba;
 295 }
 296
 297 span.au3 {
 298     padding-left: 24px;
 299     background-image: url('img/books.png');
 300     background-repeat: no-repeat;
 301     background-position: left center;
 302 }
 303
 304 span.au3 span {
 305     background-color: transparent;
 306 }
 307
 308 div.bye_msg {
 309     font-weigth: bold;
 310 }