2016-03-11 23:28:19 +01:00
|
|
|
.sidebar
|
2016-03-21 18:03:01 +01:00
|
|
|
lost-column: 1/3
|
2016-03-11 23:28:19 +01:00
|
|
|
|
|
|
|
|
.sidebar .sidebar-inner
|
2016-03-21 18:03:01 +01:00
|
|
|
position: relative
|
|
|
|
|
padding: 40px
|
2016-03-11 23:28:19 +01:00
|
|
|
|
|
|
|
|
.sidebar .sidebar-inner:after
|
2016-03-21 18:03:01 +01:00
|
|
|
background: #eee
|
|
|
|
|
background: linear-gradient(to bottom, #eee 0%, #eee 48%, #fff 100%)
|
|
|
|
|
position: absolute
|
|
|
|
|
content: ''
|
|
|
|
|
width: 1px
|
|
|
|
|
height: 540px
|
|
|
|
|
top: 30px
|
|
|
|
|
right: -10px
|
|
|
|
|
bottom: 0
|
2016-03-11 23:28:19 +01:00
|
|
|
|
|
|
|
|
.sidebar .sidebar-inner img
|
2016-03-21 18:03:01 +01:00
|
|
|
display: inline-block
|
|
|
|
|
margin-bottom: 0
|
|
|
|
|
border-radius: 50%
|
|
|
|
|
background-clip: padding-box
|
2016-03-11 23:28:19 +01:00
|
|
|
|
|
|
|
|
.sidebar .sidebar-inner h1,
|
|
|
|
|
.sidebar .sidebar-inner h2
|
2016-03-21 18:03:01 +01:00
|
|
|
font-size: responsive 16px 18px
|
|
|
|
|
line-height: 1
|
|
|
|
|
margin: 20px 0 10px
|
2016-03-11 23:28:19 +01:00
|
|
|
|
|
|
|
|
.sidebar .sidebar-inner p
|
2016-03-21 18:03:01 +01:00
|
|
|
font-size: 14px
|
|
|
|
|
color: #888
|
|
|
|
|
line-height: 23px
|
|
|
|
|
margin-bottom: 23px
|
2016-03-11 23:28:19 +01:00
|
|
|
|
|
|
|
|
.sidebar .sidebar-inner p.copyright
|
2016-03-21 18:03:01 +01:00
|
|
|
color: #b6b6b6
|
|
|
|
|
font-size: 12px
|
2016-03-11 23:28:19 +01:00
|
|
|
|
|
|
|
|
@media (max-width: 1100px)
|
2016-03-21 18:03:01 +01:00
|
|
|
.sidebar .sidebar-inner
|
|
|
|
|
padding: 35px 20px 0
|
|
|
|
|
.sidebar
|
|
|
|
|
lost-column: 2/4
|
2016-03-11 23:28:19 +01:00
|
|
|
|
|
|
|
|
@media (max-width: 900px)
|
2016-03-21 18:03:01 +01:00
|
|
|
.sidebar
|
|
|
|
|
lost-column: 5/12
|
|
|
|
|
.sidebar .sidebar-inner
|
|
|
|
|
padding: 30px 20px 0
|
2016-03-11 23:28:19 +01:00
|
|
|
|
|
|
|
|
@media (max-width: 500px)
|
2016-03-21 18:03:01 +01:00
|
|
|
.sidebar
|
|
|
|
|
lost-column: 4/4
|
|
|
|
|
.sidebar .sidebar-inner
|
|
|
|
|
padding: 25px 20px 0
|
|
|
|
|
.sidebar .sidebar-inner:after
|
|
|
|
|
display: none
|
