5 .civicrm-setup-header {
11 .civicrm-setup-header .title {
22 .civicrm-setup-header h1 {
27 -webkit-animation: slide
1s forwards
;
28 -webkit-animation-delay: 0.5s;
29 animation: slide
1s forwards
;
30 animation-delay: 0.5s;
33 @-webkit-keyframes slide
{
48 .civicrm-setup-header hr {
49 border-bottom: 2px solid
#fff;
50 border-top: 2px solid
#ddd;
53 .civicrm-setup-body .civicrm-logo {
61 .civicrm-setup-body .civicrm-logo img {
68 .civicrm-setup-body #All {
69 font-family: Arial
, sans-serif
;
73 border: 1px #ccc solid
;
79 .civicrm-setup-body form {
83 .civicrm-setup-body h2 {
85 display: inline-block
;
88 .civicrm-setup-body li {
89 padding-bottom: 1.5em;
92 .civicrm-setup-block-components label span {
97 .civicrm-setup-body p.error {
99 background-color: #c00;
100 border: 1px #700 solid
;
105 .civicrm-setup-body p.warning {
107 background-color: #e70;
108 border: 1px #a70 solid
;
113 .civicrm-setup-body p.good {
115 background-color: #0c0;
116 border: 1px #070 solid
;
121 .civicrm-setup-body p.error a {
126 .civicrm-setup-body p.tip {
133 .civicrm-setup-body .advancedTip {
134 border-collapse: collapse
;
138 .civicrm-setup-body .install-validate-ok {
142 .civicrm-setup-body .install-validate-bad {
145 .civicrm-setup-body .reqTable {
146 border-collapse: collapse
;
150 .civicrm-setup-body .reqTable td {
151 border: 1px #ccc solid
;
154 .civicrm-setup-body .reqSeverity-info {
157 .civicrm-setup-body .reqSeverity-warning {
160 .civicrm-setup-body .reqSeverity-error {
164 .civicrm-setup-body .settingsTable {
165 border-collapse: collapse
;
169 .civicrm-setup-body th
,
170 .civicrm-setup-body td {
176 .civicrm-setup-body .comp-box {
179 display: inline-block
;
183 border: 1px dashed
#aaa;
187 .civicrm-setup-body .comp-box:hover {
191 .civicrm-setup-body .comp-box > span {
194 .civicrm-setup-body .comp-label {
197 .civicrm-setup-body .comp-desc {
200 .civicrm-setup-body .comp-cb:checked + label {
203 .civicrm-setup-body .comp-cb:checked + label:hover {
207 .civicrm-setup-body .optin-box {
210 display: inline-block
;
213 border: 1px dashed
#aaa;
217 .civicrm-setup-body .optin-box:hover {
221 .civicrm-setup-body .optin-box > span {
224 .civicrm-setup-body .optin-label {
227 .civicrm-setup-body .optin-desc {
230 .civicrm-setup-body .optin-cb:checked + label {
233 .civicrm-setup-body .optin-cb:checked + label:hover {
237 .civicrm-setup-body .sr-only {
244 clip: rect
(0, 0, 0, 0);
248 .civicrm-setup-body.has-errors .if-no-errors {
251 .civicrm-setup-body.has-warnings .if-no-warnings {
254 .civicrm-setup-body.has-problems .if-no-problems {
257 .civicrm-setup-body.has-no-problems .if-problems {
261 .civicrm-setup-body .action-box {
266 .civicrm-setup-body button[type=submit] {
272 -webkit-border-radius: 5px;
276 .civicrm-setup-body button[type=submit]:hover {
279 .civicrm-setup-body button[type=submit]:disabled {
284 .civicrm-setup-body .settingsTable input[type=text] {
290 @media only screen and
(max-width: 801px) {
291 .civicrm-setup-body .comp-box {
296 @media only screen and
(max-width: 635px) {
297 .civicrm-setup-header .title {
303 .civicrm-setup-body .settingsTable {
308 margin: 10px 2% 10px 2%;
313 @media only screen and
(max-width: 503px) {
314 .civicrm-setup-body .comp-box {