Team:Paris Bettencourt/css/Notebookstyle.css

From 2013.igem.org

(Difference between revisions)
Line 54: Line 54:
}
}
-
#leftscroll{
+
.leftscroll{
float: left;  
float: left;  
width: 25%;  
width: 25%;  
-
height: 600px;  
+
height: 600px;
 +
overflow-x: auto;
 +
overflow-y: auto;
overflow: auto;
overflow: auto;
}
}
-
#rightscroll{
+
.rightscroll{
display: inline-block;
display: inline-block;
width: 70%;  
width: 70%;  
Line 67: Line 69:
}
}
-
#tbnote {
+
.tbnote {
width: 70%;  
width: 70%;  
overflow: auto;
overflow: auto;
 +
overflow-x: auto;
 +
overflow-y: auto;
}
}
-
#tbnote p {
+
.tbnote p {
width: 65%;  
width: 65%;  
}
}

Revision as of 00:30, 30 July 2013

/* CSS Tree menu styles */ .treeView{

   -moz-user-select:none;
   position:relative;

}

.treeView ul{

   margin:0 0 0 -1.5em;
   padding:0 0 0 1.5em;

}

.treeView ul ul{

   background:url('https://static.igem.org/mediawiki/2013/4/44/PB_CL_List-item-contents.png') repeat-y left;

}

.treeView li.lastChild > ul{

   background-image:none;

}

.treeView li{

   margin:0;
   padding:0;
   background:url('https://static.igem.org/mediawiki/2013/8/8f/PB_CL_List-item-root.png') no-repeat top left;
   list-style-position:inside;
   list-style-image:url('https://static.igem.org/mediawiki/2013/1/17/PB_CL_Button.png');
   cursor:auto;

}

.treeView li.collapsibleListOpen{

   list-style-image:url('https://static.igem.org/mediawiki/2013/4/4a/PB_CL_Button-open.png');
   cursor:pointer;

}

.treeView li.collapsibleListClosed{

   list-style-image:url('https://static.igem.org/mediawiki/2013/3/3b/PB_CL_Button-closed.png');
   cursor:pointer;

}

.treeView li li{

   background-image:url('https://static.igem.org/mediawiki/2013/5/5e/PB_CL_List-item.png');
   padding-left:1.5em;

}

.treeView li.lastChild{

   background-image:url('https://static.igem.org/mediawiki/2013/9/97/PB_CL_List-item-last.png');

}

.treeView li.collapsibleListOpen{

   background-image:url('https://static.igem.org/mediawiki/2013/3/39/PB_CL_List-item-open.png');

}

.treeView li.collapsibleListOpen.lastChild{

   background-image:url('PB_CL_List-itemlastopen.png);

}

.leftscroll{ float: left; width: 25%; height: 600px; overflow-x: auto; overflow-y: auto; overflow: auto; }

.rightscroll{ display: inline-block; width: 70%; height: 600px; }

.tbnote { width: 70%; overflow: auto; overflow-x: auto; overflow-y: auto; }

.tbnote p { width: 65%; }