"
Template:Template
From 2014.igem.org
(Difference between revisions)
| Line 3: | Line 3: | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | |||
| + | /* ------------------------CZĘŚĆ-GÓRNA-MENU------------------------ */ | ||
| + | |||
| + | /* wygląd głównego elementu - ol */ | ||
| + | ol { | ||
| + | list-style-type:none; | ||
| + | padding:0; | ||
| + | margin:0; | ||
| + | background-color:#FFF; | ||
| + | font-size:18px; | ||
| + | height:2em; | ||
| + | line-height:2em; | ||
| + | text-align:center; | ||
| + | } | ||
| + | |||
| + | /* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */ | ||
| + | ol a { | ||
| + | display:block; | ||
| + | text-decoration:none; | ||
| + | color:#000; | ||
| + | padding:0 5px; | ||
| + | } | ||
| + | |||
| + | /* wygląd elementów - li - wszystkich dzieci elementu - ol */ | ||
| + | ol > li { | ||
| + | float:left; | ||
| + | width:150px; | ||
| + | margin-left:1px; | ||
| + | background-color:#FDD700; | ||
| + | height:2em; | ||
| + | } | ||
| + | |||
| + | /* 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; | ||
| + | } | ||
| + | |||
| + | /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */ | ||
| + | ol > li:hover > a { | ||
| + | color:#09C; | ||
| + | } | ||
| + | |||
| + | /* 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:none; | ||
| + | list-style-type:none; | ||
| + | padding:0; | ||
| + | margin:0; | ||
| + | } | ||
| + | |||
| + | /* wygląd elementu - li - w części rozwijanej */ | ||
| + | ol > li > ul > li { | ||
| + | position:relative; | ||
| + | background-color:#EEE; | ||
| + | } | ||
| + | |||
| + | /* wygląd elementu - a - w części rozwijanej */ | ||
| + | ol > li > ul > li > a { | ||
| + | border-top:1px solid #FFF; | ||
| + | } | ||
| + | |||
| + | /* 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 { | ||
Revision as of 14:20, 17 October 2014
