Difference between revisions of "Template:XJTU-China/home.css"

Line 118: Line 118:
 
   width:100%;
 
   width:100%;
 
   height: 400px;
 
   height: 400px;
−
   background-color: white;
+
   background-color: #542426;
 
   margin: 0;
 
   margin: 0;
 
   padding: 0;
 
   padding: 0;
Line 178: Line 178:
 
}
 
}
 
#content-block-3 {
 
#content-block-3 {
−
   background-color: #f7f7f7;
+
   background-color: #542426;
 
   height: 450px;
 
   height: 450px;
 
}
 
}

Revision as of 16:20, 17 October 2018

  1. universal-wrapper {
 margin-top: 70px;
 padding: 0;
 width: 100%;

}

  1. globalWrapper {
 padding: 0;

}

  1. mw-content-text p {
 margin: 0;

} body { 

 margin: 0;
 padding: 0;
 min-width: 1200px;

} html { 

 font-size: 100%;

}


/* BANNER */ .banner-pic-wrapper { 

 margin: 0;
 padding: 0;
 width: 100%;
 height: 700px;
 overflow: hidden;
 position: fixed;
 /*margin-top: 74px;*/
 /* igem menu bar 20px, navigation bar 54px */
 top: 0;
 z-index: -100;

} .banner-dummy { 

 margin: 0;
 position: relative;
 /* igem menu bar 20px, navigation bar 54px */
 margin-top: 74px;
 padding: 0;
 width: 100%;
 height: 650px;

} .banner-pic { 

 margin: 0;
 padding: 0;
 width: 100%;
 position: absolute;

} .banner-pic:not(.active) { 

 display: none;

} .banner-text { 

 position: absolute;
 border: none;
 top: 20%;
 width: 100%;
 left: 0; right: 0;
 margin: 0 auto 0 auto;
 padding: 0;
 min-height: 160px;
 font-size: 120px;
 letter-spacing: 0.4em;
 font-family: Ubuntu,"Helvetica Neue", Arial;
 font-weight: bolder;
 text-align: center;

} .banner-text span { 

 opacity: 0;
 margin: 0;
 padding: 0;

}

  1. text-d {
 color: #d35400;

}

  1. text-e {
 color: #f1c40f;

}

  1. text-cose {
 color: white;

} .banner-sub-text { 

 opacity: 0;
 position: absolute;
 padding: 0;
 top: 45%;
 width: 60%;
 margin: 0 20% 0 20%;
 font-size: 32px;
 line-height: 1.4em;
 letter-spacing: 0.1em;
 font-family: Lato,"Helvetica Neue",Arial;
 font-weight: bolder;
 text-align: center;
 color: white;

} .banner-up-arrow { 

 display: none;
 position: absolute;
 left: 0; right: 0;
 margin: 0 auto 0 auto;
 width: 120px;
 height: 80px;
 opacity: 0.8;
 bottom: 3%;
 z-index: 50;

} header + div.container { 

 margin-top: 76.8px;

} /* CONTENT */ .content-wrapper { 

 width: 100%;
 padding :0;
 margin: 0;

} .content-block { 

 width:100%;
 height: 400px;
 background-color: #542426;
 margin: 0;
 padding: 0;
 border-bottom: 1px solid #ecf0f1;
 overflow: hidden;

} .content-title { 

 opacity: 0;
 position: relative;
 top: -40px;
 margin: 0;
 padding: 0.8em 0 0.8em 0;
 font-size: 2.6rem;
 font-family: "Helvetica Neue",Arial;
 text-align: center;
 color: #d35400;

} .content-text { 

 opacity: 0;
 position: relative;
 left: -100px;
 margin: 0;
 padding: 0.8em 0 0.8em 0;
 font-family: Ubuntu,"Helvetica Neue",Arial;
 font-size: 1.2rem;
 line-height: 2.4rem;
 text-align: left;

} .content-text-wrapper { 

 width: 55%;
 height: 100%;
 margin: 0;
 padding: 0 7% 0 7%;
 float: left;

} .content-pic-wrapper { 

 width: 45%;
 height: 100%;
 margin: 0;
 float: left;
 text-align: center;

}

  1. content-block-1 video {
 width: 600px;
 display: inline-block;
 margin-top: 40px;

}

  1. content-block-2 .content-text-wrapper {
 float: right;

}

  1. content-block-2 img {
 height: 100%;

}

  1. content-block-2 {
 height: 450px;

}

  1. content-block-2 .content-text {
 left: 100px;

}

  1. content-block-3 {
 background-color: #542426;
 height: 450px;

}

  1. content-block-4 {
 height: 140px;

}

  1. content-block-4 .content-title {
 margin: 0;
 width: 40%;
 text-align: center;
 float: right;

}

  1. content-block-4 .content-title:before {
 display: none;

}

  1. content-block-4 .content-text {
 margin: 0;
 width: 60%;
 text-align: center;
 float: right;
 font-size: 1.7rem;

}

  1. content-block-dummy {
 overflow: hidden;
 background: transparent;

}

  1. content-block-4-pic {
 display: none;
 height: 650px;
 position: fixed;
 z-index: -1;
 bottom: 0;

}

  1. content-pic-team {
 width: 100%;
 margin: 0;
 padding: 0;

}

  1. content-block-5 {
 height: 220px;
 text-align: center;

}

  1. content-block-5 .content-title:before {
 display: none;

} .sponsor-img { 

 display: inline-block;
 position: relative;
 top: -20px;
 /*opacity: 0;*/
 padding: 0 2.0rem 0 2.0rem;
 margin: 0;
 height: 60px;
 vertical-align: top;

}