Team:SYSU-Software/notebook2.css

From 2013.igem.org

(Difference between revisions)
 
Line 146: Line 146:
     width: 460px;
     width: 460px;
     line-height: 25px;
     line-height: 25px;
 +
}
 +
 +
#detail #detail-block .right-part h3 {
 +
    color: red;
}
}

Latest revision as of 13:59, 27 September 2013

body {

   font-family: Arial;
   font-weight: bold;
   margin: 0;
   padding: 0;

}

p {

   word-break: break-all;
   margin:0;
   padding:0;

}

.wrapper {

   width: 100%;
   /*padding: 50px 0;*/
   font-size: 18px;

}

.wrapper.colored-wrapper {

   background-color: #dff5f2;

}

.wrapper.black-wrapper {

   background-color: #252629;

}

.container {

   width: 980px;
   margin: 0 auto;

}

  1. notebook-container {
   color: #fff;
   position: relative !important;
   overflow: hidden;

}

  1. notebook-container ul {
   list-style: none;
   text-align: center;
   padding: 0;
   margin: 0;

}

  1. notebook-container ul li {
   display: block;
   line-height: 15px;

}

  1. notebook-container ul li.left {
   position: relative;
   text-align: left;

}

  1. notebook-container ul li.right {
   position: relative;
   text-align: right;

}

  1. notebook-container ul li a {
   color: #fff;
   text-decoration: none;

}

.scrollblock {

   width: 100%;
   position: relative !important;
   /*overflow: hidden;*/

}

  1. overview {
   height: 912px;

}

  1. overview img {
   display: block;
   margin: 0 auto;

}

  1. overview #overview-timeline {
   position: relative;
   display: block;
   margin: 0 auto;
   width: 200px;
   height: 603px;
   margin-top: 50px;

}

  1. overview #notebook {
   left: 50%;
   margin-left: -322px;

}

  1. overview .line {
   position: absolute;
   top: 0;
   left: 94px;

}


  1. detail {
   height: 800px;
   top: 150px !important;

}

  1. detail .line {
   position: absolute;
   top: 0;
   left: 0;

}

  1. detail ul li.right {
   text-align: left;
   margin-left: 20px;

}

  1. detail #detail-timeline {
   width: 120px;
   float: left;

/* position: fixed;

   top: 10px !important;*/

}

  1. detail #detail-block {
   display: block;
   width: 800px;    
   float: right;
   margin-top: 500px;

}

  1. detail #detail-block li {
   position: relative;
   height: 603px;
   margin-bottom: 30px;

}

  1. detail #detail-block .left-part {
   float: left;
   width: 300px;

}

  1. detail #detail-block .right-part {
   float: right;
   /*padding-top: 200px;*/
   width: 460px;
   line-height: 25px;

}

  1. detail #detail-block .right-part h3 {
   color: red;

}

  1. detail #detail-block .detail-items li {
   height: 40px;
   line-height: 20px;
   margin: 5px 0;
   text-align: left;

}