web/brisk.css

   1 /*
   2  *  brisk - brisk.css
   3  *
   4  *  Copyright (C) 2006-2011 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/icefallbg.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: grey;
  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 .notify {
  77 /*    top: 10%; */
  78     top: 0;
  79
  80     left: 50%;
  81     position: absolute;
  82     border-style: solid;
  83     border-width: 1px;
  84 /*  margin-top: auto;
  85     margin-bottom: auto;*/
  86 /*    overflow: auto; */
  87     bottom: 0;
  88     right: 0;
  89     align: center;
  90     text-align: center;
  91     background-color: white;
  92     z-index: 10;
  93     visibility: hidden;
  94     filter: alpha(opacity=90);
  95     -moz-opacity: 0.90;
  96     opacity: 0.90;
  97 }
  98
  99 .notify_opaque {
 100 /*    top: 10%; */
 101     top: 0;
 102
 103     left: 50%;
 104     position: absolute;
 105     border-style: solid;
 106     border-width: 1px;
 107 /*  margin-top: auto;
 108     margin-bottom: auto;*/
 109 /*    overflow: auto; */
 110     bottom: 0;
 111     right: 0;
 112     align: center;
 113     text-align: center;
 114     background-color: white;
 115     z-index: 10;
 116     visibility: hidden;
 117 }
 118
 119 div.notify_clo {
 120     position: absolute;
 121     align: center;
 122     width: 100%;
 123     left: 0px;
 124     bottom:  4px;
 125 }
 126
 127 .input_text {
 128     background-color: #f8f8f8;
 129     border: 1px solid gray;
 130     margin: 1px;
 131  }
 132
 133 .input_text:hover {
 134     background-color: white;
 135     border: 1px solid #ffae00;
 136  }
 137
 138 .input_text_hi {
 139     background-color: white;
 140     border: 2px solid #ffae00;
 141     margin: 0px;
 142  }
 143
 144 input.input_sub {
 145     border: 1px solid gray;
 146     margin: 0px;
 147     padding: 1px;
 148     color: black;
 149     background-color: #f8f8f8;
 150     vertical-align: middle;
 151     text-decoration: none;
 152     font-size: 100%;
 153     cursor: pointer;
 154     height: 22px ! important;
 155     max-height: 22px ! important;
 156     min-height: 22px ! important;
 157     display: inline;
 158 }
 159 input.input_sub:hover {
 160     border: 1px solid #ffae00;
 161     margin: 0px;
 162     padding: 1px;
 163  }
 164
 165 input.input_sub_hi {
 166     border: 2px solid #ffae00;
 167     padding: 0px;
 168     margin: 0px;
 169     color: black;
 170     background-color: white;
 171 /*    background-color: RGB(246,246,246); */
 172     vertical-align: middle;
 173     text-decoration: none;
 174     font-size: 100%;
 175     cursor: pointer;
 176     height: 22px ! important;
 177     max-height: 22px ! important;
 178     min-height: 22px ! important;
 179     display: inline;
 180 }
 181
 182 input.button {
 183     border: 1px solid gray;
 184     margin: 1px;
 185     padding: 0px;
 186     color: black;
 187     background-color: RGB(246,246,246);
 188     vertical-align: middle;
 189     text-decoration: none;
 190     font-size: 100%;
 191     cursor: pointer;
 192     height: 20px ! important;
 193     max-height: 20px ! important;
 194     min-height: 20px ! important;
 195     display: inline;
 196 }
 197
 198 input.button:hover {
 199     background-color: white;
 200 }
 201
 202 input.button:active {
 203     background-color: RGB(255,255,153);
 204 }
 205
 206 img.button:hover {
 207     cursor: pointer;
 208 }
 209
 210 span.au1 {
 211     font-weight: bold;
 212 }
 213
 214 span.au2 {
 215     font-style: italic;
 216 /*    text-decoration: underline; */
 217     background-color: #bafcba;
 218 }
 219
 220 span.au3 {
 221     font-weight: bold;
 222     font-style: italic;
 223 /*    text-decoration: underline; */
 224     background-color: #bafcba;
 225 }