X-Git-Url: https://nos-oignons.net/gitweb/website.git/blobdiff_plain/28a69a54701da603b7c7ef462cb756621862df77..2700dfbe393a231df66277397b3acd28bd651e9e:/local.css diff --git a/local.css b/local.css index 2b15374..e6349f7 100644 --- a/local.css +++ b/local.css @@ -49,6 +49,14 @@ pre { font-size-adjust: 0.535; } +dt { + font-weight: bold; +} + +thead td { + text-decoration: underline; +} + .page { overflow: hidden; max-width: 54em; @@ -342,8 +350,97 @@ 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: 1em auto; + height: 85px; + width: 600px; + 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; + /* animate progress bar */ + -webkit-animation: progress-bar 1.5s; + -moz-animation: progress-bar 1.5s; + animation: progress-bar 1.5s; + } + + /* progress bar animation*/ + @-webkit-keyframes progress-bar { 0% { width: 0; } } + @-moz-keyframes progress-bar { 0% { width: 0; } } + keyframes progress-bar { 0% { width: 0; } } + + .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 */ + } + + + +/* 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 { @@ -378,7 +475,6 @@ pre { #footer #pageinfo { position: relative; - max-width: 30em; margin: auto; padding: 0.1em 2em; border-top: none; @@ -488,4 +584,3 @@ pre { } } /* @media print }}} */ -