diff options
author | neodarz <neodarz@neodarz.net> | 2017-05-06 22:57:34 +0200 |
---|---|---|
committer | neodarz <neodarz@neodarz.net> | 2017-05-06 22:57:34 +0200 |
commit | e289e8a22f2767e217fd793789892bec4f56effe (patch) | |
tree | 721e4702a59221d437f6f16cfcbb9b7ca8f7b866 /source/css/theme.css | |
parent | 0ebd987d74cd494ed49cc9590269ea57da2a4bf6 (diff) | |
download | my_new_personal_website-e289e8a22f2767e217fd793789892bec4f56effe.tar.xz my_new_personal_website-e289e8a22f2767e217fd793789892bec4f56effe.zip |
Add new right submenu
Diffstat (limited to '')
-rw-r--r-- | source/css/theme.css | 134 |
1 files changed, 77 insertions, 57 deletions
diff --git a/source/css/theme.css b/source/css/theme.css index ca4fe40b..ae2a5179 100644 --- a/source/css/theme.css +++ b/source/css/theme.css @@ -60,6 +60,15 @@ only screen and ( min-resolution: 1.25dppx) { color: red; } +li { + list-style: none; +} + +ul li:before { + content: "\25b6 \00a0"; +} + +/* Menu design */ .nav { position: fixed; left: 2.5%; @@ -68,116 +77,127 @@ only screen and ( min-resolution: 1.25dppx) { text-align: center; } -.nav-icon { - display: block; - margin: 2px auto; - width: 100px; - height: 100px; - border-radius: 50%; - background: #ddd; - line-height: 100px; - text-align: center; - text-decoration: none; - font-size: 0; +.lia li:before { + list-style: none; + content: "" !important; } -.nav-icon:before { - content: "ZW"; - display: inline-block; - position: relative; - left: 2px; - font-family: "monospace", - "helvetica", Arial, sans-serif; - font-size: 35px; - font-weight: normal; - letter-spacing: 2px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - color: #fff; - transform: scale(1,0.95); - -webkit-transform: scale(1,0.95); - -moz-transform: scale(1,0.95); - -ms-transform: scale(1,0.95); - -o-transform: scale(1,0.95); +.nav li { + list-style: none; } -.nav-title { - font-size: 17px; - font-weight: bold; - margin: 2px 0 1px 0; - text-decoration: none; +.nav li a { + text-decoration: none; } -.nav-title:before { - content: "Why ?"; + +.left-lia { + float: left; } -.nav-author { - font-size: 13px; - text-decoration: none; +.left-lia::after { + content: "█▓▒░"; } -.nav-author:before { - content: "by neodarz"; +.right-lia { + float: right; } -li { - list-style: none; +.right-lia::after { + content: "░▒▓█"; } -ul li:before { - content: "\25b6 \00a0"; +.lia { + text-decoration: none; } -.lia li:before { +.lia-border { + border: 1px solid white; +} + +.lia-border ul { + padding: 0px; + margin: 0; +} + +.lia-border hr { + background-color: white; + margin: 0; + padding: 0; +} + +.lia:hover li{ + background-color: white; + color: black; +} + +/* subMenu design */ +.subnav { + position: fixed; + right: 2.5%; + height: 150px; + width: 200px; + text-align: center; +} + +.sublia li:before { list-style: none; content: "" !important; } -.nav li { +.subnav li { list-style: none; } -.nav li a { +.subnav li a { text-decoration: none; } -.left-lia { +.subleft-lia { float: left; } -.left-lia::after { +.subleft-lia::after { content: "█▓▒░"; } -.right-lia { +.subright-lia { float: right; } -.right-lia::after { +.subright-lia::after { content: "░▒▓█"; } -.lia { +.sublia { text-decoration: none; } -.lia-border { +.sublia-border { border: 1px solid white; } -.lia-border ul { +.sublia-border ul { padding: 0px; margin: 0; } -.lia-border hr { +.sublia-border hr { background-color: white; margin: 0; padding: 0; } -.lia:hover li{ +.sublia-border pre code ul, .sublia-border pre code, .sublia-border pre { + width: 100% !important; + margin: 0 !important; + padding: 0 !important; + font-family: monospace,monospace !important; + font-size: 12px !important; + white-space: normal; +} + +.sublia:hover li{ background-color: white; color: black; } |