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_wh.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 h1 {
  42     font-size: 200%;
  43     margin: 0px;
  44 }
  45
  46 h2 {
  47     font-size: 180%;
  48     margin: 0px;
  49 }
  50
  51 h3 {
  52     font-size: 160%;
  53     margin: 0px;
  54 }
  55
  56 h4 {
  57     font-size: 140%;
  58     margin: 0px;
  59 }
  60
  61 h5 {
  62     font-size: 120%;
  63     margin: 0px;
  64 }
  65
  66 h6 {
  67     font-size: 110%;
  68     margin: 0px;
  69 }
  70
  71
  72 div {
  73     font-size: 100%;
  74 }
  75
  76 td {
  77     font-size: 100%;
  78 }
  79
  80 img {
  81     position:     absolute;
  82     border-style: solid;
  83     border-width: 1px;
  84     border-color: gray;
  85 }
  86
  87 img.unbo {
  88     border-width: 0px;
  89 }
  90
  91 img.nobo {
  92     position:     relative;
  93     border-width: 0px;
  94     display: block;
  95     margin: auto;
  96 }
  97
  98 img.inline {
  99     position:     relative;
 100     vertical-align: middle;
 101     border-width: 0px;
 102 }
 103
 104 img.nobohide {
 105     position:     absolute;
 106     border-width: 0px;
 107     visibility: hidden;
 108     z-index: 12;
 109 }
 110
 111 img.bordergray {
 112     border: 1px solid gray;
 113 }
 114
 115 img.ib_nobo {
 116     border: 0px solid gray;
 117 }
 118
 119 .bg_white {
 120     background-color: #ffffff;
 121 }
 122
 123 .bg_green {
 124     background-color: #aaffaa;
 125 }
 126
 127 .bg_ligre {
 128     background-color: #ddffdd;
 129 }
 130
 131 .bg_red {
 132     background-color: #ffaaaa;
 133 }
 134
 135 .bg_lired {
 136     background-color: #ffdddd;
 137 }
 138
 139 .notify {
 140     -webkit-border-radius: 8px;
 141     -moz-border-radius: 8px;
 142     border-radius: 8px;
 143
 144     background-image: url('img/najole_wh_light.png');
 145     background-attachment: fixed;
 146
 147     top: 0;
 148     padding: 8px;
 149
 150     left: 50%;
 151     position: absolute;
 152     border-style: solid;
 153     border-width: 1px;
 154     bottom: 0;
 155     right: 0;
 156     align: center;
 157     text-align: center;
 158     background-color: white;
 159     z-index: 10;
 160     visibility: hidden;
 161 }
 162
 163 .notify_opaque {
 164     top: 0;
 165
 166     left: 50%;
 167     position: absolute;
 168     border-style: solid;
 169     border-width: 1px;
 170     bottom: 0;
 171     right: 0;
 172     align: center;
 173     text-align: center;
 174     background-color: white;
 175     z-index: 10;
 176     visibility: hidden;
 177 }
 178
 179 div.notify_clo {
 180     position: absolute;
 181     align: center;
 182     width: 100%;
 183     left: 0px;
 184     bottom:  4px;
 185 }
 186
 187 div.doc_alert {
 188     color: #ff5400;
 189     background-color: #ffd780;
 190     font-family: monospace;
 191     font-weight: bold;
 192     text-align: center;
 193     margin: 8px;
 194     padding: 8px;
 195 }
 196
 197 .input_text {
 198     background-color: #f8f8f8;
 199     border: 1px solid gray;
 200     margin: 1px;
 201  }
 202
 203 .input_text:hover {
 204     background-color: white;
 205     border: 1px solid #ffae00;
 206  }
 207
 208 .input_text_hi {
 209     background-color: white;
 210     border: 2px solid #ffae00;
 211     margin: 0px;
 212  }
 213
 214 input.input_sub {
 215     -webkit-border-radius: 4px;
 216     -moz-border-radius: 4px;
 217     border-radius: 4px;
 218     border: 1px solid gray;
 219     margin: 0px;
 220     padding: 1px;
 221     color: black;
 222     background-color: #f8f8f8;
 223     vertical-align: middle;
 224     text-decoration: none;
 225     font-size: 100%;
 226     cursor: pointer;
 227     height: 22px ! important;
 228     max-height: 22px ! important;
 229     min-height: 22px ! important;
 230     display: inline;
 231 }
 232 input.input_sub:hover {
 233     border: 1px solid #ffae00;
 234     margin: 0px;
 235     padding: 1px;
 236  }
 237
 238 input.input_sub_hi {
 239     border: 2px solid #ffae00;
 240     padding: 0px;
 241     margin: 0px;
 242     color: black;
 243     background-color: white;
 244     vertical-align: middle;
 245     text-decoration: none;
 246     font-size: 100%;
 247     cursor: pointer;
 248     height: 22px ! important;
 249     max-height: 22px ! important;
 250     min-height: 22px ! important;
 251     display: inline;
 252 }
 253
 254 button {
 255     -webkit-border-radius: 4px;
 256     -moz-border-radius: 4px;
 257     border-radius: 4px;
 258
 259     border: 1px solid gray;
 260     margin: 1px;
 261     padding: 2px;
 262     color: black;
 263     background-color: RGB(246,246,246);
 264     vertical-align: middle;
 265     text-decoration: none;
 266     font-size: 100%;
 267     cursor: pointer;
 268     display: inline;
 269 }
 270
 271 input.button {
 272     -webkit-border-radius: 4px;
 273     -moz-border-radius: 4px;
 274     border-radius: 4px;
 275
 276     border: 1px solid gray;
 277     margin: 1px;
 278     padding: 2px;
 279     color: black;
 280     background-color: RGB(246,246,246);
 281     vertical-align: middle;
 282     text-decoration: none;
 283     font-size: 100%;
 284     cursor: pointer;
 285     display: inline;
 286 }
 287
 288 input.button:hover {
 289     background-color: white;
 290 }
 291
 292 input.button:active {
 293     background-color: RGB(255,255,153);
 294 }
 295
 296 img.button:hover {
 297     cursor: pointer;
 298 }
 299
 300 span.au0 span {
 301     font-weight: bold;
 302 }
 303 span.au0_off span {
 304     font-weight: bold;
 305 }
 306
 307 span.au1 span {
 308     padding-left: 2px;
 309     padding-right: 4px;
 310     font-style: italic;
 311     background-color: #a1c8ff;
 312 }
 313 span.au1_off span {
 314     padding-left: 2px;
 315     padding-right: 4px;
 316     font-style: italic;
 317     background-color: #a1c8ff;
 318 }
 319
 320 span.au2 span {
 321     background-color: #bafcba;
 322 }
 323 span.au2_off span {
 324     background-color: #bafcba;
 325 }
 326
 327 span.au3 {
 328     padding-left: 24px;
 329     background-image: url('img/books.png');
 330     background-repeat: no-repeat;
 331     background-position: left center;
 332 }
 333
 334 span.au3_off span {
 335     background-color: transparent;
 336 }
 337 span.au3_off {
 338 }
 339
 340 span.au3 span {
 341     background-color: transparent;
 342 }
 343
 344 div.bye_msg {
 345     font-weigth: bold;
 346 }
 347
 348 div.apprentice {
 349     -webkit-border-radius: 8px;
 350     -moz-border-radius: 8px;
 351     border-radius: 8px;
 352
 353     display: none;
 354     background-color: #ffd780;
 355     border: 1px solid #ffae00;
 356     padding: 8px;
 357 }