Team:WHU-China/middleleftcss

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/* Slider (thanks to flowplayer.org) */
+
/* Redesigning Table Of Content */
-
/*************************************/
+
/********************************/
-
.scrollable {
+
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
-
/* required settinsg */
+
    text-align: left;}
-
position: relative;
+
#toctitle {
-
overflow :hidden;
+
     margin: 5px 0;}
-
     margin-top: 14px;
+
.toc, #toc {
-
    width: 963px;
+
     background-color: #F6F6F6;
-
     height: 370px;
+
     border: 1px solid #CCCCCC;
-
     border: 1px solid #FFFFFF;
+
     box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
-
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+
     -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/
-
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
+
     float: left;
-
     background: #FFFFFF;}
+
    width: 228px;
-
.scrollable .items {
+
    display: block;
-
/* this cannot be too large */
+
    overflow: hidden;
-
width: 50000px;
+
    padding: 0;}
-
position: absolute;}
+
#toc ul, .toc ul {
-
.items div {
+
    margin: 0 5px 5px 5px;}
-
float: left;
+
.toc ul li {
-
width: 963px;
+
    padding-left: 12px;
-
height: 370px;}
+
    text-indent: -12px;
-
.prev {
+
    /*width: 200px;*/}
-
        background: url(https://static.igem.org/mediawiki/2011/8/81/DTU-Denmark2011-slider-prev.png) no-repeat;
+
.toc ul li ul li {
-
        height: 74px;
+
    padding-left: 30px;
-
        width: 74px;
+
    text-indent: -24px;
-
        position: absolute;
+
    /*width: 170px;*/}
-
            left: -518px; /* ceil(963/2) + 74/2 = 482 + 37 = 519 */
+
#toc ul ul, .toc ul ul {
-
            top: 310px;
+
    margin: 0;}
-
        margin-left: 50%;
+
.toc {
-
        cursor: pointer;}
+
     margin-left: -250px;
-
.next {
+
     margin-top: 20px;}
-
        background: url(https://static.igem.org/mediawiki/2011/5/56/DTU-Denmark2011-slider-next.png) no-repeat;
+
.stickBelowNavigation {
-
        height: 74px;
+
    position: fixed;
-
        width: 74px;
+
      top: 35px;
-
        margin-right: 50%;
+
      left: 50%;
-
        position: absolute;
+
    margin-left: -462px;}
-
            right: -519px; /* floor(963/2) + 74/2 = 481 + 37 = 518 */
+
.tochidden {
-
            top: 310px;
+
    position: static;
-
        cursor: pointer;}
+
    margin-left: -250px;}
-
.disabled {
+
-
        visibility: hidden;}
+
-
/* position and dimensions of the navigator */
+
-
.navi {
+
-
     left: -56px;
+
-
     margin-left: 50%;
+
-
    position: absolute;
+
-
    top: 505px;
+
-
    width: 112px;}
+
-
.navi a {
+
-
width: 8px;
+
-
height: 8px;
+
-
float: left;
+
-
margin: 3px;
+
-
background: url(https://static.igem.org/mediawiki/2011/7/7e/DTU-Denmark2011-slider-navigator-red.png) 0 0 no-repeat;
+
-
/*background: url(https://static.igem.org/mediawiki/2011/2/22/DTU-Denmark2011-slider-navigator-dark.png) 0 0 no-repeat;*/
+
-
display: block;
+
-
font-size: 1px;}
+
-
.navi a:hover {
+
-
background-position: 0 -8px;}
+
-
.navi a.active {
+
-
background-position: 0 -16px;}
+
-
 
+
-
/* Tooltips (thanks to flowplayer.org) */
+
-
/*********************************************/
+
-
/*.tooltip {
+
-
        z-index: 2;
+
-
display:none;
+
-
background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png);
+
-
font-size:14px;
+
-
height:70px;
+
-
width:160px;
+
-
padding:25px;
+
-
color:#fff;}
+
-
*/
+

Revision as of 03:08, 11 September 2013

/* Redesigning Table Of Content */ /********************************/ table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { 

   text-align: left;}
  1. toctitle { 
   margin: 5px 0;}

.toc, #toc { 

   background-color: #F6F6F6;
   border: 1px solid #CCCCCC;
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
   -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/
   float: left;
   width: 228px;
   display: block;
   overflow: hidden;
   padding: 0;}
  1. toc ul, .toc ul { 
   margin: 0 5px 5px 5px;}

.toc ul li { 

   padding-left: 12px;
   text-indent: -12px;
   /*width: 200px;*/}

.toc ul li ul li { 

   padding-left: 30px;
   text-indent: -24px;
   /*width: 170px;*/}
  1. toc ul ul, .toc ul ul { 
   margin: 0;}

.toc { 

   margin-left: -250px;
   margin-top: 20px;}

.stickBelowNavigation { 

   position: fixed;
      top: 35px;
      left: 50%;
   margin-left: -462px;}

.tochidden { 

   position: static;
   margin-left: -250px;}
Retrieved from "http://2013.igem.org/Team:WHU-China/middleleftcss"