comparison booket.css @ 23:69552aee9993

Use custom expander instead of details element Use a custom expander instead of a details element which is not (yet) universally supported.
author Guido Berhoerster <guido+booket@berhoerster.name>
date Sun, 05 Oct 2014 19:46:32 +0200
parents b19db583b5f8
children 8c2f3e72d514
comparison
equal deleted inserted replaced
22:b19db583b5f8 23:69552aee9993
111 display: inline-block; 111 display: inline-block;
112 margin: 0; 112 margin: 0;
113 font-weight: bold; 113 font-weight: bold;
114 } 114 }
115 115
116 .expander > .expander-label {
117 cursor: pointer;
118 }
119
120 .expander > .expander-label::before {
121 content: "\25B6";
122 margin-right: .5em;
123 }
124
125 .expander[data-expander-open] > .expander-label::before {
126 content: "\25BC";
127 margin-right: .5em;
128 }
129
130 .expander:not([data-expander-open]) > :not(.expander-label) {
131 display: none;
132 }
133
116 #logo { 134 #logo {
117 height: 2em; 135 height: 2em;
118 } 136 }
119 137
120 #keyboard-shortcuts { 138 #keyboard-shortcuts {