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;
34 @-webkit-keyframes slide
{
35 100% { left: 0; color:#555;}
39 100% { left: 0; color: #555;}
43 .civicrm-setup-header hr{
44 border-bottom: 2px solid
#fff;
45 border-top: 2px solid
#ddd;
48 .civicrm-setup-body .civicrm-logo {
56 .civicrm-setup-body .civicrm-logo img{
63 .civicrm-setup-body #All {
64 font-family: Arial
, sans-serif
;
68 border: 1px #ccc solid
;
74 .civicrm-setup-body form {
78 .civicrm-setup-body h2 {
80 display: inline-block
;
83 .civicrm-setup-body li {
84 padding-bottom: 1.5em;
87 .civicrm-setup-body label span {
92 .civicrm-setup-body p.error {
94 background-color: #c00;
95 border: 1px #700 solid
;
100 .civicrm-setup-body p.warning {
102 background-color: #e70;
103 border: 1px #a70 solid
;
108 .civicrm-setup-body p.good {
110 background-color: #0c0;
111 border: 1px #070 solid
;
116 .civicrm-setup-body p.error a {
121 .civicrm-setup-body p.tip {
128 .civicrm-setup-body .advancedTip {
129 border-collapse: collapse
;
133 .civicrm-setup-body .reqTable {
134 border-collapse: collapse
;
138 .civicrm-setup-body .reqTable td {
139 border: 1px #ccc solid
;
142 .civicrm-setup-body .reqSeverity-info { color: green
; }
143 .civicrm-setup-body .reqSeverity-warning { color: #a70; }
144 .civicrm-setup-body .reqSeverity-error { color: #c00; }
146 .civicrm-setup-body .settingsTable {
147 border-collapse: collapse
;
151 .civicrm-setup-body th, .civicrm-setup-body td {
157 .civicrm-setup-body .comp-box {
160 display: inline-block
;
164 border: 1px dashed
#aaa;
168 .civicrm-setup-body .comp-box:hover { background: #ddd; cursor: hand
; }
169 .civicrm-setup-body .comp-box > span { width: 100%; }
170 .civicrm-setup-body .comp-label { font-size: 1.5em; }
171 .civicrm-setup-body .comp-desc { font-style: italic
; }
172 .civicrm-setup-body .comp-cb:checked + label { background: #dfd; }
173 .civicrm-setup-body .comp-cb:checked + label:hover { background: #cec; }
175 .civicrm-setup-body .optin-box {
178 display: inline-block
;
181 border: 1px dashed
#aaa;
185 .civicrm-setup-body .optin-box:hover { background: #ddd; cursor: hand
; }
186 .civicrm-setup-body .optin-box > span { width: 100%; }
187 .civicrm-setup-body .optin-label { font-size: 1.5em; }
188 .civicrm-setup-body .optin-desc { font-style: italic
; }
189 .civicrm-setup-body .optin-cb:checked + label { background: #dfd; }
190 .civicrm-setup-body .optin-cb:checked + label:hover { background: #cec; }
192 .civicrm-setup-body .sr-only {
199 clip: rect
(0, 0, 0, 0);
203 .civicrm-setup-body.has-errors .if-no-errors {display: none
;}
204 .civicrm-setup-body.has-warnings .if-no-warnings {display: none
;}
205 .civicrm-setup-body.has-problems .if-no-problems {display: none
;}
206 .civicrm-setup-body.has-no-problems .if-problems {display: none
;}
208 .civicrm-setup-body .action-box {
213 .civicrm-setup-body input[type=submit] {
219 -webkit-border-radius: 5px;
223 .civicrm-setup-body input[type=submit]:hover {
227 .civicrm-setup-body .settingsTable input[type=text] { width: 80%; }
231 @media only screen and
(max-width: 801px){
232 .civicrm-setup-body .comp-box{
237 @media only screen and
(max-width: 635px){
238 .civicrm-setup-header .title{
244 .civicrm-setup-body .settingsTable{
249 margin: 10px 2% 10px 2%;
254 @media only screen and
(max-width: 503px){
255 .civicrm-setup-body .comp-box{