tazpanel diff styles/default/style.css @ rev 246

New dropdown menu, new icons and small fixes
author Christophe Lincoln <pankso@slitaz.org>
date Tue Feb 28 22:28:12 2012 +0100 (2012-02-28)
parents 3398302669f4
children 6f39fe45dc31
line diff
     1.1 --- a/styles/default/style.css	Tue Feb 28 11:59:51 2012 +0100
     1.2 +++ b/styles/default/style.css	Tue Feb 28 22:28:12 2012 +0100
     1.3 @@ -39,7 +39,7 @@
     1.4  	position: fixed;
     1.5  	top: 0;
     1.6  	left: 0;
     1.7 -	height: 24px;
     1.8 +	height: 23px;
     1.9  	width: 100%;
    1.10  	padding: 0;
    1.11  	background-color: #f1efeb;
    1.12 @@ -48,11 +48,60 @@
    1.13  	cursor: default;
    1.14  }
    1.15  
    1.16 -#menu { margin: 4px 8px; }
    1.17 -#menu a { padding: 2px 4px; color: #000;
    1.18 -	cursor: default; }
    1.19 -#menu a:hover { color: #444; }
    1.20 -#icons { margin: 2px 8px; float: right; }
    1.21 +#menu {
    1.22 +	margin: 0;
    1.23 +	padding: 0;
    1.24 +}
    1.25 +#menu li {
    1.26 +	list-style: none;
    1.27 +	float: left;
    1.28 +	padding: 0;
    1.29 +}
    1.30 +#menu li a {
    1.31 +	display: block;
    1.32 +	padding: 4px 6px;
    1.33 +	background-color: inherit;
    1.34 +	text-decoration: none;
    1.35 +	cursor: default;
    1.36 +	color: #000;
    1.37 +}
    1.38 +#menu li a:hover {
    1.39 +	color: #ffffff;
    1.40 +	background-color: #d66018;
    1.41 +	border-top-right-radius: 3px;
    1.42 +	border-top-left-radius: 3px;
    1.43 +}
    1.44 +#menu li ul {
    1.45 +	display: none; 
    1.46 +	width: 180px;
    1.47 +	background-color: #f1efeb;
    1.48 +	border: 1px solid #c1baad;
    1.49 +}
    1.50 +#menu li ul a {
    1.51 +	padding: 4px 6px;
    1.52 +}
    1.53 +#menu li:hover ul {
    1.54 +	display: block;
    1.55 +	position: absolute;
    1.56 +	margin: 0;
    1.57 +	padding: 0;
    1.58 +}
    1.59 +#menu li:hover li {
    1.60 +	float: none;
    1.61 +}
    1.62 +#menu li:hover li a {
    1.63 +	background-color: #f1efeb;
    1.64 +	color: #000;
    1.65 +}
    1.66 +#menu li li a { border: 1px solid #f1efeb; }
    1.67 +#menu li li a:hover {
    1.68 +	background-color: #d66018;
    1.69 +	color: #ffffff;
    1.70 +	border-radius: 2px;
    1.71 +	/* border: 1px solid #c1baad; */
    1.72 +}
    1.73 +
    1.74 +#icons { margin: 3px 8px; float: right; }
    1.75  #icons img { padding: 0; }
    1.76  
    1.77  #loading {
    1.78 @@ -115,7 +164,7 @@
    1.79  }
    1.80  
    1.81  .search input[type=submit] {
    1.82 -	padding: 4px;
    1.83 +	padding: 5px;
    1.84  	margin-left: -4px;
    1.85  	background-color: #f1f1f1;
    1.86  	border: 1px solid #ddd;
    1.87 @@ -272,88 +321,3 @@
    1.88  
    1.89  #footer a { color: #bbb; }
    1.90  #footer a:hover { color: #555; }
    1.91 -
    1.92 -/*  ------------------------------  */
    1.93 -/*  DROPDOWN MENU                   */
    1.94 -/*  ------------------------------  */
    1.95 -ul.dropdownmenu {
    1.96 -	margin:0;
    1.97 -	padding:0px 0 0 0;
    1.98 -}
    1.99 -ul.dropdownmenu li {
   1.100 -	display:block;
   1.101 -	float:left;
   1.102 -	position:relative;
   1.103 -	padding:0;
   1.104 -}
   1.105 -ul.dropdownmenu li.current {
   1.106 -	background:#f1efeb;
   1.107 -}
   1.108 -
   1.109 -ul.dropdownmenu li:hover {
   1.110 -	background:#f1efeb;
   1.111 -} 
   1.112 -
   1.113 -
   1.114 -ul.dropdownmenu li a {
   1.115 -	display:block;
   1.116 -	text-decoration:none;
   1.117 -	line-height:15px;
   1.118 -}
   1.119 -
   1.120 -ul.dropdownmenu li a span {
   1.121 -	font-weight:normal;
   1.122 -	padding-left:3px;
   1.123 -}
   1.124 -ul.dropdownmenu li.drop a {
   1.125 -	padding-right:7px;
   1.126 -}
   1.127 -ul.dropdownmenu li.drop:hover li {
   1.128 -	border:none;
   1.129 -}
   1.130 -ul.dropdownmenu li.drop span.toggle {
   1.131 -	display:block;
   1.132 -	height:26px;
   1.133 -	padding:0;
   1.134 -}
   1.135 -ul.dropdownmenu li.drop:hover span.toggle, ul.dropdownmenu li.drop.current span.toggle {
   1.136 -	background-position:1px 5px;
   1.137 -}
   1.138 -ul.dropdownmenu li.drop:hover ul {
   1.139 -	display:block;
   1.140 -	z-index:1;
   1.141 -	padding-bottom:8px;
   1.142 -}
   1.143 -ul.dropdownmenu li ul {
   1.144 -	display:none;
   1.145 -	position:absolute;
   1.146 -	width: auto;
   1.147 -	top: 15px;
   1.148 -	left:0;
   1.149 -	list-style-type:none;
   1.150 -	margin:0;
   1.151 -	padding:9px 0 0 0;
   1.152 -}
   1.153 -ul.dropdownmenu li ul li {
   1.154 -	float:none;
   1.155 -	height: auto;
   1.156 -	margin:0;
   1.157 -	padding:0;
   1.158 -	border:none;
   1.159 -}
   1.160 -ul.dropdownmenu li ul li a {
   1.161 -	float:none;
   1.162 -	background:none;
   1.163 -	margin:0;
   1.164 -	padding:0;
   1.165 -	display:block;
   1.166 -	font-size:13px;
   1.167 -	height:auto;
   1.168 -	margin:0;
   1.169 -	font-weight:normal;
   1.170 -}
   1.171 -
   1.172 -/* drop down menu hover styles */
   1.173 -ul.dropdownmenu li:hover ul * {
   1.174 -	background: #f1efeb;
   1.175 -}