Files
html5-restaurant/public/css/style.css

142 lines
1.9 KiB
CSS

html, body {
font-family: 'Bitter', sans-serif;
font-weight: 400;
font-size: 1em;
background-color: #121212;
}
.orange {
background-color: #FF731A;
padding: 50px;
}
.graygray {
background-color: #121212;
color: #E3D190;
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
}
}
.stripe > .row:nth-child(2n) {
background-color: #222222;
color: #E3D190;
}
.stripe > .row:nth-child(2n+1) {
background-color: #FF731A;
}
.stripe > .row > * {
padding: .8em;
}
.center-page > h1, .center-page > h2 {
text-align: center;
}
.center-page > h1, .center-page > h2 {
margin-bottom: 1em;
color: #E3D190;
}
.center-page > h1:not(:first-of-type) {
margin-top: 3em;
}
.center-page > h2 {
margin-top: 1.5em;
}
/* Bootstrap changes */
.navbar, .dropdown-menu {
margin-bottom: 0;
border-radius: 0;
}
.dropdown-menu {
background-color: #222222;
border: 1px solid #E3D190;
}
.dropdown-menu > li > a {
color: #E3D190;
}
textarea {
min-width: 100%;
max-width: 100%;
min-height: 3em;
}
#carousel-home_carousel {
max-width: 1170px;
margin: auto;
}
.btn {
margin-left: auto;
margin-right: auto;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
/* Login menu */
#loginDropdown {
left: auto;
right: 0;
color: #9D9D9D;
}
#loginDropdown label {
font-weight: 400;
}
#navLogin {
padding-right: 0;
}
#formLogin button, #formLogin a {
margin: 5px 0;
}
@media only screen and (max-width : 768px) {
ul.nav.pull-right {
float: initial !important;
}
}
@media only screen and (min-width : 768px) {
#loginDropdown {
min-width: 300px;
}
}
/* reservation form */
@media only screen and (min-width : 992px) {
.no-padding-md {
padding: 0;
}
}
/*
Carousel Fix
*/
.carousel-fullwidth {
padding-left: 0;
padding-right: 0;
}