Template:Template
From 2014.igem.org
(Difference between revisions)
m |
|||
(151 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
- | + | /* ------------------------CZĘŚĆ-GÓRNA-MENU------------------------ */ | |
- | + | #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 */ | |
- | + | #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 */ | |
- | + | #menu ol > li { | |
- | + | float:left; | |
- | + | padding: 10px 30px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | #menu | + | |
- | + | ||
- | + | ||
- | padding: 10px | + | |
width: 100px; | width: 100px; | ||
margin-top: 100px; | margin-top: 100px; | ||
+ | list-style-type: none !important; | ||
+ | text-decoration: none !important; | ||
border-top: 2px solid #F0A30A; | border-top: 2px solid #F0A30A; | ||
- | } | + | } |
+ | /* wygląd elementu - li - pierwszego dziecka elementu - ol */ | ||
+ | #menu ol > li:first-child { | ||
+ | margin-left:0; | ||
+ | } | ||
- | #menu | + | /* 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; | |
- | } | + | } |
- | #menu | + | /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */ |
- | + | #menu ol > li:hover > a { | |
- | + | 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 */ | ||
+ | #menu ol > li > ul > li { | ||
+ | position: relative; | ||
+ | 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 { | ||
+ | } | ||
+ | |||
+ | /* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */ | ||
+ | #menu ol > li > ul > li:hover > a { | ||
+ | color: #F0A30A !important; | ||
+ | list-style-type: none !important; | ||
+ | text-decoration: none !important; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | .descCont { | |
- | + | margin: 250px auto !important; | |
+ | font-family: PTSans; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
font-size: 20px; | font-size: 20px; | ||
text-align: center; | text-align: center; | ||
+ | } | ||
+ | |||
+ | .downloadButton { | ||
+ | width: 150px; | ||
+ | border-radius: 20px 20px 20px 20px; | ||
+ | border: 0px !important; | ||
+ | font-family: PTSans; | ||
+ | color: #ffffff !important; | ||
+ | font-size: 30px; | ||
+ | background: #f1a41e; | ||
+ | padding: 10px 10px 10px 15px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .downloadButton:hover { | ||
+ | background: #f1a41e; | ||
+ | background-image: -webkit-linear-gradient(top, #f1a41e, #000000); | ||
+ | background-image: -moz-linear-gradient(top, #f1a41e, #000000); | ||
+ | background-image: -ms-linear-gradient(top, #f1a41e, #000000); | ||
+ | background-image: -o-linear-gradient(top, #f1a41e, #000000); | ||
+ | background-image: linear-gradient(to bottom, #f1a41e, #000000); | ||
+ | text-decoration: none; | ||
} | } | ||
.firstHeading { | .firstHeading { | ||
- | width: | + | width: 100%; |
margin: 0px auto; | margin: 0px auto; | ||
padding-top: 100px; | padding-top: 100px; | ||
Line 126: | Line 193: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 01:55, 18 October 2014