Team:NYMU-Taipei/note.css

From 2014.igem.org

(Difference between revisions)
Line 79: Line 79:
.protocol ul{
.protocol ul{
 +
  font-size: 16px;
 +
  width: 800px;
 +
  padding-left: 60px;
 +
}
 +
 +
.protocol ol{
   font-size: 16px;
   font-size: 16px;
   width: 800px;
   width: 800px;
   padding-left: 60px;
   padding-left: 60px;
}
}

Revision as of 11:17, 13 October 2014

  1. labnote{
 width: 950px;
 border-left: solid 1px;
 margin: 0 auto;
 position:relative;
 display:inline-block;
 margin-left:45px;
 background: rgb(230, 235, 237);

}

  1. tabframe{
 position:absolute;
 top:100px;

} .note-tab{

 border-left: 3px outset;
 border-bottom:3px outset;
 line-height: 40px;
 font-size: 20px;
 width: 150px;
 text-align: center;
 margin-left: -100px;
 margin-top: 10px;
 background-color: pink;
 cursor:pointer;
 border-radius:10px 0px 0px 0px;

}

  1. nt1{
 -webkit-transform: rotate(5deg);
 -moz-transform: rotate(5deg);
 -o-transform: rotate(5deg);
 -ms-transform: rotate(5deg);
 transform: rotate(5deg);

}

  1. nt2{
 -webkit-transform: rotate(-5deg);
 -moz-transform: rotate(-5deg);
 -o-transform: rotate(-5deg);
 -ms-transform: rotate(-5deg);
 transform: rotate(-5deg);

}

  1. nt4{
 -webkit-transform: rotate(10deg);
 -moz-transform: rotate(10deg);
 -o-transform: rotate(10deg);
 -ms-transform: rotate(10deg);
 transform: rotate(10deg);

}

  1. nt5{
 -webkit-transform: rotate(3deg);
 -moz-transform: rotate(3deg);
 -o-transform: rotate(3deg);
 -ms-transform: rotate(3deg);
 transform: rotate(3deg);

}

  1. nt6{
 -webkit-transform: rotate(5deg);
 -moz-transform: rotate(5deg);
 -o-transform: rotate(5deg);
 -ms-transform: rotate(5deg);
 transform: rotate(5deg);

}

.note-content{

 padding-left:20px;
 padding-right:20px;
 text-align: justify;

}

.note-content ol{

 font-size: 16px;
 width: 860px;

}

.note-content img{

 vertical-align: top;
 margin-top: 10px;

}

.protocol ul{

 font-size: 16px;
 width: 800px;
 padding-left: 60px;

}

.protocol ol{

 font-size: 16px;
 width: 800px;
 padding-left: 60px;

}