diff --git a/assets/css/page-style.css b/assets/css/page-style.css index 3a16562..371ec79 100644 --- a/assets/css/page-style.css +++ b/assets/css/page-style.css @@ -6,7 +6,7 @@ html, body { } .navbar { - padding-top: 30px; + padding-top: 20px; } h1 { @@ -69,16 +69,6 @@ h1 { padding-bottom: 20px; } -ul { - list-style-type: none; - padding: 0; - margin: 0; -} - -li { - padding: 16px; -} - /* COLORED TEXT SELECTION */ ::selection { color: #2d0670; @@ -112,7 +102,6 @@ li { } .navbar a { font-size: 10px; - padding: 4px; } li { padding: 5px; @@ -137,7 +126,6 @@ li { } .navbar a { font-size: 11px; - padding: 8px; } li { padding: 6px; @@ -162,7 +150,6 @@ li { } .navbar a { font-size: 16px; - padding: 8px; } li { padding: 8px; @@ -187,7 +174,6 @@ li { } .navbar a { font-size: 21px; - padding: 8px; } li { padding: 10px; @@ -209,7 +195,6 @@ li { } .navbar a { font-size: 26px; - padding: 8px; } li { padding: 13px; diff --git a/assets/css/screen.css b/assets/css/screen.css index 2558bc8..a8201fe 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -49,7 +49,6 @@ h4 { a { text-decoration: none; color: paleturquoise; - position: relative; } .nav { @@ -64,6 +63,8 @@ a { text-transform: uppercase; text-decoration: none; overflow: hidden; + + /* Disable text selection */ -moz-user-select: none; -webkis-user-select: none; -ms-user-select: none; @@ -71,20 +72,19 @@ a { -o-user-select: none; } -.navbar a { - color: white; +.navbar li { + display: inline-block; } - -.navbar ul li { +.navbar a { color: white; text-align: center; text-decoration: none; - padding: 14px; font-size: 30px; font-family: 'Oswald', sans-serif; font-weight: 300; - display: inline; + margin: 0; + padding: 10px; } .navbar li.nav-services { @@ -101,67 +101,68 @@ a { /* todo: this makes the page a little bit higher & larger, adding bars. fix it */ .mind-policy-popup { - display: none; /*Hidden, we want to show it via JavaScript */ + display: none; /*Hidden, we want to show it via JavaScript */ - /* Theming */ - background: #151515; - color: white; - border-radius: 3px; - padding: 10px; - font-size: 25px; - box-sizing: border-box; - box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.2); + /* Theming */ + background: #151515; + color: white; + border-radius: 3px; + padding: 10px; + font-size: 25px; + box-sizing: border-box; + box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.2); - /* Disable text highlighting */ - -moz-user-select: none; - -webkis-user-select: none; - -ms-user-select: none; - user-select: none; - -o-user-select: none; + /* Disable text highlighting */ + user-select: none; + -moz-user-select: none; + -webkis-user-select: none; + -ms-user-select: none; + -o-user-select: none; - /* Size */ - width: 600px; - overflow: hidden; + /* Size */ + width: 600px; + overflow: hidden; - /* Positioning */ - position: fixed; - left: 50px; - bottom: 75px; - z-index: 2; + /* Positioning */ + position: fixed; + left: 50px; + bottom: 75px; + z-index: 2; } .mind-policy-popup p { - font-family: 'Montserrat', sans-serif; - font-weight: 200; - color: white; - font-size: 13px; - padding: 0 20px; + font-family: 'Montserrat', sans-serif; + font-weight: 200; + color: white; + font-size: 13px; + padding: 0 20px; } .mind-policy-popup button { - font-family: 'Montserrat', sans-serif; - font-weight: 800; - font-size: 13px; + font-family: 'Montserrat', sans-serif; + font-weight: 800; + font-size: 13px; - transition-duration: 0.4s; - border-radius: 3px; - background-color: #484848; - border: none; - cursor: pointer; - color: white; - padding: 15px 30px; - text-align: center; - margin: 20px; - float: right; + transition-duration: 0.4s; + border-radius: 3px; + background-color: #484848; + border: none; + cursor: pointer; + color: white; + padding: 15px 30px; + text-align: center; + margin: 20px; + float: right; } .mind-policy-popup button:hover { - background-color: #44277a; + background-color: #44277a; } /* End policy popup */ +/* Begin Ghost mandatory CSS */ .kg-width-wide { } @@ -221,35 +222,37 @@ a { .kg-bookmark-thumbnail { } +/* End Ghost mandatory CSS */ + /* Begin media queries for elements size */ @media (min-width: 0px) and (max-width:200px) { - h4 { - font-size: 8px; - } + h4 { + font-size: 8px; + } - .mind-policy-popup { - /* centered */ - left: 5px; - width: 100px; - bottom: 50px; - } + .mind-policy-popup { + /* centered */ + left: 5px; + width: 100px; + bottom: 50px; + } - .mind-policy-popup h4 { - padding: 15px 15px; - } + .mind-policy-popup h4 { + padding: 15px 15px; + } - .mind-policy-popup p { - font-size: 7px; - padding: 0 15px; - margin: 0; - } + .mind-policy-popup p { + font-size: 7px; + padding: 0 15px; + margin: 0; + } - .mind-policy-popup button { - font-size:7px; - margin: 10px; - padding: 5px 8px; - } + .mind-policy-popup button { + font-size:7px; + margin: 10px; + padding: 5px 8px; + } } @media (min-width: 200px) and (max-width: 300px) { @@ -258,13 +261,13 @@ a { font-size: 10px; } - .mind-policy-popup { - /* centered */ - left: 50%; - margin-left: -100px; /* this has to be half the width */ - width: 200px; - bottom: 50px; - } + .mind-policy-popup { + /* centered */ + left: 50%; + margin-left: -100px; /* this has to be half the width */ + width: 200px; + bottom: 50px; + } .mind-policy-popup h4 { padding: 15px 15px; @@ -278,8 +281,8 @@ a { .mind-policy-popup button { font-size: 8px; - margin: 10px; - padding: 10px 15px; + margin: 10px; + padding: 10px 15px; } } @@ -308,7 +311,7 @@ a { .mind-policy-popup button { font-size: 8px; margin: 10px; - padding: 10px 15px; + padding: 10px 15px; } } @@ -337,7 +340,7 @@ a { .mind-policy-popup button { font-size: 10px; margin: 10px; - padding: 10px 15px; + padding: 10px 15px; } } diff --git a/default.hbs b/default.hbs index a34cf32..cd920d0 100644 --- a/default.hbs +++ b/default.hbs @@ -6,6 +6,13 @@ + + + + + + + {{#is "post, page"}} @@ -22,11 +29,6 @@ {{/is}} - - - - - {{ghost_head}} {{!-- Outputs important meta data and settings, should always be in --}} diff --git a/index.hbs b/index.hbs index 1c38abe..5b3ebfa 100644 --- a/index.hbs +++ b/index.hbs @@ -7,7 +7,12 @@ - + {{#post}} +
+ {{content}} +
+ {{/post}} +