User:Vinoo/2014Design6

From 2014.igem.org

(Difference between revisions)
m
m
Line 21: Line 21:
.click-nav ul .clicker {position:relative;background:#2284B5;color:#FFF;}
.click-nav ul .clicker {position:relative;background:#2284B5;color:#FFF;}
.click-nav ul .clicker:hover,.click-nav ul .active {background:#196F9A;}
.click-nav ul .clicker:hover,.click-nav ul .active {background:#196F9A;}
-
.click-nav img {position:absolute;top:9px;left:12px;}
 
.click-nav ul li a {transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;
.click-nav ul li a {transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;
-moz-transition:background-color 0.2s ease-in-out;display:block;padding:8px 10px 8px 40px;background:#FFF;color:#333;text-decoration:none;}
-moz-transition:background-color 0.2s ease-in-out;display:block;padding:8px 10px 8px 40px;background:#FFF;color:#333;text-decoration:none;}
Line 36: Line 35:
     <ul class="no-js">
     <ul class="no-js">
         <li>
         <li>
-
             <a href="#" class="clicker"><img src="img/i-1.png" alt="Icon">Profile</a>
+
             <a href="#" class="clicker">Profile</a>
             <ul>
             <ul>
-
                 <li><a href="#"><img src="img/i-2.png" alt="Icon">Dashboard</a></li>
+
                 <li><a href="#">Dashboard</a></li>
-
                 <li><a href="#"><img src="img/i-3.png" alt="Icon">Settings</a></li>
+
                 <li><a href="#">Settings</a></li>
-
                 <li><a href="#"><img src="img/i-4.png" alt="Icon">Privacy</a></li>
+
                 <li><a href="#">Privacy</a></li>
-
                 <li><a href="#"><img src="img/i-5.png" alt="Icon">Help</a></li>
+
                 <li><a href="#">Help</a></li>
-
                 <li><a href="#"><img src="img/i-6.png" alt="Icon">Sign out</a></li>
+
                 <li><a href="#">Sign out</a></li>
             </ul>
             </ul>
         </li>
         </li>

Revision as of 16:18, 27 January 2014