setup/res/template.css

   1 body {
   2   background: #eee;
   3 }
   4 /* Header */
   5 .civicrm-setup-header {
   6   height: 300px;
   7   width: 100%;
   8   display: block;
   9 }
  10
  11 .civicrm-setup-header .title {
  12   width: 25%;
  13   position: absolute;
  14   overflow: hidden;
  15   float: left;
  16   margin-left: 10%;
  17   margin-top: 50px;
  18   margin-right: 20%;
  19   display: inline-flex;
  20 }
  21
  22 .civicrm-setup-header h1 {
  23   line-height: 35px;
  24   color: #ddd;
  25   position: relative;
  26   left: 400px;
  27   -webkit-animation: slide 1s forwards;
  28   -webkit-animation-delay: 0.5s;
  29   animation: slide 1s forwards;
  30   animation-delay: 0.5s;
  31 }
  32
  33 @-webkit-keyframes slide {
  34   100% {
  35     left: 0;
  36     color: #555;
  37 }
  38 }
  39
  40 @keyframes slide {
  41   100% {
  42     left: 0;
  43     color: #555;
  44 }
  45 }
  46
  47
  48 .civicrm-setup-header hr {
  49   border-bottom: 2px solid #fff;
  50   border-top: 2px solid #ddd;
  51 }
  52
  53 .civicrm-setup-body .civicrm-logo {
  54   float: right;
  55   width: 30%;
  56   display: grid;
  57   margin-top: 50px;
  58   margin-right: 10%;
  59 }
  60
  61 .civicrm-setup-body .civicrm-logo img {
  62   width: 100%;
  63 }
  64
  65
  66 /* Header End */
  67
  68 .civicrm-setup-body #All {
  69   font-family: Arial, sans-serif;
  70   width: auto;
  71   margin: 0.5em auto;
  72   padding: 1em;
  73   border: 1px #ccc solid;
  74   border-radius: 10px;
  75   background: #fff;
  76   max-width: 1200px;
  77 }
  78
  79 .civicrm-setup-body form {
  80   margin: 3%;
  81 }
  82
  83 .civicrm-setup-body h2 {
  84   margin-top: 0;
  85   display: inline-block;
  86 }
  87
  88 .civicrm-setup-body li {
  89   padding-bottom: 1.5em;
  90 }
  91
  92 .civicrm-setup-block-components label span {
  93   float: left;
  94   width: 120px;
  95 }
  96
  97 .civicrm-setup-body p.error {
  98   padding: 0.5em;
  99   background-color: #c00;
 100   border: 1px #700 solid;
 101   color: white;
 102   clear: both;
 103 }
 104
 105 .civicrm-setup-body p.warning {
 106   padding: 0.5em;
 107   background-color: #e70;
 108   border: 1px #a70 solid;
 109   color: white;
 110   clear: both;
 111 }
 112
 113 .civicrm-setup-body p.good {
 114   padding: 0.5em;
 115   background-color: #0c0;
 116   border: 1px #070 solid;
 117   color: white;
 118   clear: both;
 119 }
 120
 121 .civicrm-setup-body p.error a {
 122   color: #fff;
 123   font-weight: bold;
 124 }
 125
 126 .civicrm-setup-body p.tip {
 127   background: #ffb;
 128   padding: 0.5em;
 129   margin: 1em auto;
 130   width: 50%
 131 }
 132
 133 .civicrm-setup-body .advancedTip {
 134   border-collapse: collapse;
 135   font-size: 80%;
 136 }
 137
 138 .civicrm-setup-body .install-validate-ok {
 139   display: none;
 140 }
 141
 142 .civicrm-setup-body .install-validate-bad {
 143 }
 144
 145 .civicrm-setup-body .reqTable {
 146   border-collapse: collapse;
 147   width: 100%;
 148 }
 149
 150 .civicrm-setup-body .reqTable td {
 151   border: 1px #ccc solid;
 152 }
 153
 154 .civicrm-setup-body .reqSeverity-info {
 155   color: green;
 156 }
 157 .civicrm-setup-body .reqSeverity-warning {
 158   color: #a70;
 159 }
 160 .civicrm-setup-body .reqSeverity-error {
 161   color: #c00;
 162 }
 163
 164 .civicrm-setup-body .settingsTable {
 165   border-collapse: collapse;
 166   margin: 2em
 167 }
 168
 169 .civicrm-setup-body th,
 170 .civicrm-setup-body td {
 171   text-align: left;
 172   padding: 0.25em;
 173   vertical-align: top;
 174 }
 175
 176 .civicrm-setup-body .comp-box {
 177   height: 3.5em;
 178   width: 30%;
 179   display: inline-block;
 180   padding: 0.5em;
 181   padding-top: 15px;
 182   margin: 0.25em;
 183   border: 1px dashed #aaa;
 184   background: #eee;
 185   text-align: center;
 186 }
 187 .civicrm-setup-body .comp-box:hover {
 188   background: #ddd;
 189   cursor: hand;
 190 }
 191 .civicrm-setup-body .comp-box > span {
 192   width: 100%;
 193 }
 194 .civicrm-setup-body .comp-label {
 195   font-size: 1.5em;
 196 }
 197 .civicrm-setup-body .comp-desc {
 198   font-style: italic;
 199 }
 200 .civicrm-setup-body .comp-cb:checked + label {
 201   background: #dfd;
 202 }
 203 .civicrm-setup-body .comp-cb:checked + label:hover {
 204   background: #cec;
 205 }
 206
 207 .civicrm-setup-body .optin-box {
 208   height: 3.5em;
 209   width: 45%;
 210   display: inline-block;
 211   padding: 0.5em;
 212   margin: 0.75em;
 213   border: 1px dashed #aaa;
 214   background: #eee;
 215   text-align: center;
 216 }
 217 .civicrm-setup-body .optin-box:hover {
 218   background: #ddd;
 219   cursor: hand;
 220 }
 221 .civicrm-setup-body .optin-box > span {
 222   width: 100%;
 223 }
 224 .civicrm-setup-body .optin-label {
 225   font-size: 1.5em;
 226 }
 227 .civicrm-setup-body .optin-desc {
 228   font-style: italic;
 229 }
 230 .civicrm-setup-body .optin-cb:checked + label {
 231   background: #dfd;
 232 }
 233 .civicrm-setup-body .optin-cb:checked + label:hover {
 234   background: #cec;
 235 }
 236
 237 .civicrm-setup-body .sr-only {
 238   position: absolute;
 239   width: 1px;
 240   height: 1px;
 241   padding: 0;
 242   margin: -1px;
 243   overflow: hidden;
 244   clip: rect(0, 0, 0, 0);
 245   border: 0;
 246 }
 247
 248 .civicrm-setup-body.has-errors .if-no-errors {
 249   display: none;
 250 }
 251 .civicrm-setup-body.has-warnings .if-no-warnings {
 252   display: none;
 253 }
 254 .civicrm-setup-body.has-problems .if-no-problems {
 255   display: none;
 256 }
 257 .civicrm-setup-body.has-no-problems .if-problems {
 258   display: none;
 259 }
 260
 261 .civicrm-setup-body .action-box {
 262   width: 100%;
 263   text-align: center;
 264   margin: 2em 0.5em;
 265 }
 266 .civicrm-setup-body button[type=submit] {
 267   padding: 15px 25px;
 268   background: #82c459;
 269   color: white;
 270   border: 0 none;
 271   cursor: pointer;
 272   -webkit-border-radius: 5px;
 273   border-radius: 5px;
 274   font-size: 20px;
 275 }
 276 .civicrm-setup-body button[type=submit]:hover {
 277   background: #60a237;
 278 }
 279 .civicrm-setup-body button[type=submit]:disabled {
 280   background: #888;
 281   cursor: not-allowed;
 282 }
 283
 284 .civicrm-setup-body .settingsTable input[type=text] {
 285   width: 80%;
 286 }
 287
 288
 289
 290 @media only screen and (max-width: 801px) {
 291   .civicrm-setup-body .comp-box {
 292     width: 45%;
 293   }
 294 }
 295
 296 @media only screen and (max-width: 635px) {
 297   .civicrm-setup-header .title {
 298     width: 45%;
 299     margin-left: 5%;
 300     margin-top: 30px;
 301   }
 302
 303   .civicrm-setup-body .settingsTable {
 304     display: block;
 305     overflow-x: auto;
 306     white-space: nowrap;
 307     width: 95%;
 308     margin: 10px 2% 10px 2%;
 309   }
 310
 311 }
 312
 313 @media only screen and (max-width: 503px) {
 314   .civicrm-setup-body .comp-box {
 315     width: 95%;
 316   }
 317 }