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 {
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) 	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 #785291;

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) }

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

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

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 #785291;

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) }

239) .donate-button {

240) 	background-color: #4FAB76;
241) 	border-color: #47996A;
242) }
243) .donate-button:hover,
244) .donate-button:focus,
245) .donate-button:active,
246) .donate-button:active:hover,
247) .donate-button:active:focus{
248) 	background-color: #47996A;
249) 	border-color: #47996A; 

250) }

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)