mw-config/config.css

   1 .env-check {
   2         font-size: 90%;
   3         margin: 1em 0 1em 2.5em;
   4 }
   5
   6 .config-section {
   7         margin-top: 2em;
   8 }
   9
  10 .config-block {
  11         margin-top: 2em;
  12         display: block;
  13
  14 }
  15
  16 .config-block-label {
  17         display: block;
  18         margin-bottom: .2em;
  19 }
  20
  21 .config-block-label label, .config-label {
  22         font-weight: bold;
  23         padding-right: .5em;
  24         padding-top: .2em;
  25 }
  26
  27 .config-block-elements {
  28         margin-left: 2em;
  29 }
  30
  31 .config-block-elements li {
  32         list-style: none;
  33 }
  34
  35 .config-input {
  36         clear: left;
  37         zoom: 100%; /* IE hack */
  38 }
  39
  40 .config-page-wrapper {
  41         padding: 0.5em;
  42 }
  43
  44 .config-page-list {
  45         float: right;
  46         width: 12em;
  47         border: 1px solid #aaa;
  48         background: #fff;
  49         padding: 0.5em;
  50         /* 3em left margin to leave space between the list and the page-content */
  51         margin: 0.5em 0.5em 0.5em 3.5em;
  52 }
  53
  54 .config-page {
  55         padding: 0.5em 0.5em 0.5em 2em;
  56         margin: 0.5em 0.5em 0.5em 0.5em;
  57         background: #eee;
  58 }
  59
  60 .config-submit {
  61         clear: left;
  62         text-align: center;
  63         padding: 1em;
  64 }
  65
  66 .config-submit input {
  67         margin-left: 0.5em;
  68         margin-right: 0.5em;
  69 }
  70
  71 .config-page-disabled {
  72         color: #aaa;
  73 }
  74
  75 .config-error-box {
  76         border: 2px solid #f00;
  77 }
  78
  79 .config-page-current {
  80         font-weight: bold;
  81 }
  82
  83 .config-message {
  84         display: list-item;
  85         line-height: 1.5em;
  86         /* @embed */
  87         list-style-image: url( images/bullet.gif );
  88         list-style-type: square;
  89 }
  90
  91 .config-input-text {
  92         width: 20em;
  93         margin-right: 1em;
  94 }
  95
  96 .config-input-check {
  97         margin-left: 10em;
  98 }
  99
 100 .config-skins-item {
 101         /* Clearfix */
 102         clear: left;
 103         overflow: hidden;
 104 }
 105
 106 .config-skins-item .config-input-check {
 107         margin-left: 10em;
 108         width: 20em;
 109         float: left;
 110 }
 111
 112 .config-skins-item .config-skins-use-as-default {
 113         float: left;
 114 }
 115
 116 .error {
 117         color: #f00;
 118         background-color: #fff;
 119         font-weight: bold;
 120         left: 1em;
 121         font-size: 100%;
 122 }
 123
 124 .config-settings-block {
 125         list-style-type: none;
 126         list-style-image: none;
 127         margin: 0;
 128         padding: 0;
 129 }
 130
 131 .btn-install {
 132         font-weight: bold;
 133         font-size: 110%;
 134         padding: .2em .3em;
 135 }
 136
 137 .success-message {
 138         font-weight: bold;
 139         font-size: 110%;
 140         color: #0f0;
 141 }
 142
 143 .success-box {
 144         font-size: 130%;
 145 }
 146
 147 .config-cc-wrapper {
 148         clear: left;
 149         /* If you change this height, also change it in WebInstallerOptions::submitCC() */
 150         height: 54em;
 151 }
 152
 153 .config-plainlink a {
 154         background: none !important;
 155         padding: 0 !important;
 156 }
 157
 158 .config-download-link {
 159         font-size: 1.8em;
 160         margin-left: 2em;
 161 }
 162
 163 .config-download-link a {
 164         background: url( images/download-32.png ) no-repeat center left;
 165         padding-left: 40px; /* 32 px for the image (above), plus some breathing room */
 166         height: 32px; /* provide enough vertical room for the image */
 167         display: inline-block; /* allow the height property (above) to work */
 168         line-height: 32px; /* center the text vertically */
 169 }
 170
 171 #config-live-log {
 172         overflow: hidden;
 173         min-width: 20em;
 174 }
 175
 176 /* tooltip styles */
 177 .config-help-field-hint {
 178         display: none;
 179         margin-left: 2px;
 180         margin-bottom: -8px;
 181         padding: 0 0 0 15px;
 182         /* @embed */
 183         background-image: url( images/help-question.gif );
 184         background-position: left center;
 185         background-repeat: no-repeat;
 186         cursor: pointer;
 187         font-size: .8em;
 188         text-decoration: underline;
 189         color: #0645ad;
 190 }
 191
 192 .config-help-field-hint:hover {
 193         /* @embed */
 194         background-image: url( images/help-question-hover.gif );
 195 }
 196
 197 .config-help-field-data {
 198         display: block;
 199         background-color: #d6f3ff;
 200         padding: 5px 8px 4px 8px;
 201         border: 1px solid #5dc9f4;
 202         margin-left: 20px;
 203 }