diff --git a/base/fonts/TrueGothicCyr.eot b/base/fonts/TrueGothicCyr.eot new file mode 100644 index 0000000..0ce6b44 Binary files /dev/null and b/base/fonts/TrueGothicCyr.eot differ diff --git a/base/fonts/TrueGothicCyr.ttf b/base/fonts/TrueGothicCyr.ttf new file mode 100644 index 0000000..d5ca319 Binary files /dev/null and b/base/fonts/TrueGothicCyr.ttf differ diff --git a/base/fonts/TrueGothicCyr.woff b/base/fonts/TrueGothicCyr.woff new file mode 100644 index 0000000..626e987 Binary files /dev/null and b/base/fonts/TrueGothicCyr.woff differ diff --git a/base/index.css b/base/index.css index bdc047f..c6a68fa 100644 --- a/base/index.css +++ b/base/index.css @@ -1,4 +1,18 @@ /*Ссылка на шрифты кроме основного 'https://fonts.googleapis.com/css?family=Farsan|Hind+Siliguri|Racing+Sans+One|Six+Caps|Space+Mono:700'*/ +@import url('https://fonts.googleapis.com/css?family=Farsan|Hind+Siliguri|Racing+Sans+One|Six+Caps|Space+Mono:700'); + +@font-face { + font-family: 'True Gothic Cyr'; + src: url('fonts/TrueGothicCyr.eot'); + src: local('True Gothic Cyr'), local('TrueGothicCyr'), + url('fonts/TrueGothicCyr.eot?#iefix') format('embedded-opentype'), + url('fonts/TrueGothicCyr.woff') format('woff'), + url('fonts/TrueGothicCyr.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + + body { width: 1200px; @@ -28,6 +42,7 @@ body padding: 25px 10px; border: 1px solid; + text-align: center; } .header__weather @@ -40,11 +55,18 @@ body .header__weather-title { margin: 0; + font-family: 'Space Mono', monospace; + font-weight: 700; + font-size: 117%; + text-align: center; } .header__weather-text { margin: 0; + text-align: justify; + font-size: 80%; + line-height: 110%; } .header__title @@ -52,6 +74,11 @@ body overflow: visible; margin: 0; + font-family: 'True Gothic Cyr', serif; + float: left; + font-size: 570%; + padding-left: 15px; + } @@ -69,6 +96,7 @@ body display: inline-block; margin: 0 30px; + font-size: 60%; } .sub-header__price @@ -81,6 +109,7 @@ body .content { display: flex; + } /*––––––––––––––––––Блок статьи–––––––––––––––––––––*/ @@ -88,6 +117,9 @@ body { margin-top: 0; margin-bottom: 10px; + font-family: 'Six Caps', sans-serif; + font-size: 320%; + font-weight: bold; } .article__help @@ -101,6 +133,10 @@ body { margin-top: 10px; margin-bottom: 4px; + text-align: justify; + text-indent: 2em; + font-size: 80%; + font-style: oblique; } .article__author @@ -108,11 +144,24 @@ body display: block; margin-top: 10px; + font-weight: bold; + font-size: 80%; + text-align: center; +} + +.article__content { + text-align: justify; + text-indent: 2em; + font-size: 80%; + } .article__continue { display: block; + font-size: 80%; + font-style: oblique; + text-align: center; } .article__image @@ -121,6 +170,11 @@ body text-indent: 0; } +.article__image-caption { + font-size: 0.8rem; + text-decoration: underline; +} + .article__image.article__image_align_right { float: right; @@ -131,6 +185,22 @@ body .article__subtitle { margin: 10px 0; + font-family: 'Times New Roman', serif; + text-align: center; + font-size: 117%; + font-weight: bold; +} + +.article__title_font_racing { + font-family: 'Racing Sans One', cursive; + font-size: 200%; + font-weight: bold; +} + +.article__title_font_farsan { + font-family: 'Farsan', cursive; + font-size: 230%; + font-weight: bold; } /*––––––––––––––––––Блок главной фотографии–––––––––*/ @@ -152,6 +222,13 @@ body .main-photo__desc { margin-bottom: 20px; + font-size: 80%; +} + +.main-photo__caption { + font-size: 0.7rem; + text-transform: uppercase; + text-align: right; } /*––––––––––––––––––Линия разделения––––––––––––––––*/ @@ -222,6 +299,29 @@ body flex-grow: 2; } +.multicolumn .article__content { + -webkit-column-count: 2; + -webkit-column-gap: 15px; + -moz-column-count: 2; + -moz-column-gap: 15px; + column-count: 2; + column-gap: 15px; + + +} + +.multicolumn .article__author { + -webkit-column-span: all; + -moz-column-span: all; + column-span: all; +} + +.multicolumn .article__continue { + -webkit-column-span: all; + -moz-column-span: all; + column-span: all; +} + /*––––––––––––––––––Второстепенные колонки газеты––––––––––––––––––*/ .left-column {