"

From 2012.igem.org

Revision as of 17:46, 15 August 2012 (view source) PhilippBoeing (Talk | contribs) ← Older edit		Revision as of 17:49, 15 August 2012 (view source) PhilippBoeing (Talk | contribs) Newer edit →
Line 44:		Line 44:
	#nextepisode{		#nextepisode{
-	position: relative;	+	position:relative;
-	width: 708px;	+	width:728px;
-	border: 5px solid black;	+	border: 5px solid #000;
-	margin-left: auto;	+	margin-left:auto;
-	margin-right: auto;	+	margin-right:auto;
-	margin-top: 15px;	+	margin-top:15px;
-	font-size: 30px;	+
-	padding: 10px;	+
	}		}
	#boxcontainer{		#boxcontainer{
	position:relative;		position:relative;
-	width:738px;	+	width:728px;
	height:150px;		height:150px;
	margin-left:auto;		margin-left:auto;
Line 65:		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:226px;
-	height: 51px;	+	height:80px;
-	background-color: black;	+	background-color:#000;
-	color: white;	+	color:#fff;
-	font-size: 31px;	+	font-size:40px;
-	border: 5px solid black;	+	border: 5px solid #000;
-	position: absolute;	+	position:absolute;
-	top: 0px;	+	top:0px;
-	text-decoration: none;	+	text-decoration:none;
-	text-align: center;	+
-	padding-top: 25px;	+
	}		}
Line 89:		Line 85:
	#boxcontainer #archive{		#boxcontainer #archive{
-	left:255px;	+	left:251px;
	}		}

---

Revision as of 17:49, 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:226px;
    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:251px;

}

1. boxcontainer #contact{

    right:0px;

}