diff options
author | Daisuke KONISHI <skydai1151@gmail.com> | 2018-06-23 18:21:41 +0300 |
---|---|---|
committer | Daisuke KONISHI <skydai1151@gmail.com> | 2018-06-23 18:21:41 +0300 |
commit | e4e48dafca3c365c8a9c3c5cc5d62cf8660d56dc (patch) | |
tree | ca95b7543349adb281dc79e28d7d893d16891eaf /static | |
parent | 700d4833d183bfe72563a487ed6c04f059cca9d9 (diff) |
add menus
Diffstat (limited to 'static')
-rw-r--r-- | static/css/application.css | 33 |
1 files changed, 30 insertions, 3 deletions
diff --git a/static/css/application.css b/static/css/application.css index bdae20d..727fb63 100644 --- a/static/css/application.css +++ b/static/css/application.css @@ -40,12 +40,12 @@ button { /** * */ -.c-global-footer__inner, .c-global-header__inner, .c-pager__list { +.c-global-footer__inner, .c-pager__list { zoom: 1; } - .c-global-footer__inner:before, .c-global-header__inner:before, .c-pager__list:before, .c-global-footer__inner:after, .c-global-header__inner:after, .c-pager__list:after { + .c-global-footer__inner:before, .c-pager__list:before, .c-global-footer__inner:after, .c-pager__list:after { content: ""; display: table; } - .c-global-footer__inner:after, .c-global-header__inner:after, .c-pager__list:after { + .c-global-footer__inner:after, .c-pager__list:after { clear: both; } .c-global-footer { @@ -54,6 +54,17 @@ button { .c-global-header { padding: 1em 0; } + .c-global-header__inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .c-global-header__primary { + width: 60%; } + .c-global-header__utility { + width: 40%; } .c-main-content { margin-top: 40px; } @@ -112,6 +123,22 @@ button { font-size: 14px; color: #898989; } +.c-footer-nav { + text-align: right; } + .c-footer-nav-item { + display: inline-block; + transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; + color: #494949; } + .c-footer-nav-item:hover { + color: #636363; } + +.c-header-nav-item { + margin-left: 0.4em; + text-decoration: none; + transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } + .c-header-nav-item:hover { + color: #7c7c7c; } + /** * IcoMoon's SVG Icon * |