123 lines
2.1 KiB
SCSS
123 lines
2.1 KiB
SCSS
/*
|
|
jet black (tiefschwarz) - RAL 9005: #0e0e10, rgba(14, 14, 16, 1.0);
|
|
mango: #FF8040, rgba(255, 130, 67, 1.0);
|
|
gray: #a1a1a1, rgba(161, 161, 161, 1.0)
|
|
*/
|
|
|
|
/*
|
|
@media (prefers-color-scheme: light) {}
|
|
@media (prefers-color-scheme: dark) {}
|
|
*/
|
|
|
|
/* debug */
|
|
* {
|
|
//border: 1px solid gray;
|
|
}
|
|
|
|
// customize some Bootstrap variables
|
|
$primary: #FF8040;
|
|
$jet-black: #0e0e10;
|
|
|
|
|
|
|
|
$body-color: #9f9f9f;
|
|
$list-group: #232323;
|
|
$list-group-bg: $list-group;
|
|
$list-group-hover-bg: darken($list-group, 10%);
|
|
$list-group-active-bg: $list-group;
|
|
$list-group-action-active-bg: $list-group;
|
|
|
|
@import '~bootstrap';
|
|
@import 'dropzone/dist/dropzone';
|
|
@import 'cropperjs';
|
|
@import './components/sidebar';
|
|
|
|
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
//background: linear-gradient(90deg, rgba(14,14,16,1) 0%, rgba(255,128,64,1) 35%, rgba(14,14,16,1) 100%);
|
|
background: #0e0e10;
|
|
}
|
|
|
|
|
|
// Dropzone
|
|
.dropzone .dz-preview {
|
|
background: transparent !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.dropzone-container {
|
|
width: 160px;
|
|
height: 160px;
|
|
}
|
|
|
|
.dropzone-preview-filename {
|
|
word-wrap: anywhere;
|
|
display: none;
|
|
}
|
|
|
|
.dropzone-preview-image {
|
|
flex-basis: 0;
|
|
min-width: 150px;
|
|
max-width: 150px;
|
|
min-height: 150px;
|
|
max-height: 150px;
|
|
}
|
|
|
|
.dz-image {
|
|
background: transparent !important;
|
|
}
|
|
|
|
|
|
#main_content {
|
|
overflow-y: auto;
|
|
height: calc(100vh - 190px); // 74px header, 64px header
|
|
}
|
|
|
|
.form-signin {
|
|
width: 100%;
|
|
max-width: 330px;
|
|
padding: 15px;
|
|
margin: 50px auto auto;
|
|
}
|
|
|
|
.form-signin .checkbox {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.form-signin .form-control {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
height: auto;
|
|
padding: 10px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.form-signin .form-control:focus {
|
|
z-index: 2;
|
|
}
|
|
|
|
.form-signin input {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.form-signin input[id="registration_form_username"] {
|
|
margin-bottom: -1px;
|
|
border-radius: 0.375rem 0.375rem 0 0;
|
|
}
|
|
|
|
.form-signin input[id="registration_form_password_second"] {
|
|
margin-bottom: 10px;
|
|
border-radius: 0 0 0.375rem 0.375rem;
|
|
}
|
|
|
|
.quote-box {
|
|
border-left: 1px solid #ff8844;
|
|
color: #ff8844;
|
|
}
|
|
|
|
.project-image {
|
|
width: 200px;
|
|
margin: 15px;
|
|
} |