X-Git-Url: https://www.nos-oignons.net/gitweb/website.git/blobdiff_plain/975748f29d41a0054d5c4fbd35cb8ea72cec3854..bc95cb41a9fadd7a63d9ce7497a6b39fc822d567:/local.css diff --git a/local.css b/local.css deleted file mode 100644 index da1f3e2..0000000 --- a/local.css +++ /dev/null @@ -1,746 +0,0 @@ -/* vim: set ts=4 sts=4 sw=4 isk+=-,. fen fcl=all fdm=marker fmr={{{,}}} fml=2 : */ - -@font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 400; - src: local('Open Sans'), local('OpenSans'), url(assets/OpenSans/OpenSans.ttf) format('truetype'); -} -@font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 700; - src: local('Open Sans Bold'), local('OpenSans-Bold'), url(assets/OpenSans/OpenSans-Bold.ttf) format('truetype'); -} -@font-face { - font-family: 'Open Sans'; - font-style: italic; - font-weight: 400; - src: local('Open Sans Italic'), local('OpenSans-Italic'), url(assets/OpenSans/OpenSans-Italic.ttf) format('truetype'); -} -@font-face { - font-family: 'Open Sans'; - font-style: italic; - font-weight: 700; - src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(assets/OpenSans/OpenSans-BoldItalic.ttf) format('truetype'); -} -@font-face { - font-family: 'Inconsolata'; - font-style: normal; - font-weight: 400; - src: local('Inconsolata'), local('Inconsolata-Regular'), url(assets/Inconsolata/Inconsolata.otf) format('opentype'); -} - -/* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ -/* apply a natural box layout model to all elements, but allowing components to change */ -html { - box-sizing: border-box; -} -*, *:before, *:after { - box-sizing: inherit; -} - -img, -table { - max-width: 100%; - height: auto; -} - - -html { - /*overflow: auto;*/ -} - -body { - margin: 0; - padding: 0; - font-family: "Open Sans", sans-serif; - color: #111; - background: #fff url(assets/tile.png) fixed; -} - -code, -pre { - font-family: "Inconsolata", monospace; - font-size-adjust: 0.535; -} - -dt { - font-weight: bold; -} - -thead td { - text-decoration: underline; -} - - -.body-wrapper { - max-width: 70em; - margin: 0 auto 0 auto; - box-shadow: 0 0 0.2em 0 #333366; - background: white; -} -@media screen and (min-width: 45em) { - .menu, - .main { - display: table-cell; - vertical-align: top; - } - .menu { - width: 20%; - max-width: 15em; - min-width: 11em; - } - .main { - } -} - - -.body-wrapper > header { - padding: 1em 0; - border-bottom: solid 1px #ccc; -} -@media screen and (min-width: 390px) { - .body-wrapper > header { - background: url("assets/filet.png") no-repeat scroll 99% 105px #FFF; - } -} - - -#logo { - display: block; - width: 394px; /* same as .pageheader .header:margin-left */ - height: 104px; - max-width: 100%; - background: url(assets/logo-nos-oignons-blanc.png) no-repeat top left; - background-size: 100%; -} -@media screen and (max-width: 390px) { - #logo { - background-image: url(assets/logo-nos-oignons-blanc-small.png); - background-position: left center; - height: 100px; - } -} - -#logo span { - display: none; -} - -/* {{{ .actions */ -.actions { - font-size: 0.8em; - text-align: right; -} -.actions ul { - margin: 0; - padding: 0.5em; - height: auto; - list-style-type: none; -} - -.breadcrumb, -.breadcrumb a { - text-decoration: none; - color: #b3b3b3; -} -.breadcrumb a:first-child {display: none;} -.breadcrumb a:hover { - text-decoration: none; - color: #57075f; -} -.breadcrumb a + a:before { - content:"▸"; - display: inline-block; - vertical-align: top; - margin: -1px 0.5em 0; - color: #b3b3b3; -} -.breadcrumb a + a:hover:before {} - -/* .actions }}} */ -/* {{{ #otherlanguages */ -#otherlanguages { - float: right; - font-size: 0.9em; -} -.translationstatus, -.langstatus {display: none;} -@media screen and (max-width: 400px) { -#otherlanguages {float: none;} -} -#otherlanguages, -#otherlanguages a { - color: #b3b3b3; - /*background: white;*/ -} -#otherlanguages a:hover { - color: #57075f; -} - -#otherlanguages ul { - padding: 0; - margin: 0; - list-style: none; -} -#otherlanguages ul li { - /*margin-left: 1em;*/ -} -#otherlanguages .langstatus { - /*display: none;*/ -} - - -main { - background: white url(assets/background.png) no-repeat bottom center; - background-size: 50%; - color: #111; -} - - -.menu { - padding: 1em 0; - border: none; - background: #f5f5f5; -} -@media screen and (max-width: 45em) { - .menu { - border-bottom: solid 1px #ccc; - } -} - -.menu ul { - margin: 0; -} - -.menu ul { - padding: 0; - list-style: none; - background: transparent; -} - -.menu li { - text-align: left; -} - -.menu ul li .selflink { - color: #57075f; - font-weight: bold; -} - -.menu ul li > span, -.menu ul li > a { - display: block; - padding: 0.3em 0.5em; - text-decoration: none; - border: 1px solid #f5f5f5; - color: #a756af; - background: transparent; - font-weight: normal; - font-size: 1em; -} - - -.menu a:hover { - color: #57075f; - background: #eeeeee; - text-decoration: none; -} - -.menu select { - margin: 0.5em 2%; - width: 94%; - max-width: 94%; - background: #fff; - border: 1px solid #ccc; - color: #57075F; - font-size: 1.2em; - display: none; -} - -@media screen and (max-width: 45em) { - .js .menu ul {display: none;} - .js .menu select {display: block;} -} - - -main { - padding: 1em; -} - -main a { - color: #57075f; - text-decoration: underline; -} - -main a:hover { - text-decoration: underline; -} - -main p { - margin: 1em 0 1em 0; -} -main li p { - margin-top: 0; -} - -main hr { - border: none; - border-bottom: dotted 2px #bbbbbb; - margin: 2em auto; -} - -main h1 { - font-size: 1.8em; - font-weight: bold; - /*text-shadow: 2px 2px 1px #444;*/ - color: #57075F; -} -main h1.title { - margin-top: 0em; - font-size: 2em; - color: #ffa430; -} - -main h2 { - /*color: #ffa430*/ - color: #57075F; -} -main h3 { - color: #57075F; -} - -main h2, -main .header { - font-size: 1.4em; - font-weight: bold; -} - -main h2 + p { - margin-top: 0.75em; -} - -main h3 { - font-size: 1.2em; - font-weight: bold; - margin-bottom: 0; - padding-bottom: 0; -} - -main h3 + p { - margin-top: 0.5em; -} -h2 sup, -h3 sup { - font-weight: normal; -} - -main blockquote { - border-left: 2px solid #A756AF; - margin: 0.5em 0; - padding: 0.5em 0 0.5em 1em; -} -main blockquote p {margin: 0;} -main blockquote p + p {margin-top: 1em;} - - -main table { - border-top: solid 1px #aaa; - border-bottom: solid 1px #aaa; - border-collapse: collapse; -} - -main table th { - background: #fafafa; - padding: 0.1em 0.5em; - border-bottom: solid 1px #aaaaaa; - color: #555555; -} - -main table td { - padding: 0.1em 0.5em; - border-top: solid 1px #ccc; -} - -main .header a { - text-decoration: none; -} - -main .feedlink a { - text-decoration: none; - /*color: #ffa430;*/ -} - -main .feedlink { - float: right; - text-align: left; - margin-top: -3.5em; -} -@media screen and (max-width: 400px) { - main .feedlink { - float: none; - margin-top: -2em; - margin-bottom: 2em; - } -} -main .feedlink .feedbutton { - font-size: 0.8em; - background: transparent; - border: none; -} -main .feedlink .feedbutton:hover { - background: transparent; - text-decoration: underline; -} - -main .footnotes { - font-size: 0.8em; -} - -.half-section { - display: inline-block; - vertical-align: top; - width: 49.5%; -} - -/* main }}} */ - - -.graph { - display: inline-block; - vertical-align: top; - width: 45%; - margin: 1em 1%; - min-width: 20em; - text-align: center; -} - -#bandwidth, #weights {text-align: center;} -#bandwidth svg, #weights svg {text-align: left;} - -/* Tor nodes table */ -.tor-nodes {} -.tor-nodes th { - text-align: left; -} - - - -.donation-cb { - display: inline-block; - vertical-align: top; - width:45%; - padding-right: 4%; - min-width: 20em; -} - -/* Paypal donation forms */ -// .paypal-donation { -// display: inline-block; -// vertical-align: top; -// width:45%; -// padding-right: 4%; -// min-width: 20em; -// } -.paypal-donation h5 { - margin: 0 0 0.5em 0; -} -.paypal-donation select { - display: inline-block; - vertical-align: top; - margin-right: 1em; - min-height:26px; - height:26px; - background-color: #fff; - border: 1px solid #57075F; -} -.paypal-donation .cancel { - font-size: small; -} - -.donation-other { - display: inline-block; - vertical-align: top; - width:45%; - padding-right: 4%; - min-width: 20em; -} - - -/* Progress bar */ -.progress-bar-wrapper { - margin: 2em auto; - height: 85px; - width: 600px; - background: url(assets/progress_bar.png) top left repeat-x; - border: 1px solid #ccc; - border-bottom: 0; - position: relative; -} - .progress-bar-wrapper .progress-bar { - position: absolute; - height: 85px; - background: url(assets/progress_bar.png) left -85px repeat-x; - z-index: 2; - /* animate progress bar */ - -webkit-animation: progress-bar 1.5s; - -moz-animation: progress-bar 1.5s; - animation: progress-bar 1.5s; - } - .progress-bar-wrapper .progress-bar-promises { - background-position: left bottom; - z-index: 1; - } - - /* progress bar animation*/ - @-webkit-keyframes progress-bar { 0% { width: 0; } } - @-moz-keyframes progress-bar { 0% { width: 0; } } - keyframes progress-bar { 0% { width: 0; } } - - /* Current amount */ - .progress-bar-wrapper .progress-bar:after { - content: attr(data-current); - display: block; - position: absolute; - top: -22px; - right: 0; - background: #fff; - color: #ccc; - font-size: 0.9em; - } - /* Promises amount */ - .progress-bar-wrapper .progress-bar-promises:after { - } - - /* Temperature bar */ - .progress-bar-wrapper:before { - content: " "; - display: block; - position: absolute; - z-index: 3; - bottom: -5px; - left: -1px; - height: 5px; - width: 100%; - border: 1px solid #ccc; - border-top: 0; - background: -moz-linear-gradient(left, #ff0000 0%, #66ff00 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(100%,#66ff00)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(left, #ff0000 0%,#66ff00 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(left, #ff0000 0%,#66ff00 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(left, #ff0000 0%,#66ff00 100%); /* IE10+ */ - background: linear-gradient(to right, #ff0000 0%,#66ff00 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#66ff00',GradientType=1 ); /* IE6-9 */ - } - - /* Annual budget */ - .progress-bar-wrapper:after { - content: attr(data-total); - display: block; - position: absolute; - top: -22px; - right: 0; - background: #fff; - color: #ccc; - font-size: 0.9em; - } - - - -/* FDN Form */ -.fdn-form {} - .fdn-form select, - .fdn-form input { - display: inline-block; - vertical-align: top; - margin-right: 1em; - height: 26px; - } - .fdn-form #custom-amount { - display:none; - height: 22px; - } - - -/* Paymium Bitcoin */ -.paymium-btns {padding-left: 0;} -.paymium-btns li { - list-style: none; - display: inline-block; - margin: 0 0.5em 0.5em 0; -} - -.paymium-btn { - display: inline-block; - min-width: 10em; - padding: 4px 44px 4px 10px; - padding-right: 44px; - background: #4d7b99 url(assets/paymium_btc.png) right center no-repeat; - border-radius: 4px; - text-align: center; - color: #fff; - text-decoration: none; - font-weight: bold; -} -.paymium-btn:hover{ - background-color:#5081a0; - text-decoration: none; -} -/* override over weighted selector*/ -#content .paymium-btn {color: #fff;text-decoration: none;} -#content .paymium-btn:hover {color: #fff;text-decoration: none;} - - -/* {{{ .inlinepage */ - -.inlinepage { - padding: 0; - border: none; - margin-bottom: 1em; -} - -.inlinepage .header { - border-bottom: solid #ccc 1px; -} - -.inlinepage .inlineheader .pagedate { - margin-top: 0; - font-size: 0.8em; - font-style: normal; - color: #666; -} - -/* .inlinepage }}} */ - -/* {{{ #footer */ -#footer { - margin: 0; - padding: 0.5em 0; - text-align: center; - color: white; - background: #57075f; - font-size: 0.85em; -} -@media screen and (max-width: 45em) { - #footer { - text-align: left; - padding: 0.5em 1em; - font-size: 0.8em; - } -} -@media screen and (max-width: 480px) { - #footer .pagecopyright span { - display: block; - } -} - -#footer > div { - margin-top: 1em; -} - - -#footer a { - color: white; - text-decoration: none; -} - -#footer a:hover { - text-decoration: underline; -} - -#backlinks { - font-size: 0.8em; - margin-top: 0; -} - -#footer #pageinfo div { - font-size: 0.8em; - margin-top: 0; - margin-bottom: 0; -} -/* #footer }}} */ - -/* {{{ @media print */ -@media print { - .menu, - .actions, - .feedlink, - #backlinks, - #otherlanguages { - display: none; - } - - #footer, - #footer #pageinfo, - .page, - .pageheader, - #pagebody { - margin: 0; - padding: 0; - border: none; - box-shadow: none; - } - - .page, - .pageheader { - border-radius: 0; - } - - .pageheader { - position: static; - height: auto; - } - - .pageheader .header { - margin-left: 0; - padding-top: 2em; - padding-bottom: 1em; - } - - .pageheader .header > span, - .parentlinks .parentlinksep { - display: inline; - height: auto; - } - - .pageheader a, - .pageheader .parentlinks a { - color: #111; - } - - .pageheader, - .parentlinks a, - .parentlinks .parentlinksep + a + .parentlinksep + a { - background: none; - } - - .pageheader .parentlinks { - display: inline; - } - - .pageheader .title, - .parentlinks > a { - position: static; - } - - .parentlinks > a span { - display: inline; - } - - main h1 { - color: #111; - text-shadow: none; - border-bottom: solid #ccc 1px; - } - - main a:link:after, - main a:visited:after { - content:" [" attr(href) "] "; - } - - #footer { - margin-top: 2em; - text-align: left; - } -} -/* @media print }}} */