| @ -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> | |||