caisse-bliss/assets/css/pages/global.scss

237 lines
3.2 KiB
SCSS
Raw Normal View History

2018-04-18 14:21:58 +02:00
@import '../split/custom_vars';
body {
color: $all-text-color;
2018-05-04 19:53:57 +02:00
font-family: "Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 2rem;
2018-04-18 14:21:58 +02:00
}
2018-05-04 19:27:37 +02:00
2018-04-20 10:04:29 +02:00
#wrapper {
min-height: 100vh;
2018-04-18 14:21:58 +02:00
}
2018-04-04 16:25:25 +02:00
.main-screen {
min-height: 80vh;
}
2018-04-06 15:43:14 +02:00
2018-05-04 14:50:08 +02:00
.bg-dark {
2018-06-04 13:11:40 +02:00
background: rgba(0, 0, 0, 0.5);
2018-05-04 14:50:08 +02:00
}
.bg-shader {
@extend .bg-dark;
height: 100vh;
}
2018-04-06 15:43:14 +02:00
.bg-img {
2018-05-04 14:50:08 +02:00
background-attachment: fixed;
2018-04-06 15:43:14 +02:00
background-size: cover;
overflow: hidden;
2018-06-04 13:11:40 +02:00
background-position: center;
2018-05-04 14:50:08 +02:00
min-height: 100vh;
}
.bg-accessories {
@extend .bg-img;
background-image: url('../../img/accessories.jpg');
}
.bg-girl {
@extend .bg-img;
background-image: url('../../img/girl_computer.jpg');
}
.bg-color {
2018-05-04 19:27:37 +02:00
background: $deepblue;
color: $light;
2018-05-04 14:50:08 +02:00
a {
2018-05-04 19:27:37 +02:00
color: $lightblue;
2018-05-04 14:50:08 +02:00
}
padding: 1rem;
2018-04-06 15:43:14 +02:00
}
2018-04-17 14:52:31 +02:00
2018-04-18 14:21:58 +02:00
.logo-main {
color: $logo-color;
}
.big-footer {
background: $dark;
color: $light;
height: 4em;
padding: 1em;
box-sizing: border-box;
}
2018-04-17 14:52:31 +02:00
thead {
2019-02-21 16:20:03 +01:00
background: $darkblue;
2018-04-18 14:21:58 +02:00
color: $light;
2018-04-17 14:52:31 +02:00
}
2018-04-17 15:08:30 +02:00
ul {
padding: 0;
}
2018-04-17 15:41:00 +02:00
label {
min-width: 20em;
display: inline-block;
}
2018-04-18 14:21:58 +02:00
.try {
margin: 0 auto;
}
2018-04-20 10:04:29 +02:00
.padded {
padding: 1rem;
&-v {
padding: 0;
padding-top: 1rem;
padding-bottom: 1rem;
}
}
.marged {
margin: 1rem;
&-v {
margin: 0;
margin-top: 1rem;
margin-bottom: 1rem;
}
}
2018-08-23 15:00:56 +02:00
.bgwarning {
background: orange;
color: #ee5555;
}
.bgdanger {
background: indianred;
color: #333;
font-weight: bold;
}
.bgsuccess {
background: greenyellow;
color: #000000;
2018-08-28 15:29:58 +02:00
}
.previsionnel {
.config {
font-size: 1.5rem;
}
thead {
font-size: 1.5rem;
}
label {
min-width: 220px;
}
.exepanse-table {
font-size: 1.5rem;
}
.examples-depenses {
font-size: 1.5rem;
}
.big-number {
font-size: 2.5rem;
color: #2B2d42;
}
2019-02-21 15:55:28 +01:00
}
html, h1, h2, h3, h4, h5, h6 {
font-family: Source Sans, Arial, Helvetica, sans-serif;
}
input {
width: auto;
min-width: 2em;
}
#menu-dashboard{
background:$dark;
display: flex;
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 13vw;
overflow-x: auto;
.nav{
width: 13vw;
min-width: 300px;
display: block;
border-right: solid 2px mix($dark,$grey);
.btn{
color: $light;
}
.btn-default{
color: $light;
&:hover{
background: mix($deepblue, $light);
color: $dark ;
font-weight: 600;
}
}
}
i.fa{
float:left;
margin-right: 1em;
color: $light;
}
}
.nav > li > a:hover, .nav > li > a{
&:focus{
background: transparent;
border: none;
color: $lightblue;
}
&:focus{
background: transparent;
border: none;
color: $lightblue;
}
}
.btn{
border :0;
}
.btn-default{
background: transparent;
}
.btn-success{
background-color: $deepblue;
font-weight: 800;
2019-02-21 16:20:03 +01:00
}
.table > thead > tr > td,
table td{
padding: 0.5em;
}
.login-fosub{
.padded{
padding: 3em;
}
input[type=submit]{
background: $primary;
color:$light;
display: block;
margin-top: 1em;
padding: 1em;
border: 0;
width: 100%;
&:hover{
background: $lightblue;
}
}
}
#fos_user_profile_form{
div{
margin: 0.5em auto;
}
2019-02-21 16:24:32 +01:00
}
#bodyland{
.container{
min-height: 1000px;
}
2018-08-23 15:00:56 +02:00
}