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
- labnote{
width: 950px; border-left: solid 1px; margin: 0 auto; height:550px; overflow:auto; position:relative; display:inline-block;
}
- 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;
}
- 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{ }