cookutils rev 1122
lighttpd/cooker.css, lighttpd/index.cgi: add small triangles in navigation
author | Aleksej Bobylev <al.bobylev@gmail.com> |
---|---|
date | Tue Dec 25 19:58:20 2018 +0200 (2018-12-25) |
parents | 1a99de37dc73 |
children | 15a42785d53d |
files | lighttpd/cooker.css lighttpd/index.cgi |
line diff
1.1 --- a/lighttpd/cooker.css Sat Dec 22 13:54:08 2018 +0200 1.2 +++ b/lighttpd/cooker.css Tue Dec 25 19:58:20 2018 +0200 1.3 @@ -67,9 +67,32 @@ 1.4 } 1.5 .network a { 1.6 display: inline-block; 1.7 + position: relative; 1.8 padding: 8px 6px; 1.9 vertical-align: middle; 1.10 } 1.11 +.network a.out:hover::before { 1.12 + content: ""; 1.13 + position: absolute; 1.14 + top: 0; 1.15 + width: 0; 1.16 + height: 0; 1.17 + border-left: 5px solid transparent; 1.18 + border-right: 5px solid transparent; 1.19 + border-bottom: 5px solid #FFF; 1.20 + left:calc(50% - 4px); 1.21 +} 1.22 +.network a.in:hover::before { 1.23 + content: ""; 1.24 + position: absolute; 1.25 + bottom: 0; 1.26 + width: 0; 1.27 + height: 0; 1.28 + border-left: 5px solid transparent; 1.29 + border-right: 5px solid transparent; 1.30 + border-top: 5px solid #FFF; 1.31 + left:calc(50% - 4px); 1.32 +} 1.33 header select, header option { 1.34 background-color: transparent; 1.35 color: inherit;
2.1 --- a/lighttpd/index.cgi Sat Dec 22 13:54:08 2018 +0200 2.2 +++ b/lighttpd/index.cgi Tue Dec 25 19:58:20 2018 +0200 2.3 @@ -142,16 +142,16 @@ 2.4 <header> 2.5 <h1><a href="$base/">$title</a></h1> 2.6 <div class="network"> 2.7 - <a href="http://www.slitaz.org/">Home</a> 2.8 - <a href="http://bugs.slitaz.org/">Bugs</a> 2.9 - <a href="http://hg.slitaz.org/wok-next/">Hg</a> 2.10 - <a href="http://roadmap.slitaz.org/">Roadmap</a> 2.11 - <a href="http://pizza.slitaz.me/">Pizza</a> 2.12 - <a href="http://tank.slitaz.org/">Tank</a> 2.13 + <a class="out" href="http://www.slitaz.org/">Home</a> 2.14 + <a class="out" href="http://bugs.slitaz.org/">Bugs</a> 2.15 + <a class="out" href="http://hg.slitaz.org/wok-next/">Hg</a> 2.16 + <a class="out" href="http://roadmap.slitaz.org/">Roadmap</a> 2.17 + <a class="out" href="http://pizza.slitaz.me/">Pizza</a> 2.18 + <a class="out" href="http://tank.slitaz.org/">Tank</a> 2.19 | 2.20 - <a href="/cross/">Cross</a> 2.21 - <a href="/i486.cgi">i486</a> 2.22 - <a href="$base/cookiso.cgi">ISO</a> 2.23 + <a class="in" href="/cross/">Cross</a> 2.24 + <a class="in" href="/i486.cgi">i486</a> 2.25 + <a class="in" href="$base/cookiso.cgi">ISO</a> 2.26 <select onChange="window.location.href=this.value" style="display: none"> 2.27 <option value=".">Go to…</option> 2.28 <option value="http://www.slitaz.org/">Home</option>