carnetdejeu-crystal/src/assets/stylesheets/main.scss

117 lines
1.8 KiB
SCSS

$font-stack: "Helvetica Neue", Helvetica, Arial, sans-serif;
$background-color: #f4994b;
$nav-item-color: #ffe4cd;
/*
* Globals
*/
body {
font-family: $font-stack;
color: #555;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
margin-top: 0;
font-family: $font-stack;
font-weight: normal;
color: #333;
}
/*
* Override Bootstrap's default container.
*/
@media (min-width: 1200px) {
.container {
width: 970px;
}
}
/*
* Masthead for nav
*/
.masthead {
background-color: $background-color;
-webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}
/* Nav links */
.nav-item {
position: relative;
display: inline-block;
padding: 10px;
font-weight: 500;
color: $nav-item-color;
}
.nav-item:hover,
.nav-item:focus {
color: #fff;
text-decoration: none;
}
/* Active state gets a caret at the bottom */
.nav .active {
color: #fff;
}
.nav .active:after {
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
margin-left: -5px;
vertical-align: middle;
content: " ";
border-right: 5px solid transparent;
border-bottom: 5px solid;
border-left: 5px solid transparent;
}
.main {
padding-top: 20px;
}
#logo {
background-color: $background-color;
background-image: url("../images/logo.png");
background-size:contain;
width: 200px;
height:278px;
}
/* Hide logo in small screens */
@media (max-width: 767px) {
#logo {
display: none;
}
}
.table td, .table th {
vertical-align: middle;
}
.alert {
margin-top: 1em;
p {
margin-top: 0;
margin-bottom: 0;
}
}
// For Navigation pulling right
.nav-item-auth {
&.nav-item-auth-signout, &.nav-item-auth-signup {
order: 9999;
}
&.nav-item-auth-profile, &.nav-item-auth-signin {
order: 9990;
margin-left: auto;
}
}