diff --git a/base/index.html b/base/index.html index d48ec25..8a118f5 100644 --- a/base/index.html +++ b/base/index.html @@ -4,6 +4,11 @@ Newspaper + + + + +
diff --git a/fonts/CloisterBlack.ttf b/fonts/CloisterBlack.ttf new file mode 100644 index 0000000..2216b84 Binary files /dev/null and b/fonts/CloisterBlack.ttf differ diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..dcb480c --- /dev/null +++ b/styles.css @@ -0,0 +1,134 @@ +@font-face { + font-family: 'Cloister Black'; + src: url('./fonts/CloisterBlack.ttf'); +} + +.header__title { + font-family: 'Cloister Black', fantasy; + font-size: 5.31rem; + text-align: center; +} + +.header__info { + text-align: center; +} + +.header__weather-title { + font-family: 'Space Mono', monospace; + font-weight: bold; + font-size: 1.17em; + text-align: center; +} + +.header__weather-text { + text-align: justify; + font-size: 0.8em; + line-height: 1.1; +} + +.sub-header__copyright { + font-size: 0.6em; +} + +.sub-header__number, .sub-header__create-date, +.sub-header__price { + font-weight: bold; +} + +.article__title { + font-family: 'Six Caps', sans-serif; + font-size: 3.2em; + font-weight: bold; +} + +.article__subtitle { + font-family: 'Times New Roman', serif; + text-align: center; + font-size: 1.17em; + font-weight: bold; +} + +.article__author { + font-weight: bold; + font-size: 0.8em; + text-align: center; +} + +.article__content p { + text-indent: 2ch; + font-size: 0.8em; + text-align: justify; + margin: 0; +} + +.main-photo__caption { + text-align: right; + text-transform: uppercase; + font-size: 0.7em; +} + +.main-photo__title { + font-weight: bold; + font-size: 1.17em; +} + +.main-photo__desc { + font-size: 0.8em; +} + +.article__title_font_racing { + font-family: 'Racing Sans One', cursive; + font-size: 2em; + font-weight: bold; +} + +.article__continue { + font-size: 0.8em; + font-style: italic; + text-align: center; +} + +.multicolumn .article__content { + column-count: 2; + column-gap: 15px; + + -webkit-column-count: 2; + -webkit-column-gap: 15px; + + -moz-column-count: 2; + -moz-column-gap: 15px; +} + +.multicolumn .article__author { + column-span: all; + -webkit-column-span: all; + -moz-column-span: all; +} + +.multicolumn .article__content span { + column-span: all; + -webkit-column-span: all; + -moz-column-span: all; +} + +.article__add-text { + text-align: justify; + text-indent: 2ch; + font-size: 0.8em; + font-style: italic; +} + +.article__title_font_farsan { + font-family: 'Farsan', cursive; + font-size: 2.3em; + font-weight: bold; +} + +.article__image-caption { + font-size: 0.8rem; + text-decoration: underline; +} + +.article__subtitle ~ .article__subtitle { + font-size: 1em; +}