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>