web/brisk.css

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