Difference between revisions of "Team:SDU-Denmark/css/content"

Revision as of 17:25, 16 September 2017 (view source) FelixBoelPedersen (Talk | contribs) ← Older edit		Revision as of 17:26, 16 September 2017 (view source) FelixBoelPedersen (Talk | contribs) Newer edit →
Line 37:		Line 37:
	text-align: center;		text-align: center;
	position: absolute;		position: absolute;
−	top:0px;	+	bottom:0px;
	right:0px;		right:0px;
	overflow:hidden;		overflow:hidden;
Line 49:		Line 49:
	#homePage4:hover {		#homePage4:hover {
−	-webkit-transform: translateX(1920px);	+	-webkit-transform: translateX(100%);
−	-ms-transform: translateX(1920px);	+	-ms-transform: translateX(100%);
−	transform: translateX(1920px);	+	transform: translateX(100%);
	}		}

---

Revision as of 17:26, 16 September 2017

1. homePage {

 width: 100%;
 height:97vh;
 text-align: center;
   background: rgba(153, 172, 168, 0.1); /* For browsers that do not support gradients */    
   background: -webkit-linear-gradient(0deg, rgba(118, 146, 48, 0.12), rgba(135, 222, 237, 1)); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(0deg, rgba(118, 146, 48, 0.12), rgba(135, 222, 237, 1)); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(0deg, rgba(118, 146, 48, 0.12), rgba(135, 222, 237, 1)); /* For Firefox 3.6 to 15 */
   background: linear-gradient(0deg, rgba(118, 146, 48, 0.12), rgba(135, 222, 237, 1)); /* Standard syntax (must be last) */  
 box-shadow: 0 2px 5px rgba(0, 0, 0, .5), 0 2px rgba(0, 0, 0, .1);
 position:relative

}

1. homePage2 {

 text-align: center;
 position: absolute;
 bottom:-8px;
 left:5%;
 overflow:hidden;
 width:90%;

}

1. homePageBackground {

 overflow:hidden;

}

1. homePage3 {

 text-align: center;
 position: absolute;
 top:-50px;
 right:0px;
 overflow:hidden;
 width:90%;

}

1. homePage4 {

 text-align: center;
 position: absolute;
 bottom:0px;
 right:0px;
 overflow:hidden;
 width:200%;

   transition: all 40s ease-in-out;
   -webkit-transition: all 40s ease-in-out; /** Chrome & Safari **/
   -moz-transition: all 40s ease-in-out; /** Firefox **/
   -o-transition: all 40s ease-in-out; /** Opera **/

}

1. homePage4:hover {

 -webkit-transform: translateX(100%);
 -ms-transform: translateX(100%);
 transform: translateX(100%);

}

1. homeSky {

 height:50%

}

1. homePageText {

 width:800px;
 padding-top:200px;
 display: inline-block;

}

1. abstract {

 padding-bottom:40px;

}

1. abstractPictureOuter {

 text-align: center;
 margin-top:100px;

}

1. abstractPicture {

 display: inline-block;
 width:300px;
 height:300px;
 background: url();
 background-size: 100% 100%;
 background-repeat: no-repeat;

}

1. presentationContent {

 background-color: rgba(153, 172, 168, 0.3);
 padding-top:1px;
 box-shadow:0 -2px 0 rgba(0,0,0,.1),0 -2px 5px rgba(0,0,0,.5);

}

1. presentationGradient {

   height: 100px;
   background: rgba(153, 172, 168, 0.1); /* For browsers that do not support gradients */    
   background: -webkit-linear-gradient(0deg, rgba(153, 172, 168, 0.12), rgba(153, 172, 168, 0)); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(0deg, rgba(153, 172, 168, 0.12), rgba(153, 172, 168, 0)); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(0deg, rgba(153, 172, 168, 0.12), rgba(153, 172, 168, 0)); /* For Firefox 3.6 to 15 */
   background: linear-gradient(0deg, rgba(153, 172, 168, 0.12), rgba(153, 172, 168, 0)); /* Standard syntax (must be last) */

}