donatehead updates:
Nima Fatemi authored 8 years ago
|
1) /* Some primery changes for bootstrap */
2) .btn:focus,
3) .btn:active:focus,
4) .btn.active:focus,
5) .btn.focus,
6) .btn:active.focus,
7) .btn.active.focus,
8) a:focus,
9) input[type="file"]:focus,
10) input[type="radio"]:focus,
11) input[type="checkbox"]:focus {
12) outline: none;
13) }
|
|
donatehead updates:
Nima Fatemi authored 8 years ago
|
18) .form-control:focus {
19) border-color: #875ca4;
20) outline: 0;
21) -webkit-box-shadow: none;
22) box-shadow: none;
23) }
24) .btn-default:active,
25) .btn-default.active,
26) .btn-default.active:hover,
27) .btn-default.active:focus,
28) .btn-default.active.focus,
29) .open > .dropdown-toggle.btn-default:hover,
30) .open > .dropdown-toggle.btn-default:focus,
31) .open > .dropdown-toggle.btn-default.focus,
32) .open > .dropdown-toggle.btn-default {
33) color: #fff;
34) background: #875ca4;
35) border-color: #875ca4;
36) }
37) .btn:active, .btn.active {
38) background-image: none;
39) outline: 0;
40) -webkit-box-shadow: none;
41) box-shadow: none;
42) }
43) a {
44) color: #875ca4;
45) }
46) a:hover, a:focus {
47) color: #663987;
48) text-decoration: none;
49) }
50) .btn-primary:hover {
51) background-color: #784B96;
52) border-color: #784B96;
53) }
54) .btn-primary {
55) background-color: #875ca4;
56) border-color: #875ca4;
57) }
58) .btn-primary:focus,
59) .btn-primary.focus,
60) .btn-primary:active,
61) .btn-primary.active,
62) .open > .dropdown-toggle.btn-primary,
63) .btn-primary:active:hover,
64) .btn-primary.active:hover,
65) .open > .dropdown-toggle.btn-primary:hover,
66) .btn-primary:active:focus,
67) .btn-primary.active:focus,
68) .open > .dropdown-toggle.btn-primary:focus,
69) .btn-primary:active.focus,
70) .btn-primary.active.focus,
71) .open > .dropdown-toggle.btn-primary.focus{
72) background-color: #663987;
73) border-color: #663987;
74) }
75) .navbar-brand {
76) height: auto;
77) padding: 0;
78) }
79) .navbar-default {
80) background: white;
81) border: none;
82) }
83) .navbar {
84) margin-bottom: 0;
85) }
86) .navbar-collapse.collapse {
87) display: block!important;
88) }
89)
90) .navbar-nav>li, .navbar-nav {
91) float: left !important;
92) }
93)
94)
95) .navbar-nav.navbar-right:last-child {
96) margin-right: -15px !important;
97) }
98)
99) .navbar-right {
100) float: right!important;
101) }
102)
103)
104) .navbar-header {
105) float: left;
106) }
107) .navbar-nav > li > a {
108) padding-top: 15px;
109) padding-bottom: 15px;
110) }
111) .navbar-nav{
112) margin: 0;
113) }
114) .img-thumbnail {
115) padding: 1px;
116) background-color: #794d9a;
117) border: 1px solid #794d9a;
118) -webkit-transition: none;
119) -o-transition: none;
120) transition: none;
121) }
122)
123) html {
124) position: relative;
125) min-height: 100%;
126) }
127) #navbar {
128) margin-top: 28px;
129) }
130) .logo{
131) width: 120px;
132) }
133) .donation{
134) text-align: center;
135) margin-bottom: 125px;
136) }
137) .main-text{
138) margin-top: 50px;
139) }
140) .nav > li > a:hover, .nav > li > a:focus {
141) text-decoration: none;
142) border-bottom: 3px solid #794d9a;
143) }
144) .donate-section{
145) margin-top: 50px;
146) margin-bottom: 30px;
147) }
148) .no-padding{
149) padding: 0;
150) }
151) .half-opacity{
152) opacity: 0.5;
153) }
154) .combined-input{
155) margin: 0 15px 35px 15px;
156) }
157) .left.btn-lg, .btn-group-lg > .btn{
158) border-top-right-radius: 0;
159) border-bottom-right-radius: 0;
160) }
161) .right.btn-lg, .btn-group-lg > .btn{
162) border-top-left-radius: 0;
163) border-bottom-left-radius: 0;
164) }
165) .right{
166) border-left-width: 0px !important;
167) }
|
|
donatehead updates:
Nima Fatemi authored 8 years ago
|
171) .choiceLabel{
172) cursor: pointer !important;
173) margin: 0px !important;
174) width: 100%;
175) height: 100%;
176) font-weight: normal;
177) }
178) .combined-input > .btn-lg,
179) .combined-input > .btn {
180) padding: 0;
181) min-height: 44px;
182) line-height: 44px;
183) }
184)
185) input[type=number]::-webkit-inner-spin-button,
186) input[type=number]::-webkit-outer-spin-button {
187) -webkit-appearance: none;
188) margin: 0;
189) }
190) input[type=number] {
191) -moz-appearance: textfield;
192) }
193) .error-msg{
194) color: red;
195) display: none;
196) }
197) .quote-section{
198) background-color:#663987;
199) padding: 20px 0;
200) }
201) .champion{
202) width: 100%;
203) }
204) .source-quote{
205) margin-top: 30px;
206) color: white;
207) }
208) blockquote {
209) text-align: justify;
210) display: block;
211) padding: 5px 0px 5px 45px;
212) margin: 20px 0 0 0;
213) position: relative;
214) font-size: 20px;
215) border-left: 5px solid #794d9a;
216) color: #ffffff;
217) }
218) blockquote::before {
219) content: "\201C";
220) position: absolute;
221) left: 10px;
222) top: -20px;
223) font-size: 80px;
224) }
225) blockquote footer{
226) color: rgb(240,240,240);
227) }
228) footer.footer{
229) margin-top: 20px;
230) position: absolute;
231) bottom: 0;
232) width: 100%;
233) /* Set the height of the footer here */
234) /*height: 65px;*/
235) padding-top: 20px;
236) padding-bottom: 10px;
237) background-color: #f5f5f5;
238) }
|
|
make donate button green
Nima Fatemi authored 8 years ago
|
239) .donate-button {
240) background-color: #5CA462;
241) border-color: #47A24E;
242) }
243) .donate-button:hover{
244) background-color: #2F8E38;
245) border-color: #47A24E;
246) }
247) .donate-button:focus{
248) background-color: #2F8E38;
249) border-color: #47A24E;
250) }
251) .donate-button:active{
252) background-color: #2F8E38;
253) border-color: #47A24E;
254) }
255) .donate-button:active:hover{
256) background-color: #2F8E38;
257) border-color: #47A24E;
258) }
|
|
donatehead updates:
Nima Fatemi authored 8 years ago
|
259) @media (max-width: 991px) {
260) blockquote {
261) margin: 30px 0 0 0;
262) font-size: 18px;
263) }
264) .champion{
265) width: 140px;
266) }
267) .source-quote{
268) margin-top: 20px;
269) }
270) }
271) @media (max-width: 767px) {
272) .main-text{
273) font-size: 28px;
274) }
275) blockquote {
276) margin: 2% 0 0 0;
277) font-size: 16px;
278) border: none;
279) }
280) .img-section{
281) width: 20%;
282) float: left;
283) }
284) blockquote::before {
285) display: none;
286) }
287)
288) }
289) @media (max-width: 659px) {
290) .main-text{
291) font-size: 26px;
292) }
293) blockquote {
294) font-size: 17px;
295) margin: 0;
296) }
297) .img-section{
298) width: 30%;
299) }
300) .champion{
301) width: 100%;
302) }
303) }
304) @media (max-width: 549px) {
305) .main-text{
306) font-size: 24px;
307) }
308) blockquote {
309) font-size: 15px;
310) }
311) }
312) @media (max-width: 449px) {
313) .main-text{
314) font-size: 22px;
315) }
316) blockquote {
317) font-size: 14px;
318) padding: 0;
319) }
320)
321) }
322)
323) @media (max-width: 399px) {
324) .logo {
325) text-align: center;
326) width: 25%;
327) float: none;
328) }
329) .navbar-header{
330) width: 100%;
331) text-align: center;
332) }
333) .navbar-brand > img {
334) display: initial;
335) }
336) .navbar-brand {
337) float: initial;
338) }
339) .container > .navbar-header,
340) .container-fluid > .navbar-header,
341) .container > .navbar-collapse,
342) .container-fluid > .navbar-collapse {
343) margin-right: 0;
344) margin-left: 0;
345) }
346) .navbar-nav.navbar-right:last-child {
347) margin-right: 0 !important;
348) }
349) #navbar{
350) width: 100%;
351) margin: 0;
352) height: 53px;
353) }
354) #navbar > li {
355) width: 33.3%;
356) text-align: center;
357) }
358) .main-text{
359) font-size: 20px;
360) }
361) #donate > .btn-group > .col-xs-6 {
362) width: 100%;
363) }
364) blockquote {
365) font-size: 14px;
366) padding: 0;
367) }
368) .img-section{
369) width: 35%;
370) }
371) footer.footer {
372) margin-top: 10px;
373) margin-bottom: 0px;
374) }
375) footer.footer > p {
376) font-size: 12px;
377) }
378)
|
donatehead updates:
remove the box-shadow of ot...