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