Template:Template

From 2014.igem.org

(Difference between revisions)
Line 7: Line 7:
       /* wygląd głównego elementu - ol */
       /* wygląd głównego elementu - ol */
-
       ol {
+
       #menu ol {
         margin: 0 23%;
         margin: 0 23%;
width: 100%;
width: 100%;
Line 17: Line 17:
       /* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
       /* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
-
       ol a {
+
       #menu ol a {
         display: block;
         display: block;
         color: #FFFFFF !important;
         color: #FFFFFF !important;
Line 26: Line 26:
       /* wygląd elementów - li - wszystkich dzieci elementu - ol */
       /* wygląd elementów - li - wszystkich dzieci elementu - ol */
-
       ol > li {
+
       #menu ol > li {
         float:left;
         float:left;
padding: 10px 30px;
padding: 10px 30px;
Line 36: Line 36:
       }
       }
       /* wygląd elementu - li - pierwszego dziecka elementu - ol */
       /* wygląd elementu - li - pierwszego dziecka elementu - ol */
-
       ol > li:first-child {
+
       #menu ol > li:first-child {
         margin-left:0;
         margin-left:0;
       }
       }
       /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
       /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
-
       ol > li:hover {
+
       #menu ol > li:hover {
         color: #F0A30A;
         color: #F0A30A;
         list-style-type: none !important;
         list-style-type: none !important;
Line 48: Line 48:
       /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
       /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
-
       ol > li:hover > a {
+
       #menu ol > li:hover > a {
         color: #F0A30A !important;
         color: #F0A30A !important;
         list-style-type: none !important;
         list-style-type: none !important;
Line 55: Line 55:
       /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
       /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
-
       ol > li:hover > ul {
+
       #menu ol > li:hover > ul {
         display:block;
         display:block;
       }
       }
Line 62: Line 62:
       /* wygląd głównych rozwijanych elementów - ul */
       /* wygląd głównych rozwijanych elementów - ul */
-
       ol > li > ul {
+
       #menu ol > li > ul {
         display:none;
         display:none;
         list-style-type: none !important;
         list-style-type: none !important;
Line 71: Line 71:
       /* wygląd elementu - li - w części rozwijanej */
       /* wygląd elementu - li - w części rozwijanej */
-
       ol > li > ul > li {
+
       #menu ol > li > ul > li {
         position: relative;
         position: relative;
         text-decoration: none !important;
         text-decoration: none !important;
Line 79: Line 79:
       /* wygląd elementu - a - w części rozwijanej */
       /* wygląd elementu - a - w części rozwijanej */
-
       ol > li > ul > li > a {
+
       #menu ol > li > ul > li > a {
         text-decoration: none !important;
         text-decoration: none !important;
         list-style-type: none !important;
         list-style-type: none !important;
Line 85: Line 85:
       /* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
       /* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
-
       ol > li > ul > li:hover {
+
       #menu ol > li > ul > li:hover {
       }
       }
       /* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
       /* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
-
       ol > li > ul > li:hover > a {
+
       #menu ol > li > ul > li:hover > a {
         color: #F0A30A !important;
         color: #F0A30A !important;
         list-style-type: none !important;
         list-style-type: none !important;
         text-decoration: none !important;
         text-decoration: none !important;
       }
       }
-
 
-
#menu {
 
-
        margin: 0 23%;
 
-
width: 100%;
 
-
z-index: 99999;
 
-
font-size: 17px;
 
-
font-weight: 400;
 
-
height: 100px;
 
-
}
 
-
 
-
#menu ul {
 
-
width: 100%;
 
-
        margin: 0 auto;
 
-
padding-top: 10px;
 
-
list-style: none;
 
-
position: absolute;
 
-
}
 
-
 
-
#menu ul li{
 
-
float: left;
 
-
padding: 10px 37px;
 
-
        width: 100px;
 
-
margin-top: 100px;
 
-
        border-top: 2px solid #F0A30A;
 
-
}
 
-
 
-
#menu ul li:hover {
 
-
float: left;
 
-
padding: 10px 37px;
 
-
        width: 100px;
 
-
margin-top: 100px;
 
-
        border-top: 2px solid #F0A30A;
 
-
}
 
-
#menu ul a {
 
-
text-decoration: none;
 
-
color: #FFFFFF;
 
-
text-align: center;
 
-
padding-bottom: 25px;
 
-
}
 
-
 
-
#menu ul a:hover {
 
-
text-decoration: none;
 
-
color: #000000;
 
-
text-align: center;
 
-
padding-bottom: 25px;
 
-
}
 
-
 
-
#menu ul li ol {
 
-
        display:none;
 
-
}
 
-
 
-
#menu ul li:hover ol {
 
-
        display: block;
 
-
}
 
-
 
-
#menu ul li ol li {
 
-
        position: relative;
 
-
}
 
-
 
-
#menu ul li ol li a {
 
-
        border-top:1px solid #FFF;
 
-
}
 
-
 
-
#menu ul li ol li:hover{
 
-
      text-decoration: none;
 
-
display: block;
 
-
color: #000000;
 
-
text-align: center;
 
-
padding-bottom: 25px;
 
-
}
 
-
 
-
#menu ul li ol li:hover a{
 
-
      color:#09C;
 
-
}
 
-
 
-
.menu_poziome{
 
-
height: 118px;
 
-
}
 
#descTitle {
#descTitle {

Revision as of 19:10, 17 October 2014