Difference between revisions of "Team:OUC-China/css/jquery.tocible"

(Created page with "* jquery.tocible.css v1.2.0, jQuery Tocible * * A lightweight table of contents navigation plugin * https://github.com/markserbol/tocible *: .tocible { backgroun...")
 
(Blanked the page)
 
Line 1: Line 1:
/*
 
* jquery.tocible.css v1.2.0, jQuery Tocible
 
*
 
* A lightweight table of contents navigation plugin
 
* https://github.com/markserbol/tocible
 
*
 
*/
 
  
.tocible {
 
background:#666;
 
color:#FFF;
 
font-size:14px;
 
height:auto;
 
left:auto;
 
right:auto;
 
margin:0;
 
/*position: fixed !important;
 
top: 15% !important;
 
left: 4% !important;*/
 
}
 
 
.tocible_header {
 
text-transform:uppercase;
 
cursor:pointer;
 
padding:5px 40px 5px 15px;
 
position:relative;
 
background:#333;
 
}
 
 
.tocible_header span {
 
position:absolute;
 
top:15px;
 
right:15px;
 
width: 0;
 
height: 0;
 
border-left: 6px solid transparent;
 
border-right: 6px solid transparent;
 
border-top: 6px solid #999;
 
font-size: 0;
 
line-height: 0;
 
transition-property: -moz-transform, -webkit-transform, -o-transform, -ms-transform;
 
transition-timing-function:linear;
 
transition-duration:0.4s;
 
}
 
 
.tocible_header span.toc_open {
 
-moz-transform:rotate(-90deg);
 
-webkit-transform:rotate(-90deg);
 
-o-transform:rotate(-90deg);
 
-ms-transform:rotate(-90deg);
 
transform:rotate(-90deg);
 
}
 
 
.tocible ul {
 
list-style:none;
 
padding:0;
 
margin:0;
 
overflow:hidden;
 
}
 
 
.tocible li {
 
cursor:pointer;
 
white-space:nowrap;
 
display:block;
 
}
 
 
.tocible li a {
 
color:inherit;
 
text-decoration:none;
 
display:block;
 
padding:5px 15px;
 
text-align:center;
 
word-wrap:break-word;
 
white-space:pre-wrap;
 
white-space: -moz-pre-wrap
 
}
 
 
.tocible li:hover {
 
background:#444;
 
}
 
 
.tocible li.toc_scrolled {
 
background:#444;
 
}
 
 
.tocible .tocible_subheading {
 
background:#666;
 
}
 

Latest revision as of 05:22, 16 September 2015