X-Git-Url: https://nos-oignons.net/gitweb/website.git/blobdiff_plain/7f8f5dcc0a3f6b00b1aa35a496be65c3dfd6d9df..f58d8d828e992676cdd3d45cec72d95730fa09ec:/local.css diff --git a/local.css b/local.css index e6349f7..cffab84 100644 --- a/local.css +++ b/local.css @@ -304,6 +304,14 @@ thead td { margin-top: 0.5em; } +#content blockquote { + border-left: 2px solid #A756AF; + margin: 0.5em 0; + padding: 0.5em 0 0.5em 1em; +} +#content blockquote p {margin: 0;} +#content blockquote p + p {margin-top: 1em;} + #content table { border-top: solid 1px #aaa; border-bottom: solid 1px #aaa; @@ -382,7 +390,7 @@ thead td { /* Progress bar */ .progress-bar-wrapper { - margin: 1em auto; + margin: 2em auto; height: 85px; width: 600px; background: lightGrey url(assets/progress_bar.png) top left repeat-x; @@ -391,6 +399,7 @@ thead td { position: relative; } .progress-bar-wrapper .progress-bar { + position: absolute; height: 85px; background: grey url(assets/progress_bar.png) bottom left repeat-x; /* animate progress bar */ @@ -404,10 +413,24 @@ thead td { @-moz-keyframes progress-bar { 0% { width: 0; } } keyframes progress-bar { 0% { width: 0; } } - .progress-bar-wrapper:after { + /* 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; + } + + /* Temperature bar */ + .progress-bar-wrapper:before { content: " "; display: block; position: absolute; + z-index: 1; bottom: -5px; left: -1px; height: 5px; @@ -423,6 +446,18 @@ thead td { 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 */ @@ -440,6 +475,34 @@ thead td { } +/* 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: 140px;*/ + 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 */