summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAndy Williams <andy@andywilliams.me>2017-11-29 12:42:25 +0000
committerAndy Williams <andy@andywilliams.me>2017-11-29 12:42:25 +0000
commit8bca88350ecd89a1f1379b97e9808bd68fb40b54 (patch)
tree584bb42bcb1d9b194fca7838098e3c366ed99c9e
parente727f07ce51ac56852466f8d2fd66dad8f95a4e3 (diff)
style: Add arrows to indicate what can be expanded in navigation
Additionally reduce font sizes in navigation so we can show more.
-rw-r--r--public_html/lib/tpl/e/css/modifications.css27
1 files changed, 21 insertions, 6 deletions
diff --git a/public_html/lib/tpl/e/css/modifications.css b/public_html/lib/tpl/e/css/modifications.css
index 65205259..b695f0cc 100644
--- a/public_html/lib/tpl/e/css/modifications.css
+++ b/public_html/lib/tpl/e/css/modifications.css
@@ -106,23 +106,35 @@ h1, h2, h3, h4, h5, h6,
106 display: block; 106 display: block;
107} 107}
108 108
109.nav .close { 109.nav li.close {
110 float: none; 110 float: none;
111 font-size: inherit; 111 font-size: inherit;
112 font-weight: normal; 112 font-weight: normal;
113 line-height: inherit;
114 color: inherit; 113 color: inherit;
115 text-shadow: inherit; 114 text-shadow: inherit;
116 opacity: 1; 115 opacity: 1;
117 filter: none; 116 filter: none;
118} 117}
119 118
120.nav .open { 119.nav li.close > .li > a::before {
121 font-weight: bold; 120 content: "→";
122} 121}
123 122
124.nav .open ul { 123.nav li.open > .li > a::before, .nav li.open > .li > .curid > a::before {
125 font-weight: normal; 124 content: "↓";
125}
126
127.nav li a::before {
128 content: "";
129
130 position: relative;
131 left: -7pt;
132 float: left;
133 width: 0;
134}
135
136.nav .curid {
137 font-weight: bold;
126} 138}
127 139
128@media (min-width: 768px) and (max-width: 993px) { 140@media (min-width: 768px) and (max-width: 993px) {
@@ -152,6 +164,9 @@ h1, h2, h3, h4, h5, h6,
152 border-left: 15px solid #303030; 164 border-left: 15px solid #303030;
153 border-bottom: 15px solid #303030; 165 border-bottom: 15px solid #303030;
154 width: 280px; 166 width: 280px;
167
168 line-height: 1;
169 font-size: 90%;
155} 170}
156 171
157@media screen and (max-width: 768px) { 172@media screen and (max-width: 768px) {