From d92b0282e158a4ed8b00385881a8d8fbad5485b4 Mon Sep 17 00:00:00 2001 From: Azzerraya Date: Tue, 28 Aug 2018 09:24:16 -0400 Subject: [PATCH 1/2] updated stylesheet --- style | 1 + 1 file changed, 1 insertion(+) create mode 100644 style diff --git a/style b/style new file mode 100644 index 0000000..4988447 --- /dev/null +++ b/style @@ -0,0 +1 @@ +# css From 7e3543e2622738dab40bc47b9804e86356b78057 Mon Sep 17 00:00:00 2001 From: Azzerraya Date: Tue, 28 Aug 2018 09:48:18 -0400 Subject: [PATCH 2/2] update html --- css/style.css | 80 ++++++++++++++++++++++++++++++++++++++++++++++++++- index.html | 4 +-- style | 1 - 3 files changed, 81 insertions(+), 4 deletions(-) delete mode 100644 style diff --git a/css/style.css b/css/style.css index 4e13243..88bd1f7 100644 --- a/css/style.css +++ b/css/style.css @@ -1,6 +1,8 @@ body { - background-color: #ff0000; + background-color: rgba(196, 209, 219,.5); color: #0000FF; + font-size: 100%; + line-height: 1.5em; } nav { @@ -50,3 +52,79 @@ article { margin: 0 auto; width: 50%; } +header {/*Entire header elemeny*/ + display: table; + table-layout: fixed; + line-height: 1.5em; + font-weight: 300; + text-align: center; +} + +figure { + display: block; + white-space: nowrap; + overflow: hidden; +} +figure img { /*Image of Aaron Draplin and Chris Courtney*/ + max-width: 100%; + height: auto; + margin-bottom: 10px; + } + +figure figcaption {/*Caption under image*/ + font-size:14px; + font-weight: 200; + color: black; + margin-bottom: 10px; + +} + +h1 {/*Title of blog*/ + font-size: 36px; + font-weight: 500; + text-transform: capitalize; + margin-top: 10px; + margin-bottom: 20px; + line-height: 1em; +} + +h3 {/*Introduction*/ + font-size: 17px; + font-weight:500; + text-align: left; + line-height: 1.5em; + color: black; + margin-bottom: 5px; +} + +a {/*nav links*/ + text-decoration: none; + font-weight: bold; +} + +a:visited { + color:#0070BA; + } /* visited */ + +a:hover { + color:#0070BC; + } /* mouse over */ + +.author {/*Author name*/ + text-align: left; + margin-bottom: 10px; + font-weight: 300; +} +.story-text {/*Container for the text*/ + background-color: white; + padding: 30px; + line-height: 2em; + margin-bottom: 30px; + overflow: hidden; +} + p {/*Text within container*/ + font-size: 18px; + font-weight: 300; + margin-bottom: 10px; + color: black; + } diff --git a/index.html b/index.html index 775fab8..bd86c2f 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@