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

Code
Comments
Other
Rev Date Author Line
2933 14 Nov 14 olle 1 @charset "UTF-8";
2933 14 Nov 14 olle 2
2933 14 Nov 14 olle 3
2933 14 Nov 14 olle 4 .wizard
2933 14 Nov 14 olle 5 {
2933 14 Nov 14 olle 6   margin: 0em;
2933 14 Nov 14 olle 7   box-sizing: border-box;
2933 14 Nov 14 olle 8 }
2933 14 Nov 14 olle 9
2933 14 Nov 14 olle 10 .wizard .step
2933 14 Nov 14 olle 11 {
2933 14 Nov 14 olle 12   position: relative;
2933 14 Nov 14 olle 13   margin-bottom: 1em;
2933 14 Nov 14 olle 14   display: none;
2933 14 Nov 14 olle 15 }
2933 14 Nov 14 olle 16
2933 14 Nov 14 olle 17 .wizard.disabled
2933 14 Nov 14 olle 18 {
2933 14 Nov 14 olle 19   pointer-events: none;
2933 14 Nov 14 olle 20 }
2933 14 Nov 14 olle 21
2933 14 Nov 14 olle 22 .wizard.disabled .step, .wizard .step.disabled, .wizard.disabled .step-form
2933 14 Nov 14 olle 23 {
2933 14 Nov 14 olle 24   filter: url(filters.svg#grayscale); /* Firfox, etc */
2933 14 Nov 14 olle 25   filter: gray; /* IE */
2933 14 Nov 14 olle 26   opacity: 0.75;
2933 14 Nov 14 olle 27 }
2933 14 Nov 14 olle 28
2933 14 Nov 14 olle 29 .wizard .step-no
2933 14 Nov 14 olle 30 {
2933 14 Nov 14 olle 31   position: absolute;
2933 14 Nov 14 olle 32   top: 0;
2933 14 Nov 14 olle 33   left: 0;
2933 14 Nov 14 olle 34   bottom: 0;
2933 14 Nov 14 olle 35   width: 2rem;
2933 14 Nov 14 olle 36   text-align: center;
2933 14 Nov 14 olle 37   font-size: 150%;
2933 14 Nov 14 olle 38   font-weight: bold;
2933 14 Nov 14 olle 39   padding-top: 2px;
2933 14 Nov 14 olle 40   color: #FFFFFF;
3184 18 Mar 15 olle 41   background-color: #224488;
2933 14 Nov 14 olle 42 }
2933 14 Nov 14 olle 43
2933 14 Nov 14 olle 44 .wizard .step-title
2933 14 Nov 14 olle 45 {
2933 14 Nov 14 olle 46   margin-left: 2rem;
2933 14 Nov 14 olle 47   padding: 2px 4px 2px 4px;
3184 18 Mar 15 olle 48   border-bottom-width: 1px;
3184 18 Mar 15 olle 49   border-top-width: 1px;
3184 18 Mar 15 olle 50   background-color: #E8E8E8;
2933 14 Nov 14 olle 51   color: #224488;
2933 14 Nov 14 olle 52   font-weight: bold;
2933 14 Nov 14 olle 53 }
2933 14 Nov 14 olle 54
2933 14 Nov 14 olle 55 .wizard .step-content
2933 14 Nov 14 olle 56 {
2933 14 Nov 14 olle 57   margin-left: 2rem;
3184 18 Mar 15 olle 58   border-bottom-width: 1px;
2933 14 Nov 14 olle 59 }
2933 14 Nov 14 olle 60
2933 14 Nov 14 olle 61 .wizard .step.disabled .step-no
2933 14 Nov 14 olle 62 {
2933 14 Nov 14 olle 63   cursor: pointer;
2933 14 Nov 14 olle 64 }
2933 14 Nov 14 olle 65
2933 14 Nov 14 olle 66 .wizard .step.disabled .step-content
2933 14 Nov 14 olle 67 {
2933 14 Nov 14 olle 68   pointer-events: none;
2933 14 Nov 14 olle 69 }
2933 14 Nov 14 olle 70
2933 14 Nov 14 olle 71 .wizard .step.disabled.auto-hide .step-no
2933 14 Nov 14 olle 72 {
2933 14 Nov 14 olle 73   font-size: 100%;
2933 14 Nov 14 olle 74 }
2933 14 Nov 14 olle 75
2933 14 Nov 14 olle 76 .wizard .step.disabled.auto-hide .step-content
2933 14 Nov 14 olle 77 {
2933 14 Nov 14 olle 78   display: none;
2933 14 Nov 14 olle 79 }
2933 14 Nov 14 olle 80
2933 14 Nov 14 olle 81
2933 14 Nov 14 olle 82 .wizard .step-form
2933 14 Nov 14 olle 83 {
2933 14 Nov 14 olle 84   width: 100%;
2933 14 Nov 14 olle 85   border-collapse: collapse;
2933 14 Nov 14 olle 86 }
2933 14 Nov 14 olle 87
2933 14 Nov 14 olle 88
2933 14 Nov 14 olle 89 .wizard .step-form > tbody > tr > td
2933 14 Nov 14 olle 90 {
2933 14 Nov 14 olle 91   padding: 1px 2px 1px 4px;
2933 14 Nov 14 olle 92   vertical-align: baseline;
2933 14 Nov 14 olle 93 }
2933 14 Nov 14 olle 94
2933 14 Nov 14 olle 95 .wizard .step-form > tbody > tr.align-top > td
2933 14 Nov 14 olle 96 {
2933 14 Nov 14 olle 97   vertical-align: top;
2933 14 Nov 14 olle 98 }
2933 14 Nov 14 olle 99
2933 14 Nov 14 olle 100 .wizard .step-form .prompt
2933 14 Nov 14 olle 101 {
2933 14 Nov 14 olle 102   width: 18em;
2933 14 Nov 14 olle 103   min-width: 18em;
2933 14 Nov 14 olle 104   font-weight: bold;
2933 14 Nov 14 olle 105   white-space: nowrap;
2933 14 Nov 14 olle 106 }
2933 14 Nov 14 olle 107
2933 14 Nov 14 olle 108 .wizard .step-form .subprompt
2933 14 Nov 14 olle 109 {
2933 14 Nov 14 olle 110   width: 18em;
2933 14 Nov 14 olle 111   min-width: 18em;
2933 14 Nov 14 olle 112   text-align: right;
2933 14 Nov 14 olle 113   font-weight: normal;
2933 14 Nov 14 olle 114   white-space: nowrap;
2933 14 Nov 14 olle 115 }
2933 14 Nov 14 olle 116
3184 18 Mar 15 olle 117 .wizard .step-form .section-header td:not(.help)
2933 14 Nov 14 olle 118 {
2933 14 Nov 14 olle 119   background-color: #E8E8E8;
2933 14 Nov 14 olle 120   white-space: nowrap;
2933 14 Nov 14 olle 121 }
2933 14 Nov 14 olle 122
2933 14 Nov 14 olle 123 .wizard .step-form .section-header td
2933 14 Nov 14 olle 124 {
2933 14 Nov 14 olle 125   padding: 3px 2px 3px 4px;
2933 14 Nov 14 olle 126 }
2933 14 Nov 14 olle 127
2933 14 Nov 14 olle 128 .wizard .step-form .section-header td:first-child
2933 14 Nov 14 olle 129 {
2933 14 Nov 14 olle 130   font-weight: bold;
2933 14 Nov 14 olle 131 }
2933 14 Nov 14 olle 132
2933 14 Nov 14 olle 133 .wizard .step-form .section-header td:first-child:before
2933 14 Nov 14 olle 134 {
2933 14 Nov 14 olle 135   content: '› ';
2933 14 Nov 14 olle 136   color: #999999;
2933 14 Nov 14 olle 137 }
2933 14 Nov 14 olle 138
3184 18 Mar 15 olle 139 .wizard .step-form .info-section tr:not(.section-header) td:not(.help)
2933 14 Nov 14 olle 140 {
3184 18 Mar 15 olle 141   background-color: rgba(232, 232, 232, 0.5);
2933 14 Nov 14 olle 142 }
2933 14 Nov 14 olle 143
2933 14 Nov 14 olle 144 .wizard .step-form .info-section .prompt
2933 14 Nov 14 olle 145 {
2933 14 Nov 14 olle 146   font-weight: normal;
2933 14 Nov 14 olle 147   padding-left: 2em;
2933 14 Nov 14 olle 148   text-align: left;
2933 14 Nov 14 olle 149 }
2933 14 Nov 14 olle 150
2933 14 Nov 14 olle 151 .wizard .step-form .info-section .info
2933 14 Nov 14 olle 152 {
2933 14 Nov 14 olle 153   font-style: italic;
2933 14 Nov 14 olle 154 }
2933 14 Nov 14 olle 155
3184 18 Mar 15 olle 156 .wizard .step-form .info-section .item-description
3184 18 Mar 15 olle 157 {
3184 18 Mar 15 olle 158   white-space: pre-wrap;
3184 18 Mar 15 olle 159   height: 6em;
3184 18 Mar 15 olle 160   max-height: 6em; 
3184 18 Mar 15 olle 161   overflow: auto;
3184 18 Mar 15 olle 162 }
3184 18 Mar 15 olle 163
2933 14 Nov 14 olle 164 .wizard .step-form .input
2933 14 Nov 14 olle 165 {
2933 14 Nov 14 olle 166   width: 36em;
2933 14 Nov 14 olle 167 }
2933 14 Nov 14 olle 168
2933 14 Nov 14 olle 169 .wizard .step-form .input select, .wizard .step-form .input input[type="text"], .wizard .step-form .input textarea
2933 14 Nov 14 olle 170 {
2933 14 Nov 14 olle 171   width: 95%;
2933 14 Nov 14 olle 172 }
2933 14 Nov 14 olle 173
2933 14 Nov 14 olle 174 .wizard .step-form .status
2933 14 Nov 14 olle 175 {
2933 14 Nov 14 olle 176   width: 20px;
2933 14 Nov 14 olle 177   background-repeat: no-repeat;
2933 14 Nov 14 olle 178   background-position: 50% 50%;
2933 14 Nov 14 olle 179 }
2933 14 Nov 14 olle 180
2933 14 Nov 14 olle 181 .wizard .step-form .align-top .status
2933 14 Nov 14 olle 182 {
2933 14 Nov 14 olle 183   background-position: 50% 2px;
2933 14 Nov 14 olle 184   transform-origin: 50% 10px;
2933 14 Nov 14 olle 185 }
2933 14 Nov 14 olle 186
2933 14 Nov 14 olle 187 .wizard .step-form .status.invalid
2933 14 Nov 14 olle 188 {
2933 14 Nov 14 olle 189   background-image: url('../images/error.png');
2933 14 Nov 14 olle 190 }
2933 14 Nov 14 olle 191
2933 14 Nov 14 olle 192 .wizard.flash-error .step-form  .status.invalid
2933 14 Nov 14 olle 193 {
2933 14 Nov 14 olle 194   animation: enlarge 1s infinite;
2933 14 Nov 14 olle 195 }
2933 14 Nov 14 olle 196
2933 14 Nov 14 olle 197 .wizard.flash-error .step-form tr.invalid, .wizard.flash-error .step-form td.invalid
2933 14 Nov 14 olle 198 {
2933 14 Nov 14 olle 199   animation: flash 1s infinite;
2933 14 Nov 14 olle 200 }
2933 14 Nov 14 olle 201
2933 14 Nov 14 olle 202 @keyframes flash
2933 14 Nov 14 olle 203 {
2933 14 Nov 14 olle 204   0% { background-color: inherit; }
2933 14 Nov 14 olle 205   50% { background-color: #FFCCCC; }
2933 14 Nov 14 olle 206   100% { background-color: inherit; }
2933 14 Nov 14 olle 207 }
2933 14 Nov 14 olle 208
2933 14 Nov 14 olle 209 @keyframes enlarge
2933 14 Nov 14 olle 210 {
2933 14 Nov 14 olle 211   0% { transform: scale(1,1); }
2933 14 Nov 14 olle 212   50% { transform: scale(2,2); }
2933 14 Nov 14 olle 213   100% { transform: scale(1,1); }
2933 14 Nov 14 olle 214 }
2933 14 Nov 14 olle 215
2933 14 Nov 14 olle 216 .wizard .step-form .status.warning
2933 14 Nov 14 olle 217 {
2933 14 Nov 14 olle 218   background-image: url('../images/warning.png');
2933 14 Nov 14 olle 219 }
2933 14 Nov 14 olle 220 .wizard .step-form .status.valid
2933 14 Nov 14 olle 221 {
2933 14 Nov 14 olle 222   background-image: url('../images/ok.png');
2933 14 Nov 14 olle 223 }
2933 14 Nov 14 olle 224
2933 14 Nov 14 olle 225 .wizard .step-form .status.checking
2933 14 Nov 14 olle 226 {
2933 14 Nov 14 olle 227   background-image: url('../images/loading-small.gif');
2933 14 Nov 14 olle 228 }
2933 14 Nov 14 olle 229
2933 14 Nov 14 olle 230 .wizard .step-form .status.flag
2933 14 Nov 14 olle 231 {
2933 14 Nov 14 olle 232   background-image: url('../images/flag.png');
2933 14 Nov 14 olle 233 }
2933 14 Nov 14 olle 234
2933 14 Nov 14 olle 235 .wizard .step-form .status.new
2933 14 Nov 14 olle 236 {
2933 14 Nov 14 olle 237   background-image: url('../images/new.png');
2933 14 Nov 14 olle 238 }
2933 14 Nov 14 olle 239
2933 14 Nov 14 olle 240 .wizard .step-form .help
2933 14 Nov 14 olle 241 {
3184 18 Mar 15 olle 242   background-color: rgba(208, 208, 208, 0.5);
2933 14 Nov 14 olle 243   font-style: italic;
2933 14 Nov 14 olle 244 }
2933 14 Nov 14 olle 245
2933 14 Nov 14 olle 246 .wizard .step-form .help .message
2933 14 Nov 14 olle 247 {
2933 14 Nov 14 olle 248   color: #C80000;
2933 14 Nov 14 olle 249   font-weight: bold;
2933 14 Nov 14 olle 250   padding-right: 6px;
2933 14 Nov 14 olle 251   display: none;
2933 14 Nov 14 olle 252 }
2933 14 Nov 14 olle 253
2933 14 Nov 14 olle 254 .wizard .navigation
2933 14 Nov 14 olle 255 {
2933 14 Nov 14 olle 256   margin-left: 2.5em;
2933 14 Nov 14 olle 257   margin-top: 1em;
3184 18 Mar 15 olle 258   margin-bottom: 5em;
2933 14 Nov 14 olle 259   border-spacing: 4px 0;
2933 14 Nov 14 olle 260 }
2933 14 Nov 14 olle 261
2933 14 Nov 14 olle 262 .wizard .navigation #gorestart
2933 14 Nov 14 olle 263 {
2933 14 Nov 14 olle 264   pointer-events: all !important;
2933 14 Nov 14 olle 265 }
2933 14 Nov 14 olle 266
3184 18 Mar 15 olle 267 .dottedleft
3184 18 Mar 15 olle 268 {
3184 18 Mar 15 olle 269   border-left-width: 1px;
3184 18 Mar 15 olle 270   border-left-style: dotted;
3184 18 Mar 15 olle 271 }
3184 18 Mar 15 olle 272
3184 18 Mar 15 olle 273 .dottedright
3184 18 Mar 15 olle 274 {
3184 18 Mar 15 olle 275   border-right-width: 1px;
3184 18 Mar 15 olle 276   border-right-style: dotted;
3184 18 Mar 15 olle 277 }
3184 18 Mar 15 olle 278
2933 14 Nov 14 olle 279 .loading
2933 14 Nov 14 olle 280 {
2933 14 Nov 14 olle 281   background-image: url('../images/loading.gif');
2933 14 Nov 14 olle 282   background-position: 0 50%;
2933 14 Nov 14 olle 283   background-repeat: no-repeat;
2933 14 Nov 14 olle 284   font-weight: bold;
2933 14 Nov 14 olle 285   font-style: italic;
2933 14 Nov 14 olle 286   color: #999999;
2933 14 Nov 14 olle 287   padding: 0.5em 0 0.5em 36px;
2933 14 Nov 14 olle 288   margin-left: 2em;
2933 14 Nov 14 olle 289   display: none;
2933 14 Nov 14 olle 290 }
2933 14 Nov 14 olle 291
2933 14 Nov 14 olle 292 .list-loading
2933 14 Nov 14 olle 293 {
2933 14 Nov 14 olle 294   background-image: url('../images/loading.gif') !important;
2933 14 Nov 14 olle 295   background-position: 0 50% !important;
2933 14 Nov 14 olle 296   background-repeat: no-repeat !important;
2933 14 Nov 14 olle 297   font-style: italic;
2933 14 Nov 14 olle 298   color: #999999;
2933 14 Nov 14 olle 299   padding-left: 30px;
2933 14 Nov 14 olle 300 }
2933 14 Nov 14 olle 301
2933 14 Nov 14 olle 302 .messagecontainer.warning
2933 14 Nov 14 olle 303 {
2933 14 Nov 14 olle 304   background-color: #F8F8E8;
2933 14 Nov 14 olle 305   color: #C80000;
2933 14 Nov 14 olle 306   font-weight: bold;
2933 14 Nov 14 olle 307   background-image: url('../images/warning.png');
2933 14 Nov 14 olle 308   background-position: 0.5em 50%;
2933 14 Nov 14 olle 309   background-repeat: no-repeat;
2933 14 Nov 14 olle 310   padding-left: 2.5em;
2933 14 Nov 14 olle 311   margin-bottom: 1em;
2933 14 Nov 14 olle 312 }
2933 14 Nov 14 olle 313
2933 14 Nov 14 olle 314 .messagecontainer.error
2933 14 Nov 14 olle 315 {
2933 14 Nov 14 olle 316   white-space: pre-wrap;
2933 14 Nov 14 olle 317   max-height: 30em;
2933 14 Nov 14 olle 318   overflow: auto;
2933 14 Nov 14 olle 319 }
2933 14 Nov 14 olle 320
2933 14 Nov 14 olle 321 .navigation .basicbutton
2933 14 Nov 14 olle 322 {
2933 14 Nov 14 olle 323   display: none;
2933 14 Nov 14 olle 324 }
2933 14 Nov 14 olle 325
2933 14 Nov 14 olle 326 .navigation .message
2933 14 Nov 14 olle 327 {
2933 14 Nov 14 olle 328   color: #CC0000;
2933 14 Nov 14 olle 329   font-weight: bold;
2933 14 Nov 14 olle 330 }
2933 14 Nov 14 olle 331
2933 14 Nov 14 olle 332 .success li
2933 14 Nov 14 olle 333 {
2933 14 Nov 14 olle 334   background-position: 0 50%;
2933 14 Nov 14 olle 335   background-repeat: no-repeat;
2933 14 Nov 14 olle 336   padding-left: 20px;
2933 14 Nov 14 olle 337   list-style-type: none;
2933 14 Nov 14 olle 338   line-height: 1.75;
2933 14 Nov 14 olle 339 }
2933 14 Nov 14 olle 340
2933 14 Nov 14 olle 341 .success li.ok
2933 14 Nov 14 olle 342 {
2933 14 Nov 14 olle 343   background-image: url('../images/ok.png');
2933 14 Nov 14 olle 344 }
2933 14 Nov 14 olle 345
2933 14 Nov 14 olle 346 .success li.warning
2933 14 Nov 14 olle 347 {
2933 14 Nov 14 olle 348   background-image: url('../images/warning.png');
2933 14 Nov 14 olle 349 }
2933 14 Nov 14 olle 350
2933 14 Nov 14 olle 351 .success li.error
2933 14 Nov 14 olle 352 {
2933 14 Nov 14 olle 353   background-image: url('../images/error.png');
2933 14 Nov 14 olle 354   background-color: transparent !important;
2933 14 Nov 14 olle 355   color: #990000 !important;
2933 14 Nov 14 olle 356 }
2933 14 Nov 14 olle 357
2933 14 Nov 14 olle 358 #timeoutMessage
2933 14 Nov 14 olle 359 {
2933 14 Nov 14 olle 360   text-align: center;
2933 14 Nov 14 olle 361   font-size: 2em;
2933 14 Nov 14 olle 362   pointer-events: all;
2933 14 Nov 14 olle 363 }
2933 14 Nov 14 olle 364
4159 17 Oct 16 olle 365 #meludi-project
4159 17 Oct 16 olle 366 {
4159 17 Oct 16 olle 367   color: #A00000;
4159 17 Oct 16 olle 368   position: absolute;
4159 17 Oct 16 olle 369   text-align: center;
4159 17 Oct 16 olle 370   top: 0.60em;
4159 17 Oct 16 olle 371   left: 50%;
4159 17 Oct 16 olle 372   margin-right: -50%;
4159 17 Oct 16 olle 373   transform: translate(-50%, -50%)
4159 17 Oct 16 olle 374 }
4159 17 Oct 16 olle 375
2933 14 Nov 14 olle 376 #meludi-version
2933 14 Nov 14 olle 377 {
2933 14 Nov 14 olle 378   color: #A0A0A0;
2933 14 Nov 14 olle 379   font-size: 65%;
2933 14 Nov 14 olle 380   position: absolute;
2933 14 Nov 14 olle 381   top: 0.25em;
2933 14 Nov 14 olle 382   right: 1em;
2933 14 Nov 14 olle 383 }
3184 18 Mar 15 olle 384
3184 18 Mar 15 olle 385 #debug-tools-title
3184 18 Mar 15 olle 386 {
3184 18 Mar 15 olle 387   position: fixed;
3184 18 Mar 15 olle 388   left: 0;
3184 18 Mar 15 olle 389   right: 0;
3184 18 Mar 15 olle 390   bottom: 4em;
3184 18 Mar 15 olle 391   box-sizing: border-box;
3184 18 Mar 15 olle 392   border-top: 2px solid #A00000;
3184 18 Mar 15 olle 393   border-bottom: 2px solid #A00000;
3184 18 Mar 15 olle 394   padding: 2px;
3184 18 Mar 15 olle 395   font-weight: bold;
3184 18 Mar 15 olle 396   background-color: #C80000;
3184 18 Mar 15 olle 397   color: #FFFFFF;
3184 18 Mar 15 olle 398   text-align: center;
3184 18 Mar 15 olle 399   display: none;
3184 18 Mar 15 olle 400 }
3184 18 Mar 15 olle 401
3184 18 Mar 15 olle 402
3184 18 Mar 15 olle 403 #debug-tools
3184 18 Mar 15 olle 404 {
3228 08 Apr 15 olle 405 /*
3184 18 Mar 15 olle 406   position: fixed;
3184 18 Mar 15 olle 407   left: 0;
3184 18 Mar 15 olle 408   right: 0;
3184 18 Mar 15 olle 409   bottom: 0;
3228 08 Apr 15 olle 410 */
3184 18 Mar 15 olle 411   height: 4em;
3184 18 Mar 15 olle 412   box-sizing: border-box;
3184 18 Mar 15 olle 413   text-align: center;
3184 18 Mar 15 olle 414   padding: 0.5em 1em 0 1em;
3184 18 Mar 15 olle 415   display: none;
3184 18 Mar 15 olle 416   background-color: #FFFFFF;
3184 18 Mar 15 olle 417 }
3184 18 Mar 15 olle 418
3228 08 Apr 15 olle 419 /*
3184 18 Mar 15 olle 420 #debug-tools > div
3184 18 Mar 15 olle 421 {
3184 18 Mar 15 olle 422   display: inline-block;
3184 18 Mar 15 olle 423   vertical-align: middle;
3184 18 Mar 15 olle 424 }
3228 08 Apr 15 olle 425 */
3184 18 Mar 15 olle 426
5048 22 Oct 18 olle 427 /* A select list with options tagged with 'yellow' that stand out more */
5048 22 Oct 18 olle 428 select.yellow-label-support
5048 22 Oct 18 olle 429 {}
3184 18 Mar 15 olle 430
5048 22 Oct 18 olle 431 /* Make room for a background icon to the left */
5048 22 Oct 18 olle 432 select.yellow-label-support option
5048 22 Oct 18 olle 433 {
5048 22 Oct 18 olle 434   padding-left: 20px;
5048 22 Oct 18 olle 435 }
5048 22 Oct 18 olle 436
5048 22 Oct 18 olle 437 /* 'yellow' options have an icon and yellowish background color */
5048 22 Oct 18 olle 438 select.yellow-label-support option.yellow
5048 22 Oct 18 olle 439 {
5048 22 Oct 18 olle 440   background-color: #FFF8C0;
5048 22 Oct 18 olle 441   background-image: url('../images/yellow-label.png');
5048 22 Oct 18 olle 442   background-repeat: no-repeat;
5048 22 Oct 18 olle 443   background-position: 1px 50%;
5048 22 Oct 18 olle 444 }
5048 22 Oct 18 olle 445
5048 22 Oct 18 olle 446 select.yellow-label-support option.yellow:checked
5048 22 Oct 18 olle 447 {
5048 22 Oct 18 olle 448   /* Two background images */
5048 22 Oct 18 olle 449   background-image: url('../images/yellow-label.png'), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNQ6lj1HwAEeAJU/w1MjQAAAABJRU5ErkJggg==');
5048 22 Oct 18 olle 450   background-repeat: no-repeat, repeat;
5048 22 Oct 18 olle 451   background-position: 1px 50%, 0 0;
5048 22 Oct 18 olle 452   background-color: #2288AA;
5048 22 Oct 18 olle 453 }
5048 22 Oct 18 olle 454