Select Git revision

Camille Simiand authored
app.scss 2.78 KiB
@import "./helpers/variables";
@import "~bootstrap/scss/bootstrap";
@import "~bootstrap/scss/variables";
@import "./layout/header";
body {
height:100%;
width:100%;
}
form label {
color: rgba(255,255,255,.5)
}
form input {
box-shadow: 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.5) inset;
border-radius: 3px;
border: none;
background: rgba(0,0,0,.25);
color: #fff;
height: auto;
padding: 15px 10px;
}
form input[type=checkbox]{
padding: 5px;
border: 1px solid;
}
button[type=submit]{
border: none;
border-radius: 3px;
color: #FFF;
opacity: 1;
background: #3B8C7E;
}
.memorekall-logo {
height: 200px;
}
.btn-primary {
background: rgba(0,0,0,.1);
border: none;
border-radius: 3px;
opacity: 1;
}
#btn-orange {
background: #FA772E;
color: white;
border: none;
border-radius: 3px;
line-height: 1.5;
font-size: 1rem;
padding: .5rem 1rem;
text-align: center;
text-transform: uppercase;
box-shadow: 0 -2px 0 #f05b2b inset;
}
#btn-orange:hover {
background: #f05b2b;
}
#user-block {
position: absolute;
right: 0;
text-align: right;
font-weight: 300;
color: rgba(255,255,255,.5);
font-size: 14px;
}
#user-block-nom {
text-transform: capitalize;
font-weight: 500;
}
.capsule-item {
background: linear-gradient(to bottom left, rgba(73, 173, 154, .0), rgba(73, 173, 154, .5));
box-shadow: 0 0 10px rgba(0,0,0,.5);
border-radius: 2px;
margin-bottom: 40px;
}
.list-item {
font-size: 16px;
padding: 10px;
}
.links {
color: rgba(255,255,255,.75);
}
.standard-button {
line-height: 40px;
margin: 30px 0 0 0;
padding: 0.5em 2em;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
border: none;
color: #FFF !important;
border-radius: 3px;
background: #49AD9A;
box-shadow: 0 -2px 0 #3B8C7E inset;
}
.standard-button:hover {
background: #3B8C7E;
}
.row-title-box {
border-bottom: 2px solid rgba(0,0,0,.2);
margin-bottom: 60px;
padding-right: 0;
padding-left: 0;
}
.row-title {
text-decoration: none;
float: left;
color: rgba(255,255,255,.75) !important;
line-height: 60px;
margin-bottom: 0;
background: -webkit-linear-gradient(top left, #FA772E, #FC4326);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.h2 {
margin-bottom: 0;
}
.button-cancel {
border: none;
border-radius: 3px;
background-color: #5c636a;
}
.button-cancel:hover {
background-color: #4f5050;
}
.row-title:hover {
color: rgba(255,255,255,.75);
}
.profile-block {
color: rgba(255, 255, 255, 0.5);
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(to right bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.2));
}
.capsule-title {
text-decoration: none;
text-transform: uppercase;
font-size: 18px;
}
.remove-link {
font-size: 0.9rem;
}