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

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