"

From 2012.igem.org

Revision as of 17:38, 15 August 2012 (view source) PhilippBoeing (Talk | contribs) ← Older edit		Revision as of 17:40, 15 August 2012 (view source) PhilippBoeing (Talk | contribs) Newer edit →
Line 61:		Line 61:
	}		}
-	#boxcontainer .box{	+
-	width:130px;	+	#boxcontainer a,#boxcontainer a:active, #boxcontainer a:visited{
-	height:50px;	+	display:block;
		+	width:200px;
		+	height:80px;
	background-color:#000;		background-color:#000;
	color:#fff;		color:#fff;
Line 70:		Line 72:
	position:absolute;		position:absolute;
	top:0px;		top:0px;
		+	text-decoration:none;
	}		}
		+
		+	#boxcontainer a:hover{
		+	background-color:#fff;
		+	color:#000;
		+	}
	#boxcontainer #about{		#boxcontainer #about{

---

Revision as of 17:40, 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 a,#boxcontainer a:active, #boxcontainer a:visited{

    display:block;
    width:200px;
    height:80px;
    background-color:#000;
    color:#fff;
    font-size:40px;
    border: 5px solid #000;
    position:absolute;
    top:0px;
    text-decoration:none;

}

1. boxcontainer a:hover{

    background-color:#fff;
    color:#000;
    }

1. boxcontainer #about{

    left:0px;

}

1. boxcontainer #archive{

    left:299px;

}

1. boxcontainer #contact{

    right:0px;

}