Team:NYMU-Taipei/note.css

From 2014.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 1: Line 1:
#labnote{
#labnote{
-
   width: 950px;
+
   width: 80%;
-
  border-left: solid 1px;
+
   margin: 0 auto;
   margin: 0 auto;
-
   height:550px;
+
   margin-bottom: 50px;
-
   overflow:auto;
+
   margin-top: 20px;
-
  position:relative;
+
-
  display:inline-block;
+
}
}
-
#tabframe{
 
-
  float:left;
 
-
}
 
.note-tab{
.note-tab{
-
   border: solid 1px;
+
   cursor: pointer;
-
   line-height: 40px;
+
   display: inline-block;
-
  font-size: 20px;
+
   border: outset 2px;
-
   width: 150px;
+
   padding: 10px;
-
   text-align: center;
+
   border-radius: 0px 10px;
-
   margin-left: -100px;
+
   background: rgb(253, 197, 122);
-
  margin-top: 10px;
+
   margin-left: 20px;
-
   background-color: pink;
+
-
   cursor:pointer;
+
}
}
-
#nt1{
+
 
-
   -webkit-transform: rotate(5deg);
+
.note-pdf{
-
   -moz-transform: rotate(5deg);
+
   width: 850px;
-
   -o-transform: rotate(5deg);
+
   margin: 0 auto;
-
   -ms-transform: rotate(5deg);
+
   display: block;
-
   transform: rotate(5deg);
+
   height: 600px;
 +
   margin-bottom: 50px;
}
}
-
#nt2{
+
 
-
  -webkit-transform: rotate(-5deg);
+
.note-content{
-
   -moz-transform: rotate(-5deg);
+
   padding-left:20px;
-
   -o-transform: rotate(-5deg);
+
   padding-right:20px;
-
   -ms-transform: rotate(-5deg);
+
   text-align: justify;
-
  transform: rotate(-5deg);
+
}
}
-
#nt4{
+
 
-
  -webkit-transform: rotate(10deg);
+
.note-content ol{
-
   -moz-transform: rotate(10deg);
+
   font-size: 16px;
-
  -o-transform: rotate(10deg);
+
   width: 860px;
-
  -ms-transform: rotate(10deg);
+
-
   transform: rotate(10deg);
+
}
}
-
#nt5{
+
 
-
  -webkit-transform: rotate(3deg);
+
.note-content img{
-
   -moz-transform: rotate(3deg);
+
   vertical-align: top;
-
   -o-transform: rotate(3deg);
+
   margin-top: 10px;
-
  -ms-transform: rotate(3deg);
+
-
  transform: rotate(3deg);
+
}
}
-
#nt6{
+
 
-
   -webkit-transform: rotate(5deg);
+
.protocol ul{
-
   -moz-transform: rotate(5deg);
+
   font-size: 16px;
-
   -o-transform: rotate(5deg);
+
   width: 800px;
-
  -ms-transform: rotate(5deg);
+
   padding-left: 60px;
-
  transform: rotate(5deg);
+
}
}
-
.note-content{
+
.protocol ol{
 +
  font-size: 16px;
 +
  width: 800px;
 +
  padding-left: 60px;
 +
}
 +
 
 +
.pdfFile{
 +
  background-repeat: no-repeat;
 +
  background-position: left; 
 +
  padding-left: 19px;
 +
  background-image: url(http://www.crossborder.ie/wp-content/uploads/pdf_icon.gif);
 +
  font-size: 16px;
 +
  line-height: 1.3em;
}
}

Latest revision as of 13:35, 16 October 2014

  1. labnote{
 width: 80%;
 margin: 0 auto;
 margin-bottom: 50px;
 margin-top: 20px;

}

.note-tab{

 cursor: pointer;
 display: inline-block;
 border: outset 2px;
 padding: 10px;
 border-radius: 0px 10px;
 background: rgb(253, 197, 122);
 margin-left: 20px;

}

.note-pdf{

 width: 850px;
 margin: 0 auto;
 display: block;
 height: 600px;
 margin-bottom: 50px;

}

.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;

}

.pdfFile{

 background-repeat: no-repeat;
 background-position: left;  
 padding-left: 19px;
 background-image: url(pdf_icon.gif);
 font-size: 16px;
 line-height: 1.3em;

}