2016-11-09 20:17:59 +03:00
:: selection {
2016-11-11 15:35:32 +03:00
background : # 0085a1 ;
2016-11-09 20:17:59 +03:00
color : # fff ;
text-shadow : none ;
}
2016-11-06 22:09:09 +03:00
body {
background-color : # f5f5f5 ;
2016-11-10 20:06:09 +03:00
font-family : Merriweather , Georgia , serif ;
2016-11-09 20:17:59 +03:00
font-size : 16px ;
2016-11-11 15:35:32 +03:00
line-height : 1 . 5 ;
2015-06-15 19:08:48 +03:00
}
2016-11-06 22:09:09 +03:00
2016-11-07 10:09:32 +03:00
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 {
2016-11-10 20:06:09 +03:00
font-family : Montserrat , 'Helvetica Neue' , sans-serif ;
2016-11-30 21:46:02 +03:00
font-weight : bold ;
2015-06-15 19:08:48 +03:00
}
2016-11-06 22:09:09 +03:00
2016-11-09 20:17:59 +03:00
a {
2016-11-07 10:09:32 +03:00
color : # 333 ;
}
a : focus ,
a : hover {
2016-11-09 20:17:59 +03:00
color : # 0085a1
}
blockquote {
color : # 777 ;
font-style : italic
}
/* ------------------------------------------------------------------------- */
. container {
max-width : 970px ;
2016-11-07 10:09:32 +03:00
}
2015-06-15 19:08:48 +03:00
. header {
border-bottom : 1px solid # ddd ;
2016-11-16 15:17:40 +03:00
padding-bottom : 10px ;
2015-06-15 19:08:48 +03:00
}
2016-11-06 22:09:09 +03:00
2016-11-07 11:46:22 +03:00
. header img {
margin : 20px 0 ;
2015-06-15 19:08:48 +03:00
}
2016-11-06 22:09:09 +03:00
2016-11-30 21:46:02 +03:00
. header . title {
2016-11-07 11:46:22 +03:00
font-size : 3em ;
2015-06-15 19:08:48 +03:00
}
2016-11-06 22:09:09 +03:00
. header p {
2016-11-16 15:17:40 +03:00
margin-top : 20px ;
2016-11-07 11:46:22 +03:00
}
2016-11-29 14:54:27 +03:00
. header hr {
border-color : # ddd ;
margin : 15px 0 ;
}
2016-11-08 08:21:37 +03:00
. header ul {
2016-11-10 20:06:09 +03:00
font-family : Montserrat , 'Helvetica Neue' , sans-serif ;
2016-11-29 14:54:27 +03:00
font-size : 1 . 1em ;
2016-11-16 15:17:40 +03:00
margin-bottom : 0 ;
2016-11-29 14:54:27 +03:00
text-transform : lowercase ;
2016-11-07 11:46:22 +03:00
}
2016-11-09 20:17:59 +03:00
. header li {
2016-11-07 11:46:22 +03:00
margin-bottom : 10px ;
2015-06-15 19:08:48 +03:00
}
2016-11-06 22:09:09 +03:00
2016-11-29 14:54:27 +03:00
. main {
background-color : # fff ;
padding : 20px 0 ;
}
. footer {
border-top : 1px solid # ddd ;
padding : 20px 0 ;
}
. footer ul {
margin-bottom : 0 ;
}
2016-11-06 22:09:09 +03:00
. page-header {
2015-06-15 19:08:48 +03:00
margin-top : 0 ;
}
2016-11-06 22:09:09 +03:00
2016-11-29 14:54:27 +03:00
. page-header h1 {
line-height : 1 . 3 ;
}
. pagination > li > a ,
. pagination > li > span {
color : # 333 ;
}
. highlight pre {
border : 1px solid # ddd ;
}
2016-11-30 21:46:02 +03:00
. teaser header ul {
list-style : none ;
padding-left : 0 ;
}
. teaser header li {
margin-bottom : 10px ;
}
. teaser . title {
2016-11-09 20:17:59 +03:00
margin-top : 0 ;
2016-11-29 14:54:27 +03:00
line-height : 1 . 3 ;
2015-06-15 19:08:48 +03:00
}
2016-11-06 22:09:09 +03:00
2016-11-30 21:46:02 +03:00
. teaser . content p {
2016-11-09 20:17:59 +03:00
margin-bottom : 0 ;
2015-06-15 19:08:48 +03:00
}
2016-11-06 22:09:09 +03:00
2016-11-30 21:46:02 +03:00
. article header ul {
margin-bottom : 0 ;
2015-06-15 19:08:48 +03:00
}
2016-11-06 22:09:09 +03:00
2016-11-30 21:46:02 +03:00
. article header li {
margin-bottom : 10px ;
2015-06-15 19:08:48 +03:00
}
2016-11-06 22:09:09 +03:00
2016-11-30 21:46:02 +03:00
. article . content p {
margin : 25px 0 ;
2015-06-15 19:08:48 +03:00
}
2016-11-07 12:24:30 +03:00
2016-11-30 21:46:02 +03:00
. article . content a {
2016-11-09 20:17:59 +03:00
text-decoration : underline
}
2016-11-30 21:46:02 +03:00
@ media ( max-width : 768px ) {
. teaser header ul {
margin-left : -5px ;
}
2016-11-09 20:17:59 +03:00
2016-11-30 21:46:02 +03:00
. teaser header li {
display : inline-block ;
padding-right : 5px ;
padding-left : 5px ;
}
2016-11-09 20:17:59 +03:00
}