Template:Team:Technion-Israel/Technion-Israel-style-desktop.css

From 2014.igem.org

(Difference between revisions)
m
m
Line 383: Line 383:
/* Nav                                                                          */
/* Nav                                                                          */
/*********************************************************************************/
/*********************************************************************************/
-
 
+
#nav {
-
#nav
+
-
{
+
position: absolute;
position: absolute;
display: block;
display: block;
Line 393: Line 391:
text-align: center;
text-align: center;
}
}
-
 
+
-
#nav > ul > li > ul
+
#nav > ul
-
{
+
-
display: none;
+
-
}
+
-
 
+
-
#nav > ul
+
{
{
display: inline-block;
display: inline-block;
Line 406: Line 399:
padding: 0 1.5em 0 1.5em;
padding: 0 1.5em 0 1.5em;
}
}
-
 
+
-
#nav > ul > li
+
#nav > ul > li
{
{
display: inline-block;
display: inline-block;
text-align: center;
text-align: center;
padding: 0 1.5em 0 1.5em;
padding: 0 1.5em 0 1.5em;
-
}
+
}
-
#nav > ul > li > a,
+
#nav > ul > li > a,
#nav > ul > li > span
#nav > ul > li > span
{
{
Line 425: Line 418:
letter-spacing: 0.25em;
letter-spacing: 0.25em;
height: 5em;
height: 5em;
-
line-height: 5em;
+
line-height: 4.5em;
-moz-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
Line 434: Line 427:
}
}
-
#nav > ul > li:hover > a,
+
#nav > ul > li:hover > a,
#nav > ul > li.active > a,
#nav > ul > li.active > a,
-
#nav > ul > li.active > span
+
#nav > ul > li.active > span,
 +
#nav > ul > li > ul > li:hover > a
{
{
-
color: #e5e2af; /*color when mouse is on link*/
+
color: #e5e2af; /*color when maouse is on link*/
}
}
 +
 +
#nav ul, ul.sub1 {
 +
list-style-type: none;
 +
}
 +
 +
 +
#nav ul li {
 +
text-align: center;
 +
background: none;
 +
}
-
 
+
#nav ul .sub1 {
-
.dropotron
+
background: #fff url('images/Technion-Israel-overlay.png');
-
{
+
-
background: #fff url('https://static.igem.org/mediawiki/2014/7/7c/Technion-Israel-overlay.png');
+
background-color: rgba(4,99,129,0.925);
background-color: rgba(4,99,129,0.925);
padding: 1.25em 1em 1.25em 1em;
padding: 1.25em 1em 1.25em 1em;
Line 452: Line 454:
min-width: 12em;
min-width: 12em;
text-align: left;
text-align: left;
-
margin-top: -1.25em;
+
margin-top: -1.5em;
margin-left: -1px;
margin-left: -1px;
-
}
 
-
 
-
.dropotron.level-0
 
-
{
 
margin-top: -1px;
margin-top: -1px;
margin-left: 0;
margin-left: 0;
border-top-left-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-right-radius: 0;
-
}
+
}
-
.dropotron a,
+
#nav ul .sub1 a {
-
.dropotron span
+
-
{
+
display: block;
display: block;
color: #eee;
color: #eee;
Line 475: Line 471:
letter-spacing: 0.25em;
letter-spacing: 0.25em;
border-top: solid 1px rgba(255,255,255,0.15);
border-top: solid 1px rgba(255,255,255,0.15);
-
line-height: 3em;
+
border-bottom: solid 1px rgba(255,255,255,0.15);
 +
line-height: 2em;
-moz-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
Line 481: Line 478:
-ms-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
-
}
+
}
-
+
-
.dropotron li:first-child a,
+
#nav ul a {
-
.dropotron li:first-child span
+
text-decoration: none;
-
{
+
color: #e5e2af;
-
border-top: 0;
+
display: block;
-
}
+
background-color: none;
-
+
padding: 5px;
-
.dropotron li:hover > a,
+
}
-
.dropotron li:hover > span
+
-
{
+
-
color: #e5e2af;
+
-
}
+
 +
/*colors of the "buttons"*/
 +
#nav ul li:hover > a {
 +
background-color: none;
 +
}
 +
 +
#nav ul li:hover a:hover {
 +
background-color: none;
 +
}
 +
 +
/*location of the menu that opens*/
 +
#nav ul ul.sub1 {
 +
display: none;
 +
position: relative;
 +
}
 +
 +
#nav ul .sub1 a{
 +
margin-top: 0px;
 +
background-color: none;
 +
}
 +
 +
 +
/*display only when on parent*/
 +
#nav ul#main  li:hover .sub1{
 +
display: block;
 +
}
 +
 +
/*********************************************************************************/
/*********************************************************************************/
/* Intro                                                                        */
/* Intro                                                                        */

Revision as of 19:23, 7 October 2014

Retrieved from "http://2014.igem.org/Template:Team:Technion-Israel/Technion-Israel-style-desktop.css"