2 lines
4.3 KiB
CSS
2 lines
4.3 KiB
CSS
html,body,h1,h2,h3,h4,h5,h6,ul{margin:0;padding:0}body{display:grid;grid-template-columns:[left-gutter] 5% [content] 90% [right-gutter] 5%;grid-template-rows:[header] 10% [body] auto [footer] 30%;grid-column-gap:0}@media(min-width: 47.5em){body{grid-template-columns:[left-gutter] 1fr [content] 4fr [right-gutter] 1fr;grid-column-gap:1em}}@media(min-width: 75em){body{grid-template-columns:[left-gutter] 1fr [content] 2fr [right-gutter] 1fr;grid-column-gap:1em}}.header{grid-row:header;grid-column:left-gutter/4;display:grid;grid-template-columns:[header-left-gutter] 5% [title] 90% [header-right-gutter] 5%;grid-template-rows:[title] 7em [menu] 6em;grid-column-gap:0}@media(min-width: 25.625em){.header{grid-template-rows:[title] 7em [menu] 3.4em}}@media(min-width: 47.5em){.header{grid-template-columns:[header-left-gutter] 1fr [title] 4fr [header-right-gutter] 1fr;grid-template-rows:[title] 7em [menu] 3.4em;grid-column-gap:1em}}@media(min-width: 75em){.header{grid-template-columns:[header-left-gutter] 1fr [title] 2fr [header-right-gutter] 1fr;grid-template-rows:[title] 7em [menu] 3.4em;grid-column-gap:1em}}.header .title{grid-column:title;grid-row:title}.header .menu{grid-row:menu;grid-column:title}.footer{grid-row:footer;grid-column:left-gutter/4;display:grid;grid-template-columns:[footer-left-gutter] 5% [center] 90% [footer-right-gutter] 5%;grid-column-gap:0}@media(min-width: 47.5em){.footer{grid-template-columns:[footer-left-gutter] 1fr [center] 4fr [footer-right-gutter] 1fr;grid-column-gap:1em}}@media(min-width: 75em){.footer{grid-template-columns:[footer-left-gutter] 1fr [center] 2fr [footer-right-gutter] 1fr;grid-column-gap:1em}}.footer ul{grid-column:center}.content{grid-row:body;grid-column:content}@media(min-width: 75em){#contact{display:grid;grid-template-columns:[pers] 1fr [prof] 1fr;grid-column-gap:1em}#contact .perso{grid-column:pers}#contact .prof{grid-column:prof}}@font-face{font-family:"merriweatherlight";src:url("../fonts/merriweather_light-webfont.eot");src:url("../fonts/merriweather_light-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/merriweather_light-webfont.woff2") format("woff2"),url("../fonts/merriweather_light-webfont.woff") format("woff"),url("../fonts/merriweather_light-webfont.ttf") format("truetype"),url("../fonts/merriweather_light-webfont.svg#merriweather_lightregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"merriweatherlight";src:url("../fonts/merriweather-lightitalic-webfont.eot");src:url("../fonts/merriweather-lightitalic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/merriweather-lightitalic-webfont.woff2") format("woff2"),url("../fonts/merriweather-lightitalic-webfont.woff") format("woff"),url("../fonts/merriweather-lightitalic-webfont.ttf") format("truetype"),url("../fonts/merriweather-lightitalic-webfont.svg#merriweatherlight_italic") format("svg");font-weight:normal;font-style:italic}h1{font-size:3.25rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1.25rem}.header{background-color:#67536c;color:#eed7f4}.header .title{display:flex;align-items:center}.header .title .logo{height:70%;border-radius:50%}.header .title h1{font-weight:200;flex-grow:1;margin-left:.5em}.header .menu ul{padding-left:0;list-style:none}.header .menu ul li{display:inline-block}.header .menu ul{margin-top:0}.header .menu li{margin-right:.1em;margin-top:1em}.header .menu a{color:#eed7f4;text-decoration:none;padding:5px;border:1px solid;border-radius:5px;box-shadow:1px 1px 1px #333}.content{color:#333}.content a{color:#bb5fd3}.content a:hover{color:#eed7f4}.content a:visited{color:#67536c}#contact{font-size:1rem}#contact ul{padding-left:0}#contact ul li{list-style:none}#contact .prof{margin-top:1em}@media(min-width: 75em){#contact .prof{margin-top:0}}#personnel,#professionnel,#contact,#online{margin-top:2em}#online section{display:flex;flex-wrap:wrap}#online h2{margin-bottom:0}#online p{margin-right:1em;margin-bottom:0}.footer{background-color:#67536c;color:#eed7f4;font-size:1rem;text-align:right;margin-top:2em}.footer ul{margin:2em 0}.footer ul{padding-left:0;list-style:none}.footer ul li{display:inline-block}.footer a{color:#eed7f4;text-decoration:none}body{font-family:"merriweatherlight",serif;font-size:1.25rem;line-height:1.375}code{font-size:1rem}.smallcaps{font-variant:small-caps}/*# sourceMappingURL=style.min.css.map */
|