first commit

vegas/_js/vegas-style.css

@@ -0,0 +1,285 @@
+/*
+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: 20px;
+    height: 20px;
+}
+
+.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);
+   /* opacity:0*/
+}
+*/
+