extensions/net.sf.basedb.reggie/trunk/resources/css/reggie-2.css

Code
Comments
Other
Rev Date Author Line
2599 25 Aug 14 nicklas 1 @charset "UTF-8";
2599 25 Aug 14 nicklas 2
2599 25 Aug 14 nicklas 3
2599 25 Aug 14 nicklas 4 .wizard
2599 25 Aug 14 nicklas 5 {
2599 25 Aug 14 nicklas 6   margin: 0em;
2599 25 Aug 14 nicklas 7   box-sizing: border-box;
2599 25 Aug 14 nicklas 8 }
2599 25 Aug 14 nicklas 9
2599 25 Aug 14 nicklas 10 .wizard .step
2599 25 Aug 14 nicklas 11 {
2599 25 Aug 14 nicklas 12   position: relative;
2599 25 Aug 14 nicklas 13   margin-bottom: 1em;
2599 25 Aug 14 nicklas 14   display: none;
2599 25 Aug 14 nicklas 15 }
2599 25 Aug 14 nicklas 16
2691 24 Sep 14 nicklas 17 .wizard.disabled
2691 24 Sep 14 nicklas 18 {
2691 24 Sep 14 nicklas 19   pointer-events: none;
2691 24 Sep 14 nicklas 20 }
2691 24 Sep 14 nicklas 21
2803 14 Oct 14 nicklas 22 .wizard.disabled .step, .wizard .step.disabled, .wizard.disabled .step-form
2599 25 Aug 14 nicklas 23 {
2599 25 Aug 14 nicklas 24   filter: url(filters.svg#grayscale); /* Firfox, etc */
2599 25 Aug 14 nicklas 25   filter: gray; /* IE */
2599 25 Aug 14 nicklas 26   opacity: 0.75;
2599 25 Aug 14 nicklas 27 }
2599 25 Aug 14 nicklas 28
2599 25 Aug 14 nicklas 29 .wizard .step-no
2599 25 Aug 14 nicklas 30 {
2599 25 Aug 14 nicklas 31   position: absolute;
2599 25 Aug 14 nicklas 32   top: 0;
2599 25 Aug 14 nicklas 33   left: 0;
2599 25 Aug 14 nicklas 34   bottom: 0;
2599 25 Aug 14 nicklas 35   width: 2rem;
2599 25 Aug 14 nicklas 36   text-align: center;
2599 25 Aug 14 nicklas 37   font-size: 150%;
2599 25 Aug 14 nicklas 38   font-weight: bold;
2599 25 Aug 14 nicklas 39   padding-top: 2px;
2599 25 Aug 14 nicklas 40   color: #FFFFFF;
3026 11 Dec 14 nicklas 41   background-color: #224488;
2599 25 Aug 14 nicklas 42 }
2599 25 Aug 14 nicklas 43
2599 25 Aug 14 nicklas 44 .wizard .step-title
2599 25 Aug 14 nicklas 45 {
2599 25 Aug 14 nicklas 46   margin-left: 2rem;
2599 25 Aug 14 nicklas 47   padding: 2px 4px 2px 4px;
3026 11 Dec 14 nicklas 48   border-bottom-width: 1px;
3026 11 Dec 14 nicklas 49   border-top-width: 1px;
3026 11 Dec 14 nicklas 50   background-color: #E8E8E8;
2599 25 Aug 14 nicklas 51   color: #224488;
2599 25 Aug 14 nicklas 52   font-weight: bold;
2599 25 Aug 14 nicklas 53 }
2599 25 Aug 14 nicklas 54
3195 19 Mar 15 nicklas 55 .wizard .step-title .helpicon
3195 19 Mar 15 nicklas 56 {
3195 19 Mar 15 nicklas 57   margin-left: 1em;
3195 19 Mar 15 nicklas 58 }
3195 19 Mar 15 nicklas 59
2599 25 Aug 14 nicklas 60 .wizard .step-content
2599 25 Aug 14 nicklas 61 {
2599 25 Aug 14 nicklas 62   margin-left: 2rem;
3026 11 Dec 14 nicklas 63   border-bottom-width: 1px;
2599 25 Aug 14 nicklas 64 }
2599 25 Aug 14 nicklas 65
2599 25 Aug 14 nicklas 66 .wizard .step.disabled .step-no
2599 25 Aug 14 nicklas 67 {
2599 25 Aug 14 nicklas 68   cursor: pointer;
2599 25 Aug 14 nicklas 69 }
2599 25 Aug 14 nicklas 70
2599 25 Aug 14 nicklas 71 .wizard .step.disabled .step-content
2599 25 Aug 14 nicklas 72 {
2599 25 Aug 14 nicklas 73   pointer-events: none;
2599 25 Aug 14 nicklas 74 }
2599 25 Aug 14 nicklas 75
2602 27 Aug 14 nicklas 76 .wizard .step.disabled.auto-hide .step-no
2602 27 Aug 14 nicklas 77 {
2602 27 Aug 14 nicklas 78   font-size: 100%;
2602 27 Aug 14 nicklas 79 }
2602 27 Aug 14 nicklas 80
2599 25 Aug 14 nicklas 81 .wizard .step.disabled.auto-hide .step-content
2599 25 Aug 14 nicklas 82 {
2599 25 Aug 14 nicklas 83   display: none;
2599 25 Aug 14 nicklas 84 }
2599 25 Aug 14 nicklas 85
2599 25 Aug 14 nicklas 86
2599 25 Aug 14 nicklas 87 .wizard .step-form
2599 25 Aug 14 nicklas 88 {
2599 25 Aug 14 nicklas 89   width: 100%;
2622 02 Sep 14 nicklas 90   border-collapse: collapse;
2599 25 Aug 14 nicklas 91 }
2599 25 Aug 14 nicklas 92
2599 25 Aug 14 nicklas 93
2599 25 Aug 14 nicklas 94 .wizard .step-form > tbody > tr > td
2599 25 Aug 14 nicklas 95 {
2599 25 Aug 14 nicklas 96   padding: 1px 2px 1px 4px;
2599 25 Aug 14 nicklas 97   vertical-align: baseline;
2599 25 Aug 14 nicklas 98 }
2599 25 Aug 14 nicklas 99
2599 25 Aug 14 nicklas 100 .wizard .step-form > tbody > tr.align-top > td
2599 25 Aug 14 nicklas 101 {
2599 25 Aug 14 nicklas 102   vertical-align: top;
2599 25 Aug 14 nicklas 103 }
2599 25 Aug 14 nicklas 104
3555 21 Oct 15 nicklas 105 .wizard .step-form > tbody > tr.align-middle > td
3555 21 Oct 15 nicklas 106 {
3555 21 Oct 15 nicklas 107   vertical-align: middle;
3555 21 Oct 15 nicklas 108 }
3555 21 Oct 15 nicklas 109
2599 25 Aug 14 nicklas 110 .wizard .step-form .prompt
2599 25 Aug 14 nicklas 111 {
2599 25 Aug 14 nicklas 112   width: 18em;
2599 25 Aug 14 nicklas 113   min-width: 18em;
2599 25 Aug 14 nicklas 114   font-weight: bold;
2617 01 Sep 14 nicklas 115   white-space: nowrap;
2599 25 Aug 14 nicklas 116 }
2599 25 Aug 14 nicklas 117
2617 01 Sep 14 nicklas 118 .wizard .step-form .subprompt
2617 01 Sep 14 nicklas 119 {
2622 02 Sep 14 nicklas 120   width: 18em;
2622 02 Sep 14 nicklas 121   min-width: 18em;
2617 01 Sep 14 nicklas 122   text-align: right;
2617 01 Sep 14 nicklas 123   font-weight: normal;
2617 01 Sep 14 nicklas 124   white-space: nowrap;
2617 01 Sep 14 nicklas 125 }
2617 01 Sep 14 nicklas 126
3026 11 Dec 14 nicklas 127 .wizard .step-form .section-header td:not(.help)
2622 02 Sep 14 nicklas 128 {
2622 02 Sep 14 nicklas 129   background-color: #E8E8E8;
2622 02 Sep 14 nicklas 130   white-space: nowrap;
2622 02 Sep 14 nicklas 131 }
2617 01 Sep 14 nicklas 132
2622 02 Sep 14 nicklas 133 .wizard .step-form .section-header td
2622 02 Sep 14 nicklas 134 {
2622 02 Sep 14 nicklas 135   padding: 3px 2px 3px 4px;
2622 02 Sep 14 nicklas 136 }
2622 02 Sep 14 nicklas 137
2645 10 Sep 14 nicklas 138 .wizard .step-form .section-header td:first-child
2622 02 Sep 14 nicklas 139 {
2645 10 Sep 14 nicklas 140   font-weight: bold;
2645 10 Sep 14 nicklas 141 }
2645 10 Sep 14 nicklas 142
2645 10 Sep 14 nicklas 143 .wizard .step-form .section-header td:first-child:before
2645 10 Sep 14 nicklas 144 {
2622 02 Sep 14 nicklas 145   content: '› ';
2622 02 Sep 14 nicklas 146   color: #999999;
2622 02 Sep 14 nicklas 147 }
2622 02 Sep 14 nicklas 148
3026 11 Dec 14 nicklas 149 .wizard .step-form .info-section tr:not(.section-header) td:not(.help)
2636 04 Sep 14 nicklas 150 {
3026 11 Dec 14 nicklas 151   background-color: rgba(232, 232, 232, 0.5);
2636 04 Sep 14 nicklas 152 }
2622 02 Sep 14 nicklas 153
2636 04 Sep 14 nicklas 154 .wizard .step-form .info-section .prompt
2636 04 Sep 14 nicklas 155 {
2636 04 Sep 14 nicklas 156   font-weight: normal;
2636 04 Sep 14 nicklas 157   padding-left: 2em;
2636 04 Sep 14 nicklas 158   text-align: left;
2636 04 Sep 14 nicklas 159 }
2636 04 Sep 14 nicklas 160
2636 04 Sep 14 nicklas 161 .wizard .step-form .info-section .info
2636 04 Sep 14 nicklas 162 {
2636 04 Sep 14 nicklas 163   font-style: italic;
2636 04 Sep 14 nicklas 164 }
2636 04 Sep 14 nicklas 165
3115 06 Feb 15 nicklas 166 .wizard .step-form .info-section .item-description
3115 06 Feb 15 nicklas 167 {
3115 06 Feb 15 nicklas 168   white-space: pre-wrap;
3115 06 Feb 15 nicklas 169   height: 6em;
3115 06 Feb 15 nicklas 170   max-height: 6em; 
3115 06 Feb 15 nicklas 171   overflow: auto;
3115 06 Feb 15 nicklas 172 }
3115 06 Feb 15 nicklas 173
7372 06 Oct 23 nicklas 174 .wizard .step-form .info-section .code
7372 06 Oct 23 nicklas 175 {
7372 06 Oct 23 nicklas 176   font-family: monospace;
7372 06 Oct 23 nicklas 177   font-style: normal;
7372 06 Oct 23 nicklas 178 }
7372 06 Oct 23 nicklas 179
2599 25 Aug 14 nicklas 180 .wizard .step-form .input
2599 25 Aug 14 nicklas 181 {
2599 25 Aug 14 nicklas 182   width: 36em;
2599 25 Aug 14 nicklas 183 }
2599 25 Aug 14 nicklas 184
2650 10 Sep 14 nicklas 185 .wizard .step-form .input select, .wizard .step-form .input input[type="text"], .wizard .step-form .input textarea
2622 02 Sep 14 nicklas 186 {
2622 02 Sep 14 nicklas 187   width: 95%;
2622 02 Sep 14 nicklas 188 }
2622 02 Sep 14 nicklas 189
2599 25 Aug 14 nicklas 190 .wizard .step-form .status
2599 25 Aug 14 nicklas 191 {
2599 25 Aug 14 nicklas 192   width: 20px;
2599 25 Aug 14 nicklas 193   background-repeat: no-repeat;
2599 25 Aug 14 nicklas 194   background-position: 50% 50%;
2599 25 Aug 14 nicklas 195 }
2599 25 Aug 14 nicklas 196
2599 25 Aug 14 nicklas 197 .wizard .step-form .align-top .status
2599 25 Aug 14 nicklas 198 {
2599 25 Aug 14 nicklas 199   background-position: 50% 2px;
2629 02 Sep 14 nicklas 200   transform-origin: 50% 10px;
2599 25 Aug 14 nicklas 201 }
2599 25 Aug 14 nicklas 202
2599 25 Aug 14 nicklas 203 .wizard .step-form .status.invalid
2599 25 Aug 14 nicklas 204 {
2599 25 Aug 14 nicklas 205   background-image: url('../images/error.png');
2599 25 Aug 14 nicklas 206 }
2629 02 Sep 14 nicklas 207
2629 02 Sep 14 nicklas 208 .wizard.flash-error .step-form  .status.invalid
2629 02 Sep 14 nicklas 209 {
2629 02 Sep 14 nicklas 210   animation: enlarge 1s infinite;
2629 02 Sep 14 nicklas 211 }
2629 02 Sep 14 nicklas 212
4974 20 Sep 18 nicklas 213 .wizard.flash-error .step-form tbody.invalid td, .wizard.flash-error .step-form tr.invalid td, .wizard.flash-error .step-form td.invalid
2629 02 Sep 14 nicklas 214 {
2629 02 Sep 14 nicklas 215   animation: flash 1s infinite;
2629 02 Sep 14 nicklas 216 }
2629 02 Sep 14 nicklas 217
2629 02 Sep 14 nicklas 218 @keyframes flash
2629 02 Sep 14 nicklas 219 {
2629 02 Sep 14 nicklas 220   0% { background-color: inherit; }
2629 02 Sep 14 nicklas 221   50% { background-color: #FFCCCC; }
2629 02 Sep 14 nicklas 222   100% { background-color: inherit; }
2629 02 Sep 14 nicklas 223 }
2629 02 Sep 14 nicklas 224
2629 02 Sep 14 nicklas 225 @keyframes enlarge
2629 02 Sep 14 nicklas 226 {
2629 02 Sep 14 nicklas 227   0% { transform: scale(1,1); }
2629 02 Sep 14 nicklas 228   50% { transform: scale(2,2); }
2629 02 Sep 14 nicklas 229   100% { transform: scale(1,1); }
2629 02 Sep 14 nicklas 230 }
2629 02 Sep 14 nicklas 231
2599 25 Aug 14 nicklas 232 .wizard .step-form .status.warning
2599 25 Aug 14 nicklas 233 {
2599 25 Aug 14 nicklas 234   background-image: url('../images/warning.png');
2599 25 Aug 14 nicklas 235 }
2599 25 Aug 14 nicklas 236 .wizard .step-form .status.valid
2599 25 Aug 14 nicklas 237 {
2599 25 Aug 14 nicklas 238   background-image: url('../images/ok.png');
2599 25 Aug 14 nicklas 239 }
2599 25 Aug 14 nicklas 240
2675 17 Sep 14 nicklas 241 .wizard .step-form .status.checking
2675 17 Sep 14 nicklas 242 {
2675 17 Sep 14 nicklas 243   background-image: url('../images/loading-small.gif');
2675 17 Sep 14 nicklas 244 }
2675 17 Sep 14 nicklas 245
2794 13 Oct 14 nicklas 246 .wizard .step-form .status.flag
2794 13 Oct 14 nicklas 247 {
2794 13 Oct 14 nicklas 248   background-image: url('../images/flag.png');
2794 13 Oct 14 nicklas 249 }
2794 13 Oct 14 nicklas 250
2794 13 Oct 14 nicklas 251 .wizard .step-form .status.new
2794 13 Oct 14 nicklas 252 {
2794 13 Oct 14 nicklas 253   background-image: url('../images/new.png');
2794 13 Oct 14 nicklas 254 }
2794 13 Oct 14 nicklas 255
2599 25 Aug 14 nicklas 256 .wizard .step-form .help
2599 25 Aug 14 nicklas 257 {
3026 11 Dec 14 nicklas 258   background-color: rgba(208, 208, 208, 0.5);
2599 25 Aug 14 nicklas 259   font-style: italic;
2599 25 Aug 14 nicklas 260 }
2599 25 Aug 14 nicklas 261
2599 25 Aug 14 nicklas 262 .wizard .step-form .help .message
2599 25 Aug 14 nicklas 263 {
2599 25 Aug 14 nicklas 264   color: #C80000;
2599 25 Aug 14 nicklas 265   font-weight: bold;
2599 25 Aug 14 nicklas 266   padding-right: 6px;
2599 25 Aug 14 nicklas 267   display: none;
2599 25 Aug 14 nicklas 268 }
2599 25 Aug 14 nicklas 269
2599 25 Aug 14 nicklas 270 .wizard .navigation
2599 25 Aug 14 nicklas 271 {
2599 25 Aug 14 nicklas 272   margin-left: 2.5em;
2603 27 Aug 14 nicklas 273   margin-top: 1em;
2907 07 Nov 14 nicklas 274   margin-bottom: 5em;
2692 24 Sep 14 nicklas 275   border-spacing: 4px 0;
2599 25 Aug 14 nicklas 276 }
2599 25 Aug 14 nicklas 277
2692 24 Sep 14 nicklas 278 .wizard .navigation #gorestart
2692 24 Sep 14 nicklas 279 {
2692 24 Sep 14 nicklas 280   pointer-events: all !important;
2692 24 Sep 14 nicklas 281 }
2692 24 Sep 14 nicklas 282
3026 11 Dec 14 nicklas 283 .dottedleft
3026 11 Dec 14 nicklas 284 {
3026 11 Dec 14 nicklas 285   border-left-width: 1px;
3026 11 Dec 14 nicklas 286   border-left-style: dotted;
3026 11 Dec 14 nicklas 287 }
3026 11 Dec 14 nicklas 288
3026 11 Dec 14 nicklas 289 .dottedright
3026 11 Dec 14 nicklas 290 {
3026 11 Dec 14 nicklas 291   border-right-width: 1px;
3026 11 Dec 14 nicklas 292   border-right-style: dotted;
3026 11 Dec 14 nicklas 293 }
3026 11 Dec 14 nicklas 294
2599 25 Aug 14 nicklas 295 .loading
2599 25 Aug 14 nicklas 296 {
2599 25 Aug 14 nicklas 297   background-image: url('../images/loading.gif');
2599 25 Aug 14 nicklas 298   background-position: 0 50%;
2599 25 Aug 14 nicklas 299   background-repeat: no-repeat;
2599 25 Aug 14 nicklas 300   font-weight: bold;
2599 25 Aug 14 nicklas 301   font-style: italic;
2599 25 Aug 14 nicklas 302   color: #999999;
2599 25 Aug 14 nicklas 303   padding: 0.5em 0 0.5em 36px;
2599 25 Aug 14 nicklas 304   margin-left: 2em;
2599 25 Aug 14 nicklas 305   display: none;
2599 25 Aug 14 nicklas 306 }
2599 25 Aug 14 nicklas 307
2599 25 Aug 14 nicklas 308 .list-loading
2599 25 Aug 14 nicklas 309 {
2599 25 Aug 14 nicklas 310   background-image: url('../images/loading.gif') !important;
2599 25 Aug 14 nicklas 311   background-position: 0 50% !important;
2599 25 Aug 14 nicklas 312   background-repeat: no-repeat !important;
2599 25 Aug 14 nicklas 313   font-style: italic;
2599 25 Aug 14 nicklas 314   color: #999999;
2599 25 Aug 14 nicklas 315   padding-left: 30px;
3564 28 Oct 15 nicklas 316   width: calc(95% - 30px) !important;
2599 25 Aug 14 nicklas 317 }
2599 25 Aug 14 nicklas 318
2599 25 Aug 14 nicklas 319 .messagecontainer.warning
2599 25 Aug 14 nicklas 320 {
2599 25 Aug 14 nicklas 321   background-color: #F8F8E8;
2599 25 Aug 14 nicklas 322   color: #C80000;
2599 25 Aug 14 nicklas 323   font-weight: bold;
2599 25 Aug 14 nicklas 324   background-image: url('../images/warning.png');
2599 25 Aug 14 nicklas 325   background-position: 0.5em 50%;
2599 25 Aug 14 nicklas 326   background-repeat: no-repeat;
2599 25 Aug 14 nicklas 327   padding-left: 2.5em;
2599 25 Aug 14 nicklas 328   margin-bottom: 1em;
2599 25 Aug 14 nicklas 329 }
2599 25 Aug 14 nicklas 330
2622 02 Sep 14 nicklas 331 .messagecontainer.error
2622 02 Sep 14 nicklas 332 {
2622 02 Sep 14 nicklas 333   white-space: pre-wrap;
2622 02 Sep 14 nicklas 334   max-height: 30em;
2622 02 Sep 14 nicklas 335   overflow: auto;
2622 02 Sep 14 nicklas 336 }
2599 25 Aug 14 nicklas 337
2599 25 Aug 14 nicklas 338 .navigation .basicbutton
2599 25 Aug 14 nicklas 339 {
2599 25 Aug 14 nicklas 340   display: none;
2599 25 Aug 14 nicklas 341 }
2599 25 Aug 14 nicklas 342
2602 27 Aug 14 nicklas 343 .navigation .message
2602 27 Aug 14 nicklas 344 {
2602 27 Aug 14 nicklas 345   color: #CC0000;
2602 27 Aug 14 nicklas 346   font-weight: bold;
4546 29 Jun 17 nicklas 347   padding-left: 0.5em;
2602 27 Aug 14 nicklas 348 }
2602 27 Aug 14 nicklas 349
2599 25 Aug 14 nicklas 350 .success li
2599 25 Aug 14 nicklas 351 {
2599 25 Aug 14 nicklas 352   background-position: 0 50%;
2599 25 Aug 14 nicklas 353   background-repeat: no-repeat;
2599 25 Aug 14 nicklas 354   padding-left: 20px;
2599 25 Aug 14 nicklas 355   list-style-type: none;
2599 25 Aug 14 nicklas 356   line-height: 1.75;
2599 25 Aug 14 nicklas 357 }
2599 25 Aug 14 nicklas 358
2599 25 Aug 14 nicklas 359 .success li.ok
2599 25 Aug 14 nicklas 360 {
2599 25 Aug 14 nicklas 361   background-image: url('../images/ok.png');
2599 25 Aug 14 nicklas 362 }
2599 25 Aug 14 nicklas 363
2599 25 Aug 14 nicklas 364 .success li.warning
2599 25 Aug 14 nicklas 365 {
2599 25 Aug 14 nicklas 366   background-image: url('../images/warning.png');
2599 25 Aug 14 nicklas 367 }
2599 25 Aug 14 nicklas 368
2675 17 Sep 14 nicklas 369 .success li.error
2675 17 Sep 14 nicklas 370 {
2675 17 Sep 14 nicklas 371   background-image: url('../images/error.png');
2675 17 Sep 14 nicklas 372   background-color: transparent !important;
2675 17 Sep 14 nicklas 373   color: #990000 !important;
2675 17 Sep 14 nicklas 374 }
2691 24 Sep 14 nicklas 375
4973 20 Sep 18 nicklas 376 .success li.debug
4973 20 Sep 18 nicklas 377 {
4973 20 Sep 18 nicklas 378   background-image: url('../images/bug-blue.png');
4973 20 Sep 18 nicklas 379   color: #6666AA;
4973 20 Sep 18 nicklas 380 }
4973 20 Sep 18 nicklas 381
2691 24 Sep 14 nicklas 382 #timeoutMessage
2691 24 Sep 14 nicklas 383 {
2691 24 Sep 14 nicklas 384   text-align: center;
2691 24 Sep 14 nicklas 385   font-size: 2em;
2691 24 Sep 14 nicklas 386   pointer-events: all;
2691 24 Sep 14 nicklas 387 }
2691 24 Sep 14 nicklas 388
2801 13 Oct 14 nicklas 389 #reggie-version
2801 13 Oct 14 nicklas 390 {
2801 13 Oct 14 nicklas 391   color: #A0A0A0;
2801 13 Oct 14 nicklas 392   font-size: 65%;
2801 13 Oct 14 nicklas 393   position: absolute;
2801 13 Oct 14 nicklas 394   top: 0.25em;
2801 13 Oct 14 nicklas 395   right: 1em;
2801 13 Oct 14 nicklas 396 }
2924 13 Nov 14 nicklas 397
2924 13 Nov 14 nicklas 398 #debug-tools-title
2924 13 Nov 14 nicklas 399 {
2924 13 Nov 14 nicklas 400   position: fixed;
2924 13 Nov 14 nicklas 401   left: 0;
2924 13 Nov 14 nicklas 402   right: 0;
2924 13 Nov 14 nicklas 403   bottom: 4em;
2924 13 Nov 14 nicklas 404   box-sizing: border-box;
2924 13 Nov 14 nicklas 405   border-top: 2px solid #A00000;
2924 13 Nov 14 nicklas 406   border-bottom: 2px solid #A00000;
2924 13 Nov 14 nicklas 407   padding: 2px;
2924 13 Nov 14 nicklas 408   font-weight: bold;
2924 13 Nov 14 nicklas 409   background-color: #C80000;
2924 13 Nov 14 nicklas 410   color: #FFFFFF;
2924 13 Nov 14 nicklas 411   text-align: center;
2924 13 Nov 14 nicklas 412   display: none;
2924 13 Nov 14 nicklas 413 }
2924 13 Nov 14 nicklas 414
2924 13 Nov 14 nicklas 415
2924 13 Nov 14 nicklas 416 #debug-tools
2924 13 Nov 14 nicklas 417 {
2924 13 Nov 14 nicklas 418   position: fixed;
2924 13 Nov 14 nicklas 419   left: 0;
2924 13 Nov 14 nicklas 420   right: 0;
2924 13 Nov 14 nicklas 421   bottom: 0;
2924 13 Nov 14 nicklas 422   height: 4em;
2924 13 Nov 14 nicklas 423   box-sizing: border-box;
2924 13 Nov 14 nicklas 424   text-align: center;
2924 13 Nov 14 nicklas 425   padding: 0.5em 1em 0 1em;
2924 13 Nov 14 nicklas 426   display: none;
2924 13 Nov 14 nicklas 427   background-color: #FFFFFF;
2924 13 Nov 14 nicklas 428 }
2924 13 Nov 14 nicklas 429
2924 13 Nov 14 nicklas 430 #debug-tools > div
2924 13 Nov 14 nicklas 431 {
2924 13 Nov 14 nicklas 432   display: inline-block;
2924 13 Nov 14 nicklas 433   vertical-align: middle;
2924 13 Nov 14 nicklas 434 }
2924 13 Nov 14 nicklas 435
5161 30 Nov 18 nicklas 436 .wizard.debug-mode
5161 30 Nov 18 nicklas 437 {
5161 30 Nov 18 nicklas 438   /* leave place at the bottom for the #debug-tools */
5161 30 Nov 18 nicklas 439   margin-bottom: 8em;
5161 30 Nov 18 nicklas 440 }
5161 30 Nov 18 nicklas 441
3741 12 Feb 16 nicklas 442 /* Style options with a little padding and line separator */
3741 12 Feb 16 nicklas 443 option
3741 12 Feb 16 nicklas 444 {
3741 12 Feb 16 nicklas 445   padding-left: 2px;
3741 12 Feb 16 nicklas 446   padding-top: 1px;
3741 12 Feb 16 nicklas 447   padding-bottom: 1px;
3741 12 Feb 16 nicklas 448   border-bottom-width: 1px;
3741 12 Feb 16 nicklas 449   border-bottom-style: dotted;
3741 12 Feb 16 nicklas 450   border-bottom-color: #D0D0D0;
3741 12 Feb 16 nicklas 451 }
3741 12 Feb 16 nicklas 452
3741 12 Feb 16 nicklas 453 /* Some browsers (FF) support doesn't support background-color with the :checked element, instead we use a 1-pixel image */
3741 12 Feb 16 nicklas 454 option:checked
3741 12 Feb 16 nicklas 455 {
3741 12 Feb 16 nicklas 456   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNQ6lj1HwAEeAJU/w1MjQAAAABJRU5ErkJggg==');
3741 12 Feb 16 nicklas 457   background-color: #2288AA;
3741 12 Feb 16 nicklas 458   border-bottom-color: #226688;
3741 12 Feb 16 nicklas 459 }
3741 12 Feb 16 nicklas 460
3738 11 Feb 16 nicklas 461 /* A select list with options tagged with 'yellow' that stand out more */
3738 11 Feb 16 nicklas 462 select.yellow-label-support
3738 11 Feb 16 nicklas 463 {}
2924 13 Nov 14 nicklas 464
3738 11 Feb 16 nicklas 465 /* Make room for a background icon to the left */
3738 11 Feb 16 nicklas 466 select.yellow-label-support option
3738 11 Feb 16 nicklas 467 {
3738 11 Feb 16 nicklas 468   padding-left: 20px;
3738 11 Feb 16 nicklas 469 }
3738 11 Feb 16 nicklas 470
3738 11 Feb 16 nicklas 471 /* 'yellow' options have an icon and yellowish background color */
3738 11 Feb 16 nicklas 472 select.yellow-label-support option.yellow
3738 11 Feb 16 nicklas 473 {
3758 19 Feb 16 nicklas 474   background-color: #FFF8C0;
3741 12 Feb 16 nicklas 475   background-image: url('../images/yellow-label.png');
3738 11 Feb 16 nicklas 476   background-repeat: no-repeat;
3738 11 Feb 16 nicklas 477   background-position: 1px 50%;
3738 11 Feb 16 nicklas 478 }
3741 12 Feb 16 nicklas 479
3741 12 Feb 16 nicklas 480 select.yellow-label-support option.yellow:checked
3741 12 Feb 16 nicklas 481 {
3741 12 Feb 16 nicklas 482   /* Two background images */
3741 12 Feb 16 nicklas 483   background-image: url('../images/yellow-label.png'), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNQ6lj1HwAEeAJU/w1MjQAAAABJRU5ErkJggg==');
3741 12 Feb 16 nicklas 484   background-repeat: no-repeat, repeat;
3741 12 Feb 16 nicklas 485   background-position: 1px 50%, 0 0;
3741 12 Feb 16 nicklas 486   background-color: #2288AA;
3741 12 Feb 16 nicklas 487 }
3741 12 Feb 16 nicklas 488
3741 12 Feb 16 nicklas 489 .yellow-specimen .if-yellow
3741 12 Feb 16 nicklas 490 {
3758 19 Feb 16 nicklas 491   background-color: #FFF8C0;
3741 12 Feb 16 nicklas 492 }
3741 12 Feb 16 nicklas 493 .if-yellow img
3741 12 Feb 16 nicklas 494 {
3757 18 Feb 16 nicklas 495   margin-left: 1px;
3741 12 Feb 16 nicklas 496   margin-right: 2px;
3741 12 Feb 16 nicklas 497 }
3741 12 Feb 16 nicklas 498
3904 29 Apr 16 nicklas 499 .progress-bar
3904 29 Apr 16 nicklas 500 {
3904 29 Apr 16 nicklas 501   margin-top: 0.0em;
3904 29 Apr 16 nicklas 502   margin-left: 5em;
3904 29 Apr 16 nicklas 503   width: 200px;
3904 29 Apr 16 nicklas 504   white-space: nowrap;
3904 29 Apr 16 nicklas 505 }
3741 12 Feb 16 nicklas 506
3904 29 Apr 16 nicklas 507 .progress-bar::after
3904 29 Apr 16 nicklas 508 {
3904 29 Apr 16 nicklas 509   content: attr(value);
3904 29 Apr 16 nicklas 510   vertical-align: top;
3904 29 Apr 16 nicklas 511   padding-left: 0.5em;
3904 29 Apr 16 nicklas 512 }
3741 12 Feb 16 nicklas 513
3904 29 Apr 16 nicklas 514 .progress-bar span
3904 29 Apr 16 nicklas 515 {
3904 29 Apr 16 nicklas 516   display: inline-block;
3904 29 Apr 16 nicklas 517   height: 1.4em;
3904 29 Apr 16 nicklas 518 }
3904 29 Apr 16 nicklas 519
5962 03 Jun 20 nicklas 520 .progress-bar-message.loading
5962 03 Jun 20 nicklas 521 {
5962 03 Jun 20 nicklas 522   display: block;
5962 03 Jun 20 nicklas 523 }
3904 29 Apr 16 nicklas 524
3904 29 Apr 16 nicklas 525
3904 29 Apr 16 nicklas 526
3904 29 Apr 16 nicklas 527
5962 03 Jun 20 nicklas 528