diff --git a/assets/css/blog.css b/assets/css/blog.css index 3298eda..87ad94c 100644 --- a/assets/css/blog.css +++ b/assets/css/blog.css @@ -95,7 +95,8 @@ header ~ * { } header ul li { all: unset; - display: block; + display: flex; + flex-direction: column; text-decoration: none; } header ul li a { @@ -180,3 +181,15 @@ blockquote { padding-left: 3em; border-left: 0.5em #EEE solid; } +.footer { + margin-left: 15rem; + padding: 1rem; + background-color: #333333; + color: #e9eaed; +} + +.footer a { + font-family: 'open_sansbold'; + font-weight: bold; + color: #e9eaed; +} diff --git a/assets/css/docs.css b/assets/css/docs.css deleted file mode 100644 index 19311ad..0000000 --- a/assets/css/docs.css +++ /dev/null @@ -1,133 +0,0 @@ -/* - * -- BASE STYLES -- - * Most of these are inherited from Base, but I want to change a few. - */ - -@media screen and (max-width: 900px) { - header { - all: unset !important; - z-index: 1 !important; - position: fixed; - top: 0; - left: 0; - width: 100%; - } - .home-menu { - height: min-content !important; - } - .sidebar { - all: unset; - background-color: #221E22; - - display: block; - box-sizing: border-box; - width: 100%; - height: min-content !important; - margin-bottom: 1rem; - } - .content-wrapper, - #template-wrapper { - margin-left: unset !important; - padding: 0 1rem 0 1rem !important; - } - .footer { - margin-left: inherit !important;; - } -} - -body, html { - display: flex; - flex-direction: column; - line-height: 1.4em; -} -#title{display:none;} - -/* - * -- HEADER -- - */ -header { - /* maximum z-index found */ - all: unset; - box-sizing: border-box; - position: fixed; - - background-color: #221E22; - - width: 15rem; - height: 100vh; - - top: 0; - left: 0; - - -webkit-box-shadow: 2px 5px 16px 0px rgba(34, 30, 34, 0.4), 17px 26px 15px 0px rgba(0,0,0,0); - box-shadow: 2px 5px 16px 0px rgba(34, 30, 34, 0.4), 17px 26px 15px 0px rgba(0,0,0,0); -} -header * { - margin: 0; -} -header ul li { - all: unset; - display: block; - text-decoration: none; -} -header ul li a { - margin: 0; -} - -.home-menu { - font-size: 1.25rem; - font-weight: bold; - - max-height: 3rem; - - display: flex; - align-items: center; - flex-direction: column; - justify-content: space-between; - background: #a22430; - padding: 1rem; -} - -.menu-heading { - font-size: inherit; - display: flex; - align-items: center; - color: #F6F4F6; -} -.menu-heading img { - height: 1em; - margin-right: 4px; -} -.menu-link { - color: #F6F4F6; - margin-left: 1rem; -} -.menu-link:hover, .menu-link:focus { - color: #C8BCC8; - transition: 500ms ease-in-out; -} - -.sidebar { - padding: 1rem; -} - -.content-wrapper, -#template-wrapper { - margin-left: 15rem; - padding: 1rem !important; -} -.content-wrapper { - padding-top: 2rem; -} -.footer { - margin-left: 15rem; - padding: 1rem; - background-color: #333333; - color: #e9eaed; -} - -.footer a { - font-family: 'open_sansbold'; - font-weight: bold; - color: #e9eaed; -} diff --git a/assets/css/style.css b/assets/css/style.css index 6cd4f03..f2531f2 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -107,7 +107,7 @@ header * { font-size: 1rem !important; } .splash-head { - font-size: 3rem !important; + font-size: 2rem !important; } .splash-head img { height: 3rem !important; @@ -117,11 +117,14 @@ header * { .ribbon-wrapper, .content-team { top: 0 !important; - padding: 3rem !important; + padding: 1.5rem !important; } } @media screen and (max-height: 700px) { + header { + font-size: 1.25rem !important; + } .content, .ribbon-wrapper, .content-team { diff --git a/communities/index.php b/communities/index.php index ec6b0a2..0c5c19d 100644 --- a/communities/index.php +++ b/communities/index.php @@ -3,11 +3,11 @@
- +