Browse Source

fixed 1px gap on selected/hovered item in main navigation (issue #28), removed unused elements from main menu (previous plus-control, which has been hidden)

larsz 14 years ago
parent
commit
a0b61f6d0e
3 changed files with 30 additions and 28 deletions
  1. 14 5
      web/css/main.css
  2. BIN
      web/images/section-status-sprite-7.png
  3. 16 23
      web/index.html

+ 14 - 5
web/css/main.css

@@ -3,7 +3,7 @@ Title  : Vesta
 Author : Eugen Lobicov, eugen.lobicov@gmail.com 
 
 created : November 27, 2009
-last updated : January 12, 2012
+last updated : January 15, 2012
 - - - - - - - - - - - - - - - - - - */
 
 html{
@@ -266,6 +266,7 @@ input::-moz-focus-inner{
 		float:left;
 		margin-right:4px;
 	}
+	/*
 	.section .section-title .add-entry{
 		position:relative;
 		top:2px;
@@ -282,17 +283,20 @@ input::-moz-focus-inner{
 			background-position:-14px 0;
 			cursor:pointer;
 		}
-
+	*/
 .section .section-devider{
 	position:absolute;
 	left:0;
 	bottom:0;
 	z-index:10;
-	/*background:url(../images/section-status-sprite-5.gif) no-repeat -420px 115px;	*/
 	display:block;
 	width:100%;
 	height:3px;
-	background:url(../images/section-status-sprite-6.png) no-repeat -420px 100%;
+
+	/*background:url(../images/section-status-sprite-5.gif) no-repeat -420px 115px;	*/
+	/*background:url(../images/section-status-sprite-6.png) no-repeat -420px 100%;*/
+	background:url(../images/section-status-sprite-7.png) no-repeat -136px 100%;
+	
 }
 		
 .dnstpl-nav-item .section-title{
@@ -319,7 +323,9 @@ input::-moz-focus-inner{
 	cursor:pointer;
 	}
 	.primary-nav .active .section-devider{
-		background-position:-283px 100%;
+		/*background-position:-283px 100%;*/
+		background-position:-276px 100%;
+
 		height:6px;
 		bottom:-3px;
 	}
@@ -597,6 +603,9 @@ input::-moz-focus-inner{
 		cursor:pointer;
 		white-space:nowrap;
 	}
+	.checkbox-selector:hover .checkbox{
+		background-position:0 -90px;
+	}
 	.checkbox-selector .selector-title:hover{
 		color:#2ea8bd;	
 	}

BIN
web/images/section-status-sprite-7.png


+ 16 - 23
web/index.html

@@ -82,7 +82,6 @@
                                     <dl class="users-nav-item">
                                         <dt class="section-title cc">
                                                 <span class="to-section">User</span> 
-                                                <i class="add-entry do_action_new_entry">&nbsp;</i>
                                         </dt>
                                         <dd class="section-contains">
                                                 <span class="def"><span class="num-total">0</span> users</span>
@@ -98,7 +97,6 @@
                                     <dl class="users-nav-item">
                                         <dt class="section-title cc">
                                                 <span class="to-section">Web</span> 
-                                                <i class="add-entry do_action_new_entry">&nbsp;</i>
                                         </dt>
                                         <dd class="section-contains">
                                                <span class="def"><span class="num-total">0</span> web domains</span>
@@ -108,73 +106,68 @@
                             </div>
                             <i class="section-devider"></i>
                         </li>
-                        <li class="section"  id="MAIL">
+                        <li class="section active"  id="DNS">
                             <div class="section-inner">
                                     <dl class="users-nav-item">
                                         <dt class="section-title cc">
-                                                <span class="to-section">Mail</span> 
-                                                <i class="add-entry do_action_new_entry">&nbsp;</i>
+                                                <span class="to-section">DNS</span> 
                                         </dt>
                                         <dd class="section-contains">
-                                               <span class="def"><span class="num-total">0</span> mail domain(s)</span>                                               
+                                                <span class="def"><span class="num-total">0</span> dns domain(s)</span>
                                         </dd>
                                     </dl>
                             </div>
                             <i class="section-devider"></i>
                         </li>
-                        <li class="section"  id="DB">
+                        <li class="section"  id="MAIL">
                             <div class="section-inner">
                                     <dl class="users-nav-item">
                                         <dt class="section-title cc">
-                                                <span class="to-section">DB</span> 
-                                                <i class="add-entry do_action_new_entry">&nbsp;</i>
+                                                <span class="to-section">Mail</span> 
                                         </dt>
                                         <dd class="section-contains">
-                                               <span class="def"><span class="num-total">0</span> databases</span>
-                                               <span class="def"><span class="num-blocked">0</span> suspended</span>
+                                               <span class="def"><span class="num-total">0</span> mail domain(s)</span>                                               
                                         </dd>
                                     </dl>
                             </div>
                             <i class="section-devider"></i>
                         </li>
-                        <li class="section active"  id="DNS">
+                        <li class="section"  id="DB">
                             <div class="section-inner">
                                     <dl class="users-nav-item">
                                         <dt class="section-title cc">
-                                                <span class="to-section">DNS</span> 
-                                                <i class="add-entry do_action_new_entry">&nbsp;</i>
+                                                <span class="to-section">DB</span> 
                                         </dt>
                                         <dd class="section-contains">
-                                                <span class="def"><span class="num-total">0</span> dns domain(s)</span>
+                                               <span class="def"><span class="num-total">0</span> databases</span>
+                                               <span class="def"><span class="num-blocked">0</span> suspended</span>
                                         </dd>
                                     </dl>
                             </div>
                             <i class="section-devider"></i>
                         </li>
-                        <li class="section"  id="IP">
+                        <li class="section" id="CRON">
                             <div class="section-inner">
                                     <dl class="users-nav-item">
                                         <dt class="section-title cc">
-                                                <span class="to-section">IP</span> 
-                                                <i class="add-entry do_action_new_entry">&nbsp;</i>
+                                                <span class="to-section">Cron</span> 
                                         </dt>
                                         <dd class="section-contains">
-                                               <span class="def"><span class="num-total">0</span> ip address(es)</span>
+                                               <span class="def"><span class="num-total">0</span> cron job(s)</span>
                                                <span class="def"><span class="num-blocked">0</span> suspended</span>
                                         </dd>
                                     </dl>
                             </div>
                             <i class="section-devider"></i>
                         </li>
-                        <li class="section last-section" id="CRON">
+                        <li class="section last-section"  id="IP">
                             <div class="section-inner">
                                     <dl class="users-nav-item">
                                         <dt class="section-title cc">
-                                                <span class="to-section">Cron</span> 
-                                                <i class="add-entry do_action_new_entry">&nbsp;</i>
+                                                <span class="to-section">IP</span> 
                                         </dt>
                                         <dd class="section-contains">
-                                               <span class="def"><span class="num-total">0</span> cron job(s)</span>
+                                               <span class="def"><span class="num-total">0</span> ip address(es)</span>
                                                <span class="def"><span class="num-blocked">0</span> suspended</span>
                                         </dd>
                                     </dl>