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