66 lines
4.9 KiB
CSS
66 lines
4.9 KiB
CSS
/* Bootstrap utilities */
|
|
*, ::after, ::before{box-sizing: border-box;}
|
|
body{margin: 0;line-height: 1.5;font-weight:400;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
|
|
a{color: #007bff;text-decoration: none; background-color: transparent;}
|
|
p{margin-top: 0;margin-bottom: 1rem;}
|
|
img{vertical-align: middle;border-style: none;margin-bottom: 20px;}
|
|
.container{padding: 0 15px;margin: 0 auto;}
|
|
.row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -15px;}
|
|
.col{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
|
|
.col,.col-3,.col-4{position: relative;width: 100%;padding-right: 15px;padding-left: 15px;}
|
|
.col-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
|
|
.col-4{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
|
|
.rounded-0{border-radius: 0 !important;}
|
|
.border{border: 1px solid #dee2e6 !important;}
|
|
@keyframes progress-bar-stripes {
|
|
from { background-position: 1rem 0; }
|
|
to { background-position: 0 0; }
|
|
}
|
|
.progress-bar-animated{-webkit-animation: progress-bar-stripes 1s linear infinite;animation: progress-bar-stripes 1s linear infinite;}
|
|
.progress{display: -ms-flexbox;display: flex;height: 1rem;overflow: hidden;font-size: .75rem;background-color: #e9ecef;border-radius: .25rem;}
|
|
.progress-bar{display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;color: #fff;text-align: center;white-space: nowrap;background-color: #007bff;transition: width .6s ease;}
|
|
.sr-only{border: 0;clip: rect(0,0,0,0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;white-space: nowrap;}
|
|
.text-center{text-align: center !important;}
|
|
.btn{transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;border-radius: .25rem;border: 1px solid transparent;display: inline-block;font-weight: 400;color: #212529;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: transparent;}
|
|
.btn-success{color: #fff;background-color: #28a745;border-color: #28a745;}
|
|
.btn:hover {color: #212529;text-decoration: none;}
|
|
.btn-success:hover {color: #fff;background-color: #218838;border-color: #1e7e34;}
|
|
|
|
|
|
/* Media queries */
|
|
@media (min-width: 576px){.container{max-width: 540px;}}
|
|
@media (min-width: 768px){.container{max-width: 720px;}}
|
|
@media (min-width: 992px){.container{max-width: 960px;}}
|
|
@media (min-width: 1200px){.container{max-width: 1140px;}}
|
|
|
|
/* Font-awesome utilities */
|
|
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(../lib/webfonts/fontawesome/400/fa-regular-400.eot);src:url(../lib/webfonts/fontawesome/400/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../lib/webfonts/fontawesome/400/fa-regular-400.woff2) format("woff2"),url(../lib/webfonts/fontawesome/400/fa-regular-400.woff) format("woff"),url(../lib/webfonts/fontawesome/400/fa-regular-400.ttf) format("truetype"),url(../lib/webfonts/fontawesome/400/fa-regular-400.svg#fontawesome) format("svg")}
|
|
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(../lib/webfonts/fontawesome/900/fa-solid-900.eot);src:url(../lib/webfonts/fontawesome/900/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../lib/webfonts/fontawesome/900/fa-solid-900.woff2) format("woff2"),url(../lib/webfonts/fontawesome/900/fa-solid-900.woff) format("woff"),url(../lib/webfonts/fontawesome/900/fa-solid-900.ttf) format("truetype"),url(../lib/webfonts/fontawesome/900/fa-solid-900.svg#fontawesome) format("svg")}
|
|
.fa,.far,.fas{font-family: "Font Awesome 5 Free";}
|
|
.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}
|
|
.far{font-weight:400;}
|
|
.fa,.fas {font-weight:900;}
|
|
.fa-chart-pie::before{content: "\f200";}
|
|
.fa-user::before{content: "\f007";}
|
|
.fa-money-bill-alt::before{content: "\f3d1";}
|
|
.fa-calendar-alt::before {content: "\f073";}
|
|
.fa-check::before {content: "\f00c";}
|
|
|
|
/* CSS PERSO */
|
|
.wrapper-numbers {padding: 60px 0 45px;text-align: center;font-size: 16px;overflow: hidden;}
|
|
.sup {font-size: 20px;vertical-align: top;display: inline-block;}
|
|
.countup .column {padding-top: 20px;padding-bottom: 20px;}
|
|
.sub {font-size: .8rem;}
|
|
.header-numbers {margin-bottom: 40px;}
|
|
.wrapper-numbers h1, .wrapper-numbers h2, .wrapper-numbers h3, .wrapper-numbers h4 {margin: 0 0 15px;}
|
|
.count, .countup i {font-size: 2rem;line-height: 1;}
|
|
.countup h3{font-size: 1rem;}
|
|
h2.pubkey{font-size:1rem;}
|
|
h1{font-size: 2.5rem;}
|
|
h1,h2,h3{font-weight: 500;line-height: 1.2;}
|
|
#progressbar {height: 2rem;}
|
|
|
|
|
|
|
|
|