Team:SYSU-Software/overview.css

From 2013.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
-
    *{
+
*{
-
      padding:0px;
+
padding:0px;
-
      margin: 0px;
+
margin: 0px;
-
    }
+
}
-
    body {
+
body {
-
      height: 100%;
+
background-color: white;
-
      width: 100%;
+
}
-
      background-color: white;
+
-
      font-family: 'Arial';
+
-
    }
+
-
    /*home content*/
+
/*home content*/
-
    #overview-container{
+
#overview-container{
-
      width: 100%;
+
width: 100%;
-
      margin: 0 auto;  
+
margin: 0 auto;  
-
      background-color: white;
+
background-color: white;
-
    }
+
}
-
    /*slides part*/
+
/*slides part*/
-
    #overview-slides{
+
#overview-slides{
-
      height: 430px;
+
width:100%;
-
      background-color: white;
+
height: 430px;
-
    }
+
background-color: #dff5f2;
-
    #myCarousel{
+
padding: 15px 0;
-
      height: 430px;
+
}
-
      width: 980px;
+
#myCarousel{
 +
height: 430px;
 +
width: 980px;
-
      margin: 0 auto;
+
margin: 0 auto;
-
    }
+
}
-
    #slides-image img{
+
#slides-image img{
-
      height: 430px;
+
height: 430px;
-
      width: 980px;
+
/* width: 980px; */
-
      margin:0 auto;
+
margin:0 auto;
-
    }
+
}
-
    /*some change*/
+
/*some change*/
-
    .zhizhen-left {
+
.zhizhen-left {
-
    position: absolute;
+
position: absolute;
-
    top: 40%;
+
top: 50%;
-
    left: 30px;
+
left: 0px;
-
    margin-top: -20px;
+
margin-top: -20px;
-
    }
+
}
-
    .zhizhen-right{
+
.zhizhen-right{
-
      position: absolute;
+
position: absolute;
-
      top: 40%;
+
top: 50%;
-
      right: 30px;
+
right: 0px;
-
      margin-top: -20px;
+
margin-top: -20px;
-
    }
+
}
-
    /*overview content*/
+
/*overview content*/
-
    #overview-header{
+
#overview-header{
-
      width: 175px;
+
width: 100%;
-
      font-size: 40px;
+
font-size: 40px;
-
      color: black;
+
color: #34495e;
-
      font-weight: bolder;
+
font-weight: bolder;
-
      margin: 0 auto;
+
margin: 30px auto;
 +
background: white;
 +
}
 +
#overview-header span{
 +
display: block;
 +
margin: auto;
 +
width: 100%;
 +
text-align: center;
 +
}
 +
#overview-text{
 +
font-size: 18px;
 +
font-weight: 700;
 +
color: #63605e;
 +
width: 100%;
 +
margin: 0 auto;
 +
line-height: 28px;
 +
text-align: justify;
 +
        background-color:white;
 +
}
-
      margin-top: 70px;
+
/* #overview-text .text-1 { */
-
      margin-bottom: 30px;
+
/* background: white; */
-
    }
+
/* } */
-
    #overview-text{
+
#overview-text div {
-
      font-size: 18px;
+
width: 100%;
-
      font-weight: 700;
+
}
-
      color: #63605e;
+
#overview-text span {
-
      width: 900px;
+
width: 980px;
-
      margin: 0 auto;
+
display: block;
-
      line-height: 28px;
+
margin: 20px auto;
-
      text-align: justify;
+
}
-
      margin-bottom: 80px;
 
-
    }
 
-
    /*footer*/   
+
/*footer*/   
-
    #sysu-footer{
+
#sysu-footer{
-
      width: 100%;
+
width: 100%;
-
      margin:0 auto;
+
margin:0 auto;
-
      position: relative;
+
position: relative;
-
      bottom: 0px;
+
bottom: 0px;
-
      overflow: hidden;
+
overflow: hidden;
-
      background-color: white;
+
background-color: white;
-
    }
+
}
 +
 
 +
#bottom-image{
 +
width:100%;
 +
}
 +
a:focus{
 +
outline-color:#544444;
 +
}
 +
 
 +
.wrapper.colored-wrapper{
 +
background-color:white!important;
 +
}
-
    #bottom-image{
+
#myCarousel .carousel-indicators {
-
width:100%;
+
  right: 90px;
}
}
-
    a:focus{
 
-
      outline-color:#544444;
 
-
    }
 

Latest revision as of 02:58, 28 September 2013

  • {

padding:0px; margin: 0px; } body { background-color: white; }

/*home content*/

  1. overview-container{

width: 100%; margin: 0 auto; background-color: white; } /*slides part*/

  1. overview-slides{

width:100%; height: 430px; background-color: #dff5f2; padding: 15px 0; }

  1. myCarousel{

height: 430px; width: 980px;

margin: 0 auto; }

  1. slides-image img{

height: 430px; /* width: 980px; */

margin:0 auto; }

/*some change*/ .zhizhen-left { position: absolute; top: 50%; left: 0px; margin-top: -20px; } .zhizhen-right{ position: absolute; top: 50%; right: 0px; margin-top: -20px; }

/*overview content*/

  1. overview-header{

width: 100%;

font-size: 40px; color: #34495e; font-weight: bolder; margin: 30px auto; background: white; }

  1. overview-header span{

display: block; margin: auto; width: 100%; text-align: center; }

  1. overview-text{

font-size: 18px; font-weight: 700; color: #63605e; width: 100%; margin: 0 auto; line-height: 28px; text-align: justify; 

       background-color:white;

}

/* #overview-text .text-1 { */ /* background: white; */ /* } */

  1. overview-text div {

width: 100%; }

  1. overview-text span {

width: 980px; display: block; margin: 20px auto; }



/*footer*/

  1. sysu-footer{

width: 100%; margin:0 auto;

position: relative; bottom: 0px; overflow: hidden;

background-color: white; }

  1. bottom-image{

width:100%; } a:focus{ outline-color:#544444; }

.wrapper.colored-wrapper{ background-color:white!important; }

  1. myCarousel .carousel-indicators { 
 right: 90px;

}

Retrieved from "http://2013.igem.org/Team:SYSU-Software/overview.css"