"

From 2012.igem.org

Revision as of 17:41, 15 August 2012 (view source) PhilippBoeing (Talk | contribs) ← Older edit		Revision as of 17:44, 15 August 2012 (view source) PhilippBoeing (Talk | contribs) Newer edit →
Line 54:		Line 54:
	#boxcontainer{		#boxcontainer{
	position:relative;		position:relative;
-	width:728px;	+	width:738px;
	height:150px;		height:150px;
	margin-left:auto;		margin-left:auto;
Line 63:		Line 63:
	#boxcontainer a,#boxcontainer a:active, #boxcontainer a:visited{		#boxcontainer a,#boxcontainer a:active, #boxcontainer a:visited{
-	display:block;	+	display: block;
-	width:220px;	+	width: 220px;
-	height:80px;	+	height: 51px;
-	background-color:#000;	+	background-color: black;
-	color:#fff;	+	color: white;
-	font-size:40px;	+	font-size: 31px;
-	border: 5px solid #000;	+	border: 5px solid black;
-	position:absolute;	+	position: absolute;
-	top:0px;	+	top: 0px;
-	text-decoration:none;	+	text-decoration: none;
		+	text-align: center;
		+	padding-top: 25px;
	}		}
Line 85:		Line 87:
	#boxcontainer #archive{		#boxcontainer #archive{
-	left:254px;	+	left:256px;
	}		}

---

Revision as of 17:44, 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:738px;
    height:150px;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;

}

1. boxcontainer a,#boxcontainer a:active, #boxcontainer a:visited{

    display: block;

width: 220px; height: 51px; background-color: black; color: white; font-size: 31px; border: 5px solid black; position: absolute; top: 0px; text-decoration: none; text-align: center; padding-top: 25px; }

1. boxcontainer a:hover{

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

1. boxcontainer #about{

    left:0px;

}

1. boxcontainer #archive{

    left:256px;

}

1. boxcontainer #contact{

    right:0px;

}