historyapp.styl

/* CSS declarations go here */
body 
    font-family: sans-serif
    background-attachment: fixed

    position: absolute
    top: 0
    bottom: 0
    left: 0
    right: 0

    padding: 0
    margin: 0

    font-size: 1em

.container 
    margin: 0 auto
    min-height: 1200px
    background: white

header 
    background: #d2edf4
    background-image: linear-gradient(to bottom, #d0edf5, #e1e5f0 100%)
    padding: 20px 15px 15px 15px
    position: relative

#login-buttons 
    display: block


h1 
    font-size: 1.5em
    margin: 0
    margin-bottom: 10px
    display: inline-block
    margin-right: 1em


form 
    margin-top: 10px
    margin-bottom: -10px
    position: relative


ul 
    margin: 0
    padding: 0
    background: white


.delete 
    float: right
    font-weight: bold
    background: none
    font-size: 1em
    border: none
    position: relative


li 
    position: relative
    list-style: none
    padding: 0px


li .text 
    margin-left: 0px


li.checked 
    color: #888


li.checked .text 
    text-decoration: line-through


li.private 
    background: #eee
    border-color: #ddd


header .hide-completed 
    float: right


.toggle-private 
    margin-left: 5px


.activeDate 
    color: #ff8800

.date 
    padding: 0px
    margin: 0px
    font-size: 1.25em

.slider-label 
    padding-left: 2px
    color: black
    bottom: 20px
    position: relative

.map-container 
  width: 1000px
  max-width: 100%
  height: 300px

span.subtext 
    font-size: 0.75em
    margin-left: 3px
    margin-right: 3px

#america 
    fill: #440000

#america:hover
    fill: #ff0000

#uk
    fill: #004400

#uk:hover
    fill: #00ff00

#europe
    fill: #000044

#europe:hover
    fill: #0000ff

#asia
    fill: #440044

#asia:hover
    fill: #ff00ff

#india_region
    fill: #004444

#india_region:hover
    fill: #00ffff

#middle_east
    fill: #442200

#middle_east:hover
    fill: #ff8800

#africa
    fill: #444400

#africa:hover 
    fill: #ffff00

span.region-label
    border: 1px solid #bbb
    padding: 2px

.range-slider-handle
    height: 30px
    width: 30px

.range-slider
    height: 25px

.range-slider-active-segment
    height: 25px

.slider-label
    font-size: 1em

#suggestModal .row
    margin: 5px