View source for Team:CityU HK/Template/parallax css

/*
Theme Name: Simple Parallax Website
Description: Simple Parallax Scrolling Effect
Author: Samuel Dalusung
*/

/*= GENERAL STYLING
--------------------------------------------------------*/

body{
	margin: 0;
	padding: 0;
	width: 100%;
        height:100%;
}
.main-wrap{
	margin: 0;
	padding: 0;
	width: 100%;
        height:100%;
}

.content h1 { 
    font-family:"Arvo";
	font-weight:normal;
	font-size: 55px;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
}

.content h2 {
   font-family: 'Lato', sans-serif;;
   font-weight: 700;
   font-size: 40px;
   text-align: center;
   color: #fff;
   margin: 0;
   padding: 0;
}

.content p {
   font-family: 'Alegreya Sans', sans-serif;
   font-weight: normal;
   font-size: 1.7em;
   text-align: left;
   margin: 5px 0;
	padding: 0;
	z-index: 1;
	position: relative;
}

.p-white {color:#ffffff;}
.p-grey {color:#585757;}  

.center { margin: 0 auto; }
.content{ margin: 0 auto; width: 980px; }
.clear { clear: both; }
a.lpanel { float: left; color: #e1e1e1; font-size: 12px; font-family:"Wellfleet"; text-decoration: none; margin: 7px 11px; }
a.rpanel { float: right; color: #e1e1e1;  font-size: 12px; font-family:"Wellfleet"; text-decoration: none; margin: 7px 11px; }

a.lpanel:hover{ color: #fff; }
a.rpanel:hover{ color: #fff; }



/*= HEADERS AND SOME ELEMENTS
--------------------------------------------------------*/
.quotes {   
 font-family: 'Goudy Bookletter 1911', serif;
   font-weight: normal;
   font-size: 1em;
  text-align: left;
  margin: 50px auto;
}

 .header_white { font-family: 'Lato', sans-serif; font-weight: 700;  margin: 70px 0 0 70px; color: #fff; font-size: 4em; }  
 .header_black { font-family:'Lato', sans-serif; font-weight:700;  margin: 70px 0 0 70px; color: #ffb90f; font-size: 4em;}  
 .quotes_container { width: 800px; margin: 0 auto;}


/*= SLIDES STYLING
--------------------------------------------------------*/

#slide1, #slide2{ width: 100%;}
#slide1{
	background:url('https://static.igem.org/mediawiki/2015/a/ac/2015CityU_HK_homepic.jpeg') 50% 0 no-repeat fixed;
	color: #fff;
	height:750px;
	margin: 0;
	padding: 200px 0 260px 0;
	background-size: cover;
}

#slide2{
	background-color: #fff;
	color: #333333;
        text-align:left;
	height: 600px;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0;
}

#slide3{
	background: url('https://static.igem.org/mediawiki/2015/8/89/2015CityU_HK_schoolvisit_slide.jpeg') 50% 0 no-repeat fixed;
	color: #fff;
	height: 600px;
	padding: 170px 0 0 0;	
	background-size: cover;
}

#slide4{
	background-color: rgba(241, 196, 15,1.0);
	color: #fff;
	height: 400px;
	padding: 40px 0;
}

#slide5{
	background: url('https://static.igem.org/mediawiki/2015/5/5a/2015CityU_HK_result.png') 40% 0  no-repeat fixed;
	height: 500px;
	margin: 0;
	padding: 70px;
	color: #fff;
	background-size: cover;
}

/********************** CIRCULAR PIC ***********************/
#circle-container {
        text-align:center;
}

.circle {
        border-radius:50%;
        float:right;
        margin:50px 30px;
        height:200px;
        width:200px;
}
.circle:hover {
        opacity: 0.5;
        ilter: alpha(opacity=50);
        zoom:110%
}

#student {
        background:url('//cdn1.editmysite.com/uploads/5/7/0/0/57008745/background-images/235688676.jpg');
        background-size: 200px 200px;
        background-repeat: no-repeat;
        align:center;
}
#student:hover {background-size: 230px 230px;}