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/brisk-bg.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/brisk-bg-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     bottom: 0;
 124     right: 0;
 125     align: center;
 126     text-align: center;
 127     background-color: white;
 128     z-index: 10;
 129     visibility: hidden;
 130 }
 131
 132 .notify_opaque {
 133     top: 0;
 134
 135     left: 50%;
 136     position: absolute;
 137     border-style: solid;
 138     border-width: 1px;
 139     bottom: 0;
 140     right: 0;
 141     align: center;
 142     text-align: center;
 143     background-color: white;
 144     z-index: 10;
 145     visibility: hidden;
 146 }
 147
 148 div.notify_clo {
 149     position: absolute;
 150     align: center;
 151     width: 100%;
 152     left: 0px;
 153     bottom:  4px;
 154 }
 155
 156 div.doc_alert {
 157     color: #ff5400;
 158     background-color: #ffd780;
 159     font-family: monospace;
 160     font-weight: bold;
 161     text-align: center;
 162     margin: 8px;
 163     padding: 8px;
 164 }
 165
 166 .input_text {
 167     background-color: #f8f8f8;
 168     border: 1px solid gray;
 169     margin: 1px;
 170  }
 171
 172 .input_text:hover {
 173     background-color: white;
 174     border: 1px solid #ffae00;
 175  }
 176
 177 .input_text_hi {
 178     background-color: white;
 179     border: 2px solid #ffae00;
 180     margin: 0px;
 181  }
 182
 183 input.input_sub {
 184     -webkit-border-radius: 4px;
 185     -moz-border-radius: 4px;
 186     border-radius: 4px;
 187     border: 1px solid gray;
 188     margin: 0px;
 189     padding: 1px;
 190     color: black;
 191     background-color: #f8f8f8;
 192     vertical-align: middle;
 193     text-decoration: none;
 194     font-size: 100%;
 195     cursor: pointer;
 196     height: 22px ! important;
 197     max-height: 22px ! important;
 198     min-height: 22px ! important;
 199     display: inline;
 200 }
 201 input.input_sub:hover {
 202     border: 1px solid #ffae00;
 203     margin: 0px;
 204     padding: 1px;
 205  }
 206
 207 input.input_sub_hi {
 208     border: 2px solid #ffae00;
 209     padding: 0px;
 210     margin: 0px;
 211     color: black;
 212     background-color: white;
 213     vertical-align: middle;
 214     text-decoration: none;
 215     font-size: 100%;
 216     cursor: pointer;
 217     height: 22px ! important;
 218     max-height: 22px ! important;
 219     min-height: 22px ! important;
 220     display: inline;
 221 }
 222
 223 button {
 224     -webkit-border-radius: 4px;
 225     -moz-border-radius: 4px;
 226     border-radius: 4px;
 227
 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 {
 241     -webkit-border-radius: 4px;
 242     -moz-border-radius: 4px;
 243     border-radius: 4px;
 244
 245     border: 1px solid gray;
 246     margin: 1px;
 247     padding: 2px;
 248     color: black;
 249     background-color: RGB(246,246,246);
 250     vertical-align: middle;
 251     text-decoration: none;
 252     font-size: 100%;
 253     cursor: pointer;
 254     display: inline;
 255 }
 256
 257 input.button:hover {
 258     background-color: white;
 259 }
 260
 261 input.button:active {
 262     background-color: RGB(255,255,153);
 263 }
 264
 265 img.button:hover {
 266     cursor: pointer;
 267 }
 268
 269 span.au0 span {
 270     font-weight: bold;
 271 }
 272 span.au0_off span {
 273     font-weight: bold;
 274 }
 275
 276 span.au1 span {
 277     padding-left: 2px;
 278     padding-right: 4px;
 279     font-style: italic;
 280     background-color: #a1c8ff;
 281 }
 282 span.au1_off span {
 283     padding-left: 2px;
 284     padding-right: 4px;
 285     font-style: italic;
 286     background-color: #a1c8ff;
 287 }
 288
 289 span.au2 span {
 290     background-color: #bafcba;
 291 }
 292 span.au2_off span {
 293     background-color: #bafcba;
 294 }
 295
 296 span.au3 {
 297     padding-left: 24px;
 298     background-image: url('img/books.png');
 299     background-repeat: no-repeat;
 300     background-position: left center;
 301 }
 302
 303 span.au3_off span {
 304     background-color: transparent;
 305 }
 306 span.au3_off {
 307 }
 308
 309 span.au3 span {
 310     background-color: transparent;
 311 }
 312
 313 div.bye_msg {
 314     font-weigth: bold;
 315 }
 316
 317 div.apprentice {
 318     -webkit-border-radius: 8px;
 319     -moz-border-radius: 8px;
 320     border-radius: 8px;
 321
 322     display: none;
 323     background-color: #ffd780;
 324     border: 1px solid #ffae00;
 325     padding: 8px;
 326 }