From 95c3bad65fb93e5de5d36889e186b55e3f7c6446 Mon Sep 17 00:00:00 2001 From: Your Name Date: Sat, 23 Dec 2017 20:10:15 +0100 Subject: Add assets (they are mounted at each site as /assets/ --- assets/css/mobile.css | 133 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 133 insertions(+) create mode 100644 assets/css/mobile.css (limited to 'assets/css/mobile.css') diff --git a/assets/css/mobile.css b/assets/css/mobile.css new file mode 100644 index 0000000..bdb2046 --- /dev/null +++ b/assets/css/mobile.css @@ -0,0 +1,133 @@ +@charset "UTF-8"; +/** + * SCSS Variables + **/ +html { + margin: 0; + padding: 0; + box-sizing: border-box; } + html[lang='en'] :lang(fr), html[lang='fr'] :lang(en) { + display: none; } + +:lang(en) { + quotes: '\201C' '\201D' '\2018' '\2019'; } + +:lang(fr) { + quotes: '« ' ' »'; } + +h1, h2, h3, h4, h5, h6 { + font-family: "Cormorant Garamond", serif; } + +body { + background: url(../img/logo-ps.svg) center 10vh/60vh no-repeat fixed, rgba(173, 151, 56, 0.68); + color: #f3f0e4; + font-family: Abel, "Open Sans", sans-serif; + font-size: 1.6rem; + min-height: 1000px; + margin: 0; + padding: 0; } + body > header { + background-color: #6d4e80; + position: absolute; + top: 50vh; + height: 50vh; + width: 100%; } + body > header > h1 { + margin-top: calc(25vh -1vh); + text-align: center; + width: 100%; } + body > header > h1.fixed { + background-color: #6d4e80; + position: fixed; + z-index: 999; + margin-top: 0; + top: 0; + padding: 0.5vh 1vw; + text-align: left; + font-size: 3.5vh; + line-height: 5vh; } + body > header > h1.fixed img { + display: inline-block; } + body > header > h1 a { + display: inline-block; + text-decoration: none; + color: #dcc985; } + body > header > h1 img { + display: none; } + body > header section, body > header footer { + display: none; } + body > main { + position: relative; + top: 100vh; + margin: 0 auto; + max-width: 42vh; } + +#gfx, #gfx h3 { + background-color: rgba(191, 138, 112, 0.7); } + +#txt, #txt h3 { + background-color: rgba(166, 191, 112, 0.7); } + +#vdo, #vdo h3 { + background-color: rgba(112, 166, 191, 0.5); } + +.fixed.libre > h2 { + left: 0; + right: 0; + background-color: rgba(0, 0, 0, 0.9); + color: rgba(255, 255, 255, 0.95); + position: fixed; + z-index: 999; + margin-top: 0; + top: 12vh; + padding: 0.5vh 1vw; + text-align: left; + line-height: 5vh; } +.fixed.libre > section.fixed#cooperation h3 { + background-color: red; + clip: rect(0, 0, 100vw, 100vh); } +.fixed.libre > section.fixed > h3 { + background-color: rgba(0, 0, 0, 0.9); + color: black; + position: fixed; + z-index: 999; + margin-top: 0; + top: 12vh; + left: 50vw; + right: 0; + padding: 0.5vh; + text-align: center; + line-height: 5vh; } + .fixed.libre > section.fixed > h3 a { + color: rgba(255, 255, 255, 0.95); + text-decoration: none; } + +.fixed.media > h2 { + left: 0; + right: 0; + background-color: rgba(173, 151, 56, 0.68); + position: fixed; + z-index: 999; + margin-top: 0; + top: 6vh; + padding: 0.5vh 1vw; + text-align: left; + line-height: 5vh; } +.fixed.media > section.fixed#gfx h3 { + right: 34vw; } +.fixed.media > section.fixed#txt h3 { + right: 18vw; } +.fixed.media > section.fixed#vdo h3 { + right: 2vw; } +.fixed.media > section.fixed > h3 { + background-color: rgba(173, 151, 56, 0.68); + position: fixed; + z-index: 999; + margin-top: 0; + top: 6vh; + padding: 0.5vh 1vw; + text-align: center; + line-height: 5vh; + width: 14vw; } + +/*# sourceMappingURL=mobile.css.map */ -- cgit v1.2.3