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
  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
 121     left: 50%;
 122     position: absolute;
 123     border-style: solid;
 124     border-width: 1px;
 125 /*  margin-top: auto;
 126     margin-bottom: auto;*/
 127 /*    overflow: auto; */
 128     bottom: 0;
 129     right: 0;
 130     align: center;
 131     text-align: center;
 132     background-color: white;
 133     z-index: 10;
 134     visibility: hidden;
 135     filter: alpha(opacity=90);
 136     -moz-opacity: 0.90;
 137     opacity: 0.90;
 138 }
 139
 140 .notify_opaque {
 141 /*    top: 10%; */
 142     top: 0;
 143
 144     left: 50%;
 145     position: absolute;
 146     border-style: solid;
 147     border-width: 1px;
 148 /*  margin-top: auto;
 149     margin-bottom: auto;*/
 150 /*    overflow: auto; */
 151     bottom: 0;
 152     right: 0;
 153     align: center;
 154     text-align: center;
 155     background-color: white;
 156     z-index: 10;
 157     visibility: hidden;
 158 }
 159
 160 div.notify_clo {
 161     position: absolute;
 162     align: center;
 163     width: 100%;
 164     left: 0px;
 165     bottom:  4px;
 166 }
 167
 168 div.doc_alert {
 169     color: #ff5400;
 170     background-color: #ffd780;
 171     font-family: monospace;
 172     font-weight: bold;
 173     text-align: center;
 174     margin: 8px;
 175     padding: 8px;
 176 }
 177
 178 .input_text {
 179     background-color: #f8f8f8;
 180     border: 1px solid gray;
 181     margin: 1px;
 182  }
 183
 184 .input_text:hover {
 185     background-color: white;
 186     border: 1px solid #ffae00;
 187  }
 188
 189 .input_text_hi {
 190     background-color: white;
 191     border: 2px solid #ffae00;
 192     margin: 0px;
 193  }
 194
 195 input.input_sub {
 196     border: 1px solid gray;
 197     margin: 0px;
 198     padding: 1px;
 199     color: black;
 200     background-color: #f8f8f8;
 201     vertical-align: middle;
 202     text-decoration: none;
 203     font-size: 100%;
 204     cursor: pointer;
 205     height: 22px ! important;
 206     max-height: 22px ! important;
 207     min-height: 22px ! important;
 208     display: inline;
 209 }
 210 input.input_sub:hover {
 211     border: 1px solid #ffae00;
 212     margin: 0px;
 213     padding: 1px;
 214  }
 215
 216 input.input_sub_hi {
 217     border: 2px solid #ffae00;
 218     padding: 0px;
 219     margin: 0px;
 220     color: black;
 221     background-color: white;
 222 /*    background-color: RGB(246,246,246); */
 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
 233 input.button {
 234     border: 1px solid gray;
 235     margin: 1px;
 236     padding: 2px;
 237     color: black;
 238     background-color: RGB(246,246,246);
 239     vertical-align: middle;
 240     text-decoration: none;
 241     font-size: 100%;
 242     cursor: pointer;
 243     display: inline;
 244 }
 245
 246 input.button:hover {
 247     background-color: white;
 248 }
 249
 250 input.button:active {
 251     background-color: RGB(255,255,153);
 252 }
 253
 254 img.button:hover {
 255     cursor: pointer;
 256 }
 257
 258 span.au0 {
 259     font-weight: bold;
 260 }
 261
 262 span.au1 {
 263     padding-left: 2px;
 264     padding-right: 4px;
 265     font-style: italic;
 266 /* orange   background-color: #ffd780; */
 267 /* red      background-color: #ffb0b0; */
 268     background-color: #a1c8ff;
 269 }
 270
 271 span.au2 {
 272     background-color: #bafcba;
 273 }
 274
 275 div.bye_msg {
 276     font-weigth: bold;
 277 }