X-Git-Url: https://www.nos-oignons.net/gitweb/website.git/blobdiff_plain/adf8926855d3fb801b69107a0d25bcc9312cf7cc..cb22626ef532a09aee80c8a6f5a794c26b81b9e3:/local.css diff --git a/local.css b/local.css index cffab84..f9a36dc 100644 --- a/local.css +++ b/local.css @@ -401,12 +401,17 @@ thead td { .progress-bar-wrapper .progress-bar { position: absolute; height: 85px; - background: grey url(assets/progress_bar.png) bottom left repeat-x; + background: grey 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: grey url(assets/progress_bar.png) left bottom repeat-x; + z-index: 1; + } /* progress bar animation*/ @-webkit-keyframes progress-bar { 0% { width: 0; } } @@ -424,13 +429,16 @@ thead td { 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: 1; + z-index: 3; bottom: -5px; left: -1px; height: 5px; @@ -485,7 +493,7 @@ thead td { .paymium-btn { display: inline-block; - /*min-width: 140px;*/ + min-width: 10em; padding: 4px 44px 4px 10px; padding-right: 44px; background: #4d7b99 url(assets/paymium_btc.png) right center no-repeat;