extensions/net.sf.basedb.labenv/trunk/resources/css/labenv.css

Code
Comments
Other
Rev Date Author Line
3735 10 Feb 16 olle 1 @charset "UTF-8";
3735 10 Feb 16 olle 2
3735 10 Feb 16 olle 3
3735 10 Feb 16 olle 4 .wizard
3735 10 Feb 16 olle 5 {
3735 10 Feb 16 olle 6   margin: 0em;
3735 10 Feb 16 olle 7   box-sizing: border-box;
3735 10 Feb 16 olle 8 }
3735 10 Feb 16 olle 9
3735 10 Feb 16 olle 10 .wizard .step
3735 10 Feb 16 olle 11 {
3735 10 Feb 16 olle 12   position: relative;
3735 10 Feb 16 olle 13   margin-bottom: 1em;
3735 10 Feb 16 olle 14   display: none;
3735 10 Feb 16 olle 15 }
3735 10 Feb 16 olle 16
3735 10 Feb 16 olle 17 .wizard.disabled
3735 10 Feb 16 olle 18 {
3735 10 Feb 16 olle 19   pointer-events: none;
3735 10 Feb 16 olle 20 }
3735 10 Feb 16 olle 21
3735 10 Feb 16 olle 22 .wizard.disabled .step, .wizard .step.disabled, .wizard.disabled .step-form
3735 10 Feb 16 olle 23 {
3735 10 Feb 16 olle 24   filter: url(filters.svg#grayscale); /* Firefox, etc */
3735 10 Feb 16 olle 25   filter: gray; /* IE */
3735 10 Feb 16 olle 26   opacity: 0.75;
3735 10 Feb 16 olle 27 }
3735 10 Feb 16 olle 28
3735 10 Feb 16 olle 29 .wizard .step-no
3735 10 Feb 16 olle 30 {
3735 10 Feb 16 olle 31   position: absolute;
3735 10 Feb 16 olle 32   top: 0;
3735 10 Feb 16 olle 33   left: 0;
3735 10 Feb 16 olle 34   bottom: 0;
3735 10 Feb 16 olle 35   width: 2rem;
3735 10 Feb 16 olle 36   text-align: center;
3735 10 Feb 16 olle 37   font-size: 150%;
3735 10 Feb 16 olle 38   font-weight: bold;
3735 10 Feb 16 olle 39   padding-top: 2px;
3735 10 Feb 16 olle 40   color: #FFFFFF;
3735 10 Feb 16 olle 41   background: #224488;
3735 10 Feb 16 olle 42 }
3735 10 Feb 16 olle 43
3735 10 Feb 16 olle 44 .wizard .step-title
3735 10 Feb 16 olle 45 {
3735 10 Feb 16 olle 46   margin-left: 2rem;
3735 10 Feb 16 olle 47   padding: 2px 4px 2px 4px;
3735 10 Feb 16 olle 48   border-bottom: 1px solid #A0A0A0;
3735 10 Feb 16 olle 49   border-top: 1px solid #A0A0A0;
3735 10 Feb 16 olle 50   background: #E8E8E8;
3735 10 Feb 16 olle 51   color: #224488;
3735 10 Feb 16 olle 52   font-weight: bold;
3735 10 Feb 16 olle 53 }
3735 10 Feb 16 olle 54
3735 10 Feb 16 olle 55 .wizard .step-content
3735 10 Feb 16 olle 56 {
3735 10 Feb 16 olle 57   margin-left: 2rem;
3735 10 Feb 16 olle 58   border-bottom: 1px solid #A0A0A0;
3735 10 Feb 16 olle 59 }
3735 10 Feb 16 olle 60
3735 10 Feb 16 olle 61 .wizard .step.disabled .step-no
3735 10 Feb 16 olle 62 {
3735 10 Feb 16 olle 63   cursor: pointer;
3735 10 Feb 16 olle 64 }
3735 10 Feb 16 olle 65
3735 10 Feb 16 olle 66 .wizard .step.disabled .step-content
3735 10 Feb 16 olle 67 {
3735 10 Feb 16 olle 68   pointer-events: none;
3735 10 Feb 16 olle 69 }
3735 10 Feb 16 olle 70
3735 10 Feb 16 olle 71 .wizard .step.disabled.auto-hide .step-no
3735 10 Feb 16 olle 72 {
3735 10 Feb 16 olle 73   font-size: 100%;
3735 10 Feb 16 olle 74 }
3735 10 Feb 16 olle 75
3735 10 Feb 16 olle 76 .wizard .step.disabled.auto-hide .step-content
3735 10 Feb 16 olle 77 {
3735 10 Feb 16 olle 78   display: none;
3735 10 Feb 16 olle 79 }
3735 10 Feb 16 olle 80
3735 10 Feb 16 olle 81
3735 10 Feb 16 olle 82 .wizard .step-form
3735 10 Feb 16 olle 83 {
3735 10 Feb 16 olle 84   width: 100%;
3735 10 Feb 16 olle 85   border-collapse: collapse;
3735 10 Feb 16 olle 86 }
3735 10 Feb 16 olle 87
3735 10 Feb 16 olle 88
3735 10 Feb 16 olle 89 .wizard .step-form > tbody > tr > td
3735 10 Feb 16 olle 90 {
3735 10 Feb 16 olle 91   padding: 1px 2px 1px 4px;
3735 10 Feb 16 olle 92   vertical-align: baseline;
3735 10 Feb 16 olle 93 }
3735 10 Feb 16 olle 94
3735 10 Feb 16 olle 95 .wizard .step-form > tbody > tr.align-top > td
3735 10 Feb 16 olle 96 {
3735 10 Feb 16 olle 97   vertical-align: top;
3735 10 Feb 16 olle 98 }
3735 10 Feb 16 olle 99
3735 10 Feb 16 olle 100 .wizard .step-form .prompt
3735 10 Feb 16 olle 101 {
3735 10 Feb 16 olle 102   width: 18em;
3735 10 Feb 16 olle 103   min-width: 18em;
3735 10 Feb 16 olle 104   font-weight: bold;
3735 10 Feb 16 olle 105   white-space: nowrap;
3735 10 Feb 16 olle 106 }
3735 10 Feb 16 olle 107
3735 10 Feb 16 olle 108 .wizard .step-form .subprompt
3735 10 Feb 16 olle 109 {
3735 10 Feb 16 olle 110   width: 18em;
3735 10 Feb 16 olle 111   min-width: 18em;
3735 10 Feb 16 olle 112   text-align: right;
3735 10 Feb 16 olle 113   font-weight: normal;
3735 10 Feb 16 olle 114   white-space: nowrap;
3735 10 Feb 16 olle 115 }
3735 10 Feb 16 olle 116
3735 10 Feb 16 olle 117 .wizard .step-form .section-header
3735 10 Feb 16 olle 118 {
3735 10 Feb 16 olle 119   background-color: #E8E8E8;
3735 10 Feb 16 olle 120   white-space: nowrap;
3735 10 Feb 16 olle 121 }
3735 10 Feb 16 olle 122
3735 10 Feb 16 olle 123 .wizard .step-form .section-header td
3735 10 Feb 16 olle 124 {
3735 10 Feb 16 olle 125   padding: 3px 2px 3px 4px;
3735 10 Feb 16 olle 126 }
3735 10 Feb 16 olle 127
3735 10 Feb 16 olle 128 .wizard .step-form .section-header td:first-child
3735 10 Feb 16 olle 129 {
3735 10 Feb 16 olle 130   font-weight: bold;
3735 10 Feb 16 olle 131 }
3735 10 Feb 16 olle 132
3735 10 Feb 16 olle 133 .wizard .step-form .section-header td:first-child:before
3735 10 Feb 16 olle 134 {
3735 10 Feb 16 olle 135   content: '› ';
3735 10 Feb 16 olle 136   color: #999999;
3735 10 Feb 16 olle 137 }
3735 10 Feb 16 olle 138
3735 10 Feb 16 olle 139 .wizard .step-form .info-section
3735 10 Feb 16 olle 140 {
3735 10 Feb 16 olle 141   background-color: #F4F4F4;
3735 10 Feb 16 olle 142 }
3735 10 Feb 16 olle 143
3735 10 Feb 16 olle 144 .wizard .step-form .info-section .prompt
3735 10 Feb 16 olle 145 {
3735 10 Feb 16 olle 146   font-weight: normal;
3735 10 Feb 16 olle 147   padding-left: 2em;
3735 10 Feb 16 olle 148   text-align: left;
3735 10 Feb 16 olle 149 }
3735 10 Feb 16 olle 150
3735 10 Feb 16 olle 151 .wizard .step-form .info-section .info
3735 10 Feb 16 olle 152 {
3735 10 Feb 16 olle 153   font-style: italic;
3735 10 Feb 16 olle 154 }
3735 10 Feb 16 olle 155
3735 10 Feb 16 olle 156 .wizard .step-form .input
3735 10 Feb 16 olle 157 {
3735 10 Feb 16 olle 158   width: 36em;
3735 10 Feb 16 olle 159 }
3735 10 Feb 16 olle 160
3735 10 Feb 16 olle 161 .wizard .step-form .input select, .wizard .step-form .input input[type="text"], .wizard .step-form .input textarea
3735 10 Feb 16 olle 162 {
3735 10 Feb 16 olle 163   width: 95%;
3735 10 Feb 16 olle 164 }
3735 10 Feb 16 olle 165
3735 10 Feb 16 olle 166 .wizard .step-form .status
3735 10 Feb 16 olle 167 {
3735 10 Feb 16 olle 168   width: 20px;
3735 10 Feb 16 olle 169   background-repeat: no-repeat;
3735 10 Feb 16 olle 170   background-position: 50% 50%;
3735 10 Feb 16 olle 171 }
3735 10 Feb 16 olle 172
3735 10 Feb 16 olle 173 .wizard .step-form .align-top .status
3735 10 Feb 16 olle 174 {
3735 10 Feb 16 olle 175   background-position: 50% 2px;
3735 10 Feb 16 olle 176   transform-origin: 50% 10px;
3735 10 Feb 16 olle 177 }
3735 10 Feb 16 olle 178
3735 10 Feb 16 olle 179 .wizard .step-form .status.invalid
3735 10 Feb 16 olle 180 {
3735 10 Feb 16 olle 181   background-image: url('../images/error.png');
3735 10 Feb 16 olle 182 }
3735 10 Feb 16 olle 183
3735 10 Feb 16 olle 184 .wizard.flash-error .step-form  .status.invalid
3735 10 Feb 16 olle 185 {
3735 10 Feb 16 olle 186   animation: enlarge 1s infinite;
3735 10 Feb 16 olle 187 }
3735 10 Feb 16 olle 188
3735 10 Feb 16 olle 189 .wizard.flash-error .step-form tr.invalid, .wizard.flash-error .step-form td.invalid
3735 10 Feb 16 olle 190 {
3735 10 Feb 16 olle 191   animation: flash 1s infinite;
3735 10 Feb 16 olle 192 }
3735 10 Feb 16 olle 193
3735 10 Feb 16 olle 194 @keyframes flash
3735 10 Feb 16 olle 195 {
3735 10 Feb 16 olle 196   0% { background-color: inherit; }
3735 10 Feb 16 olle 197   50% { background-color: #FFCCCC; }
3735 10 Feb 16 olle 198   100% { background-color: inherit; }
3735 10 Feb 16 olle 199 }
3735 10 Feb 16 olle 200
3735 10 Feb 16 olle 201 @keyframes enlarge
3735 10 Feb 16 olle 202 {
3735 10 Feb 16 olle 203   0% { transform: scale(1,1); }
3735 10 Feb 16 olle 204   50% { transform: scale(2,2); }
3735 10 Feb 16 olle 205   100% { transform: scale(1,1); }
3735 10 Feb 16 olle 206 }
3735 10 Feb 16 olle 207
3735 10 Feb 16 olle 208 .wizard .step-form .status.warning
3735 10 Feb 16 olle 209 {
3735 10 Feb 16 olle 210   background-image: url('../images/warning.png');
3735 10 Feb 16 olle 211 }
3735 10 Feb 16 olle 212 .wizard .step-form .status.valid
3735 10 Feb 16 olle 213 {
3735 10 Feb 16 olle 214   background-image: url('../images/ok.png');
3735 10 Feb 16 olle 215 }
3735 10 Feb 16 olle 216
3735 10 Feb 16 olle 217 .wizard .step-form .status.checking
3735 10 Feb 16 olle 218 {
3735 10 Feb 16 olle 219   background-image: url('../images/loading-small.gif');
3735 10 Feb 16 olle 220 }
3735 10 Feb 16 olle 221
3735 10 Feb 16 olle 222 .wizard .step-form .status.flag
3735 10 Feb 16 olle 223 {
3735 10 Feb 16 olle 224   background-image: url('../images/flag.png');
3735 10 Feb 16 olle 225 }
3735 10 Feb 16 olle 226
3735 10 Feb 16 olle 227 .wizard .step-form .status.new
3735 10 Feb 16 olle 228 {
3735 10 Feb 16 olle 229   background-image: url('../images/new.png');
3735 10 Feb 16 olle 230 }
3735 10 Feb 16 olle 231
3735 10 Feb 16 olle 232 .wizard .step-form .help
3735 10 Feb 16 olle 233 {
3735 10 Feb 16 olle 234   background-color: #E8E8E8;
3735 10 Feb 16 olle 235   font-style: italic;
3735 10 Feb 16 olle 236 }
3735 10 Feb 16 olle 237
3735 10 Feb 16 olle 238 .wizard .step-form .help .message
3735 10 Feb 16 olle 239 {
3735 10 Feb 16 olle 240   color: #C80000;
3735 10 Feb 16 olle 241   font-weight: bold;
3735 10 Feb 16 olle 242   padding-right: 6px;
3735 10 Feb 16 olle 243   display: none;
3735 10 Feb 16 olle 244 }
3735 10 Feb 16 olle 245
3735 10 Feb 16 olle 246 .wizard .navigation
3735 10 Feb 16 olle 247 {
3735 10 Feb 16 olle 248   margin-left: 2.5em;
3735 10 Feb 16 olle 249   margin-top: 1em;
3735 10 Feb 16 olle 250   border-spacing: 4px 0;
3735 10 Feb 16 olle 251 }
3735 10 Feb 16 olle 252
3735 10 Feb 16 olle 253 .wizard .navigation #gorestart
3735 10 Feb 16 olle 254 {
3735 10 Feb 16 olle 255   pointer-events: all !important;
3735 10 Feb 16 olle 256 }
3735 10 Feb 16 olle 257
3735 10 Feb 16 olle 258 .loading
3735 10 Feb 16 olle 259 {
3735 10 Feb 16 olle 260   background-image: url('../images/loading.gif');
3735 10 Feb 16 olle 261   background-position: 0 50%;
3735 10 Feb 16 olle 262   background-repeat: no-repeat;
3735 10 Feb 16 olle 263   font-weight: bold;
3735 10 Feb 16 olle 264   font-style: italic;
3735 10 Feb 16 olle 265   color: #999999;
3735 10 Feb 16 olle 266   padding: 0.5em 0 0.5em 36px;
3735 10 Feb 16 olle 267   margin-left: 2em;
3735 10 Feb 16 olle 268   display: none;
3735 10 Feb 16 olle 269 }
3735 10 Feb 16 olle 270
3735 10 Feb 16 olle 271 .list-loading
3735 10 Feb 16 olle 272 {
3735 10 Feb 16 olle 273   background-image: url('../images/loading.gif') !important;
3735 10 Feb 16 olle 274   background-position: 0 50% !important;
3735 10 Feb 16 olle 275   background-repeat: no-repeat !important;
3735 10 Feb 16 olle 276   font-style: italic;
3735 10 Feb 16 olle 277   color: #999999;
3735 10 Feb 16 olle 278   padding-left: 30px;
3735 10 Feb 16 olle 279 }
3735 10 Feb 16 olle 280
3735 10 Feb 16 olle 281 .messagecontainer.warning
3735 10 Feb 16 olle 282 {
3735 10 Feb 16 olle 283   background-color: #F8F8E8;
3735 10 Feb 16 olle 284   color: #C80000;
3735 10 Feb 16 olle 285   font-weight: bold;
3735 10 Feb 16 olle 286   background-image: url('../images/warning.png');
3735 10 Feb 16 olle 287   background-position: 0.5em 50%;
3735 10 Feb 16 olle 288   background-repeat: no-repeat;
3735 10 Feb 16 olle 289   padding-left: 2.5em;
3735 10 Feb 16 olle 290   margin-bottom: 1em;
3735 10 Feb 16 olle 291 }
3735 10 Feb 16 olle 292
3735 10 Feb 16 olle 293 .messagecontainer.error
3735 10 Feb 16 olle 294 {
3735 10 Feb 16 olle 295   white-space: pre-wrap;
3735 10 Feb 16 olle 296   max-height: 30em;
3735 10 Feb 16 olle 297   overflow: auto;
3735 10 Feb 16 olle 298 }
3735 10 Feb 16 olle 299
3735 10 Feb 16 olle 300 .navigation .basicbutton
3735 10 Feb 16 olle 301 {
3735 10 Feb 16 olle 302   display: none;
3735 10 Feb 16 olle 303 }
3735 10 Feb 16 olle 304
3735 10 Feb 16 olle 305 .navigation .message
3735 10 Feb 16 olle 306 {
3735 10 Feb 16 olle 307   color: #CC0000;
3735 10 Feb 16 olle 308   font-weight: bold;
3735 10 Feb 16 olle 309 }
3735 10 Feb 16 olle 310
3735 10 Feb 16 olle 311 .success li
3735 10 Feb 16 olle 312 {
3735 10 Feb 16 olle 313   background-position: 0 50%;
3735 10 Feb 16 olle 314   background-repeat: no-repeat;
3735 10 Feb 16 olle 315   padding-left: 20px;
3735 10 Feb 16 olle 316   list-style-type: none;
3735 10 Feb 16 olle 317   line-height: 1.75;
3735 10 Feb 16 olle 318 }
3735 10 Feb 16 olle 319
3735 10 Feb 16 olle 320 .success li.ok
3735 10 Feb 16 olle 321 {
3735 10 Feb 16 olle 322   background-image: url('../images/ok.png');
3735 10 Feb 16 olle 323 }
3735 10 Feb 16 olle 324
3735 10 Feb 16 olle 325 .success li.warning
3735 10 Feb 16 olle 326 {
3735 10 Feb 16 olle 327   background-image: url('../images/warning.png');
3735 10 Feb 16 olle 328 }
3735 10 Feb 16 olle 329
3735 10 Feb 16 olle 330 .success li.error
3735 10 Feb 16 olle 331 {
3735 10 Feb 16 olle 332   background-image: url('../images/error.png');
3735 10 Feb 16 olle 333   background-color: transparent !important;
3735 10 Feb 16 olle 334   color: #990000 !important;
3735 10 Feb 16 olle 335 }
3735 10 Feb 16 olle 336
3735 10 Feb 16 olle 337 #timeoutMessage
3735 10 Feb 16 olle 338 {
3735 10 Feb 16 olle 339   text-align: center;
3735 10 Feb 16 olle 340   font-size: 2em;
3735 10 Feb 16 olle 341   pointer-events: all;
3735 10 Feb 16 olle 342 }
3735 10 Feb 16 olle 343
3735 10 Feb 16 olle 344 #labenv-version
3735 10 Feb 16 olle 345 {
3735 10 Feb 16 olle 346   color: #A0A0A0;
3735 10 Feb 16 olle 347   font-size: 65%;
3735 10 Feb 16 olle 348   position: absolute;
3735 10 Feb 16 olle 349   top: 0.25em;
3735 10 Feb 16 olle 350   right: 1em;
3735 10 Feb 16 olle 351 }