diff --git a/base/AmaticSC-Regular.ttf b/base/AmaticSC-Regular.ttf new file mode 100644 index 0000000..90b86df Binary files /dev/null and b/base/AmaticSC-Regular.ttf differ diff --git a/base/index.html b/base/index.html index d48ec25..32f015d 100644 --- a/base/index.html +++ b/base/index.html @@ -4,6 +4,11 @@ Newspaper + + + + +
diff --git a/base/style.css b/base/style.css new file mode 100644 index 0000000..a49bdce --- /dev/null +++ b/base/style.css @@ -0,0 +1,125 @@ +@font-face { + font-family: 'AmaticSC-Regular'; + src: url('AmaticSC-Regular.ttf'); +} + +.header__title { + font-family: 'AmaticSC-Regular', 'Bradley Hand', cursive; + font-size: 95px; + 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: 500; +} + +.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; +} + +.multicolumn .article__author { + column-span: all; +} + +.multicolumn .article__content span { + 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; +} \ No newline at end of file