kevin/materio_home
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
kevin
2018-11-20 14:51:10 +01:00
commit 2affb782f4
71 changed files with 23872 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style/.directory
+4
View File
@@ -0,0 +1,4 @@
[Dolphin]
Timestamp=2018,11,15,15,55,42
Version=4
ViewMode=2
style/fonts.css
+79
View File
@@ -0,0 +1,79 @@
@font-face {
font-family: 'ubuntu-b-webfont';
src: url('/fonts/ubuntu-b-webfont.eot'); /* IE9 Compat Modes */
src: url('/fonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/ubuntu-b-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/ubuntu-b-webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('/fonts/ubuntu-b-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/ubuntu-b-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'ubuntu-bi-webfont';
src: url('/fonts/ubuntu-bi-webfont.eot'); /* IE9 Compat Modes */
src: url('/fonts/ubuntu-bi-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/ubuntu-bi-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/ubuntu-bi-webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('/fonts/ubuntu-bi-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/ubuntu-bi-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'ubuntu-c-webfont';
src: url('/fonts/ubuntu-c-webfont.eot'); /* IE9 Compat Modes */
src: url('/fonts/ubuntu-c-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/ubuntu-c-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/ubuntu-c-webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('/fonts/ubuntu-c-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/ubuntu-c-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'ubuntu-l-webfont';
src: url('/fonts/ubuntu-l-webfont.eot'); /* IE9 Compat Modes */
src: url('/fonts/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/ubuntu-l-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/ubuntu-l-webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('/fonts/ubuntu-l-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/ubuntu-l-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'ubuntu-li-webfont';
src: url('/fonts/ubuntu-li-webfont.eot'); /* IE9 Compat Modes */
src: url('/fonts/ubuntu-li-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/ubuntu-li-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/ubuntu-li-webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('/fonts/ubuntu-li-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/ubuntu-li-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'ubuntu-m-webfont';
src: url('/fonts/ubuntu-m-webfont.eot'); /* IE9 Compat Modes */
src: url('/fonts/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/ubuntu-m-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/ubuntu-m-webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('/fonts/ubuntu-m-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/ubuntu-m-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'ubuntu-mi-webfont';
src: url('/fonts/ubuntu-mi-webfont.eot'); /* IE9 Compat Modes */
src: url('/fonts/ubuntu-mi-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/ubuntu-mi-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/ubuntu-mi-webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('/fonts/ubuntu-mi-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/ubuntu-mi-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'ubuntu-r-webfont';
src: url('/fonts/ubuntu-r-webfont.eot'); /* IE9 Compat Modes */
src: url('/fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/ubuntu-r-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/ubuntu-r-webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('/fonts/ubuntu-r-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/ubuntu-r-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
style/fullpage.css
+236
View File
@@ -0,0 +1,236 @@
/*!
* fullPage 3.0.3
* https://github.com/alvarotrigo/fullPage.js
*
* @license GPLv3 for open source use only
* or Fullpage Commercial License for commercial use
* http://alvarotrigo.com/fullPage/pricing/
*
* Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
*/
html.fp-enabled,
.fp-enabled body {
margin: 0;
padding: 0;
overflow:hidden;
/*Avoid flicker on slides transitions for mobile phones #336 */
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
-moz-box-sizing: border-box; /* <=28 */
box-sizing: border-box;
}
.fp-slide {
float: left;
}
.fp-slide, .fp-slidesContainer {
height: 100%;
display: block;
}
.fp-slides {
z-index:1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
display: table;
table-layout:fixed;
width: 100%;
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-slidesContainer {
float: left;
position: relative;
}
.fp-controlArrow {
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit (konqueror) browsers */
-ms-user-select: none; /* IE10+ */
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
overflow: hidden;
position: relative;
}
.fp-scroller{
overflow: hidden;
}
.iScrollIndicator{
border: 0 !important;
}
.fp-notransition {
-webkit-transition: none !important;
transition: none !important;
}
#fp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
}
#fp-nav.fp-right {
right: 17px;
}
#fp-nav.fp-left {
left: 17px;
}
.fp-slidesNav{
position: absolute;
z-index: 4;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
left: 0 !important;
right: 0;
margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
bottom: 17px;
}
.fp-slidesNav.fp-top {
top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
margin: 0;
padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position:relative;
}
.fp-slidesNav ul li {
display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
height: 12px;
width: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
border-radius: 50%;
position: absolute;
z-index: 1;
height: 4px;
width: 4px;
border: 0;
background: #333;
left: 50%;
top: 50%;
margin: -2px 0 0 -2px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
width: 10px;
height: 10px;
margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
position: absolute;
top: -2px;
color: #fff;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
height: auto !important;
}
/*Only display content to screen readers*/
.fp-sr-only{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
style/knacss.css
+5
View File
File diff suppressed because one or more lines are too long
style/simplebar.css
+183
View File
@@ -0,0 +1,183 @@
[data-simplebar] {
position: relative;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit;
}
.simplebar-wrapper {
overflow: hidden;
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit;
}
.simplebar-mask {
direction: inherit;
position: absolute;
overflow: hidden;
padding: 0;
margin: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto !important;
height: auto !important;
z-index: 0;
}
.simplebar-offset {
direction: inherit !important;
box-sizing: inherit !important;
resize: none !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch;
}
.simplebar-content {
direction: inherit;
box-sizing: border-box !important;
position: relative;
display: block;
height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
width: auto;
visibility: visible;
overflow: scroll; /* Scroll on this element otherwise element can't have a padding applied properly */
max-width: 100%; /* Not required for horizontal scroll to trigger */
max-height: 100%; /* Needed for vertical scroll to trigger */
}
.simplebar-placeholder {
max-height: 100%;
max-width: 100%;
width: 100%;
pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
box-sizing: inherit !important;
height: 100%;
width: inherit;
max-width: 1px;
position: relative;
float: left;
max-height: 1px;
overflow: hidden;
z-index: -1;
padding: 0;
margin: 0;
pointer-events: none;
flex-grow: inherit;
flex-shrink: 0;
flex-basis: 0;
}
.simplebar-height-auto-observer {
box-sizing: inherit;
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 1000%;
width: 1000%;
min-height: 1px;
min-width: 1px;
overflow: hidden;
pointer-events: none;
z-index: -1;
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
}
.simplebar-scrollbar {
position: absolute;
right: 2px;
width: 7px;
min-height: 10px;
}
.simplebar-scrollbar:before {
position: absolute;
content: "";
background: black;
border-radius: 7px;
left: 0;
right: 0;
opacity: 0;
transition: opacity 0.2s linear;
}
.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
/* When hovered, remove all transitions from drag handle */
opacity: 0.5;
transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
top: 0;
width: 11px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
top: 2px;
bottom: 2px;
}
.simplebar-track.simplebar-horizontal {
left: 0;
height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
height: 100%;
left: 2px;
right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
right: auto;
left: 0;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto;
}
/* Rtl support */
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
right: auto;
left: 0;
}
.hs-dummy-scrollbar-size {
direction: rtl;
position: fixed;
opacity: 0;
visibility: hidden;
height: 500px;
width: 500px;
overflow-y: hidden;
overflow-x: scroll;
}
style/style.css
+284
View File
@@ -0,0 +1,284 @@
html,body{
margin: 0;
padding: 0;
font-weight: normal;
font-size: 1rem;
height: 100%;
/* color: #323232ff!important; */
}
html{
background: #f7f4ed;
}
header{
position: fixed;
display: flex;
align-items: baseline;
justify-content: space-between;
width: 100%;
z-index: 999;
background: #f7f4ed;
}
.logo{
display: flex;
align-items: baseline;
padding: 10px 0 20px 50px;
}
h1{
font-family: 'ubuntu-m-webfont';
font-size: 36px;
margin: 0;
}
h2{
font-family: 'ubuntu-m-webfont';
font-size: 14px;
margin: 0;
}
nav{
display: flex;
height: 20px;
font-size: 12px;
padding-right: 50px;
}
ul, li{
list-style: none;
}
nav li{
margin: 0 10px;
font-family: 'ubuntu-r-webfont';
}
nav li:nth-child(1){
border-left: 1px solid black;
border-right: 1px solid black;
padding: 0px 10px;
}
nav li:last-child{
background: #4d4b4bff;
padding: 0 5px;
color: #f7f4ed;
border-radius: 3px;
text-transform: uppercase;
line-height: 1.9;
font-size: 10px;
}
/* main */
h3{
font-family: 'ubuntu-r-webfont';
font-size: 10rem;
line-height: 9rem;
}
p{
font-family: 'ubuntu-m-webfont';
font-size: 12px;
line-height: 20px;
}
button{
font-family: 'ubuntu-m-webfont'!important;
font-size: 12px!important;
border-radius: 5px!important;
border: none!important;
padding: 8px 12px!important;
}
button[name="join_us"]{
background: #69cdcfff;
color: #f7f4ed;
}
#ddb{
background: #f7f4ed;
}
#ddb button[name="join_us"]{
position: absolute;
}
/* ddb */
#ddb{
height: 100vh;
}
#ddb h3{
pointer-events: none;
position: absolute;
margin: 130px 0 200px 50px;
z-index: 1;
}
#ddb .content{
pointer-events: none;
margin: 0 50px;
}
#ddb .txt{
pointer-events: none;
position: absolute;
width: 500px;
font-size: 12px;
top: 460px;
left: 730px;
z-index: 1;
}
#ddb .txt img{
position: relative;
top: -30px;
left: -290px;
z-index: 1;
}
#ddb .txt img:nth-of-type(2) {
top: -230px;
left: 150%;
}
#ddb .images{
overflow-y: auto;
overflow-x: hidden;
position: relative;
height: 100%;
}
#ddb .images img{
position: absolute;
min-width: 100px;
height: auto;
}
#ddb .images img:nth-child(1){
top: 85%;
left: 70%;
}
#ddb .images img:nth-child(2){
top: 105%;
left: 10%;
}
#ddb .images img:nth-child(3){
width: 300px;
height: auto;
top: 200%;
left: 2%;
}
#ddb .images img:nth-child(4){
width: 150px;
height: auto;
top: 190%;
left: 40%;
}
#ddb .images img:nth-child(5){
width: 350px;
top: 180%;
left: 75%;
}
#ddb .images img:nth-child(6){
top: 230%;
left: 25%;
}
#ddb .images img:nth-child(7){
top: 255%;
left: 60%;
}
#ddb .images img:nth-child(8){
width: 300px;
height: auto;
top: 300%;
left: 7%;
}
#ddb .images img:nth-child(9){
width: 10%;
top: 320%;
left: 35%;
}
.simplebar-track.simplebar-vertical{
top: 100px;
width: 0px;
left: -20px;
}
/* scrollbar */
/* video */
#videos{
background: #69cdcfff;
height: auto;
}
.liste_movies{
display: flex;
flex-flow: column;
align-content:center;
padding-top: 65px;
}
.liste_movies ul{
width: 65%;
display: flex;
margin: 20px auto 0 auto ;
padding: 0;
}
.liste_movies ul li{
width: 250px;
height: auto;
}
.liste_movies ul li img{
width: 100%;
height: auto;
}
.liste_movies img:nth-child(1){
width: 65%;
height: auto;
margin: auto;
}
.liste_movies li img{
filter: grayscale(1);
width: 200px;
height: auto;
margin: 20px 20px 0 0;
transition: filter 0.2s;
}
.liste_movies li img:hover{
filter: grayscale(0);
transition: filter 0.2s;
}
/* showrooms */
#showroom{
background: #f7f4ed;
}
#showroom{
padding: 0px 50px;
}
#showroom h3{
margin: 0;
}
#showroom .txt{
width: 500px;
}