[2] | 1 | body |
---|
| 2 | { |
---|
| 3 | margin: 0; |
---|
| 4 | padding: 0; |
---|
| 5 | border: 0; |
---|
| 6 | font: smaller verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif; |
---|
| 7 | background: #3690c0; |
---|
| 8 | } |
---|
| 9 | |
---|
| 10 | body.toolMenuPage |
---|
| 11 | { |
---|
| 12 | background: #045a8d; |
---|
| 13 | color: #d0d1e6; |
---|
| 14 | /*background-image: url(/static/images/toolsExpandingMenu.gif);*/ |
---|
| 15 | background-repeat: no-repeat; |
---|
| 16 | background-position: bottom right; |
---|
| 17 | } |
---|
| 18 | |
---|
| 19 | body.toolMenuPage a |
---|
| 20 | { |
---|
| 21 | color: #ece7f2; |
---|
| 22 | } |
---|
| 23 | |
---|
| 24 | body.toolMenuPage a:hover |
---|
| 25 | { |
---|
| 26 | color: white; |
---|
| 27 | } |
---|
| 28 | |
---|
| 29 | body.historyPage |
---|
| 30 | { |
---|
| 31 | background: #045a8d; |
---|
| 32 | color: #d0d1e6; |
---|
| 33 | /*background-image: url(/static/images/history.gif);*/ |
---|
| 34 | background-repeat: no-repeat; |
---|
| 35 | background-position: bottom right; |
---|
| 36 | } |
---|
| 37 | |
---|
| 38 | body.historyPage a |
---|
| 39 | { |
---|
| 40 | color: #ece7f2; |
---|
| 41 | } |
---|
| 42 | |
---|
| 43 | body.mastheadPage |
---|
| 44 | { |
---|
| 45 | background: #023858; |
---|
| 46 | background-image: url(/static/images/hatch-fade-023858.gif); |
---|
| 47 | background-position: bottom; |
---|
| 48 | color: white; |
---|
| 49 | } |
---|
| 50 | |
---|
| 51 | body.mastheadPage a |
---|
| 52 | { |
---|
| 53 | color: #ece7f2; |
---|
| 54 | } |
---|
| 55 | |
---|
| 56 | div.pageTitle |
---|
| 57 | { |
---|
| 58 | font-size: x-large; |
---|
| 59 | font-weight: bold; |
---|
| 60 | } |
---|
| 61 | |
---|
| 62 | div.pageTitle a:link, div.pageTitle a:visited, div.pageTitle a:active, div.pageTitle a:hover |
---|
| 63 | { |
---|
| 64 | text-decoration: none; |
---|
| 65 | } |
---|
| 66 | |
---|
| 67 | /* |
---|
| 68 | 6 class diverging BrBG |
---|
| 69 | |
---|
| 70 | br2: #8c510a |
---|
| 71 | br1: #d8b365 |
---|
| 72 | br0: #f6e8c3 |
---|
| 73 | gr0: #c7eae5 |
---|
| 74 | gr1: #5ab4ac |
---|
| 75 | gr2: #01665e |
---|
| 76 | */ |
---|
| 77 | |
---|
| 78 | /* |
---|
| 79 | |
---|
| 80 | Dark to light: |
---|
| 81 | |
---|
| 82 | Blues |
---|
| 83 | ----- |
---|
| 84 | |
---|
| 85 | 0: #023858 |
---|
| 86 | 1: #045a8d |
---|
| 87 | 3: #0570b0 |
---|
| 88 | 4: #3690c0 |
---|
| 89 | 5: #74a9cf |
---|
| 90 | 6: #a6bddb |
---|
| 91 | 7: #d0d1e6 |
---|
| 92 | 8: #ece7f2 |
---|
| 93 | |
---|
| 94 | |
---|
| 95 | */ |
---|
| 96 | |
---|
| 97 | h1, h2, h3 |
---|
| 98 | { |
---|
| 99 | color: white; |
---|
| 100 | } |
---|
| 101 | |
---|
| 102 | hr |
---|
| 103 | { |
---|
| 104 | border: none; |
---|
| 105 | border-bottom: dotted white 1px; |
---|
| 106 | } |
---|
| 107 | |
---|
| 108 | div.toolMenu |
---|
| 109 | { |
---|
| 110 | margin: 10px; |
---|
| 111 | } |
---|
| 112 | |
---|
| 113 | div.toolDivider |
---|
| 114 | { |
---|
| 115 | padding-top: 5px; |
---|
| 116 | padding-bottom: 5px; |
---|
| 117 | } |
---|
| 118 | |
---|
| 119 | div.toolSectionDetailsInner |
---|
| 120 | { |
---|
| 121 | margin-left: 10px; |
---|
| 122 | margin-right: 10px; |
---|
| 123 | } |
---|
| 124 | |
---|
| 125 | div.toolSectionTitle |
---|
| 126 | { |
---|
| 127 | padding-bottom: 5px; |
---|
| 128 | font-weight: bold; |
---|
| 129 | } |
---|
| 130 | |
---|
| 131 | /*div.toolSectionBg |
---|
| 132 | { |
---|
| 133 | background: #0570b0; |
---|
| 134 | }*/ |
---|
| 135 | |
---|
| 136 | div.toolTitle |
---|
| 137 | { |
---|
| 138 | padding-top: 5px; |
---|
| 139 | padding-bottom: 5px; |
---|
| 140 | margin-left: 16px; |
---|
| 141 | margin-right: 10px; |
---|
| 142 | display: list-item; |
---|
| 143 | list-style: square outside; |
---|
| 144 | } |
---|
| 145 | |
---|
| 146 | div.toolForm |
---|
| 147 | { |
---|
| 148 | margin: 10px; |
---|
| 149 | } |
---|
| 150 | |
---|
| 151 | div.toolFormTitle |
---|
| 152 | { |
---|
| 153 | background: #d8b365; |
---|
| 154 | font-weight: bold; |
---|
| 155 | padding: 5px; |
---|
| 156 | } |
---|
| 157 | |
---|
| 158 | div.toolParamHelp |
---|
| 159 | { |
---|
| 160 | font-style: italic; |
---|
| 161 | } |
---|
| 162 | |
---|
| 163 | div.toolFormBody |
---|
| 164 | { |
---|
| 165 | background: #f6e8c3; |
---|
| 166 | padding: 5px; |
---|
| 167 | } |
---|
| 168 | |
---|
| 169 | td.errorMessage |
---|
| 170 | { |
---|
| 171 | color: #b30000; |
---|
| 172 | } |
---|
| 173 | |
---|
| 174 | div.toolHelp |
---|
| 175 | { |
---|
| 176 | margin: 10px; |
---|
| 177 | } |
---|
| 178 | |
---|
| 179 | div.toolHelpBody |
---|
| 180 | { |
---|
| 181 | background: white; |
---|
| 182 | padding: 5px; |
---|
| 183 | } |
---|
| 184 | |
---|
| 185 | div.historyItem |
---|
| 186 | { |
---|
| 187 | padding-top: 10px; |
---|
| 188 | padding-bottom: 10px; |
---|
| 189 | margin-right: 10px; |
---|
| 190 | margin-left: 10px; |
---|
| 191 | border-bottom: dotted #d0d1e6 1px; |
---|
| 192 | } |
---|
| 193 | |
---|
| 194 | div.historyItemBody div |
---|
| 195 | { |
---|
| 196 | padding-top: 2px; |
---|
| 197 | } |
---|
| 198 | |
---|
| 199 | pre.peek |
---|
| 200 | { |
---|
| 201 | background: #f6e8c3; |
---|
| 202 | color: black; |
---|
| 203 | width: 100%; |
---|
| 204 | overflow: auto; |
---|
| 205 | } |
---|
| 206 | |
---|
| 207 | div.document |
---|
| 208 | { |
---|
| 209 | margin: 10px; |
---|
| 210 | } |
---|
| 211 | |
---|
| 212 | select |
---|
| 213 | { |
---|
| 214 | max-width: 300px; |
---|
| 215 | } |
---|
| 216 | |
---|
| 217 | .errormessage, .warningmessage, .donemessage, .infomessage |
---|
| 218 | { |
---|
| 219 | margin: 10px; |
---|
| 220 | padding: .33em 0 .67em 42px; |
---|
| 221 | min-height: 32px; |
---|
| 222 | border-top: 5px solid #900; |
---|
| 223 | border-bottom: 5px solid #900; |
---|
| 224 | /* border-left: 1px solid #900; */ |
---|
| 225 | /* border-right: 1px solid #900; */ |
---|
| 226 | background: white; |
---|
| 227 | background-image: url(/images/icon_error_lrg.gif); |
---|
| 228 | background-repeat: no-repeat; |
---|
| 229 | background-position: 5px 5px; |
---|
| 230 | } |
---|
| 231 | |
---|
| 232 | .warningmessage |
---|
| 233 | { |
---|
| 234 | background-image: url(/images/icon_warning_lrg.gif); |
---|
| 235 | border-color: #c60; |
---|
| 236 | } |
---|
| 237 | |
---|
| 238 | .donemessage |
---|
| 239 | { |
---|
| 240 | background-image: url(/images/icon_success_lrg.gif); |
---|
| 241 | border-color: #090; |
---|
| 242 | } |
---|
| 243 | |
---|
| 244 | .infomessage |
---|
| 245 | { |
---|
| 246 | background-image: url(/images/icon_info_lrg.gif); |
---|
| 247 | border-color: #069; |
---|
| 248 | } |
---|
| 249 | |
---|
| 250 | .errormark, .warningmark, .donemark, .infomark, .ok_bgr, .err_bgr |
---|
| 251 | { |
---|
| 252 | padding-left: 20px; |
---|
| 253 | min-height: 15px; |
---|
| 254 | background: url(/images/icon_error_sml.gif) no-repeat; |
---|
| 255 | } |
---|
| 256 | |
---|
| 257 | .warningmark |
---|
| 258 | { |
---|
| 259 | background-image: url(/images/icon_warning_sml.gif); |
---|
| 260 | } |
---|
| 261 | |
---|
| 262 | .donemark |
---|
| 263 | { |
---|
| 264 | background-image: url(/images/icon_success_sml.gif); |
---|
| 265 | } |
---|
| 266 | |
---|
| 267 | .infomark, .ok_bgr |
---|
| 268 | { |
---|
| 269 | background-image: url(/images/icon_info_sml.gif); |
---|
| 270 | } |
---|
| 271 | |
---|
| 272 | table.colored td |
---|
| 273 | { |
---|
| 274 | padding: 5px; |
---|
| 275 | } |
---|
| 276 | |
---|
| 277 | table.colored tr.header |
---|
| 278 | { |
---|
| 279 | background: #d8b365; |
---|
| 280 | font-weight: bold; |
---|
| 281 | } |
---|
| 282 | |
---|
| 283 | table.colored tr |
---|
| 284 | { |
---|
| 285 | background: #f6e8c3; |
---|
| 286 | } |
---|
| 287 | |
---|
| 288 | div.debug |
---|
| 289 | { |
---|
| 290 | margin: 10px; |
---|
| 291 | padding: 5px; |
---|
| 292 | background: #FFFF99; |
---|
| 293 | border: solid #FFFF33 1px; |
---|
| 294 | color: black; |
---|
| 295 | } |
---|
| 296 | |
---|
| 297 | #footer { |
---|
| 298 | position: fixed; |
---|
| 299 | background: #023858; |
---|
| 300 | width: 100%; |
---|
| 301 | left: 0px; |
---|
| 302 | bottom: 0px; |
---|
| 303 | color: white; |
---|
| 304 | z-index:10000; |
---|
| 305 | opacity:0.9; |
---|
| 306 | filter:alpha(opacity:90); |
---|
| 307 | } |
---|
| 308 | |
---|
| 309 | .footerheader |
---|
| 310 | { |
---|
| 311 | padding: 5px; |
---|
| 312 | text-align:center; |
---|
| 313 | background-image: url(/static/images/hatch-fade-023858.gif); |
---|
| 314 | background-position: bottom; |
---|
| 315 | } |
---|
| 316 | |
---|
| 317 | .footermenu |
---|
| 318 | { |
---|
| 319 | border-top: solid white 1px; |
---|
| 320 | } |
---|
| 321 | |
---|
| 322 | .footermenuitem |
---|
| 323 | { |
---|
| 324 | margin-top: 5px; |
---|
| 325 | margin-bottom: 5px; |
---|
| 326 | margin-right: 5px; |
---|
| 327 | margin-left: 25px; |
---|
| 328 | display: list-item; |
---|
| 329 | list-style: square outside; |
---|
| 330 | } |
---|
| 331 | |
---|
| 332 | .footermenumessage |
---|
| 333 | { |
---|
| 334 | margin: 5px; |
---|
| 335 | } |
---|