Team:USTC-Software/css/footer style
From 2012.igem.org
(Difference between revisions)
(footer style css file for USTC-Software wiki) |
|||
Line 2: | Line 2: | ||
width:990px; | width:990px; | ||
margin: 100px auto; | margin: 100px auto; | ||
- | background:url('../ | + | background:url('https://static.igem.org/mediawiki/2012/d/de/USTC-Software-images-half-black.png'); |
overflow: hidden; | overflow: hidden; | ||
} | } | ||
Line 25: | Line 25: | ||
} | } | ||
- | .sponsor:hover | + | .sponsor:hover p{ |
margin-top:-65px; | margin-top:-65px; | ||
} | } | ||
- | .sponsor | + | .sponsor p{ |
width:290px; | width:290px; | ||
height:65px; | height:65px; | ||
Line 35: | Line 35: | ||
text-align:center; | text-align:center; | ||
font-family: 'Bubbler One', sans-serif; | font-family: 'Bubbler One', sans-serif; | ||
+ | margin:0; | ||
-webkit-transition: margin-top 0.2s linear; | -webkit-transition: margin-top 0.2s linear; |
Revision as of 02:45, 23 September 2012
- thanks{
width:990px; margin: 100px auto; background:url('https://static.igem.org/mediawiki/2012/d/de/USTC-Software-images-half-black.png'); overflow: hidden; }
- sponsors-title{
color:white; position:relative; font-family: 'Bubbler One', sans-serif; font-size: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{ width:290px; height:65px; line-height:65px; font-size:18px; text-align:center; font-family: 'Bubbler One', 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 */