slitaz-dev-tools diff mirror-tools/slitaz/mirror/floppies/menu.css @ rev 310

makegraphs: tune cpuinfo
author Pascal Bellard <pascal.bellard@slitaz.org>
date Fri Jan 15 08:08:28 2021 +0000 (2021-01-15)
parents f87dfeb80d51
children
line diff
     1.1 --- a/mirror-tools/slitaz/mirror/floppies/menu.css	Sat Jul 28 12:58:38 2012 +0200
     1.2 +++ b/mirror-tools/slitaz/mirror/floppies/menu.css	Fri Jan 15 08:08:28 2021 +0000
     1.3 @@ -1,35 +1,42 @@
     1.4  
     1.5  #menu {
     1.6  	margin: 0;
     1.7 -	padding: 0;
     1.8 +	padding: 0 2ex 0 0;
     1.9 +	display: inline-block;
    1.10 +	vertical-align: middle;
    1.11  }
    1.12  #menu li {
    1.13  	list-style: none;
    1.14  	float: left;
    1.15  	padding: 0;
    1.16 +	white-space: nowrap;
    1.17 +	border: 1px solid transparent;
    1.18  }
    1.19  #menu li a {
    1.20  	display: block;
    1.21  	padding: 4px 6px;
    1.22  	background-color: inherit;
    1.23  	text-decoration: none;
    1.24 -	cursor: default;
    1.25  }
    1.26  #menu li a:hover {
    1.27 -	color: #ffffff;
    1.28 -	background-color: #d66018;
    1.29 +	color: #222;
    1.30 +	background-color: #CCC;
    1.31  	border-top-right-radius: 3px;
    1.32  	border-top-left-radius: 3px;
    1.33  }
    1.34  #menu li ul {
    1.35 -	display: none; 
    1.36 -	width: 180px;
    1.37 -	background-color: #f1efeb;
    1.38 -	border: 1px solid #c1baad;
    1.39 +	display: none;
    1.40 +	background-color: #F1EFEB;
    1.41 +	border: 1px solid #C1BAAD;
    1.42  }
    1.43  #menu li ul a {
    1.44  	padding: 4px 6px;
    1.45 +	display: inline-block;
    1.46  }
    1.47 +
    1.48 +#menu > li > ul > li:after { content: "‣"; display: inline-block; }
    1.49 +#menu li:only-child:after { content: " "; }
    1.50 +
    1.51  #menu li:hover ul {
    1.52  	display: block;
    1.53  	position: absolute;
    1.54 @@ -38,18 +45,29 @@
    1.55  }
    1.56  #menu li:hover li {
    1.57  	float: none;
    1.58 +	position: relative;
    1.59  }
    1.60  #menu li:hover li a {
    1.61 -	background-color: #f1efeb;
    1.62 -	color: #000;
    1.63 +	background-color: #F1EFEB;
    1.64 +	color: #222;
    1.65  }
    1.66  #menu li li a {
    1.67 -	border: 1px solid #f1efeb; 
    1.68 +	border: 1px solid #F1EFEB;
    1.69  }
    1.70  #menu li li a:hover {
    1.71 -	background-color: #d66018;
    1.72 -	color: #ffffff;
    1.73 +	background-color: #CCC;
    1.74 +	color: #222;
    1.75  	border-radius: 2px;
    1.76 -	/* border: 1px solid #c1baad; */
    1.77  }
    1.78  
    1.79 +#menu li:hover li ul {
    1.80 +	display: none;
    1.81 +	position: absolute;
    1.82 +	left: 100%;
    1.83 +	top: 0px;
    1.84 +	z-index:1;
    1.85 +}
    1.86 +
    1.87 +#menu li:hover li:hover ul {
    1.88 +	display: block;
    1.89 +}