Template:Template

From 2014.igem.org

(Difference between revisions)
Line 6: Line 6:
  /* wygląd głównego elementu - ol */
  /* wygląd głównego elementu - ol */
       ol {
       ol {
-
         margin: 0 23%;
+
          
-
width: 1100px;
+
-
z-index: 99999;
+
-
font-size: 17px;
+
-
font-weight: 400;
+
-
height: 100px;
+
       }
       }
       /* 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 {
       ol a {
-
         width: 1100px;
+
          
-
        margin: 0 auto;
+
-
padding-top: 10px;
+
-
list-style: none;
+
-
position: absolute;
+
       }
       }
       /* wygląd elementów - li - wszystkich dzieci elementu - ol */
       /* wygląd elementów - li - wszystkich dzieci elementu - ol */
       ol > li {
       ol > li {
-
         display: block;
+
          
-
float: left;
+
-
padding: 10px 37px;
+
-
        width: 100px;
+
-
margin-top: 100px;
+
-
        border-top: 2px solid #F0A30A;
+
-
      }
+
-
 
+
-
      /* wygląd elementu - li - pierwszego dziecka elementu - ol */
+
-
      ol > li:first-child {
+
-
        margin-left:0;
+
-
      }
+
-
 
+
-
      /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
+
-
      ol > li:hover {
+
-
        background-color:#EEE;
+
       }
       }
Line 48: Line 24:
       }
       }
-
      /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
 
-
      ol > li:hover > ul {
 
-
        display:block;
 
-
      }
 
-
      /* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */
 
-
 
-
      /* wygląd głównych rozwijanych elementów - ul */
 
-
      ol > li > ul {
 
-
        display: block;
 
-
float: left;
 
-
padding: 10px 37px;
 
-
        width: 100px;
 
-
margin-top: 100px;
 
-
        border-top: 2px solid #F0A30A;
 
-
      }
 
       /* wygląd elementu - li - w części rozwijanej */
       /* wygląd elementu - li - w części rozwijanej */
Line 71: Line 32:
       }
       }
-
      /* wygląd elementu - a - w części rozwijanej */
 
-
      ol > li > ul > li > a {
 
-
        text-decoration: none;
 
-
display: block;
 
-
color: #FFFFFF;
 
-
text-align: center;
 
-
padding-bottom: 25px;
 
-
      }
 
-
      /* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
 
-
      ol > li > ul > li:hover {
 
-
        background-color:#DDD;
 
-
      }
 
-
 
-
      /* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
 
-
      ol > li > ul > li:hover > a {
 
-
        color:#09C;
 
-
      }
 
#menu {
#menu {
-
          
+
         margin: 0 23%;
 +
width: 1100px;
 +
z-index: 99999;
 +
font-size: 17px;
 +
font-weight: 400;
 +
height: 100px;
}
}
#menu ul {
#menu ul {
-
+
width: 1100px;
 +
        margin: 0 auto;
 +
padding-top: 10px;
 +
list-style: none;
 +
position: absolute;
}
}
#menu ul li{
#menu ul li{
-
+
display: block;
 +
float: left;
 +
padding: 10px 37px;
 +
        width: 100px;
 +
margin-top: 100px;
 +
        border-top: 2px solid #F0A30A;
}
}
#menu ul li ol{
#menu ul li ol{
-
+
display: block;
 +
float: left;
 +
padding: 10px 37px;
 +
        width: 100px;
 +
margin-top: 100px;
 +
        border-top: 2px solid #F0A30A;
}
}
#menu ul a {
#menu ul a {
-
+
text-decoration: none;
 +
display: block;
 +
color: #FFFFFF;
 +
text-align: center;
 +
padding-bottom: 25px;
}
}
#menu ul a:hover {
#menu ul a:hover {
-
 
+
text-decoration: none;
 +
display: block;
 +
color: #000000;
 +
text-align: center;
 +
padding-bottom: 25px;
}
}

Revision as of 13:44, 17 October 2014

Retrieved from "http://2014.igem.org/Template:Template"