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