"
User:Vinoo/2014Design6
From 2014.igem.org
(Difference between revisions)
m |
m |
||
| Line 17: | Line 17: | ||
} | } | ||
.click-nav ul {position:relative;font-weight:900;} | .click-nav ul {position:relative;font-weight:900;} | ||
| - | .click-nav ul li {position:relative;list-style:none;cursor:pointer;} | + | .click-nav ul li {position:relative;list-style:none;cursor:pointer; display: table-cell;} |
.click-nav ul li ul {position:absolute;left:0;right:0;} | .click-nav ul li ul {position:absolute;left:0;right:0;} | ||
.click-nav ul .clicker {position:relative;color:#FFF;} | .click-nav ul .clicker {position:relative;color:#FFF;} | ||
| - | .click-nav ul .clicker:hover,.click-nav ul .active {background:# | + | .click-nav ul .clicker:hover,.click-nav ul .active {background:#ccc;} |
.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 | + | -moz-transition:background-color 0.2s ease-in-out;display:block;color:#333;text-decoration:none;} |
| - | .click-nav ul li a:hover {background:# | + | .click-nav ul li a:hover {background:#ccc;} |
/* Fallbacks */ | /* Fallbacks */ | ||
.click-nav .no-js ul {display:none;} | .click-nav .no-js ul {display:none;} | ||
| - | . | + | .nav > .no-js > li:hover > ul { |
| + | display:block; | ||
| + | } | ||
</style> | </style> | ||
| Line 35: | Line 37: | ||
<ul class="no-js"> | <ul class="no-js"> | ||
<li> | <li> | ||
| - | <a href="#" class="clicker"> | + | <a href="#" class="clicker">iGEM 2014</a> |
<ul> | <ul> | ||
<li><a href="#">Dashboard</a></li> | <li><a href="#">Dashboard</a></li> | ||
<li><a href="#">Settings</a></li> | <li><a href="#">Settings</a></li> | ||
<li><a href="#">Privacy</a></li> | <li><a href="#">Privacy</a></li> | ||
| + | <li><a href="#">Help</a></li> | ||
| + | <li><a href="#">Sign out</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li> | ||
| + | <a href="#" class="clicker">wiki tools</a> | ||
| + | <ul> | ||
| + | <li><a href="#">Dashboard</a></li> | ||
<li><a href="#">Help</a></li> | <li><a href="#">Help</a></li> | ||
<li><a href="#">Sign out</a></li> | <li><a href="#">Sign out</a></li> | ||
Revision as of 16:24, 27 January 2014
