Team:WHU-China/middleleftcss
From 2013.igem.org
(Difference between revisions)
IgnatzZeng (Talk | contribs) (Created page with "m;l,./") |
IgnatzZeng (Talk | contribs) |
||
(64 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | /* Redesigning Table Of Content */ | |
+ | /********************************/ | ||
+ | table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { | ||
+ | text-align: left;} | ||
+ | .toc{ | ||
+ | margin-top:44px;width:24%;height:261px;margin-left:-5px; | ||
+ | background:rgba(255,255,255, 0) none repeat scroll 0 0 !important; | ||
+ | filter:Alpha(opacity=0); background:#fff; | ||
+ | } | ||
+ | .toc img{ | ||
+ | width:278px;height:280px; | ||
+ | } | ||
+ | .toc table { | ||
+ | margin-left:10px; | ||
+ | margin-top:-275px; | ||
+ | width:100%; | ||
+ | background:rgba(255, 255, 255, 0) none repeat scroll 0 0 !important; | ||
+ | filter:Alpha(opacity=0); background:#fff; | ||
+ | } | ||
+ | .toc table li span{ | ||
+ | position:relative; | ||
+ | } | ||
+ | #toctitle { | ||
+ | margin: 5px 0;} | ||
+ | .toc, #toc { | ||
+ | border:0; | ||
+ | margin-top:30px; | ||
+ | float: left; | ||
+ | width: 25%; | ||
+ | padding: 0;} | ||
+ | #toc table ul, .toc table ul { | ||
+ | margin: 0 5px 5px 5px;} | ||
+ | .toc table ul li { | ||
+ | padding-left: 12px; | ||
+ | text-indent: -12px; | ||
+ | /*width: 200px;*/} | ||
+ | .toc table ul li ul li { | ||
+ | padding-left: 25px; | ||
+ | text-indent: -24px; | ||
+ | /*width: 170px;*/} | ||
+ | #toc table ul ul, .toc table ul ul { | ||
+ | margin: 0;} | ||
+ | .stickBelowNavigation { | ||
+ | position: fixed; | ||
+ | top: 60px; | ||
+ | margin-left: -5px;} | ||
+ | .tochidden { | ||
+ | float:left; | ||
+ | position: static; | ||
+ | left: -200px; | ||
+ | } | ||
+ | .backtop{ | ||
+ | float:left; | ||
+ | position:absolute; | ||
+ | top:20px; | ||
+ | width:6%; | ||
+ | height:auto; | ||
+ | margin-left:94%; | ||
+ | } | ||
+ | .backtop img, .mainiGEM img{ | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | .stickToBottom{ | ||
+ | top:88%; | ||
+ | position: fixed; | ||
+ | } | ||
+ | |||
+ | .mainiGEM{ | ||
+ | z-index:1000; | ||
+ | float:right; | ||
+ | position:fixed; | ||
+ | top:20px; | ||
+ | width:5%; | ||
+ | height:auto; | ||
+ | margin-left:94%; | ||
+ | } | ||
+ | .sticktotop{ | ||
+ | float:left; | ||
+ | margin-left:95%; | ||
+ | width:5%; | ||
+ | height:auto; | ||
+ | margin-top:0; | ||
+ | position:absolute; | ||
+ | } |
Latest revision as of 10:13, 24 September 2013
/* Redesigning Table Of Content */ /********************************/ table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
text-align: left;}
.toc{
margin-top:44px;width:24%;height:261px;margin-left:-5px; background:rgba(255,255,255, 0) none repeat scroll 0 0 !important; filter:Alpha(opacity=0); background:#fff;
} .toc img{
width:278px;height:280px;
} .toc table {
margin-left:10px; margin-top:-275px; width:100%; background:rgba(255, 255, 255, 0) none repeat scroll 0 0 !important; filter:Alpha(opacity=0); background:#fff;
} .toc table li span{
position:relative;
}
- toctitle {
margin: 5px 0;}
.toc, #toc {
border:0; margin-top:30px; float: left; width: 25%; padding: 0;}
- toc table ul, .toc table ul {
margin: 0 5px 5px 5px;}
.toc table ul li {
padding-left: 12px; text-indent: -12px; /*width: 200px;*/}
.toc table ul li ul li {
padding-left: 25px; text-indent: -24px; /*width: 170px;*/}
- toc table ul ul, .toc table ul ul {
margin: 0;}
.stickBelowNavigation {
position: fixed; top: 60px; margin-left: -5px;}
.tochidden {
float:left; position: static; left: -200px; }
.backtop{
float:left; position:absolute; top:20px; width:6%; height:auto; margin-left:94%; }
.backtop img, .mainiGEM img{
width:100%;
}
.stickToBottom{
top:88%; position: fixed;
}
.mainiGEM{
z-index:1000; float:right; position:fixed; top:20px; width:5%; height:auto; margin-left:94%; }
.sticktotop{
float:left; margin-left:95%; width:5%; height:auto; margin-top:0; position:absolute;
}