diff --git a/starter/03-CSS-Fundamentals/css/style.css b/starter/03-CSS-Fundamentals/css/style.css new file mode 100644 index 000000000..751d4b6ac --- /dev/null +++ b/starter/03-CSS-Fundamentals/css/style.css @@ -0,0 +1,111 @@ +h1, +h2, +h3, +h4, +p, +li { + font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; + color: #444; +} + +h1, +h2, +h3 { + color: #1098ad; +} + +h1 { + font-size: 26px; + text-transform: uppercase; + font-style: italic; +} + +h2 { + font-size: 40px; +} + +h3 { + font-size: 30px; +} + +h4 { + font-size: 20px; + text-transform: uppercase; + text-align: center; +} + +p { + font-size: 22px; + line-height: 1.5; +} + +li { + font-size: 20px; +} + +/* footer p { + font-size: 16px; + text-align: center; +} */ + +#copyright { + font-size: 16px; + text-align: center; +} + +#author { + font-style: italic; + font-size: 18px; +} + +.related-author { + font-style: italic; + font-weight: bold; + font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif; + font-size: 18px; +} + +.related { + list-style: none; +} + +.main-header { + background-color: #f7f7f7; +} + +aside { + background-color: #f7f7f7; + border-top: 5px solid #1098ad; + border-bottom: 5px solid #1098ad; +} + +.border { + border-bottom: 5px solid #3a3b3b; +} + +li:first-child { + font-weight: bold; +} + +li:last-child { + font-style: italic; +} + +li:nth-child(even) { + /* color: red; */ +} + +/* Style Hyperlinks */ +a:link { + color: #1098ad; + text-decoration: none; +} + +a:visited { + color: #1098ad; +} + +a:hover { + color: orangered; + font-weight: bold; +} diff --git a/starter/03-CSS-Fundamentals/index.html b/starter/03-CSS-Fundamentals/index.html index df8a623a8..e89ee3824 100644 --- a/starter/03-CSS-Fundamentals/index.html +++ b/starter/03-CSS-Fundamentals/index.html @@ -2,20 +2,12 @@ + The Basic Language of the Web: HTML - - -
+

📘 The Code Magazine