Template:Template

From 2014.igem.org

(Difference between revisions)
 
(113 intermediate revisions not shown)
Line 4: Line 4:
<style type="text/css">
<style type="text/css">
-
/* wygląd głównego elementu - ol */
+
      /* ------------------------CZĘŚĆ-GÓRNA-MENU------------------------ */
-
       ol {
+
 
-
          
+
      #menu {
 +
width: 800px;
 +
        margin: -200px auto 0 auto;
 +
        background-position: center;
 +
        font-size: 17px;
 +
        font-family: PTSans;
 +
        text-align: center !important;
 +
        position: relative;
 +
        z-index: 9999;
 +
      }
 +
 
 +
      /* wygląd głównego elementu - ol */
 +
       #menu ol {
 +
         margin: 0;
 +
        padding: 0;
 +
        font-size: 17px;
 +
        font-family: PTSans;
 +
        text-align:center;
       }
       }
       /* 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;
 +
        color: #FFFFFF !important;
 +
        list-style-type: none !important;
 +
        text-decoration: none !important;
 +
        padding: 0 5px;
       }
       }
       /* 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;
 +
padding: 10px 30px;
 +
        width: 100px;
 +
margin-top: 100px;
 +
        list-style-type: none !important;
 +
        text-decoration: none !important;
 +
        border-top: 2px solid #F0A30A;
 +
      }
 +
      /* wygląd elementu - li - pierwszego dziecka elementu - ol */
 +
      #menu ol > li:first-child {
 +
        margin-left:0;
 +
      }
 +
 
 +
      /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
 +
      #menu ol > li:hover {
 +
        color: #F0A30A;
 +
        list-style-type: none !important;
 +
        text-decoration: none !important;
       }
       }
       /* 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:#09C;
+
         color: #F0A30A !important;
 +
        list-style-type: none !important;
 +
        text-decoration: none !important;
       }
       }
 +
      /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
 +
      #menu ol > li:hover > ul {
 +
        display:block;
 +
      }
 +
      /* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */
 +
 +
      /* wygląd głównych rozwijanych elementów - ul */
 +
      #menu ol > li > ul {
 +
        display:none;
 +
        list-style-type: none !important;
 +
        text-decoration: none !important;
 +
        padding:0;
 +
        margin:0;
 +
      }
       /* 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;
-
         background-color:#EEE;
+
         text-decoration: none !important;
 +
        list-style-type: none !important;
 +
        list-style-image: none !important;
       }
       }
 +
      /* wygląd elementu - a - w części rozwijanej */
 +
      #menu ol > li > ul > li > a {
 +
        text-decoration: none !important;
 +
        list-style-type: none !important;
 +
      }
 +
      /* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
 +
      #menu ol > li > ul > li:hover {
 +
      }
-
#menu {
+
      /* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
-
         margin: 0 23%;
+
      #menu ol > li > ul > li:hover > a {
-
width: 1100px;
+
         color: #F0A30A !important;
-
z-index: 99999;
+
        list-style-type: none !important;
-
font-size: 17px;  
+
        text-decoration: none !important;
-
font-weight: 400;
+
      }
-
height: 100px;
+
-
}
+
-
#menu ul {
 
-
width: 1100px;
 
-
        margin: 0 auto;
 
-
padding-top: 10px;
 
-
list-style: none;
 
-
position: absolute;
 
-
}
 
-
#menu ul li{
 
-
display: block;
 
-
float: left;
 
-
padding: 10px 37px;
 
-
        width: 100px;
 
-
margin-top: 100px;
 
-
        border-top: 2px solid #F0A30A;
 
-
}
 
-
 
-
#menu ul li ol{
 
-
display: block;
 
-
float: left;
 
-
padding: 10px 37px;
 
-
        width: 100px;
 
-
margin-top: 100px;
 
-
        border-top: 2px solid #F0A30A;
 
-
}
 
-
 
-
#menu ul a {
 
-
text-decoration: none;
 
-
display: block;
 
-
color: #FFFFFF;
 
-
text-align: center;
 
-
padding-bottom: 25px;
 
-
}
 
-
 
-
#menu ul a:hover {
 
-
text-decoration: none;
 
-
display: block;
 
-
color: #000000;
 
-
text-align: center;
 
-
padding-bottom: 25px;
 
-
}
 
-
 
-
.menu_poziome{
 
-
height: 118px;
 
-
}
 
-
#descTitle {
+
.descCont {
-
         padding: 300px 363px;
+
         margin: 250px auto !important;
 +
        font-family: PTSans;
         color: #FFFFFF;
         color: #FFFFFF;
         font-size: 20px;
         font-size: 20px;
Line 97: Line 116:
.downloadButton {
.downloadButton {
-
   border-radius: 0px;
+
  width: 150px;
 +
   border-radius: 20px 20px 20px 20px;
 +
  border: 0px !important;
   font-family: PTSans;
   font-family: PTSans;
-
   color: #ffffff;
+
   color: #ffffff !important;
-
   font-size: 20px;
+
   font-size: 30px;
-
   background: #f0a30a;
+
   background: #f1a41e;
-
   padding: 10px 20px 10px 20px;
+
   padding: 10px 10px 10px 15px;
   text-decoration: none;
   text-decoration: none;
}
}
.downloadButton:hover {
.downloadButton:hover {
-
   background: #f0a30a;
+
   background: #f1a41e;
-
   background-image: -webkit-linear-gradient(top, #f0a30a, #000000);
+
   background-image: -webkit-linear-gradient(top, #f1a41e, #000000);
-
   background-image: -moz-linear-gradient(top, #f0a30a, #000000);
+
   background-image: -moz-linear-gradient(top, #f1a41e, #000000);
-
   background-image: -ms-linear-gradient(top, #f0a30a, #000000);
+
   background-image: -ms-linear-gradient(top, #f1a41e, #000000);
-
   background-image: -o-linear-gradient(top, #f0a30a, #000000);
+
   background-image: -o-linear-gradient(top, #f1a41e, #000000);
-
   background-image: linear-gradient(to bottom, #f0a30a, #000000);
+
   background-image: linear-gradient(to bottom, #f1a41e, #000000);
   text-decoration: none;
   text-decoration: none;
}
}
Line 124: Line 145:
}
}
 +
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/

Latest revision as of 01:55, 18 October 2014

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