web/brisk.css

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