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 -}