Team:WHU-China/middleleftcss
From 2013.igem.org
(Difference between revisions)
IgnatzZeng (Talk | contribs) |
IgnatzZeng (Talk | contribs) |
||
(51 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: | + | margin-top:30px; |
- | + | ||
- | - | + | |
float: left; | float: left; | ||
- | width: | + | width: 25%; |
- | + | ||
- | + | ||
padding: 0;} | padding: 0;} | ||
- | #toc ul, .toc ul { | + | #toc table ul, .toc table ul { |
margin: 0 5px 5px 5px;} | margin: 0 5px 5px 5px;} | ||
- | .toc ul li { | + | .toc table ul li { |
padding-left: 12px; | padding-left: 12px; | ||
text-indent: -12px; | text-indent: -12px; | ||
/*width: 200px;*/} | /*width: 200px;*/} | ||
- | .toc ul li ul li { | + | .toc table ul li ul li { |
padding-left: 25px; | padding-left: 25px; | ||
text-indent: -24px; | text-indent: -24px; | ||
/*width: 170px;*/} | /*width: 170px;*/} | ||
- | #toc ul ul, .toc 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; | ||
position: static; | position: static; | ||
- | margin-left: -20px;} | + | 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;
}