app/assets/stylesheets/bootstrap_and_overrides.css
/*
=require twitter-bootstrap-static/bootstrap
*/
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
background-color: #EEEEEE;
font-family: 'Lato', sans-serif;
color: black;
}
.info-boxes {
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
color: #777;
}
.info-box i {
font-size: 50px;
}
.info-box {
padding-top: 40px;
padding-bottom: 50px;
float: left;
}
.image-row {
margin-top: 60px;
}
.image-row img {
max-width: 100%;
}
.user-image {
height: 60px;
}
.flash-container {
opacity: 0.8;
font-size: 18px;
font-weight: bold;
text-align: center;
position: fixed;
padding-top: 78px;
width: 100%;
z-index: 100;
}
.predictor-option label {
padding-right: 10px
}
.predictor-option {
font-size: 1em;
padding-left: 10px;
text-align: left;
}
.predictor-options {
padding-left: 20px;
text-align: left;
width: 100%;
}
.predictor-nav-bar h2 {
text-align: center;
padding-top: 0px;
}
.predictor-nav-bar h6 {
text-align: center;
padding-top: 0px;
padding-bottom: 10px;
}
.predictor-nav-bar a {
color: white;
}
.predictor-nav-bar {
position: relative;
z-index: 99;
left: 15px;
color: white;
width: 25%;
padding-left: 20px;
padding-right: 20px;
padding-top: 80px;
float: left;
background-color: #777;
}
.leaflet-popup-content {
background-color: #777;
}
.event-popup h3 {
font-size: 18px;
padding-top: 10px;
}
.event-popup h4 {
font-size: 14px;
}
.event-popup {
color: white;
}
#map {
position: fixed;
height: 100%;
border: none;
top: 5px;
bottom: 0;
width: 100%;
}
.event-text {
width: 100%;
}
.predictor-event {
background-color: #9C9C9C;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 2px;
padding-top: 2px;
margin-top: 10px;
border-width: 3px;
border-style: solid;
border-color: #00607d;
}
#event_city_id {
color: #00607d;
background-color: white;
width: 13em;
float: right;
padding-right: 10px;
}
#event_category_id {
color: #00607d;
background-color: white;
width: 13em;
float: right;
padding-right: 10px;
}
#event_product_type {
color: #00607d;
background-color: white;
width: 13em;
float: right;
padding-right: 10px;
}
#start_date_day {
color: #00607d;
background-color: white;
float: right;
font-size: 12px;
max-width: 4em;
margin-top: 1px;
}
#start_date_month {
color: #00607d;
background-color: white;
font-size: 12px;
max-width: 7.3em;
}
#start_date_year {
color: #00607d;
background-color: white;
font-size: 12px;
max-width: 6em;
}
.leaflet-control-zoom {
background-color: white;
}
.spinning-wheel {
position: absolute;
left: 55%;
top: 50%;
z-index: 100;
}
.footer a {
color: white;
text-decoration: none;
padding-bottom: 8px;
}
.source-code i {
padding-left: 5px;
padding-right: 5px;
font-size: 1.2em;
font-weight: bold;
}
.source-code {
font-size: 0.9em;
}
.author a {
color: white;
}
.footer-links a {
text-decoration: none;
color: white;
padding-left: 10px;
padding-right: 10px;
}
.author {
padding-top: 6px;
}
.footer {
background-color: #777;
height: 120px;
color: black;
text-align: center;
}
.footer-links {
padding-top: 20px;
font-size: 1.1em;
}
.demo-image img {
width: 800px;
height: 500px;
box-shadow: 10px 10px 5px #888888;
}
.demo-image {
padding-bottom: 80px;
}