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)     height: 81px;

132)     width: auto;

133) }
134) .donation{
135) 	text-align: center;
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 #785291;

143) }
144) .donate-section{
145) 	margin-top: 50px;
146) 	margin-bottom: 30px;
147) }
148) .no-padding{
149) 	padding: 0;

150) 	margin-bottom: 20px;

151) }
152) .half-opacity{
153) 	opacity: 0.5;
154) }
155) .combined-input{
156) 	margin: 0 15px 35px 15px;
157) }
158) .left.btn-lg, .btn-group-lg > .btn{
159)     border-top-right-radius: 0;
160)     border-bottom-right-radius: 0;
161) }
162) .right.btn-lg, .btn-group-lg > .btn{
163)     border-top-left-radius: 0;
164)     border-bottom-left-radius: 0;
165) }
166) .right{
167)     border-left-width: 0px !important;
168) }

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

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

198) #donate > .btn-group {
199)     margin-bottom: 30px;
200) }

201) .quote-section{

202) 	background-color:#67467D;

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

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

220)     color: #ffffff;
221) }
222) blockquote::before {
223) 	content: "\201C";
224) 	position: absolute;
225) 	left: 10px;
226) 	top: -20px;
227) 	font-size: 80px;
228) }
229) blockquote footer{
230) 	color: rgb(240,240,240);
231) }

232) .donate-button {
233) 	background-color: #4FAB76;
234) 	border-color: #47996A;
235) }
236) .donate-button:hover,
237) .donate-button:focus,
238) .donate-button:active,
239) .donate-button:active:hover,
240) .donate-button:active:focus{
241) 	background-color: #47996A;
242) 	border-color: #47996A; 
243) }

244) #other-ways-section{
245) 	display: none;
246) }

247) #other-ways-section > .container-fluid{
248) 	padding: 0;
249) }
250) .hundred.toptwenty{
251) 	text-align: justify;
252) 	margin-top: 0;
253) }
254) .row-eqheight{
255)     overflow: hidden; 
256)     padding-bottom: 20px
257) }
258) .row-eqheight > [class*="col-"]{
259)     margin-bottom: -99999px;
260)     padding-bottom: 99999px;
261) }

262) .other-ways-title{
263) 	margin: 10px 0;
264) }
265) .other-ways-title > h3{
266) 	display: inline;
267) }
268) .other-ways-icon{
269) 	background: transparent;
270) 	margin-top: -10px;
271) 	margin-right: 5px;

272) 	border:0;

273) }

274) .bitcoin{
275) 	padding-top: 10px;
276) 	padding-left: 30px;
277) 	padding-right: 30px;
278) }
279) #bitpayDonation > .well > .form-group {
280)     margin-right: 0;
281)     margin-left: 0;
282) }
283) #bitpayDonation > .well {
284) 	box-shadow: none;
285) 	border-radius: 7px;
286) 	margin-bottom: 0;
287) }
288) .check-eutransfer{

289) 	padding-top: 10px;

290) 	padding-left: 30px;
291) 	padding-right: 30px;

292) 	border-left: 1px dashed #e3e3e3;

293) }
294) .minor-other-ways{
295) 	background-color: #FAFAFA;

296) }
297) .even-more{
298) 	padding: 25px 0;
299) 	background-color: #FAFAFA;
300) }
301) .other-ways-img{
302) 	width: 100%;

303) 	max-width: 160px;

304) }
305) .img-thumbnail.other-ways-img {
306) 	padding: 1px;
307) 	transition: none 0s ease 0s;
308) 	border: 2px solid rgb(221, 221, 221);
309) }
310) .get-in-touch{
311) 	background-color: #35734F;
312) 	color: #fff;
313) }
314) .title {
315)     min-height: 80px;
316)     margin-top: 20px;
317)     margin-bottom: 20px;
318)     border-right: 3px solid #3D855B;
319)     padding-top: 25px;
320) }
321) .detail {
322)     margin-bottom: 0px;
323)     margin-top: 50px;
324) }

325) footer.footer{
326)     width: 100%;
327)     /* Set the height of the footer here */
328)     /*height: 65px;*/
329)     padding-top: 20px;
330)     padding-bottom: 10px;
331)     background-color: #f5f5f5;
332) }
333) @media (max-width: 991px) {
334) 	blockquote {

335) 		margin: 5px 0 0 0;

336) 		font-size: 18px;
337) 	}
338) 	.source-quote{
339) 		margin-top: 20px;
340) 	}
341) }
342) @media (max-width: 767px)  {
343) 	.main-text{
344) 		font-size: 28px;
345) 	}
346) 	blockquote {

347) 		margin: 0;

348) 		font-size: 16px;
349) 		border: none;
350) 	}
351) 	.img-section{
352) 		width: 20%;
353) 		float: left;
354) 	}
355) 	blockquote::before {
356) 		display: none;
357) 	}

358) 	.combined-input {
359) 	    margin: 0 15px 15px 15px;
360) 	}
361) 	#donate > .btn-group {
362) 	    margin-bottom: 15px;
363) 	}

364) 	.check-eutransfer{
365) 		border-left: none;
366) 		border-top: 1px dashed #e3e3e3;
367) 	}

368) 	#bitpayDonation > .well {
369) 	    margin-bottom: 30px;
370) 	}

371) 	.dsmall{
372) 		padding: 0 5%;
373) 	}

374) 	.title {
375) 	    min-height: auto;
376) 	    margin: 20px 8% 0;
377) 	    border-right: none;
378) 	    border-bottom: 2px solid #3D855B;
379) 	    padding: 0 0 10px;
380) 	}
381) 	.detail {
382) 	    margin: 10px 0 20px;
383) 	}

384) 
385) }
386) @media (max-width: 659px)  {
387) 	.main-text{
388) 		font-size: 26px;
389) 	}
390) 	blockquote {
391) 		font-size: 17px;
392) 		margin: 0;
393) 	}
394) 	.img-section{
395) 		width: 30%;
396) 	}
397) 	.champion{
398) 		width: 100%;
399) 	}
400) }
401) @media (max-width: 549px)  {
402) 	.main-text{
403) 		font-size: 24px;
404) 	}
405) 	blockquote {
406) 		font-size: 15px;
407) 	}
408) }
409) @media (max-width: 449px)  {
410) 	.main-text{
411) 		font-size: 22px;
412) 	}
413) 	blockquote {
414) 		font-size: 14px;
415) 		padding: 0;
416) 	}
417) 
418) }
419) 
420) @media (max-width: 399px)  {
421) 	.logo {
422) 	    text-align: center;

423) 	    height: 60px;

424) 	    float: none;
425) 	}
426) 	.navbar-header{
427) 		width: 100%;
428) 	    text-align: center;	
429) 	}
430) 	.navbar-brand > img {
431)     	display: initial;
432) 	}
433) 	.navbar-brand {
434)     	float: initial;
435) 	}
436) 	.container > .navbar-header,
437) 	.container-fluid > .navbar-header,
438) 	.container > .navbar-collapse,
439) 		.container-fluid > .navbar-collapse {
440) 	    margin-right: 0;
441) 	    margin-left: 0;
442) 	}
443) 	.navbar-nav.navbar-right:last-child {
444) 	    margin-right: 0 !important;
445) 	}
446) 	#navbar{
447) 		width: 100%;
448) 		margin: 0;
449) 		height: 53px;
450) 	}
451) 	#navbar > li {
452) 	    width: 33.3%;
453) 	    text-align: center;
454) 	}
455) 	.main-text{
456) 		font-size: 20px;
457) 	}
458) 	#donate > .btn-group > .col-xs-6 {
459)     width: 100%;
460) 	}
461) 	blockquote {
462) 		font-size: 14px;
463) 		padding: 0;
464) 	}
465) 	.img-section{
466) 		width: 35%;
467) 	}

468) 	.dsmall{
469) 		padding: 0 3%;
470) 	}

471) 	footer.footer {
472) 	    margin-bottom: 0px;
473) 	}
474) 	footer.footer > p {
475) 	    font-size: 12px;
476) 	}
477)