"

From 2012.igem.org

Revision as of 02:45, 23 September 2012 (view source) Myfavouritekk (Talk | contribs) ← Older edit		Latest revision as of 12:15, 24 September 2012 (view source) Myfavouritekk (Talk | contribs)
(3 intermediate revisions not shown)
Line 9:		Line 9:
	color:white;		color:white;
	position:relative;		position:relative;
-	font-family: 'Bubbler One', sans-serif;	+	font-family: 'Coda', sans-serif;
	font-size:40px;		font-size:40px;
		+	line-height:40px;
	top:10px;		top:10px;
	left:20px;		left:20px;
Line 29:		Line 30:
	}		}
	.sponsor p{		.sponsor p{
		+	display:block;
	width:290px;		width:290px;
	height:65px;		height:65px;
-	line-height:65px;	+	line-height:20px;
	font-size:18px;		font-size:18px;
	text-align:center;		text-align:center;
-	font-family: 'Bubbler One', sans-serif;	+	vertical-align:center;
		+	font-family: 'Coda', sans-serif;
	margin:0;		margin:0;

---

Latest revision as of 12:15, 24 September 2012

1. thanks{

   width:990px;
   margin: 100px auto;
   background:url('https://static.igem.org/mediawiki/2012/d/de/USTC-Software-images-half-black.png');
   overflow: hidden;
   }
   

1. sponsors-title{

   color:white;
   position:relative;
   font-family: 'Coda', sans-serif;
   font-size:40px;
   line-height:40px;
   top:10px;
   left:20px;

}

.sponsor{

   display:block;
   float:left;
   width:290px;
   height:65px;
   margin: 20px;
   overflow:hidden;
   color:white;
   
   }
   .sponsor:hover p{
       margin-top:-65px;
   }
   .sponsor p{
       display:block;
       width:290px;
       height:65px;
       line-height:20px;
       font-size:18px;
       text-align:center;
       vertical-align:center;
       font-family: 'Coda', sans-serif;
       margin:0;
       
       -webkit-transition: margin-top 0.2s linear;
       -moz-transition: margin-top 0.2s linear;
       -o-transition: margin-top 0.2s linear;
       -ms-transition: margin-top 0.2s linear;
       transition: margin-top 0.2s linear;
       }
   .sponsor a{
       text-decoration:none;
       color:white;
   } 
   
   .sponsor a img{
       opacity:0;
       -webkit-transition:all 0.3s linear;
       -o-transition:all 0.3s linear;
       -ms-transition:all 0.3s linear;
       -moz-transition:all 0.3s linear;
       transition:all 0.3s linear;
       
       -webkit-transform: rotate(6deg);
   }
   .sponsor:hover a img{
       opacity:1;
       -webkit-transform:rotate(0deg);
   }
   
   .sponsor a p{
       height:45px;
       padding:10px;
       font-family: 'Petit Formal Script', cursive;
       font-size:14px;
       
       opacity:0;
       -webkit-transition:all 0.3s linear;
       -o-transition:all 0.3s linear;
       -ms-transition:all 0.3s linear;
       -moz-transition:all 0.3s linear;
       transition:all 0.3s linear;
       
       -webkit-transform: rotate(6deg);
   }
   .sponsor:hover a p{
       opacity:1;
       -webkit-transform:rotate(0deg);
   }
   
   

/* transition for the sponsor links */