tor-webwml.git

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) 	position: absolute;
224)     bottom: 0;
225)     width: 100%;
226)     /* Set the height of the footer here */
227)     /*height: 65px;*/
228)     padding-top: 20px;
229)     padding-bottom: 10px;
230)     background-color: #f5f5f5;
231) }

232) .donate-button {
233) 	background-color: #5CA462;
234) 	border-color: #47A24E;
235) }
236) .donate-button:hover{
237) 	background-color: #2F8E38;
238) 	border-color: #47A24E; 
239) }
240) .donate-button:focus{
241) 	background-color: #2F8E38;
242) 	border-color: #47A24E; 
243) }
244) .donate-button:active{
245) 	background-color: #2F8E38;
246) 	border-color: #47A24E; 
247) }
248) .donate-button:active:hover{
249) 	background-color: #2F8E38;
250) 	border-color: #47A24E; 
251) }

252) @media (max-width: 991px) {
253) 	blockquote {
254) 		margin: 30px 0 0 0;
255) 		font-size: 18px;
256) 	}
257) 	.champion{
258) 		width: 140px;
259) 	}
260) 	.source-quote{
261) 		margin-top: 20px;
262) 	}
263) }
264) @media (max-width: 767px)  {
265) 	.main-text{
266) 		font-size: 28px;
267) 	}
268) 	blockquote {
269) 		margin: 2% 0 0 0;
270) 		font-size: 16px;
271) 		border: none;
272) 	}
273) 	.img-section{
274) 		width: 20%;
275) 		float: left;
276) 	}
277) 	blockquote::before {
278) 		display: none;
279) 	}
280) 
281) }
282) @media (max-width: 659px)  {
283) 	.main-text{
284) 		font-size: 26px;
285) 	}
286) 	blockquote {
287) 		font-size: 17px;
288) 		margin: 0;
289) 	}
290) 	.img-section{
291) 		width: 30%;
292) 	}
293) 	.champion{
294) 		width: 100%;
295) 	}
296) }
297) @media (max-width: 549px)  {
298) 	.main-text{
299) 		font-size: 24px;
300) 	}
301) 	blockquote {
302) 		font-size: 15px;
303) 	}
304) }
305) @media (max-width: 449px)  {
306) 	.main-text{
307) 		font-size: 22px;
308) 	}
309) 	blockquote {
310) 		font-size: 14px;
311) 		padding: 0;
312) 	}
313) 
314) }
315) 
316) @media (max-width: 399px)  {
317) 	.logo {
318) 	    text-align: center;
319) 	    width: 25%;
320) 	    float: none;
321) 	}
322) 	.navbar-header{
323) 		width: 100%;
324) 	    text-align: center;	
325) 	}
326) 	.navbar-brand > img {
327)     	display: initial;
328) 	}
329) 	.navbar-brand {
330)     	float: initial;
331) 	}
332) 	.container > .navbar-header,
333) 	.container-fluid > .navbar-header,
334) 	.container > .navbar-collapse,
335) 		.container-fluid > .navbar-collapse {
336) 	    margin-right: 0;
337) 	    margin-left: 0;
338) 	}
339) 	.navbar-nav.navbar-right:last-child {
340) 	    margin-right: 0 !important;
341) 	}
342) 	#navbar{
343) 		width: 100%;
344) 		margin: 0;
345) 		height: 53px;
346) 	}
347) 	#navbar > li {
348) 	    width: 33.3%;
349) 	    text-align: center;
350) 	}
351) 	.main-text{
352) 		font-size: 20px;
353) 	}
354) 	#donate > .btn-group > .col-xs-6 {
355)     width: 100%;
356) 	}
357) 	blockquote {
358) 		font-size: 14px;
359) 		padding: 0;
360) 	}
361) 	.img-section{
362) 		width: 35%;
363) 	}
364) 	footer.footer {
365) 	    margin-top: 10px;
366) 	    margin-bottom: 0px;
367) 	}
368) 	footer.footer > p {
369) 	    font-size: 12px;
370) 	}
371)