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
 116 div.notify_clo {
 117     position: absolute;
 118     align: center;
 119     width: 100%;
 120     left: 0px;
 121     bottom:  4px;
 122 }
 123
 124 .input_text {
 125     background-color: #f8f8f8;
 126     border: 1px solid gray;
 127     margin: 1px;
 128  }
 129
 130 .input_text:hover {
 131     background-color: white;
 132     border: 1px solid #ffae00;
 133  }
 134
 135 .input_text_hi {
 136     background-color: white;
 137     border: 2px solid #ffae00;
 138     margin: 0px;
 139  }
 140
 141 input.input_sub {
 142     border: 1px solid gray;
 143     margin: 0px;
 144     padding: 1px;
 145     color: black;
 146     background-color: #f8f8f8;
 147     vertical-align: middle;
 148     text-decoration:none;
 149     font-size: 100%;
 150     cursor: pointer;
 151     height: 22px ! important;
 152     max-height: 22px ! important;
 153     min-height: 22px ! important;
 154     display: inline;
 155 }
 156 input.input_sub:hover {
 157     border: 1px solid #ffae00;
 158     margin: 0px;
 159     padding: 1px;
 160  }
 161
 162 input.input_sub_hi {
 163     border: 2px solid #ffae00;
 164     padding: 0px;
 165     margin: 0px;
 166     color: black;
 167     background-color: white;
 168 /*    background-color: RGB(246,246,246); */
 169     vertical-align: middle;
 170     text-decoration:none;
 171     font-size: 100%;
 172     cursor: pointer;
 173     height: 22px ! important;
 174     max-height: 22px ! important;
 175     min-height: 22px ! important;
 176     display: inline;
 177 }
 178
 179 input.button {
 180     border: 1px solid gray;
 181     margin: 1px;
 182     padding: 0px;
 183     color: black;
 184     background-color: RGB(246,246,246);
 185     vertical-align: middle;
 186     text-decoration:none;
 187     font-size: 100%;
 188     cursor: pointer;
 189     height: 20px ! important;
 190     max-height: 20px ! important;
 191     min-height: 20px ! important;
 192     display: inline;
 193 }
 194
 195 input.button:hover {
 196     background-color: white;
 197 }
 198
 199 input.button:active {
 200     background-color: RGB(255,255,153);
 201 }
 202
 203 img.button:hover {
 204     cursor: pointer;
 205 }