Template:Queens Canada/Header
From 2012.igem.org
(Difference between revisions)
Line 36: | Line 36: | ||
background-color: white; | background-color: white; | ||
} | } | ||
+ | #content2 .menu { | ||
+ | padding-top: 30px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #content2 .menu .primary-menu { | ||
+ | list-style-type: none; | ||
+ | position: relative; | ||
+ | } | ||
+ | #content2 .menu .primary-menu li { | ||
+ | display: inline; | ||
+ | margin: 0 10px; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #content2 .menu .primary-menu li a { | ||
+ | -moz-transition: all 1s ease 0s; | ||
+ | background: none repeat scroll 0 0 #D9D9D9; | ||
+ | border: 3px solid #FFFFFF; | ||
+ | border-radius: 100px 100px 100px 100px; | ||
+ | box-shadow: 0 0 1px 1px #AFAFAF; | ||
+ | color: #FFFFFF; | ||
+ | display: inline-block; | ||
+ | font-family: 'Social' !important; | ||
+ | font-size: 25px; | ||
+ | height: 35px; | ||
+ | padding-top: 15px; | ||
+ | position: relative; | ||
+ | text-decoration: none; | ||
+ | width: 50px; | ||
+ | } | ||
+ | #content2 .menu .primary-menu li.facebook a:hover { | ||
+ | background: none repeat scroll 0 0 #00438F; | ||
+ | } | ||
+ | #content2 .menu .primary-menu li.twitter a:hover { | ||
+ | background: none repeat scroll 0 0 #00B8DF; | ||
+ | } | ||
+ | #content2 .menu .primary-menu li.flickr a:hover { | ||
+ | background: none repeat scroll 0 0 #DF00BD; | ||
+ | } | ||
+ | #content2 .menu .primary-menu li.rss a:hover { | ||
+ | background: none repeat scroll 0 0 #FF7800; | ||
+ | } | ||
+ | #content2 .menu .primary-menu li.mail a:hover { | ||
+ | background: none repeat scroll 0 0 #1D1D1D; | ||
+ | } | ||
+ | #content2 .menu .primary-menu li a:hover { | ||
+ | -moz-transform: rotate(360deg); | ||
+ | } | ||
+ | #content2 .menu .primary-menu li span.social-span { | ||
+ | -moz-transition: opacity 1s ease-in-out 0s; | ||
+ | background: none repeat scroll 0 0 #FFFFFF; | ||
+ | border: 1px solid #B8B8B8; | ||
+ | border-radius: 10px 10px 10px 10px; | ||
+ | font-family: Arial; | ||
+ | font-size: 11px; | ||
+ | left: -45%; | ||
+ | opacity: 0; | ||
+ | padding: 5px; | ||
+ | position: absolute; | ||
+ | top: 45px; | ||
+ | width: 100px; | ||
+ | } | ||
+ | #content2 .menu .primary-menu li a:hover ~ span.social-span { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | #content2 .menu .primary-menu li span.social-span:after { | ||
+ | border-color: #FFFFFF transparent; | ||
+ | border-style: solid; | ||
+ | border-width: 0 7px 7px; | ||
+ | content2: ""; | ||
+ | display: block; | ||
+ | left: 40%; | ||
+ | position: absolute; | ||
+ | top: -7px; | ||
+ | width: 0; | ||
+ | } | ||
+ | |||
+ | |||
#content { background-color: transparent; | #content { background-color: transparent; | ||
border:none; | border:none; | ||
Line 226: | Line 304: | ||
<a href="https://2012.igem.org/Team:Queens_Canada"> | <a href="https://2012.igem.org/Team:Queens_Canada"> | ||
The QGEM Team | The QGEM Team | ||
- | + | ||
</f1> | </f1> | ||
</p> | </p> |
Revision as of 15:47, 23 May 2012