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 {
15) 	-webkit-box-shadow: none;
16)         	box-shadow: none;
17) }

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: #67467D;

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: #67467D;
73)     border-color: #67467D;

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.champion {

115)   padding: 1px;

116)   background-color: #785291;
117)   border: 1px solid #785291;

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) }
136) .main-text{
137) 	margin-top: 50px;
138) }
139) .nav > li > a:hover, .nav > li > a:focus {
140) 	text-decoration: none;

141) 	border-bottom: 3px solid #785291;

142) }
143) .donate-section{
144) 	margin-top: 50px;
145) 	margin-bottom: 30px;
146) }
147) .no-padding{
148) 	padding: 0;
149) }
150) .half-opacity{
151) 	opacity: 0.5;
152) }
153) .combined-input{
154) 	margin: 0 15px 35px 15px;
155) }
156) .left.btn-lg, .btn-group-lg > .btn{
157)     border-top-right-radius: 0;
158)     border-bottom-right-radius: 0;
159) }
160) .right.btn-lg, .btn-group-lg > .btn{
161)     border-top-left-radius: 0;
162)     border-bottom-left-radius: 0;
163) }
164) .right{
165)     border-left-width: 0px !important;
166) }

167) .left{
168)     border-right-width: 0px !important;
169) }

170) .choiceLabel{
171)     cursor: pointer !important;
172)     margin: 0px !important;
173)     width: 100%;
174)     height: 100%;
175)     font-weight: normal;
176) }
177) .combined-input > .btn-lg,
178) .combined-input > .btn {
179) 	padding: 0;
180) 	min-height: 44px;
181) 	line-height: 44px;
182) }
183) 
184) input[type=number]::-webkit-inner-spin-button,
185) input[type=number]::-webkit-outer-spin-button {
186) 	-webkit-appearance: none;
187) 	margin: 0;
188) }
189) input[type=number] {
190) 	-moz-appearance: textfield;
191) }
192) .error-msg{
193) 	color: red;
194) 	display: none;
195) }
196) .quote-section{

197) 	background-color:#67467D;

198) 	padding: 20px 0;
199) }
200) .champion{
201) 	width: 100%;
202) }
203) .source-quote{
204) 	margin-top: 30px;
205) 	color: white;
206) }
207) blockquote {
208) 	text-align: justify;
209) 	display: block;
210) 	padding: 5px 0px 5px 45px;
211) 	margin: 20px 0 0 0;
212) 	position: relative;
213) 	font-size: 20px;

214) 	border-left: 5px solid #785291;

215)     color: #ffffff;
216) }
217) blockquote::before {
218) 	content: "\201C";
219) 	position: absolute;
220) 	left: 10px;
221) 	top: -20px;
222) 	font-size: 80px;
223) }
224) blockquote footer{
225) 	color: rgb(240,240,240);
226) }

227) .donate-button {
228) 	background-color: #4FAB76;
229) 	border-color: #47996A;
230) }
231) .donate-button:hover,
232) .donate-button:focus,
233) .donate-button:active,
234) .donate-button:active:hover,
235) .donate-button:active:focus{
236) 	background-color: #47996A;
237) 	border-color: #47996A; 
238) }
239) #other-ways-section > .container-fluid{
240) 	padding: 0;
241) }
242) .hundred.toptwenty{
243) 	text-align: justify;
244) 	margin-top: 0;
245) }
246) .row-eqheight{
247)     overflow: hidden; 
248)     padding-bottom: 20px
249) }
250) .row-eqheight > [class*="col-"]{
251)     margin-bottom: -99999px;
252)     padding-bottom: 99999px;
253) }
254) .bitcoin{
255) 	padding-top: 10px;
256) 	padding-left: 30px;
257) 	padding-right: 30px;
258) 	background-color: #F6F6F6;
259) }
260) #bitpayDonation > .well > .form-group {
261)     margin-right: 0;
262)     margin-left: 0;
263) }
264) #bitpayDonation > .well {
265) 	box-shadow: none;
266) 	border-radius: 7px;
267) 	margin-bottom: 0;
268) }
269) .check-eutransfer{
270) 	padding-top: 20px;
271) 	padding-left: 30px;
272) 	padding-right: 30px;
273) 	background-color: #F0F0F0;
274) }
275) .even-more{
276) 	padding: 25px 0;
277) 	background-color: #FAFAFA;
278) }
279) .dsmall{
280) 	padding: 0 100px;
281) }
282) .other-ways-img{
283) 	width: 100%;
284) }
285) .img-thumbnail.other-ways-img {
286) 	padding: 1px;
287) 	transition: none 0s ease 0s;
288) 	border: 2px solid rgb(221, 221, 221);
289) }
290) .get-in-touch{
291) 	background-color: #35734F;
292) 	color: #fff;
293) }
294) .title {
295)     min-height: 80px;
296)     margin-top: 20px;
297)     margin-bottom: 20px;
298)     border-right: 3px solid #3D855B;
299)     padding-top: 25px;
300) }
301) .detail {
302)     margin-bottom: 0px;
303)     margin-top: 50px;
304) }

305) footer.footer{
306)     width: 100%;
307)     /* Set the height of the footer here */
308)     /*height: 65px;*/
309)     padding-top: 20px;
310)     padding-bottom: 10px;
311)     background-color: #f5f5f5;
312) }
313) @media (max-width: 991px) {
314) 	blockquote {
315) 		margin: 30px 0 0 0;
316) 		font-size: 18px;
317) 	}
318) 	.champion{
319) 		width: 140px;
320) 	}
321) 	.source-quote{
322) 		margin-top: 20px;
323) 	}
324) }
325) @media (max-width: 767px)  {
326) 	.main-text{
327) 		font-size: 28px;
328) 	}
329) 	blockquote {
330) 		margin: 2% 0 0 0;
331) 		font-size: 16px;
332) 		border: none;
333) 	}
334) 	.img-section{
335) 		width: 20%;
336) 		float: left;
337) 	}
338) 	blockquote::before {
339) 		display: none;
340) 	}
341) 
342) }
343) @media (max-width: 659px)  {
344) 	.main-text{
345) 		font-size: 26px;
346) 	}
347) 	blockquote {
348) 		font-size: 17px;
349) 		margin: 0;
350) 	}
351) 	.img-section{
352) 		width: 30%;
353) 	}
354) 	.champion{
355) 		width: 100%;
356) 	}
357) }
358) @media (max-width: 549px)  {
359) 	.main-text{
360) 		font-size: 24px;
361) 	}
362) 	blockquote {
363) 		font-size: 15px;
364) 	}
365) }
366) @media (max-width: 449px)  {
367) 	.main-text{
368) 		font-size: 22px;
369) 	}
370) 	blockquote {
371) 		font-size: 14px;
372) 		padding: 0;
373) 	}
374) 
375) }
376) 
377) @media (max-width: 399px)  {
378) 	.logo {
379) 	    text-align: center;
380) 	    width: 25%;
381) 	    float: none;
382) 	}
383) 	.navbar-header{
384) 		width: 100%;
385) 	    text-align: center;	
386) 	}
387) 	.navbar-brand > img {
388)     	display: initial;
389) 	}
390) 	.navbar-brand {
391)     	float: initial;
392) 	}
393) 	.container > .navbar-header,
394) 	.container-fluid > .navbar-header,
395) 	.container > .navbar-collapse,
396) 		.container-fluid > .navbar-collapse {
397) 	    margin-right: 0;
398) 	    margin-left: 0;
399) 	}
400) 	.navbar-nav.navbar-right:last-child {
401) 	    margin-right: 0 !important;
402) 	}
403) 	#navbar{
404) 		width: 100%;
405) 		margin: 0;
406) 		height: 53px;
407) 	}
408) 	#navbar > li {
409) 	    width: 33.3%;
410) 	    text-align: center;
411) 	}
412) 	.main-text{
413) 		font-size: 20px;
414) 	}
415) 	#donate > .btn-group > .col-xs-6 {
416)     width: 100%;
417) 	}
418) 	blockquote {
419) 		font-size: 14px;
420) 		padding: 0;
421) 	}
422) 	.img-section{
423) 		width: 35%;
424) 	}
425) 	footer.footer {
426) 	    margin-bottom: 0px;
427) 	}
428) 	footer.footer > p {
429) 	    font-size: 12px;
430) 	}
431)