mirror of
https://github.com/Ekokumppanit/Bicyclesim.git
synced 2026-01-26 03:04:09 +00:00
223 lines
3.0 KiB
Stylus
223 lines
3.0 KiB
Stylus
// --- Variables ---
|
|
|
|
$sidebar_width = 300px
|
|
|
|
// --- Functions ---
|
|
|
|
filter(args ...)
|
|
-webkit-filter args
|
|
-moz-filter args
|
|
filter args
|
|
|
|
// ---
|
|
|
|
body
|
|
overflow hidden
|
|
|
|
.navbar-inverse .brand span
|
|
color #FFB0B0
|
|
font-size 0.8em
|
|
|
|
.navbar-fixed-bottom
|
|
position absolute
|
|
.navbar-inner
|
|
padding-left 15px !important
|
|
padding-right 15px !important
|
|
i
|
|
color #fff
|
|
|
|
.sidebar
|
|
li
|
|
i
|
|
color #000
|
|
|
|
a:hover i
|
|
text-decoration none
|
|
.icon-remove, .icon-remove-sign
|
|
&:hover
|
|
color #FFAFAF
|
|
|
|
|
|
.btn.btn-huge
|
|
font-size 34px
|
|
line-height 34px
|
|
padding 12px 20px
|
|
margin-right 30px
|
|
|
|
.nav
|
|
.divider
|
|
color #666
|
|
padding 0 10px
|
|
.login
|
|
padding-top 6px
|
|
|
|
|
|
div.input
|
|
padding-right 14px
|
|
& > input
|
|
margin-bottom 0
|
|
width 100%
|
|
|
|
.thumbnail
|
|
background #fff
|
|
& > span
|
|
display block
|
|
background #000
|
|
background rgba(0, 0, 0, 0.7)
|
|
color #fff
|
|
padding 2px 10px
|
|
line-height 32px
|
|
font-weight bold
|
|
& > a
|
|
float right
|
|
& > span
|
|
font-weight normal
|
|
color #C8C8C8
|
|
float right
|
|
&:hover
|
|
text-decoration none
|
|
i
|
|
color #fff
|
|
|
|
a.thumbnail
|
|
&:hover
|
|
border-color #fff !important
|
|
box-shadow 0 0 25px #fff !important
|
|
|
|
|
|
.sidebar
|
|
position absolute
|
|
width $sidebar_width
|
|
top 0
|
|
bottom 42px
|
|
left 0
|
|
overflow-y auto
|
|
|
|
.sidebar-inner
|
|
padding 20px
|
|
|
|
.street, .map
|
|
img
|
|
max-width none
|
|
border none !important
|
|
|
|
.street
|
|
position absolute
|
|
left 0
|
|
right 0
|
|
bottom 42px
|
|
top 0
|
|
z-index 0
|
|
|
|
.map
|
|
position absolute
|
|
width 300px
|
|
height 250px
|
|
left 0
|
|
top 0
|
|
opacity 0.0
|
|
|
|
.street
|
|
// filter(blur(4px))
|
|
|
|
.show-map
|
|
.street
|
|
// filter(blur(0))
|
|
.map
|
|
opacity 0.8
|
|
|
|
.show-sidebar
|
|
.street, .map
|
|
left $sidebar_width
|
|
|
|
.frontpage, .help
|
|
z-index 100
|
|
position absolute
|
|
top 0
|
|
bottom 42px
|
|
left 0
|
|
right 0
|
|
// background rgba(0, 0, 0, 0.5)
|
|
padding-top 30px
|
|
overflow-y auto
|
|
|
|
.help
|
|
background #fff
|
|
font-size 1.5em
|
|
line-height 1.5em
|
|
h1
|
|
margin-top 40px
|
|
|
|
.sidebar
|
|
h3
|
|
span
|
|
float right
|
|
|
|
ol.points
|
|
margin 0
|
|
li
|
|
font-size 0.85em
|
|
border-top 1px solid #ccc
|
|
padding 2px 0px
|
|
list-style-position inside
|
|
&:first-child, &.actions
|
|
border-top 0
|
|
&.actions
|
|
list-style none
|
|
span.location
|
|
font-size 0.85em
|
|
a.remove
|
|
float right
|
|
|
|
.speedometer
|
|
position absolute
|
|
top 0
|
|
right 0
|
|
background rgba(0, 0, 0, 0.6)
|
|
width 190px
|
|
padding 15px
|
|
border-bottom-left-radius 25px
|
|
li
|
|
list-style none
|
|
text-align right
|
|
font-size 2.5em
|
|
color #fff
|
|
font-weight bold
|
|
line-height 150%
|
|
|
|
.speedSliderContainer
|
|
position absolute
|
|
bottom 100px
|
|
right 20px
|
|
.speedSlider
|
|
height 200px
|
|
|
|
::-webkit-scrollbar
|
|
background transparent
|
|
border none
|
|
|
|
::-webkit-scrollbar:vertical
|
|
border-width 0 0 0 1px
|
|
width 11px
|
|
|
|
::-webkit-scrollbar-corner
|
|
background transparent
|
|
|
|
/* These rules are for scrollbar draggable panel */
|
|
::-webkit-scrollbar-thumb
|
|
background-color rgba(0, 0, 0, 0.6)
|
|
box-shadow 0 0 2px rgba(0, 0, 0, 0.9) inset
|
|
|
|
::-webkit-scrollbar-thumb:hover
|
|
background-color rgba(0, 0, 0, 0.8)
|
|
|
|
::-webkit-scrollbar-thumb:active
|
|
background-color rgba(0, 0, 0, 1)
|
|
|
|
/* These rules are for buttons */
|
|
::-webkit-scrollbar-button:start
|
|
display none
|
|
|
|
::-webkit-scrollbar-button:end
|
|
display none
|