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