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

Line 1: Line 1:
 
#homePage {
 
#homePage {
 
   width: 100%;
 
   width: 100%;
−
   background-color: rgba(98, 117, 123, 0.2);
+
   background-color: rgba(118, 146, 94, 0.3);
 
   height:100vh;
 
   height:100vh;
 
   text-align: center;
 
   text-align: center;
−
 
+
  box-shadow:0 2px 0 rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1);
 
}
 
}
  
  
−
#abstract {
+
#homePageText {
 
   width:800px;
 
   width:800px;
 
   padding-top:200px;
 
   padding-top:200px;
 
   display: inline-block;
 
   display: inline-block;
−
 
 
}
 
}
  
Line 19: Line 18:
 
   background-color: rgba(153, 172, 168, 0.3);
 
   background-color: rgba(153, 172, 168, 0.3);
 
   padding-top:1px;
 
   padding-top:1px;
 +
  box-shadow:0 -2px 0 rgba(0,0,0,.1),0 -2px 2px rgba(0,0,0,.1);
 +
 
}
 
}
  

Revision as of 14:55, 2 September 2017

  1. homePage {
 width: 100%;
 background-color: rgba(118, 146, 94, 0.3);
 height:100vh;
 text-align: center;
 box-shadow:0 2px 0 rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1);

}


  1. homePageText {
 width:800px;
 padding-top:200px;
 display: inline-block;

}


  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 2px rgba(0,0,0,.1);

}


  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) */

}