/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align:baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } body { line-height:1 } ol, ul { list-style:none } blockquote, q { quotes:none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none } table { border-collapse: collapse; border-spacing:0 } html { box-sizing:border-box } *, * :before, * :after { box-sizing:inherit } */ /* — */ .vegas-menu { float: right; top: 200px; margin-right: 24px; text-align: right; } .vegas-menu h1 { font: bold 64px 'Coming Soon', cursive; color: #fff; letter-spacing: 15px; text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000; } .vegas-menu h1 a { color: #fff; text-decoration: none; } /* Menu */ .menu { margin-top: 100px; margin-bottom: 24px; float: right; } .texte { margin-bottom: 40px; } .texte a { font-family: 'Coming Soon', cursive; font-size: 32px; font-variant: small-caps; text-align: right; color: #fff; background-color: rgba(0, 0, 0, 0.5); text-decoration: none; padding-right: 0.3em; padding-left: 1.5em; } .texte a:hover { font-style: italic; background-color: rgba(0, 0, 0, 0.8); } .clearall { clear: both; } .green { color: #cff208; } /* Flickr, 500px */ .tweet-it { position: fixed; top: 1.5em; left: 3.5em; z-index: 1000; -webkit-transition: 1s opacity; transition:1s opacity } @media (max-width: 768px) { .tweet-it { top: 80px; right:1em } } @media (max-height: 550px) { .tweet-it { display:none } } @media (max-width: 375px) { .tweet-it { display:none } } .icn { opacity:.5 } .icn svg { display: block; fill: #fff; border-radius: 50%; border: 2px solid white; padding: 15px; margin: 15px; text-align: center; width: 35px; height: 35px; } .icn:hover { opacity:1 } /* Propulsé par … */ .vegas-info { position: absolute; bottom: 0px; right: 10px; color: #fff; font: 12px "Lucida Grande", Lucida, Verdana, sans-serif; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; } .vegas-info a:hover, .vegas-info-vert a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; } .vegas-info a, .vegas-info a:visited, .vegas-info-vert a, .vegas-info-vert a:visited { color: #cff208; text-decoration: none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; } /* --------- .homepage-header { width: 100vw; height: 100vh; background-color:#000 } .homepage-info { position: absolute; overflow: hidden; font-family: "Raleway"; text-transform: uppercase; line-height: 2.2em; text-align: right; width: 100%; font-size: .60em; right: 1em; bottom:1em } @media (min-width: 768px) { .homepage-info { right: 2em; bottom: 2.5em; font-size:.85em } } @media (min-width: 769px) { .homepage-info { font-size: .85em; right: 3.5em; bottom:3em } } .homepage-info h1 { position: relative; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.3), 0 0 10px #000; letter-spacing: -1px; padding-right: 4.7em; font-size: 1.9em; margin: .75em 0; pointer-events:none } .homepage-info h1 span { display:block } .homepage-info h1 .line1 { font-size: 3em; letter-spacing: -5px; margin-bottom:.2em } .homepage-menu { position: relative; font-weight: 900; margin: .75em 0; font-size:2em } .homepage-menu a { color:#fff } .homepage-menu li { margin-bottom:4px } .homepage-submenu { line-height: 1.6; text-align: left; font-size: .68em; width: 140px; position: absolute; top: -4px; right:0 } .homepage-submenu li { -webkit-transition: .5s cubic-bezier(0, 0.5, 0, 1); transition: .5s cubic-bezier(0, 0.5, 0, 1); -webkit-transform: translateY(16px); transform: translateY(16px); } */