Team:NCTU Formosa/source/header-human practice
From 2013.igem.org
(Difference between revisions)
(9 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<style> | <style> | ||
.effect { | .effect { | ||
- | left: | + | left: 61.11%; |
} | } | ||
#cover{ | #cover{ | ||
background:url(https://static.igem.org/mediawiki/2013/2/25/Nctu-cover-human_practice.jpg); | background:url(https://static.igem.org/mediawiki/2013/2/25/Nctu-cover-human_practice.jpg); | ||
+ | } | ||
+ | .imageRow { | ||
+ | max-width:800px; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | #imgshow, #imgshow2 { | ||
+ | padding-top:15px; | ||
+ | clear:both; | ||
+ | } | ||
+ | .imageRow .single { | ||
+ | float: left; | ||
+ | } | ||
+ | .imageRow .single a { | ||
+ | float: left; | ||
+ | display: block; | ||
+ | background: #eee; | ||
+ | padding: 7px; | ||
+ | line-height: 1em; | ||
+ | -webkit-border-radius: 4px; | ||
+ | -moz-border-radius: 4px; | ||
+ | -ms-border-radius: 4px; | ||
+ | -o-border-radius: 4px; | ||
+ | border-radius: 4px; | ||
+ | -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); | ||
+ | -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); | ||
+ | box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); | ||
+ | margin-right: 40px; | ||
+ | -webkit-transition: all 0.2s ease-out; | ||
+ | -moz-transition: all 0.2s ease-out; | ||
+ | -ms-transition: all 0.2s ease-out; | ||
+ | -o-transition: all 0.2s ease-out; | ||
+ | transition: all 0.2s ease-out; | ||
+ | } | ||
+ | .imageRow .set { | ||
+ | float: left; | ||
+ | background: #efefef; | ||
+ | -webkit-border-radius: 4px; | ||
+ | -moz-border-radius: 4px; | ||
+ | -ms-border-radius: 4px; | ||
+ | -o-border-radius: 4px; | ||
+ | border-radius: 4px; | ||
+ | -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); | ||
+ | -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); | ||
+ | box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); | ||
+ | -webkit-transition: all 0.2s ease-out; | ||
+ | -moz-transition: all 0.2s ease-out; | ||
+ | -ms-transition: all 0.2s ease-out; | ||
+ | -o-transition: all 0.2s ease-out; | ||
+ | transition: all 0.2s ease-out; | ||
+ | } | ||
+ | .imageRow .set .single { | ||
+ | width:25%; | ||
+ | } | ||
+ | .onlythree .set .single { | ||
+ | width:33.33%; | ||
+ | } | ||
+ | .imageRow .set .single img { | ||
+ | width:100%; | ||
+ | } | ||
+ | .imageRow .set .single a { | ||
+ | width:90%; | ||
+ | background: none; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | -ms-border-radius: 0; | ||
+ | -o-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | .imageRow .set .single a:hover { | ||
+ | background-color: rgba(173, 255, 47, 0.75); | ||
+ | -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5); | ||
+ | -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5); | ||
+ | box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5); | ||
} | } | ||
</style> | </style> |
Latest revision as of 14:10, 24 October 2013