Team:NCTU Formosa/source/head-index
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
+ | |||
.effect { | .effect { | ||
left: 200%; | left: 200%; | ||
Line 55: | Line 56: | ||
.box { | .box { | ||
position: absolute; | position: absolute; | ||
- | width: 75% | + | //width: 75%; |
- | + | top:200px; | |
- | top: | + | |
left: 0; | left: 0; | ||
color: white; | color: white; | ||
- | background | + | background:rgba(0,0,0,0.5); |
- | + | ||
padding: 30px; | padding: 30px; | ||
text-align: right; | text-align: right; | ||
Line 70: | Line 69: | ||
-moz-border-radius: 3px; | -moz-border-radius: 3px; | ||
border-radius: 3px; | border-radius: 3px; | ||
- | |||
- | |||
- | |||
cursor:pointer; | cursor:pointer; | ||
+ | -webkit-transition: .5s; | ||
+ | -moz-transition: .5s; | ||
+ | -o-transition: .5s; | ||
+ | -ms-transition: .5s; | ||
+ | transition: .5s; | ||
+ | } | ||
+ | .box:hover { | ||
+ | background:rgba(0,0,0,0.8) | ||
} | } | ||
#description .title { | #description .title { | ||
- | text-align: | + | text-align: left; |
font-family: Lobster Two; | font-family: Lobster Two; | ||
font-size: 60px; | font-size: 60px; | ||
font-weight: bold; | font-weight: bold; | ||
margin-bottom:10px; | margin-bottom:10px; | ||
- | |||
text-shadow: 0px 2px 3px #555; | text-shadow: 0px 2px 3px #555; | ||
-webkit-transition: .5s; | -webkit-transition: .5s; | ||
Line 95: | Line 98: | ||
font-size: 16px; | font-size: 16px; | ||
font-weight: 700; | font-weight: 700; | ||
- | |||
text-shadow: 0px 2px 3px #555; | text-shadow: 0px 2px 3px #555; | ||
} | } | ||
#description .wordbox { | #description .wordbox { | ||
- | border-top: 1px solid # | + | border-top: 1px solid #fff; |
- | + | ||
- | + | ||
margin-top:10px; | margin-top:10px; | ||
padding-top:20px; | padding-top:20px; |
Revision as of 11:03, 21 October 2013