diff options
author | Thedro Neely <thedroneely@gmail.com> | 2019-10-18 14:58:21 -0400 |
---|---|---|
committer | Thedro Neely <thedroneely@gmail.com> | 2019-10-18 14:58:21 -0400 |
commit | 011a9c000d9f7d9656ccb22ed3566f245a294f25 (patch) | |
tree | 60700c58674610639cad29a4f7472476df4658d9 /public | |
parent | d00bd9233cf60475482630ec51fae89a1339e4f0 (diff) | |
download | thedroneely.com-011a9c000d9f7d9656ccb22ed3566f245a294f25.tar.gz thedroneely.com-011a9c000d9f7d9656ccb22ed3566f245a294f25.tar.bz2 thedroneely.com-011a9c000d9f7d9656ccb22ed3566f245a294f25.zip |
app/views/partials/navigator: Make navigation items consistent
Diffstat (limited to 'public')
-rw-r--r-- | public/css/tdro-dark.css | 9 | ||||
-rw-r--r-- | public/css/tdro.css | 33 |
2 files changed, 12 insertions, 30 deletions
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; } } |