Team:NYMU-Taipei/note.css

From 2014.igem.org

(Difference between revisions)
Line 22: Line 22:
   background-color: pink;
   background-color: pink;
   cursor:pointer;
   cursor:pointer;
 +
}
 +
#nt1{
 +
  -webkit-transform: rotate(5deg);
 +
  -moz-transform: rotate(5deg);
 +
  -o-transform: rotate(5deg);
 +
  -ms-transform: rotate(5deg);
 +
  transform: rotate(5deg);
 +
}
 +
#nt2{
 +
  -webkit-transform: rotate(-5deg);
 +
  -moz-transform: rotate(-5deg);
 +
  -o-transform: rotate(-5deg);
 +
  -ms-transform: rotate(-5deg);
 +
  transform: rotate(-5deg);
 +
}
 +
#nt4{
 +
  -webkit-transform: rotate(10deg);
 +
  -moz-transform: rotate(10deg);
 +
  -o-transform: rotate(10deg);
 +
  -ms-transform: rotate(10deg);
 +
  transform: rotate(10deg);
 +
}
 +
#nt5{
 +
  -webkit-transform: rotate(3deg);
 +
  -moz-transform: rotate(3deg);
 +
  -o-transform: rotate(3deg);
 +
  -ms-transform: rotate(3deg);
 +
  transform: rotate(3deg);
 +
}
 +
#nt6{
 +
  -webkit-transform: rotate(5deg);
 +
  -moz-transform: rotate(5deg);
 +
  -o-transform: rotate(5deg);
 +
  -ms-transform: rotate(5deg);
 +
  transform: rotate(5deg);
}
}
.note-content{
.note-content{
}
}

Revision as of 10:26, 15 August 2014

  1. labnote{
 width: 950px;
 border-left: solid 1px;
 margin: 0 auto;
 height:550px;
 overflow:auto;
 position:relative;
 display:inline-block;

}

  1. tabframe{
 float:left;

} .note-tab{

 border: solid 1px;
 line-height: 40px;
 font-size: 20px;
 width: 150px;
 text-align: center;
 margin-left: -100px;
 margin-top: 10px;
 background-color: pink;
 cursor:pointer;

}

  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{ }