koha-tmpl/intranet-tmpl/prog/css/src/installer.scss

   1 body {
   2     background-color: #EEE;
   3     font-family: arial, verdana, helvetica, sans-serif;
   4     text-align: left;
   5 }
   6
   7 h1 {
   8     font-size: 161.6%;
   9     font-weight: bold;
  10 }
  11
  12 h2 {
  13     background-color: #eee;
  14     border-radius: 4px;
  15     font-size: 146.5%;
  16     font-weight: bold;
  17     padding: .5em;
  18     text-shadow: 1px 1px 0 #FFF;
  19 }
  20
  21 h3 {
  22     color: #003366;
  23     font-size: 131%;
  24     font-weight: bold;
  25 }
  26
  27 hr {
  28     margin-bottom: .5em;
  29     margin-top: .5em;
  30 }
  31
  32 .installer-main {
  33     background-color: #FFF;
  34     border-radius: 5px;
  35     box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.5);
  36     margin-bottom: 3%;
  37     margin-top: 3%;
  38     padding: 1em;
  39 }
  40
  41 ul,
  42 ol {
  43     padding: 5px 5px 5px 20px;
  44 }
  45
  46 #logo {
  47     background: url(../img/koha-logo.gif) no-repeat top center;
  48     margin-bottom: .5em;
  49     margin-top: 0;
  50
  51     a {
  52         border-bottom: none;
  53         display: block;
  54         height: 74px;
  55         text-indent: -1000px;
  56     }
  57 }
  58
  59
  60 .bg-danger {
  61     padding: .2em .4em;
  62 }
  63
  64 .step a,
  65 .step input {
  66     font-size: 2em;
  67 }
  68
  69 td {
  70     input {
  71         font-size: 1.5em;
  72     }
  73 }
  74
  75 .step,
  76 th {
  77     text-align: right;
  78 }
  79
  80 #footer {
  81     border-top: 1px solid #ccc;
  82     font-style: italic;
  83     padding-top: 1em;
  84     text-align: center;
  85 }
  86
  87 .update_error {
  88     color: red;
  89     font-weight: bold;
  90 }
  91
  92 .checkbox {
  93     margin-bottom: 1em;
  94 }
  95
  96 fieldset {
  97     &.rows {
  98         border-width: 0;
  99         clear: left;
 100         float: left;
 101         font-size: 90%;
 102         margin: .9em 0 0 0;
 103         padding: 0;
 104         width: 100%;
 105
 106         legend {
 107             border: 0;
 108             font-size: 110%;
 109             font-weight: bold;
 110             margin-bottom: 0;
 111             margin-left: 1em;
 112         }
 113
 114         label {
 115             float: left;
 116             font-weight: bold;
 117             margin-right: 1em;
 118             text-align: right;
 119             width: 9em;
 120
 121             &.error {
 122                 color: #cc0000;
 123                 float: none;
 124                 margin-left: 1em;
 125                 width: auto;
 126             }
 127         }
 128
 129         span.label {
 130             border-radius: 0;
 131             color: inherit;
 132             display: inline;
 133             float: left;
 134             font-size: inherit;
 135             font-weight: bold;
 136             line-height: 1;
 137             margin-right: 1em;
 138             padding: .2em .6em .3em;
 139             text-align: right;
 140             vertical-align: baseline;
 141             white-space: normal;
 142             width: 9em;
 143         }
 144
 145         fieldset {
 146             background-color: transparent;
 147             font-size: 100%;
 148             margin: 1em;
 149             padding: .3em;
 150         }
 151
 152         ol {
 153             list-style-type: none;
 154             padding: 0 1em 0 1em;
 155         }
 156
 157         li {
 158             clear: left;
 159             float: left;
 160             list-style-type: none;
 161             padding-bottom: 1em;
 162             width: 100%;
 163         }
 164
 165         .hint {
 166             color: #666;
 167             font-size: 96%;
 168             margin-left: 10.5em;
 169             margin-right: 4em;
 170             margin-top: .5em;
 171         }
 172     }
 173 }
 174
 175
 176 label.required,
 177 span.required {
 178     color : #C00;
 179 }
 180
 181 span.required {
 182     font-style : italic;
 183     margin-left : .5em;
 184 }
 185
 186 .breadcrumbs {
 187     background-color: #e6f0f2;
 188     margin: 1em 0;
 189     padding: .4em 2em;
 190 }
 191
 192
 193 /* Override core jQueryUI widgets */
 194 .ui-widget-content {
 195     border: 1px solid #B9D8D9;
 196     background: #ffffff none;
 197     color: #222222;
 198 }
 199
 200 .ui-widget-header {
 201     border: 1px solid #B9D8D9;
 202     background: #E6F0F2 none;
 203     color: #222222;
 204     font-weight: bold;
 205 }
 206
 207 .ui-state-default,
 208 .ui-widget-content .ui-state-default,
 209 .ui-widget-header .ui-state-default {
 210     border: 1px solid #B9D8D9;
 211     background: #F4F8F9 none;
 212     font-weight: normal;
 213     color: #555555;
 214 }
 215
 216 .ui-state-hover,
 217 .ui-widget-content .ui-state-hover,
 218 .ui-widget-header .ui-state-hover,
 219 .ui-state-focus,
 220 .ui-widget-content .ui-state-focus,
 221 .ui-widget-header .ui-state-focus {
 222     border: 1px solid #B9D8D9;
 223     background: #E6F0F2 none;
 224     font-weight: normal;
 225     color: #212121;
 226 }
 227
 228 .ui-state-active,
 229 .ui-widget-content .ui-state-active,
 230 .ui-widget-header .ui-state-active {
 231     border: 1px solid #aaaaaa;
 232     background: #ffffff none;
 233     font-weight: normal;
 234     color: #212121;
 235 }
 236
 237 .ui-state-highlight,
 238 .ui-widget-content .ui-state-highlight,
 239 .ui-widget-header .ui-state-highlight {
 240     border: 1px solid #FED22F;
 241     background: #FFF4C6;
 242     color: #363636;
 243 }
 244
 245 .ui-state-error,
 246 .ui-widget-content .ui-state-error,
 247 .ui-widget-header .ui-state-error {
 248     border: 1px solid #cd0a0a;
 249     background: #fef1ec;
 250     color: #cd0a0a;
 251 }
 252
 253 .ui-widget,
 254 .ui-widget input,
 255 .ui-widget select,
 256 .ui-widget textarea,
 257 .ui-widget button {
 258     font-family : inherit;
 259     font-size : inherit;
 260 }
 261
 262 /* jQuery UI Datepicker */
 263 .ui-datepicker table {
 264     width: 100%;
 265     font-size: .9em;
 266     border : 0;
 267     border-collapse: collapse;
 268     margin:0 0 .4em;
 269 }
 270
 271 .ui-datepicker th {
 272     background : transparent none;
 273     padding: .7em .3em;
 274     text-align: center;
 275     font-weight: bold;
 276     border: 0;
 277 }
 278
 279 .ui-datepicker-trigger {
 280     vertical-align: middle;
 281     margin : 0 3px;
 282 }
 283 .ui-datepicker {
 284     box-shadow: 1px 1px 3px 0 #666;
 285 }
 286
 287 span.breadcrumbs {
 288     display: block;
 289 }
 290
 291 .selectall,
 292 .deselectall {
 293     display: inline-block;
 294 }
 295
 296 .selectall.mandatory,
 297 .deselectall.optional {
 298     display: none;
 299 }