[2] | 1 | #debug {
|
---|
| 2 | background-color: #990066;
|
---|
[24] | 3 | padding: 2px;
|
---|
[2] | 4 | }
|
---|
| 5 |
|
---|
| 6 | /* General settings */
|
---|
| 7 | body {
|
---|
| 8 | font-family: Verdana, Helvetica, sans-serif;
|
---|
| 9 | font-size: 12px;
|
---|
| 10 | margin-left: 0px;
|
---|
| 11 | margin-right: 0px;
|
---|
| 12 | /* background-color: #deadDD;*/
|
---|
[39] | 13 | background-color: #f8f8f8;
|
---|
[2] | 14 | }
|
---|
| 15 | hr {
|
---|
| 16 | background-color: #666;
|
---|
| 17 | height: 1px;
|
---|
| 18 | border: 0;
|
---|
| 19 | }
|
---|
[38] | 20 | img {
|
---|
| 21 | border: 0px;
|
---|
| 22 | }
|
---|
[84] | 23 | /* Use Gecko-style list elements */
|
---|
| 24 | ul, ol, li {
|
---|
| 25 | margin-left: 0;
|
---|
| 26 | padding-left: 40px;
|
---|
[100] | 27 | /* border: thin solid #FF0000;*/
|
---|
[84] | 28 | }
|
---|
[38] | 29 | fieldset {
|
---|
| 30 | border: none;
|
---|
| 31 | padding: 0px;
|
---|
| 32 | margin: 0px;
|
---|
| 33 | }
|
---|
[2] | 34 |
|
---|
| 35 | table.list {
|
---|
| 36 | background-color: #F0F0F0;
|
---|
| 37 | }
|
---|
[38] | 38 | table.container {
|
---|
| 39 | background-color: #FFFFFF;
|
---|
| 40 | border: none;
|
---|
| 41 | }
|
---|
[2] | 42 | table.wholepage {
|
---|
| 43 | width: 100%;
|
---|
| 44 | }
|
---|
[65] | 45 | table.border {
|
---|
| 46 | border: thin solid #000000;
|
---|
| 47 | }
|
---|
[38] | 48 |
|
---|
[2] | 49 | tr.row0 {
|
---|
| 50 | background-color: #FFFFFF;
|
---|
| 51 | }
|
---|
| 52 | tr.row1 {
|
---|
| 53 | background-color: #DDDDDD;
|
---|
| 54 | }
|
---|
| 55 | tr.tableheader {
|
---|
| 56 | background-color: #CCCCCC;
|
---|
| 57 | padding: 3px;
|
---|
[48] | 58 | text-align: left;
|
---|
[2] | 59 | }
|
---|
| 60 | tr.darkrowheader {
|
---|
| 61 | background-color: #CCCCCC;
|
---|
| 62 | padding: 3px;
|
---|
| 63 | }
|
---|
| 64 | tr.datalinelight {
|
---|
| 65 | background-color: #F0F0F0;
|
---|
[48] | 66 | text-align: left;
|
---|
[2] | 67 | }
|
---|
[38] | 68 |
|
---|
[65] | 69 | th {
|
---|
| 70 | background-color: #F0F0F0;
|
---|
| 71 | font-size: 1.1em;
|
---|
| 72 | font-weight:normal;
|
---|
| 73 | padding: 4px;
|
---|
| 74 | }
|
---|
| 75 |
|
---|
[2] | 76 | td.tblsubmit {
|
---|
[38] | 77 | background-color: #F0F0F0;
|
---|
[2] | 78 | text-align: center;
|
---|
| 79 | }
|
---|
| 80 | td.inputlabel {
|
---|
| 81 | text-align: right;
|
---|
| 82 | padding: 3px;
|
---|
| 83 | }
|
---|
[39] | 84 | td.datahead_l {
|
---|
| 85 | background-color: #F0F0F0;
|
---|
| 86 | border-bottom: 1px solid #666666;
|
---|
| 87 | text-align: left;
|
---|
| 88 | }
|
---|
| 89 | td.datahead_s {
|
---|
| 90 | background-color: #F0F0F0;
|
---|
| 91 | border-bottom: 1px solid #666666;
|
---|
| 92 | width: 1%;
|
---|
| 93 | white-space: nowrap;
|
---|
| 94 | }
|
---|
[59] | 95 | td.data_nowrap {
|
---|
| 96 | white-space: nowrap;
|
---|
| 97 | }
|
---|
[2] | 98 | td.data {
|
---|
| 99 | padding: 3px;
|
---|
| 100 | }
|
---|
| 101 | td.title {
|
---|
| 102 | text-align: center;
|
---|
| 103 | }
|
---|
| 104 | td.menu {
|
---|
| 105 | width: 200px;
|
---|
| 106 | white-space: nowrap;
|
---|
| 107 | border: thin solid #000000;
|
---|
[166] | 108 | background-color: #f0f0f0;
|
---|
[2] | 109 | vertical-align: top;
|
---|
| 110 | }
|
---|
| 111 | td.defaults {
|
---|
| 112 | background-color: #DDDDDD;
|
---|
| 113 | }
|
---|
[34] | 114 | td.errhead {
|
---|
| 115 | font-weight: bold;
|
---|
| 116 | font-size: 110%;
|
---|
| 117 | color: red;
|
---|
| 118 | background-color: #404040;
|
---|
| 119 | text-align: center;
|
---|
| 120 | padding: 3px;
|
---|
| 121 | border: solid 2px #FF0000;
|
---|
| 122 | }
|
---|
[33] | 123 | td.err {
|
---|
| 124 | border: solid 2px #FF0000;
|
---|
| 125 | color: red;
|
---|
| 126 | background-color: #e0e0e0;
|
---|
| 127 | }
|
---|
| 128 | td.warn {
|
---|
| 129 | border: solid 2px #FFFF00;
|
---|
| 130 | color: #333300;
|
---|
| 131 | background-color: #e0e0e0;
|
---|
| 132 | }
|
---|
[41] | 133 | td.leftthird {
|
---|
| 134 | width: 36%;
|
---|
| 135 | text-align: left;
|
---|
| 136 | }
|
---|
| 137 | td.rightthird {
|
---|
| 138 | width: 36%;
|
---|
| 139 | text-align: right;
|
---|
| 140 | }
|
---|
[65] | 141 | td.border {
|
---|
| 142 | background-color: #e0e0e0;
|
---|
| 143 | border: solid 1px #101010;
|
---|
| 144 | padding: 2px;
|
---|
| 145 | }
|
---|
| 146 | td.noaccess {
|
---|
[146] | 147 | background-color: #ffd8d8;
|
---|
| 148 | color: #3f0000;
|
---|
[65] | 149 | }
|
---|
[33] | 150 |
|
---|
[2] | 151 | .meat {
|
---|
| 152 | align: center;
|
---|
| 153 | width: 100%;
|
---|
| 154 | }
|
---|
| 155 | input {
|
---|
| 156 | font-size: 10px;
|
---|
| 157 | }
|
---|
[65] | 158 |
|
---|
[69] | 159 |
|
---|
[2] | 160 | /* general classes */
|
---|
[144] | 161 | .result {
|
---|
| 162 | border: solid 1px #00CC00;
|
---|
| 163 | color: #000000;
|
---|
| 164 | background-color: #f0f0f0;
|
---|
| 165 | text-align: center;
|
---|
| 166 | padding: 5px;
|
---|
| 167 | width: 50%;
|
---|
| 168 | }
|
---|
| 169 | .warning {
|
---|
| 170 | border: solid 2px #FFFF00;
|
---|
| 171 | color: #333300;
|
---|
| 172 | background-color: #e0e0e0;
|
---|
| 173 | text-align: center;
|
---|
| 174 | padding: 5px;
|
---|
| 175 | width: 70%;
|
---|
| 176 | }
|
---|
[2] | 177 | .errmsg {
|
---|
| 178 | font-weight: bold;
|
---|
| 179 | font-family: Verdana, Arial, Helvetica, sans-serif;
|
---|
| 180 | font-size:100%;
|
---|
| 181 | color: red;
|
---|
| 182 | background-color: #404040;
|
---|
| 183 | text-align: center;
|
---|
| 184 | border: thin solid #FFFFFF;
|
---|
| 185 | padding: 5px;
|
---|
| 186 | width: 70%;
|
---|
[173] | 187 | margin: 1% auto;
|
---|
[2] | 188 | }
|
---|
| 189 | .right {
|
---|
| 190 | right: 3px;
|
---|
| 191 | }
|
---|
[39] | 192 | .center {
|
---|
| 193 | text-align: center;
|
---|
| 194 | }
|
---|
[128] | 195 | /* not sure this really does what I think it does. is it really not
|
---|
| 196 | possible to center an arbitrary <blah> in some other arbitrary <foo>? */
|
---|
| 197 | .loccenter {
|
---|
| 198 | margin-left: 10%;
|
---|
| 199 | margin-right: 10%;
|
---|
| 200 | }
|
---|
[100] | 201 | .maintitle {
|
---|
| 202 | font-size: 1.3em;
|
---|
| 203 | }
|
---|
[2] | 204 |
|
---|
[100] | 205 |
|
---|
[2] | 206 | #footer {
|
---|
| 207 | border-top: thin solid #000000;
|
---|
| 208 | clear: both;
|
---|
[166] | 209 | margin-top: 20px;
|
---|
[2] | 210 | }
|
---|
| 211 | #contact {
|
---|
| 212 | font-size: 10px;
|
---|
| 213 | position: absolute;
|
---|
| 214 | right: 10px;
|
---|
| 215 | text-align: right;
|
---|
| 216 | }
|
---|
| 217 |
|
---|
| 218 | #main {
|
---|
| 219 | position: relative;
|
---|
| 220 | float: right;
|
---|
| 221 | width: 100%;
|
---|
[166] | 222 | margin:bottom: 50px;
|
---|
[2] | 223 | }
|
---|
| 224 | #login {
|
---|
[166] | 225 | margin: 17% auto;
|
---|
[2] | 226 | padding: 3px;
|
---|
| 227 | border: thin solid #000000;
|
---|
| 228 | }
|
---|
| 229 | #tableholder {
|
---|
| 230 | padding: 2px;
|
---|
| 231 | background: #FFFFFF;
|
---|
| 232 | width: 70%;
|
---|
| 233 | }
|
---|
| 234 | #menu {
|
---|
| 235 | border-right: thin solid #000000;
|
---|
| 236 | margin-right: 5px;
|
---|
[66] | 237 | padding: 5px;
|
---|
[2] | 238 | }
|
---|
[39] | 239 | #soadetail {
|
---|
| 240 | text-align: left;
|
---|
| 241 | }
|
---|
[173] | 242 | #badpage {
|
---|
| 243 | margin: 5% auto;
|
---|
| 244 | border: solid 2px #FFFF00;
|
---|
| 245 | color: #333300;
|
---|
| 246 | background-color: #e0e0e0;
|
---|
| 247 | text-align: center;
|
---|
| 248 | padding: 5px;
|
---|
| 249 | width: 70%;
|
---|
| 250 | }
|
---|
[39] | 251 | /* somewhat generic/reusable */
|
---|
[41] | 252 | #datatablewrapper {
|
---|
| 253 | border: none;
|
---|
[39] | 254 | width: 98%;
|
---|
[41] | 255 | margin-left: 1%;
|
---|
[100] | 256 | margin-right: 1%;
|
---|
| 257 | vertical-align: top;
|
---|
[39] | 258 | }
|
---|
[100] | 259 | table.csubtable {
|
---|
| 260 | margin-left: auto;
|
---|
| 261 | margin-right: auto;
|
---|
| 262 | }
|
---|
| 263 | td.main {
|
---|
| 264 | vertical-align: top;
|
---|
| 265 | }
|
---|
[117] | 266 |
|
---|
| 267 | /* Allow current group in list to be easily flagged */
|
---|
| 268 | /* For reasons of "CSS is stupid" you apparently can't apply the font to the <li> *eyeroll* */
|
---|
| 269 | label.curgrp {
|
---|
| 270 | font-weight: bold;
|
---|
| 271 | font-size: 1.2em;
|
---|
| 272 | }
|
---|
| 273 | span.curgrp {
|
---|
| 274 | font-weight: bold;
|
---|
| 275 | font-size: 1.2em;
|
---|
| 276 | }
|
---|