2016-11-10 20:06:09 +03:00
@ font-face {
font-family : 'Merriweather' ;
font-style : normal ;
font-weight : 400 ;
src : url ( '../fonts/merriweather-v13-latin-regular.eot' ) ; /* IE9 Compat Modes */
src : local ( 'Merriweather' ) , local ( 'Merriweather-Regular' ) ,
url ( '../fonts/merriweather-v13-latin-regular.eot?#iefix' ) format ( 'embedded-opentype' ) , /* IE6-IE8 */
url ( '../fonts/merriweather-v13-latin-regular.woff2' ) format ( 'woff2' ) , /* Super Modern Browsers */
url ( '../fonts/merriweather-v13-latin-regular.woff' ) format ( 'woff' ) , /* Modern Browsers */
url ( '../fonts/merriweather-v13-latin-regular.ttf' ) format ( 'truetype' ) , /* Safari, Android, iOS */
url ( '../fonts/merriweather-v13-latin-regular.svg#Merriweather' ) format ( 'svg' ) ; /* Legacy iOS */
}
@ font-face {
font-family : 'Montserrat' ;
font-style : normal ;
font-weight : 400 ;
src : url ( '../fonts/montserrat-v7-latin-regular.eot' ) ; /* IE9 Compat Modes */
src : local ( 'Montserrat-Regular' ) ,
url ( '../fonts/montserrat-v7-latin-regular.eot?#iefix' ) format ( 'embedded-opentype' ) , /* IE6-IE8 */
url ( '../fonts/montserrat-v7-latin-regular.woff2' ) format ( 'woff2' ) , /* Super Modern Browsers */
url ( '../fonts/montserrat-v7-latin-regular.woff' ) format ( 'woff' ) , /* Modern Browsers */
url ( '../fonts/montserrat-v7-latin-regular.ttf' ) format ( 'truetype' ) , /* Safari, Android, iOS */
url ( '../fonts/montserrat-v7-latin-regular.svg#Montserrat' ) format ( 'svg' ) ; /* Legacy iOS */
}
/* ------------------------------------------------------------------------- */
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-09 20:17:59 +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-06 22:09:09 +03:00
2016-11-09 20:17:59 +03:00
. main {
background-color : # fff ;
padding : 20px 0 ;
}
. footer {
border-top : 1px solid # ddd ;
padding : 20px 0 ;
}
. highlight pre {
border : 1px solid # ddd ;
}
. pagination > li > a ,
. pagination > li > span {
color : # 333 ;
}
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
. header h1 {
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-07 11:46:22 +03:00
font-size : 1 . 1em ;
margin : 20px 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-07 11:46:22 +03:00
margin-bottom : 10px ;
}
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
. page-header {
2015-06-15 19:08:48 +03:00
margin-top : 0 ;
}
2016-11-06 22:09:09 +03:00
2016-11-09 20:17:59 +03:00
. teaser h2 {
margin-top : 0 ;
2015-06-15 19:08:48 +03:00
}
2016-11-06 22:09:09 +03:00
. teaser 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-07 10:09:32 +03:00
. teaser header div {
2016-11-06 22:09:09 +03:00
margin-bottom : 10px ;
2015-06-15 19:08:48 +03:00
}
2016-11-06 22:09:09 +03:00
2016-11-09 20:17:59 +03:00
. article > ul ,
. article > ol ,
. article > p ,
. article > blockquote ,
. article > . highlight {
2016-11-07 10:09:32 +03:00
margin : 30px 0 ;
2015-06-15 19:08:48 +03:00
}
2016-11-06 22:09:09 +03:00
2016-11-09 20:17:59 +03:00
. article > h2 {
margin-top : 50px ;
2015-06-15 19:08:48 +03:00
}
2016-11-07 12:24:30 +03:00
2016-11-09 20:17:59 +03:00
. article a {
text-decoration : underline
}
. article header ul {
margin-bottom : 10px ;
}
. article header li {
margin-bottom : 10px ;
}