diff options
| -rw-r--r-- | app/views/partials/navigator.php | 25 | ||||
| -rw-r--r-- | public/css/tdro-dark.css | 9 | ||||
| -rw-r--r-- | public/css/tdro.css | 33 |
3 files changed, 22 insertions, 45 deletions
diff --git a/app/views/partials/navigator.php b/app/views/partials/navigator.php index c475439..f7b92ad 100644 --- a/app/views/partials/navigator.php +++ b/app/views/partials/navigator.php @@ -93,49 +93,45 @@ <div class="navbar__left column"> <a title="Go to Website Repository" href="https://www.thedroneely.com/git/explore/repos" - class="brand__custom is-inline-block"> - Git Repo + class="navbar-item item__box button is-inline-flex"> + <?php echo file_get_contents( + $_SERVER['DOCUMENT_ROOT'] + . '/..' . '/public/css/fonts/feather-icons/git-pull-request.svg' + ) ?> + <span>Repo</span> </a> - <div class="navbar__separator is-inline-block"></div> - - <div class ="is-inline-block theme-toggle"> - <form method="get" + <form class="is-inline" method="get" action="<?php echo $_SERVER['REQUEST_URI']; ?>"> <?php if ($theme->color() === 'dark') { ?> <button title="Switch to Light Theme" - class="theme-toggle-button button is-text" + class="navbar-item button item__box is-inline-flex" name="theme" type="submit" value="light"> - <span class="theme-toggle-sun"> <?php echo file_get_contents( $_SERVER['DOCUMENT_ROOT'] . '/..' . '/public/css/fonts/feather-icons/sun.svg' ) ?> - </span> <?php } else { ?> <button title="Switch to Dark Theme" - class="theme-toggle-button button is-text" + class="navbar-item button item__box is-inline-flex" name="theme" type="submit" value="dark"> - <span class="theme-toggle-moon"> <?php echo file_get_contents( $_SERVER['DOCUMENT_ROOT'] . '/..' . '/public/css/fonts/feather-icons/moon.svg' ) ?> - </span> <?php } ?> </button> </form> - </div> </div> @@ -147,8 +143,7 @@ <div class="navbar__right column"> <a title="Coffee" href ="https://ko-fi.com/thedroneely" - class="navbar-item coffee button is-success - is-outlined is-inline-flex"> + class="navbar-item item__box button is-inline-flex"> <?php echo file_get_contents( $_SERVER['DOCUMENT_ROOT'] . '/..' . '/public/css/fonts/feather-icons/coffee.svg' diff --git a/public/css/tdro-dark.css b/public/css/tdro-dark.css index c66630e..ec4e4ff 100644 --- a/public/css/tdro-dark.css +++ b/public/css/tdro-dark.css @@ -2,7 +2,7 @@ html { background-color: #001f2c; } a { color: #75b2f0; } -a.navbar-item:hover { color: #fff; } +a.navbar-item:hover { color: #fff !important; } img { box-shadow: none; } body, .serif > a { color: #cad6e2 } .article__list li:hover { background-color: #003247; } @@ -16,12 +16,13 @@ body, .serif > a { color: #cad6e2 } .has-text-primary { color: #a6c9e8 !important; } .footer a { color: #bbb; border-bottom: 1px solid #999; } .footer { padding: 1.5rem; } -.navbar { background-color: #001f2c; background-color: rgba(0, 31, 44, 0.95); box-shadow: 0 4px 12px 0 #111; } +.navbar { background-color: #001f2c; background-color: rgba(0, 31, 44, 0.95); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25); } .title, .content h1, .content h2, .content h3 { color: #ffffff; } .button.is-link.is-outlined, .button.is-success.is-outlined { border-color: #cad6e2; color: #cad6e2; border-width: 1px; } .input, .textarea { background-color: #002e42; border-color: transparent; color: white; } -.brand__custom { background-color: white; color: black; } .page__tags { background-color: #75b2f0; color: #212121; } +.item__box { background-color: #002e42; } +.item__box:hover svg { color: #fff; } .message__success { background-color: #55a1ec; border: 1px solid #1259a1; color: black; } .pagination-link.is-current { background-color: #75b2f0; border-color: #75b2f0; color: #212121 !important; } .pagination-previous, .pagination-next, .pagination-link { border-color: #002e42; color: #cad6e2; min-width: 2.25em; } @@ -31,7 +32,7 @@ body, .serif > a { color: #cad6e2 } @media screen and (min-width: 1088px) { .navbar__active { border-bottom: 2px solid #75b2f0 !important; color: white !important; } } @media screen and (min-width: 1088px) { a.navbar-item:hover { border-bottom: 2px solid #75b2f0; } } @media screen and (max-width: 1087px) { .navbar-end { background-color: #002e42; } } -@media screen and (max-width: 1087px) { .theme-toggle-button { color: #cad6e2; } .theme-toggle-button:hover { background-color: #4698ea; color: #fff; } } +@media screen and (max-width: 1087px) { .theme-toggle-button { color: #cad6e2; } } #isso-thread > h4 { color: #b7c7d7; } #isso-thread .textarea.placeholder { color: #cad6e2; } .isso-postbox > .form-wrapper > .auth-section .input-wrapper input { background-color: #002e42; color: white; } diff --git a/public/css/tdro.css b/public/css/tdro.css index 0653511..1036240 100644 --- a/public/css/tdro.css +++ b/public/css/tdro.css @@ -4458,7 +4458,6 @@ a code { color: #0147b7; } .navbar-end .navbar__item { padding: 0.65em 1em; margin: 0; } @media screen and (max-width: 1087px) { - .theme-toggle-button:hover { background-color: #bbdbee; color: black; } .navbar-menu { padding: 0 !important; } .navbar { box-shadow: 0 4px 12px 0 rgba(0,0,0,.1); } .navbar-end { @@ -4497,9 +4496,9 @@ a code { color: #0147b7; } } .navbar__line { margin: 0 12px; } -.navbar__left a { margin-left: -2px; } .navbar__right { text-align: right; } -.navbar__left, .navbar__right { padding-bottom: 0; } +.navbar__middle { text-align: center; } +.navbar__left, .navbar__middle, .navbar__right { padding-bottom: 0; } .navbar__icon { justify-content: center; width: 20%; margin: 0;} .navbar__icon__align { margin-top: -4px; margin-bottom: 3px; } @@ -4513,15 +4512,12 @@ a code { color: #0147b7; } .navbar-end > .navbar__active { font-weight: bold; color: #014cc6; } .navbar-end > a.navbar-item:hover { background-color: #bbdbee; color: black; } -.navbar__separator { border-left: 1px solid #bbb; height: 2.5em; margin-bottom: 6px; vertical-align: middle; } - .error__headerSize { font-size: 8rem; } -.coffee { padding: 0.25rem 1rem; } -.coffee svg { stroke-width: 1.5px; width: 20px; height: 20px; } -.coffee span { padding-left: 10px; } - -.brand__custom { margin: 14px 12px; text-align: center; background-color: #444; color: white; padding: 0 10px; border-radius: 0.25em } +.item__box span { padding-left: 10px; } +.item__box svg { stroke-width: 1.5px; width: 20px; height: 20px; } +.item__box:hover svg, .item__box:focus svg { fill: currentColor; color: #000; } +.item__box { margin-left: 0; margin-right: 0.4em; padding: 0.25rem 1rem; background-color: #eee; border-width: 0; color: #444; border-color: transparent !important; } /* contact form */ @@ -4624,32 +4620,17 @@ a:focus img, .is-success:focus, .is-link:focus { background-color: #ebebeb !important } -/* post tags */ - -.page__tags { - padding: 1px 6px 2px 6px; - border-radius: 6px; - border: 1px solid currentColor; -} - - /* figure */ figure div { height: 0; } figcaption { font-size: 0.9em; margin-top: 1.5em; } -/* theme toggle */ +/* mobile theme toggle button */ -.theme-toggle { vertical-align: middle; } .theme-toggle-button { border-radius: 0; height: 100%; padding: 0 0.35em; width: 100%; font-weight: 400; } -.theme-toggle-sun svg { fill: orange; color: orange; width: 32px; height: 32px; } -.theme-toggle-moon svg { fill: #118fe4; color: blue; width: 32px; height: 32px; } -.theme-toggle-sun:hover svg { color: red; } -.theme-toggle-moon:hover svg { fill: #59b5f3; } @media screen and (max-width: 1087px) { - .theme-toggle-sun svg, .theme-toggle-moon svg { display: inline-block; vertical-align: middle; } .theme-toggle-button { color: black; padding: 0.587em 1em; } } |