diff --git a/README.md b/README.md index 7bc2383..bfbc875 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,8 @@ assignment_viking_css_garden ============================ A place for your styling creativity to grow - +Victor Onaopemipo Komolafe +i want to add something else here **NOTE:** *This repo is copyrighted material for your private use only and not to be shared outside of Viking Code School.* diff --git a/anotherReadme.md b/anotherReadme.md new file mode 100644 index 0000000..cbae068 --- /dev/null +++ b/anotherReadme.md @@ -0,0 +1,3 @@ +#Started practicing git again... +lets see how that goes +okay imma add something again \ No newline at end of file diff --git a/assignment_viking_css_garden b/assignment_viking_css_garden new file mode 160000 index 0000000..d6701ea --- /dev/null +++ b/assignment_viking_css_garden @@ -0,0 +1 @@ +Subproject commit d6701eaf6ccfd10e33c3e014d33b259c5f0b88e6 diff --git a/image/maxresdefault.jpg b/image/maxresdefault.jpg new file mode 100644 index 0000000..3b6618d Binary files /dev/null and b/image/maxresdefault.jpg differ diff --git a/image/norse mythology.jpg b/image/norse mythology.jpg new file mode 100644 index 0000000..4b4342f Binary files /dev/null and b/image/norse mythology.jpg differ diff --git a/index.html b/index.html index 3a88ff2..5c89063 100644 --- a/index.html +++ b/index.html @@ -3,14 +3,14 @@ - - Viking CSS Garden - - - + + + Viking CSS Garden + +

Viking CSS Garden

A place for your styling creativity to grow

@@ -77,4 +77,3 @@

Other Gardens

- diff --git a/practice1 b/practice1 new file mode 160000 index 0000000..78f023f --- /dev/null +++ b/practice1 @@ -0,0 +1 @@ +Subproject commit 78f023f85dc4e8772d9d2faa5da8211ab8e896f7 diff --git a/style.css b/style.css index 64192bc..dbe77e9 100644 --- a/style.css +++ b/style.css @@ -1,10 +1,118 @@ -/* ----------------------------------- * - * Your Styles Here - * ----------------------------------- */ - + /* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + body { + font-family: Courgette fantasy sans-serif helvetica; + font-size: 18px; margin-bottom: 0%; margin-top: 0.2em;background-image: url(image/maxresdefault.jpg);background-repeat: no-repeat; + background-size: cover; background-position: center; + } +#main-header{ + background: rgb(7, 1, 43); + color: rgb(231, 229, 235); text-align: center; + margin: 0%; padding: 0%; border-radius: 15px; box-sizing: border-box;height:5em; + +} +.site-title{ +font-style: fantasy; font-size: 45px;text-indent: 20px; font-weight: bolder; text-transform:uppercase; padding:5px 5px 3px 5px; margin: 20px 20px 0px 20px;border-radius: 15px; +background-color: rgba(108, 223, 214, 0.603); +float: left; +} +.tagline{ + font-style: italic; font-size:20px; color: rgb(241, 244, 248);border-bottom: 3px solid black; border-bottom-width: 3px; margin:20px; + float: right;position: relative; +} +#main-content{ + width: 80%;margin-top: 20px;background-color: rgba(85, 130, 141, 0.404);border-radius:15px;clear: both; + } + h2.section-title{ + font-style: helvetica; font-size: 1.5em; text-align: left; color: rgb(246, 248, 147); margin:10px 20px 5px 20px;padding:7px 20px 5px 20px; + display: block;font-weight: bold; + + } + .section-content{ + width:100%; + } + p { + color:rgb(10, 10, 0); line-height: 1.6em; padding: 4px 7px 4px 7px;margin-left:1.5em;margin-right:1.5em;background-color: rgba(225, 226, 233, 0.308);border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; + font-size:25px; + } + a:link{ + color: deepskyblue; + } + +h1.site-title:hover{ + color: rgb(4, 4, 68) +} +#sidebar{ + width: 100; margin: auto;background-color: rgba(48, 32, 94, 0.822);position: absolute; top: 13%; left: 80%; border-radius: 15px; + } +#sidebar h2.section-title { +color: black; color: rgb(218, 165, 32); font-style: italic; +} + +.nav-links{ + margin: 0; + padding: 0; + list-style: none; + +} +.nav-link-list-item { + display: block;box-sizing: border-box; + margin: 50px 50px 80px 50px; padding: 0px 50px 0px 10px; font-size: 24px; +} +a:visited{ + color: brown; + } + a:hover{ + color: antiquewhite; + } \ No newline at end of file