raw/root/var/www/onlycrs/threegates.css

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