self-conscious-design
clone your own copy | download snapshot

Snapshots | iceberg

No images in this repository’s iceberg at this time

Inside this repository

parallaxe.css
text/css

Download raw (1.8 KB)

@charset "UTF-8";
@namespace "http://www.w3.org/1999/xhtml";
@namespace epub "http://www.idpf.org/2007/ops";


	/*----------------- fonts------------------*/
	

@font-face {
    font-family: 'Museo';
    font-style: normal;
    font-weight: 300;
    src: url('../Font/Museo300-Regular.otf');
}
@font-face {
    font-family: 'Museo';
    font-style: normal;
    font-weight: 500;
    src: url('../Font/Museo500-Regular.otf');
}
	@font-face {
    font-family: 'Museo';
    font-style: normal;
    font-weight: 700;
    src: url('../Font/Museo700-Regular.otf');
}




	/*------------------structure-----------------*/


body {
	font-family: "Museo";
    	margin-left: 10em;
    	margin-right: 10em;
    	color: black;    
	font-size:1em;
    	background-color:#FFF;
    	line-height: 2em;
	}

div.entete {
	background-color: #f3f3f3;
	}

/* text decoration*/
h1 {	font-size: 3em;
	line-height:1em ;
	text-align: center;
	color: white;
	text-transform:uppercase;
	font-weight:700;	
	
	}


h2 {   font-weight: 500;
    margin-top: 2em;
    margin-bottom: 2em;
}

h3 {	color:#9E9E9E;
	font-weight:300;
    	margin-top: 1.5em;
}
	h4 {
	text-align: left;
	text-decoration:underline;
	color:#CECECE; 
	font-size: 1em; 
	font-weight: 500; 
	line-height: 1em; 

	}

a { text-decoration:none;
	color:#AFAFAF;
	}
p.legend {	font-size:0.8em;
			text-align:right;
			font-weight:500;
			color:#9E9E9E;
		}

div.link_footer {
	background-color:#f3f3f3 ;
	color:#463F32;
	text-align:center;
	}

/* Parallaxe effect */
img {
  display: block;
  width: 100%;
}

.scene {
  max-width: 400px;
  margin: 0 auto;
  padding: 0;
}

.layer:nth-child(1) {
  opacity: 0.15;
}
.layer:nth-child(2) {
  opacity: 0.30;
}
.layer:nth-child(3) {
  opacity: 0.45;
}
.layer:nth-child(4) {
  opacity: 0.60;
}
.layer:nth-child(5) {
  opacity: 0.75;
}
.layer:nth-child(6) {
  opacity: 0.90;
}