1 /* vim: set ts=4 sts=4 sw=4 isk+=-,. fen fcl=all fdm=marker fmr={{{,}}} fml=2 : */
4 font-family: 'Open Sans';
7 src: local('Open Sans'), local('OpenSans'), url(assets/OpenSans/OpenSans.ttf) format('truetype');
10 font-family: 'Open Sans';
13 src: local('Open Sans Bold'), local('OpenSans-Bold'), url(assets/OpenSans/OpenSans-Bold.ttf) format('truetype');
16 font-family: 'Open Sans';
19 src: local('Open Sans Italic'), local('OpenSans-Italic'), url(assets/OpenSans/OpenSans-Italic.ttf) format('truetype');
22 font-family: 'Open Sans';
25 src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(assets/OpenSans/OpenSans-BoldItalic.ttf) format('truetype');
28 font-family: 'Inconsolata';
31 src: local('Inconsolata'), local('Inconsolata-Regular'), url(assets/Inconsolata/Inconsolata.otf) format('opentype');
34 /* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
35 /* apply a natural box layout model to all elements, but allowing components to change */
37 box-sizing: border-box;
39 *, *:before, *:after {
57 font-family: "Open Sans", sans-serif;
59 background: #fff url(assets/tile.png) fixed;
64 font-family: "Inconsolata", monospace;
65 font-size-adjust: 0.535;
73 text-decoration: underline;
79 margin: 0 auto 0 auto;
80 box-shadow: 0 0 0.2em 0 #333366;
83 @media screen and (min-width: 45em) {
99 .body-wrapper > header {
101 border-bottom: solid 1px #ccc;
103 @media screen and (min-width: 390px) {
104 .body-wrapper > header {
105 background: url("assets/filet.png") no-repeat scroll 99% 105px #FFF;
112 width: 394px; /* same as .pageheader .header:margin-left */
115 background: url(assets/logo-nos-oignons-blanc.png) no-repeat top left;
116 background-size: 100%;
132 list-style-type: none;
137 text-decoration: none;
140 .breadcrumb a:first-child {display: none;}
141 .breadcrumb a:hover {
142 text-decoration: none;
145 .breadcrumb a + a:before {
147 display: inline-block;
149 margin: -1px 0.5em 0;
152 .breadcrumb a + a:hover:before {}
155 /* {{{ #otherlanguages */
161 .langstatus {display: none;}
162 @media screen and (max-width: 400px) {
163 #otherlanguages {float: none;}
168 /*background: white;*/
170 #otherlanguages a:hover {
179 #otherlanguages ul li {
180 /*margin-left: 1em;*/
182 #otherlanguages .langstatus {
188 background: white url(assets/background.png) no-repeat bottom center;
189 background-size: 50%;
199 @media screen and (max-width: 45em) {
201 border-bottom: solid 1px #ccc;
212 background: transparent;
219 .menu ul li .selflink {
227 padding: 0.3em 0.5em;
228 text-decoration: none;
229 border: 1px solid #f5f5f5;
231 background: transparent;
240 text-decoration: none;
248 border: 1px solid #ccc;
254 @media screen and (max-width: 45em) {
255 .js .menu ul {display: none;}
256 .js .menu select {display: block;}
266 text-decoration: underline;
270 text-decoration: underline;
279 border-bottom: dotted 2px #bbbbbb;
286 /*text-shadow: 2px 2px 1px #444;*/
329 border-left: 2px solid #A756AF;
331 padding: 0.5em 0 0.5em 1em;
333 main blockquote p {margin: 0;}
334 main blockquote p + p {margin-top: 1em;}
338 border-top: solid 1px #aaa;
339 border-bottom: solid 1px #aaa;
340 border-collapse: collapse;
345 padding: 0.1em 0.5em;
346 border-bottom: solid 1px #aaaaaa;
351 padding: 0.1em 0.5em;
352 border-top: solid 1px #ccc;
356 text-decoration: none;
360 text-decoration: none;
369 @media screen and (max-width: 400px) {
376 main .feedlink .feedbutton {
378 background: transparent;
381 main .feedlink .feedbutton:hover {
382 background: transparent;
383 text-decoration: underline;
391 display: inline-block;
400 display: inline-block;
408 #bandwidth {text-align: center;}
409 #bandwidth svg {text-align: left;}
411 /* Tor nodes table */
418 /* Paypal donation forms */
420 display: inline-block;
426 .paypal-donation h4 {
429 .paypal-donation select {
430 display: inline-block;
435 .paypal-donation .cancel {
441 .progress-bar-wrapper {
445 background: lightGrey url(assets/progress_bar.png) top left repeat-x;
446 border: 1px solid #ccc;
450 .progress-bar-wrapper .progress-bar {
453 background: grey url(assets/progress_bar.png) left -85px repeat-x;
455 /* animate progress bar */
456 -webkit-animation: progress-bar 1.5s;
457 -moz-animation: progress-bar 1.5s;
458 animation: progress-bar 1.5s;
460 .progress-bar-wrapper .progress-bar-promises {
461 background-position: left bottom;
465 /* progress bar animation*/
466 @-webkit-keyframes progress-bar { 0% { width: 0; } }
467 @-moz-keyframes progress-bar { 0% { width: 0; } }
468 keyframes progress-bar { 0% { width: 0; } }
471 .progress-bar-wrapper .progress-bar:after {
472 content: attr(data-current);
481 /* Promises amount */
482 .progress-bar-wrapper .progress-bar-promises:after {
485 /* Temperature bar */
486 .progress-bar-wrapper:before {
495 border: 1px solid #ccc;
497 background: -moz-linear-gradient(left, #ff0000 0%, #66ff00 100%); /* FF3.6+ */
498 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(100%,#66ff00)); /* Chrome,Safari4+ */
499 background: -webkit-linear-gradient(left, #ff0000 0%,#66ff00 100%); /* Chrome10+,Safari5.1+ */
500 background: -o-linear-gradient(left, #ff0000 0%,#66ff00 100%); /* Opera 11.10+ */
501 background: -ms-linear-gradient(left, #ff0000 0%,#66ff00 100%); /* IE10+ */
502 background: linear-gradient(to right, #ff0000 0%,#66ff00 100%); /* W3C */
503 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#66ff00',GradientType=1 ); /* IE6-9 */
507 .progress-bar-wrapper:after {
508 content: attr(data-total);
524 display: inline-block;
529 .fdn-form #custom-amount {
535 /* Paymium Bitcoin */
536 .paymium-btns {padding-left: 0;}
539 display: inline-block;
540 margin: 0 0.5em 0.5em 0;
544 display: inline-block;
546 padding: 4px 44px 4px 10px;
548 background: #4d7b99 url(assets/paymium_btc.png) right center no-repeat;
552 text-decoration: none;
556 background-color:#5081a0;
557 text-decoration: none;
559 /* override over weighted selector*/
560 #content .paymium-btn {color: #fff;text-decoration: none;}
561 #content .paymium-btn:hover {color: #fff;text-decoration: none;}
564 /* {{{ .inlinepage */
572 .inlinepage .header {
573 border-bottom: solid #ccc 1px;
576 .inlinepage .inlineheader .pagedate {
583 /* .inlinepage }}} */
594 @media screen and (max-width: 45em) {
601 @media screen and (max-width: 480px) {
602 #footer .pagecopyright span {
614 text-decoration: none;
618 text-decoration: underline;
626 #footer #pageinfo div {
633 /* {{{ @media print */
664 .pageheader .header {
670 .pageheader .header > span,
671 .parentlinks .parentlinksep {
677 .pageheader .parentlinks a {
683 .parentlinks .parentlinksep + a + .parentlinksep + a {
687 .pageheader .parentlinks {
696 .parentlinks > a span {
703 border-bottom: solid #ccc 1px;
707 main a:visited:after {
708 content:" [" attr(href) "] ";
716 /* @media print }}} */