X-Git-Url: https://nos-oignons.net/gitweb/website.git/blobdiff_plain/e5a3e3c0f4bffc546616d01ec86127462fad31f5..b531de212fe3712efead5379c1a958ad91d3138f:/local.css?ds=sidebyside diff --git a/local.css b/local.css index cefb2de..a7490dd 100644 --- a/local.css +++ b/local.css @@ -25,10 +25,10 @@ src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(assets/OpenSans/OpenSans-BoldItalic.ttf) format('truetype'); } @font-face { - font-family: 'Incosolata'; + font-family: 'Inconsolata'; font-style: normal; font-weight: 400; - src: local('Incosolata'), local('Inconsolata-Regular'), url(assets/Inconsolata/Inconsolata.otf) format('opentype'); + src: local('Inconsolata'), local('Inconsolata-Regular'), url(assets/Inconsolata/Inconsolata.otf) format('opentype'); } html { @@ -45,7 +45,16 @@ body { code, pre { - font-family: "Incosolata", monospace; + font-family: "Inconsolata", monospace; + font-size-adjust: 0.535; +} + +dt { + font-weight: bold; +} + +thead td { + text-decoration: underline; } .page { @@ -104,10 +113,6 @@ pre { display: none; } -.pageheader .actions ul { - border-bottom: none; -} - .parentlinks > a { width: 394px; /* same as .pageheader .header:margin-left */ height: 100px; @@ -144,29 +149,10 @@ pre { /* {{{ .actions */ .actions { - display: block; - position: fixed; - z-index: 300; - top: 35em; - left: 0; - width: 100%; -} -.actions ul { - width: 54em; /* same as .page:width */ - margin: auto; -} - -.actions ul li { - display: block; - width: 11.44em; /* same as .sidebar:width */ - background: transparent; - padding: 0; -} - -.actions ul li > a { font-size: 80%; - padding: 0.2em; + text-align: right; } + /* .actions }}} */ /* {{{ #otherlanguages */ #otherlanguages, @@ -213,23 +199,23 @@ pre { margin: 0; padding: 0; border: none; - z-index: 100; + z-index: 200; background: #f5f5f5; border-top: solid 1px #ccc; - padding-top: 88px; /* same as #logo-home:height - .header:height */ + padding-top: 30px; } .sidebar ul { margin: 0; } -.sidebar ul, .actions ul { +.sidebar ul { padding: 0; list-style: none; background: transparent; } -.sidebar li, .actions li { +.sidebar li { text-align: left; } @@ -239,19 +225,14 @@ pre { } .sidebar ul li > span, -.sidebar ul li > a, -.actions ul li > a { +.sidebar ul li > a { display: block; - padding: 0.5em; + padding: 0.3em 0.5em; text-decoration: none; border: 1px solid #f5f5f5; color: #a756af; background: transparent; font-weight: normal; -} - -.sidebar ul li > span, -.sidebar ul li > a { font-size: 100%; } @@ -261,7 +242,7 @@ pre { background: #eeeeee; } -.sidebar a:hover, .actions a:hover { +.sidebar a:hover { border-top: 1px dotted #57075f; border-bottom: 1px dotted #57075f; color: #57075f; @@ -369,8 +350,91 @@ pre { #content .footnotes { font-size: 80%; } + +.half-section { + display: inline-block; + vertical-align: top; + width: 49.5%; +} + /* #content }}} */ +/* Paypal donation forms */ +.paypal-donation { + display: inline-block; + vertical-align: top; + width:45%; + padding-right: 4%; +} +.paypal-donation h4 { + margin: 0 0 0.5em 0; +} +.paypal-donation select { + display: inline-block; + vertical-align: top; + margin-right: 1em; + min-height:26px; +} +.paypal-donation .cancel { + font-size: small; +} + + +/* Progress bar */ +.progress-bar-wrapper { + margin-top: 1em; + height: 85px; + width: 300px; + background: lightGrey url(assets/progress_bar.png) top left repeat-x; + border: 1px solid #ccc; + border-bottom: 0; + position: relative; +} + .progress-bar-wrapper .progress-bar { + height: 85px; + background: grey url(assets/progress_bar.png) bottom left repeat-x; + } + .progress-bar-wrapper:after { + content: " "; + display: block; + position: absolute; + 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 */ + } + + +.section-progress-text { + width: 47.5%; + padding-left: 2%; +} + +/* 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; + } + + + /* {{{ .inlinepage */ .inlinepage { @@ -400,14 +464,11 @@ pre { text-align: center; color: white; background: #57075f; - background: -webkit-linear-gradient(#001030, #57075f); - background: -moz-linear-gradient(#001030, #57075f); - background: linear-gradient(#001030, #57075f); + z-index: 400; } #footer #pageinfo { position: relative; - max-width: 30em; margin: auto; padding: 0.1em 2em; border-top: none; @@ -428,7 +489,7 @@ pre { #footer #pageinfo div { font-size: 80%; - margin-top: 0.5em; + margin-top: 0; margin-bottom: 0; } /* #footer }}} */ @@ -506,10 +567,14 @@ pre { border-bottom: solid #ccc 1px; } + #content a:link:after, + #content a:visited:after { + content:" [" attr(href) "] "; + } + #footer { margin-top: 2em; text-align: left; } } /* @media print }}} */ -