Team:WHU-China/middleleftcss
From 2013.igem.org
(Difference between revisions)
IgnatzZeng (Talk | contribs) |
IgnatzZeng (Talk | contribs) |
||
(18 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { | table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { | ||
text-align: left;} | 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 { | #toctitle { | ||
margin: 5px 0;} | margin: 5px 0;} | ||
.toc, #toc { | .toc, #toc { | ||
- | border:0; | + | border:0; |
margin-top:30px; | margin-top:30px; | ||
float: left; | float: left; | ||
- | width: | + | width: 25%; |
padding: 0;} | padding: 0;} | ||
#toc table ul, .toc table ul { | #toc table ul, .toc table ul { | ||
Line 24: | Line 41: | ||
#toc table ul ul, .toc table ul ul { | #toc table ul ul, .toc table ul ul { | ||
margin: 0;} | margin: 0;} | ||
- | |||
- | |||
- | |||
.stickBelowNavigation { | .stickBelowNavigation { | ||
position: fixed; | position: fixed; | ||
- | top: | + | top: 60px; |
- | margin-left: | + | margin-left: -5px;} |
.tochidden { | .tochidden { | ||
float:left; | float:left; | ||
Line 39: | Line 53: | ||
float:left; | float:left; | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:20px; |
width:6%; | width:6%; | ||
height:auto; | height:auto; | ||
margin-left:94%; | margin-left:94%; | ||
} | } | ||
- | .backtop img, .mainiGEM img{width:100%;} | + | .backtop img, .mainiGEM img{ |
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | |||
.stickToBottom{ | .stickToBottom{ | ||
top:88%; | top:88%; | ||
Line 51: | Line 69: | ||
.mainiGEM{ | .mainiGEM{ | ||
+ | z-index:1000; | ||
float:right; | float:right; | ||
- | position: | + | position:fixed; |
top:20px; | top:20px; | ||
width:5%; | width:5%; | ||
Line 59: | Line 78: | ||
} | } | ||
.sticktotop{ | .sticktotop{ | ||
- | top: | + | float:left; |
- | position: | + | 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;
}