style.css
142 lines
| 2.3 KiB
| text/css
|
LassoCssLexer
|
r36 | ||
|
r41 | :root{ | |
--primary: #0200AE; | |||
--dark-primary: #000080; | |||
--light-primary: rgb(0, 0, 179, .7); | |||
--secondary: #6F6F6F; | |||
--tertiary: #0099FF; | |||
--color-txt: #333; | |||
--bg-main: rgba(80, 80, 80, .8); | |||
--bg-invert: rgba(0, 0, 0, .2); | |||
--bg-sections: #f9f9f9; | |||
--bd-sections: 1px solid #D9D9D9; | |||
--fs-nav: .875em; | |||
--fs-trail: .87rem; | |||
--hover-nav: rgba(0, 0, 0, 0.3); | |||
--fg-nav: #2068A0; | |||
--bs-nav: rgba(43, 43, 43, .4); | |||
--bs-input: rgba(0, 113, 184, 0.5); | |||
--bd-input: rgba(56, 181, 230, 0.75); | |||
--bd-item: 1px solid #C9C9C9; | |||
--bx-shadow: 0 2px 5px 0 var(--bs-nav); | |||
} | |||
|
r35 | ||
body { | |||
|
r41 | color: #444; | |
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | |||
font-size: 14px; | |||
|
r36 | } | |
main { | |||
min-width: 100%; | |||
min-height: 400px; | |||
} | |||
|
r41 | a:link { -webkit-tap-highlight-color: var(--tertiary); } | |
|
r36 | .titulo { | |
color: #898989; | |||
font-size: 2rem; | |||
font-family: 'Dosis', Arial, Verdana, serif; | |||
} | |||
|
r35 | ||
|
r36 | .titulo:after { | |
|
r35 | display: flex; | |
|
r36 | width: 60px; | |
|
r35 | border-bottom: 3px solid #48C7EC; | |
content: ''; | |||
|
r36 | padding-top: .5rem; | |
margin: 0; | |||
} | |||
|
r25 | ||
|
r39 | #sidebar a { | |
color: gray; | |||
padding: 0.1rem; | |||
} | |||
#sidebar h5 { | |||
color:#333; | |||
} | |||
|
r25 | .text-blue { | |
color: #003A8E; | |||
} | |||
.text-skyblue { | |||
color: #00addc; | |||
} | |||
.nopadding { | |||
padding: 0px !important; | |||
} | |||
.nomargin { | |||
margin: 0px !important; | |||
} | |||
|
r36 | .legend { | |
list-style: none; | |||
|
r39 | padding-left: 1rem; | |
padding-top: 1rem; | |||
|
r36 | } | |
.legend span { | |||
padding-left: 1em; | |||
} | |||
|
r27 | #loader { | |
background-image: url(/static/images/loader.gif); | |||
background-repeat: no-repeat; | |||
height: 40px; | |||
} | |||
|
r36 | #plot { | |
margin-top: 2em; | |||
margin-bottom: 2em; | |||
} | |||
|
r25 | /* Change Buttons Bootstrap */ | |
.btn-primary { | |||
color: #fff; | |||
background-color: #00addc !important; | |||
border-color: #00addc !important; | |||
} | |||
.btn-primary:hover { | |||
color: #fff; | |||
background-color: #23527c !important; | |||
border-color: #23527c !important; | |||
|
r11 | } | |
|
r25 | ||
.card-text { | |||
font-size: 0.8rem; | |||
} | |||
|
r39 | .tools-date { | |
font-size: 0.8rem; | |||
|
r25 | } | |
/* cards */ | |||
@media (min-width: 480px) { | |||
.card-columns { | |||
column-count: 2; | |||
} | |||
} | |||
@media (min-width: 768px) { | |||
.card-columns { | |||
column-count: 3; | |||
} | |||
} | |||
@media (min-width: 1180px) { | |||
.card-columns { | |||
column-count: 4; | |||
} | |||
} | |||
@media (min-width: 1380px) { | |||
.card-columns { | |||
column-count: 5; | |||
} | |||
} |