"
Team:NCTU Formosa/source/header-human practice
From 2013.igem.org
(Difference between revisions)
(Replaced content with "<html> <style> .effect { left: 68.75%; } #cover{ background:url(https://static.igem.org/mediawiki/2013/2/25/Nctu-cover-human_practice.jpg); } </style> <script src="http://2013.ige...") |
|||
| Line 6: | Line 6: | ||
#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; | ||
| + | } | ||
| + | .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%; | ||
| + | } | ||
| + | .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: #38c04b; | ||
| + | -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> | ||
Revision as of 17:30, 26 September 2013
