mirror of
https://github.com/Evolix/chexpire.git
synced 2024-06-30 04:52:52 +02:00
178 lines
2.4 KiB
SCSS
178 lines
2.4 KiB
SCSS
// Copyright (C) 2018 Colin Darie <colin@darie.eu>, 2018 Evolix <info@evolix.fr>
|
|
// License: GNU AGPL-3+ (see full text in LICENSE file)
|
|
|
|
@import '~bootstrap/scss/_functions';
|
|
@import '~bootstrap/scss/_variables';
|
|
@import '~bootstrap/scss/mixins/_breakpoints';
|
|
|
|
/*
|
|
* === GENERAL ===
|
|
*/
|
|
body,
|
|
html {
|
|
color: map-get($theme-colors, secondary);
|
|
}
|
|
|
|
h1, h2 {
|
|
text-align: center;
|
|
}
|
|
|
|
.missing_translation {
|
|
background-color: yellow;
|
|
}
|
|
/*
|
|
* — Navbar —
|
|
*/
|
|
.navbar {
|
|
margin-bottom: 50px;
|
|
background-color: map-get($theme-colors, quaternary);
|
|
}
|
|
|
|
a.nav-link,
|
|
a.navbar-item.navbar-link {
|
|
color: map-get($theme-colors, tertiary);
|
|
font-weight: bold;
|
|
padding: 20px;
|
|
box-sizing: border-box;
|
|
|
|
&:focus,
|
|
&:hover {
|
|
text-decoration: none;
|
|
color: #118b83;
|
|
}
|
|
}
|
|
|
|
.navbar-dark .navbar-nav .nav-link {
|
|
color: #ffffff;
|
|
|
|
&:hover {
|
|
color: #118b83;
|
|
}
|
|
}
|
|
|
|
|
|
/*
|
|
* — Alert —
|
|
*/
|
|
.alert-layout {
|
|
margin-bottom: 50px;
|
|
|
|
&.alert {
|
|
color: #ffffff;
|
|
font-weight: bold;
|
|
|
|
&.alert-success {
|
|
background-color: #118b83;
|
|
}
|
|
|
|
&.alert-danger {
|
|
background-color: #be0c04;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/*
|
|
* — Forms —
|
|
*/
|
|
.form-control:focus {
|
|
color: map-get($theme-colors, secondary);
|
|
background-color: #fff;
|
|
border-color: map-get($theme-colors, primary);
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
* === UN-LOGGED HOME ===
|
|
*/
|
|
|
|
|
|
/*
|
|
* — Header —
|
|
*/
|
|
.container-fluid.header {
|
|
margin: -50px 0 50px 0;
|
|
padding: 50px;
|
|
background-color: map-get($theme-colors, quaternary);
|
|
color: #ffffff;
|
|
font-weight: bold;
|
|
|
|
.btn {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
.dropdown-menu.show {
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 100%;
|
|
|
|
a:hover {
|
|
color: #ffffff;
|
|
background-color: #118b83;
|
|
}
|
|
}
|
|
|
|
|
|
/*
|
|
* — Description —
|
|
*/
|
|
#description {
|
|
p {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.abstract,
|
|
.details {
|
|
padding-top: 50px;
|
|
padding-bottom: 50px;
|
|
}
|
|
|
|
.abstract h2::after {
|
|
content: '';
|
|
display: block;
|
|
width: 40px;
|
|
margin: 40px auto;
|
|
border-top: 2px solid #013D3A;
|
|
}
|
|
|
|
.details {
|
|
padding: 40px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.row {
|
|
height: 100%;
|
|
}
|
|
|
|
.homepage-img {
|
|
border: 1px solid map-get($theme-colors, secondary);
|
|
}
|
|
}
|
|
|
|
/*
|
|
* === BETA BANNER ===
|
|
*/
|
|
|
|
.beta-banner {
|
|
background-color: #be0c04;
|
|
}
|
|
|
|
.beta-banner P {
|
|
margin-bottom: 0;
|
|
padding: 5px 20px 5px 20px;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.beta-banner a {
|
|
color: #ffffff;
|
|
text-decoration: underline;
|
|
}
|
|
.beta-banner a:hover {
|
|
color: #d6b20e;
|
|
}
|