Difference between revisions of "Team:SSTi-SZGD/css/Home"

Line 5: Line 5:
 
/*custom header*/
 
/*custom header*/
 
.header .nav .Home span{ color: #FAEE0D;}
 
.header .nav .Home span{ color: #FAEE0D;}
−
 
−
.topic{ position: absolute; margin: auto; left: 0; right: 0; text-align: center; font-size: 5rem; color: white;}
 
−
.topic p{ width: 58.28%; height: 200px; padding: 40px; border-top: 5px solid white; border-bottom: 5px solid white; margin: auto; font-size: 7rem}
 
−
.topic p span:nth-of-type(1){ display: block; margin-bottom: 20px;}
 
−
.topic p span:nth-of-type(2){ display: block; font-size: 2.2rem; float: right;}
 
−
 
  
 
/*Abstract*/
 
/*Abstract*/

Revision as of 11:33, 25 September 2017

body{ min-width: 1024px; min-height: 465px; position: relative;}

.SSTi-SZGD{ background: url(SSTi-SZGD_banner.jpeg) no-repeat 0px 0px; min-height: 465px; background-size: cover; padding-top: 15px;}

/*custom header*/ .header .nav .Home span{ color: #FAEE0D;}

/*Abstract*/ .Content{ width: 100%; height: 420px; background: #333333; display: block;} .Abstract{ background: url(SSTi-SZGD_background_Abstract.png) no-repeat 0px 0px; background-size: cover; padding: 50px 0; display: none;} .Abstract p{ width: 80%; font-size: 3rem; margin: auto; background: rgba(0,0,0,0.3); color: white; padding: 20px 2%; text-align: justify;} .Abstract p:nth-of-type(2){ padding-top: 0;}


/*--1920--*/ @media only screen and (max-width: 1920px) { .header .nav .mainnav span{ padding-top: 6px; margin-bottom: 18.5px;} .topic p{ font-size: 5.5rem;} }

/*--1366--*/ @media only screen and (max-width: 1366px) { html{ font-size: 55%;} .header .logo span{ margin-top: 16px;} .header .nav .mainnav span{ margin-bottom: 21.5px;} .topic p{ font-size: 5rem;} }

/*--1190--*/ @media only screen and (max-width: 1190px) { html{ font-size: 52%;} .header .nav .Team{ width: 90px;} .header .nav .Project{ width: 100px;} .header .nav .Application{ width: 115px;} .header .nav .Human_Practices{ width: 135px;} .header .nav .Achievement{ width: 120px;} .header .nav .mainnav span{ padding-top: 6.5px; margin-bottom: 22px;} .topic p{ font-size: 4.5rem;} }