| @ -0,0 +1,66 @@ | |||||
| body | |||||
| { | |||||
| padding:0px; | |||||
| } | |||||
| #title | |||||
| { | |||||
| position: fixed; | |||||
| top: 0px; | |||||
| left: 0px; | |||||
| width: 100%; | |||||
| height: 150px; | |||||
| margin: 0px; | |||||
| background-color: #2b2b2b; | |||||
| z-index: 100; | |||||
| } | |||||
| nav | |||||
| { | |||||
| position: fixed; | |||||
| top:0px; | |||||
| left:0px; | |||||
| width: 380px; | |||||
| height: 100%; | |||||
| padding: 10px; | |||||
| padding-top: 150px; | |||||
| background-color: #F1F1F1; | |||||
| border-right: 2px solid #2b2b2b; | |||||
| z-index: 50; | |||||
| } | |||||
| nav .onglet | |||||
| { | |||||
| position:relative; | |||||
| left: -5px; | |||||
| height: 50px; | |||||
| width: 50%; | |||||
| color: #ffffff; | |||||
| background-color: #2b2b2b; | |||||
| } | |||||
| nav .onglet :hover | |||||
| { | |||||
| background-color: #414141; | |||||
| } | |||||
| #onglet-esir | |||||
| { | |||||
| float: left; | |||||
| } | |||||
| #onglet-ext | |||||
| { | |||||
| left: 0px; | |||||
| float: right; | |||||
| } | |||||
| #hamburgerMenu | |||||
| { | |||||
| } | |||||
| #calendar | |||||
| { | |||||
| } | |||||
| @ -0,0 +1,66 @@ | |||||
| body | |||||
| { | |||||
| padding:0px; | |||||
| } | |||||
| #title | |||||
| { | |||||
| position: fixed; | |||||
| top: 0px; | |||||
| left: 0px; | |||||
| width: 100%; | |||||
| height: 150px; | |||||
| margin: 0px; | |||||
| background-color: #2b2b2b; | |||||
| z-index: 100; | |||||
| } | |||||
| nav | |||||
| { | |||||
| position: fixed; | |||||
| top:0px; | |||||
| left:0px; | |||||
| width: 380px; | |||||
| height: 100%; | |||||
| padding: 10px; | |||||
| padding-top: 150px; | |||||
| background-color: #F1F1F1; | |||||
| border-right: 2px solid black; | |||||
| z-index: 50; | |||||
| } | |||||
| nav .onglet | |||||
| { | |||||
| position:relative; | |||||
| left: -5px; | |||||
| height: 50px; | |||||
| width: 50%; | |||||
| color: #ffffff; | |||||
| background-color: #2b2b2b; | |||||
| } | |||||
| nav .onglet :hover | |||||
| { | |||||
| background-color: #414141; | |||||
| } | |||||
| #onglet-esir | |||||
| { | |||||
| float: left; | |||||
| } | |||||
| #onglet-ext | |||||
| { | |||||
| left: 0px; | |||||
| float: right; | |||||
| } | |||||
| #hamburgerMenu | |||||
| { | |||||
| } | |||||
| #calendar | |||||
| { | |||||
| } | |||||
| @ -0,0 +1,29 @@ | |||||
| <!DOCTYPE html> | |||||
| <html> | |||||
| <head> | |||||
| <title>Kiwi Calendar</title> | |||||
| <meta charset="utf-8" /> | |||||
| <link rel="stylesheet" href="./index.css" /> | |||||
| <link rel="icon" type="image/png" href="favicon.png" /> | |||||
| <!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]--> | |||||
| </head> | |||||
| <body> | |||||
| <header id="title"> | |||||
| <img alt="logo ESIR" src="./images/esir.png" /> | |||||
| </header> | |||||
| <nav id="hamburgerMenu"> | |||||
| <div class="onglet" id="onglet-esir"> | |||||
| Esir | |||||
| </div> | |||||
| <div class="onglet" id="onglet-ext"> | |||||
| Rennes | |||||
| </div> | |||||
| <div id="container"> | |||||
| <h2>Conférences, Évènements</h2> | |||||
| <h2>Clubs, associations</h2> | |||||
| </div> | |||||
| </nav> | |||||
| <div id="calendar"> | |||||
| </div> | |||||
| </body> | |||||
| </html> | |||||
| @ -0,0 +1,29 @@ | |||||
| <!DOCTYPE html> | |||||
| <html> | |||||
| <head> | |||||
| <title>Kiwi Calendar</title> | |||||
| <meta charset="utf-8" /> | |||||
| <link rel="stylesheet" href="./index.css" /> | |||||
| <link rel="icon" type="image/png" href="favicon.png" /> | |||||
| <!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]--> | |||||
| </head> | |||||
| <body> | |||||
| <header id="title"> | |||||
| <img alt="logo ESIR" src="./images/esir.png" /> | |||||
| </header> | |||||
| <nav id="hamburgerMenu"> | |||||
| <div class="onglet" id="onglet-esir"> | |||||
| Esir | |||||
| </div> | |||||
| <div class="onglet" id="onglet-ext"> | |||||
| Exterieur | |||||
| </div> | |||||
| <div id="container"> | |||||
| <h2>Conférences, Évènements</h2> | |||||
| <h2>Clubs, associations</h2> | |||||
| </div> | |||||
| </nav> | |||||
| <div id="calendar"> | |||||
| </div> | |||||
| </body> | |||||
| </html> | |||||