From 4fdaa3d232c7d46aa2722c94195af00ca5904ac0 Mon Sep 17 00:00:00 2001 From: eniamza Date: Sun, 7 Jun 2020 20:59:04 +0600 Subject: [PATCH] Updated swarm page and styles --- lib/css/Article-Clean.css | 84 +++++++++++++++++++++++++++++++++++++++ lib/css/index.css | 19 ++++----- lib/css/styles.css | 0 swarm/index.html | 78 +++++++++++++++++++++++++----------- 4 files changed, 147 insertions(+), 34 deletions(-) create mode 100644 lib/css/Article-Clean.css create mode 100644 lib/css/styles.css diff --git a/lib/css/Article-Clean.css b/lib/css/Article-Clean.css new file mode 100644 index 0000000..0b21a23 --- /dev/null +++ b/lib/css/Article-Clean.css @@ -0,0 +1,84 @@ +.article-clean { + color: #56585b; + background-color: #fff; + font-family: 'Lora', serif; + font-size: 14px; +} + +.article-clean .intro { + font-size: 16px; + margin: 0 auto 30px; +} + +.article-clean .intro h1 { + font-size: 32px; + margin-bottom: 15px; + padding-top: 20px; + line-height: 1.5; + color: inherit; + margin-top: 20px; +} + +.article-clean .intro p { + color: #929292; + font-size: 12px; +} + +.article-clean .intro p .by { + font-style: italic; +} + +.article-clean .intro p .date { + text-transform: uppercase; + padding: 4px 0 4px 10px; + margin-left: 10px; + border-left: 1px solid #ddd; +} + +.article-clean .intro p a { + color: #333; + text-transform: uppercase; + padding-left: 3px; +} + +.article-clean .intro img { + margin-top: 20px; +} + +.article-clean .text p { + margin-bottom: 20px; + line-height: 1.45; +} + +@media (min-width:768px) { + .article-clean .text p { + font-size: 16px; + } +} + +.article-clean .text h2 { + margin-top: 28px; + margin-bottom: 20px; + line-height: 1.45; + font-size: 16px; + font-weight: bold; + color: #333; +} + +@media (min-width:768px) { + .article-clean .text h2 { + font-size: 20px; + } +} + +.article-clean .text figure { + text-align: center; + margin-top: 30px; + margin-bottom: 20px; +} + +.article-clean .text figure img { + margin-bottom: 12px; + max-width: 100%; +} + diff --git a/lib/css/index.css b/lib/css/index.css index 2f02faf..033d75d 100644 --- a/lib/css/index.css +++ b/lib/css/index.css @@ -1,14 +1,11 @@ -/*Fonts*/ -@font-face { - font-family: 'Oxygen'; - src: url(../fonts/Oxygen/Oxygen-Regular.ttf) format('truetype'); -} -@font-face { - font-family: 'Oxygen, Bold'; - src: url(../fonts/Oxygen/Oxygen-Bold.ttf) format('truetype'); -} -/*/Fonts*/ +/* Fonts */ + +/* /Fonts */ body { font-family: Oxygen; -} \ No newline at end of file +} + +body { +} + diff --git a/lib/css/styles.css b/lib/css/styles.css new file mode 100644 index 0000000..e69de29 diff --git a/swarm/index.html b/swarm/index.html index 848bf74..3d89c33 100644 --- a/swarm/index.html +++ b/swarm/index.html @@ -1,25 +1,19 @@ - + + - - - LBRY Foundation - - - - - - - - - - - - + + + LBRY Foundation + + + + + + - - +