symposion_app/static/src/scss/app.scss

109 lines
1.6 KiB
SCSS
Raw Normal View History

@import url('https://fonts.googleapis.com/css?family=Montserrat:300|Source+Sans+Pro:400,700&display=swap&subset=latin-ext');
2018-09-15 13:08:40 +12:00
@import "open-iconic-bootstrap.scss";
@import "bootstrap.scss";
/* START LCA2020 */
2018-06-17 04:18:04 +00:00
$dawn-sea: rgb(0, 177, 197);
$blaze : rgb(250, 166, 26);
$dusk-sea : rgb(0, 113, 144);
$noon-sea : rgb(0, 141, 162);
body {
font-family: 'Source Sans Pro', sans-serif;
2018-06-24 12:14:29 +12:00
}
h1, .h1,
h2, .h2,
h3, .h3 {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
2018-06-24 12:14:29 +12:00
}
.bg-dawn-sea {
background-color: $dawn-sea;
2018-06-24 12:14:29 +12:00
}
.bg-blaze {
background-color: $blaze;
2018-06-24 12:14:29 +12:00
}
.bg-dusk-sea {
background-color: $dusk-sea;
2018-06-24 12:14:29 +12:00
}
.bg-noon-sea {
background-color: $noon-sea;
2018-06-24 12:14:29 +12:00
}
.banner-subscribe {
color: #fff;
2018-06-24 12:14:29 +12:00
}
.page-title {
font-size: 3rem;
line-height: 5rem;
2018-06-24 12:14:29 +12:00
}
.navbar-brand {
margin-top: 0.4rem;
margin-bottom: 0.4rem;
2018-06-24 12:14:29 +12:00
}
.navbar-nav .nav-link {
font-size: 1.2rem;
2018-06-24 12:14:29 +12:00
}
.footer {
border-top: 1px solid $dawn-sea;
2018-06-24 12:14:29 +12:00
}
2018-06-30 10:56:52 +12:00
.footer-logo {
height: 70px;
2018-06-30 12:30:32 +12:00
}
.footer-image {
height: 50px;
2018-06-30 12:30:32 +12:00
}
2018-06-30 14:01:19 +12:00
.rego-content {
border: 1px solid #000;
background-color: #fff;
}
.presentation-details {
border-top: 1px solid $noon-sea;
}
.presentation-abstract {
border-left: 1px solid $noon-sea;
}
.mobile-slot {
border-bottom: 1px solid $noon-sea;
}
/* END LCA2020 */
2018-06-30 14:01:19 +12:00
.messagelist {
margin-bottom: 0;
2018-07-12 12:33:25 +12:00
}
.asteriskField:before { content: ' '; }
label.label-required:after { content: ' *'; }
.abstract, .bio, .monospace-text {
font-family: Hack, monospace;
white-space: pre-wrap;
}
@media print {
.fade {
&:not(.show) {
opacity: 100 !important;
}
}
}