Team:WHU-China/middleleftcss

From 2013.igem.org

(Difference between revisions)
 
(21 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: 15%;
+
     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;}
-
.toc table {
 
-
    margin-left:5%;
 
-
    margin-top:20px;}
 
.stickBelowNavigation {
.stickBelowNavigation {
     position: fixed;
     position: fixed;
-
       top: 35px;
+
       top: 60px;
-
     margin-left: 5%;}
+
     margin-left: -5px;}
.tochidden {
.tochidden {
 +
    float:left;
     position: static;
     position: static;
-
     margin-left: 4px;
+
     left: -200px;
     }
     }
.backtop{
.backtop{
     float:left;
     float:left;
     position:absolute;
     position:absolute;
-
     top:0;
+
     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 50: Line 69:
.mainiGEM{
.mainiGEM{
 +
    z-index:1000;
     float:right;
     float:right;
-
     position:absolute;
+
     position:fixed;
     top:20px;
     top:20px;
     width:5%;
     width:5%;
Line 58: Line 78:
   }
   }
.sticktotop{
.sticktotop{
-
     top:20px;
+
     float:left;
-
     position: fixed;
+
    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;

}

  1. toctitle {
   margin: 5px 0;}

.toc, #toc {

   border:0;
   margin-top:30px;
   float: left;
   width: 25%;
   padding: 0;}
  1. 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;*/}
  1. 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;

}