"

From 2012.igem.org

Revision as of 17:37, 15 August 2012 (view source) PhilippBoeing (Talk | contribs) ← Older edit		Revision as of 17:38, 15 August 2012 (view source) PhilippBoeing (Talk | contribs) Newer edit →
Line 81:		Line 81:
	#boxcontainer #contact{		#boxcontainer #contact{
-	left:299px;	+	right:0px;
	}		}

---

Revision as of 17:38, 15 August 2012

1. slidecontainer{

    position:relative;
    width:728px;
    height:300px;
    border: 5px solid #000;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    background-color:#000;

}

1. slidecontainer .episode{

    position:absolute;
    top:0px;
    left:0px;
    width:728px;
    height:300px;
    opacity:0;
    cursor:pointer;

}

1. slidecontainer .episode .bg{

   background-color:#000;
   opacity: 0.8;
   position:absolute;
   left:-728px;
   bottom:0px;
   width:100%;
   height:50px;

z-index:4; opacity:0;

   }

1. slidecontainer .episode .desc{

position: absolute; bottom: 10px; left: 0px; width: 100%; font-size: 30px; color: white; z-index:5; opacity:0; text-align:center; }

1. nextepisode{

    position:relative;
    width:728px;
    border: 5px solid #000;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;

}

1. boxcontainer{

    position:relative;
    width:728px;
    height:150px;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;

}

1. boxcontainer .box{

    width:130px;
    height:50px;
    background-color:#000;
    color:#fff;
    font-size:40px;
    border: 5px solid #000;
    position:absolute;
    top:0px;

}

1. boxcontainer #about{

    left:0px;

}

1. boxcontainer #archive{

    left:299px;

}

1. boxcontainer #contact{

    right:0px;

}