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%;
-
max-width: 500px;
+
top:200px;
-
top:100px;
+
left: 0;
left: 0;
color: white;
color: white;
-
background-image: url('https://static.igem.org/mediawiki/2013/6/6a/Nctu-grainb.png');
+
background:rgba(0,0,0,0.5);
-
background-repeat: repeat;
+
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;
-
transform:rotate(-1deg);
 
-
-ms-transform:rotate(-1deg);
 
-
-webkit-transform:rotate(-1deg); 
 
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: right;
+
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;
-
color: #222;
 
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;
-
color: #222;
 
text-shadow: 0px 2px 3px #555;
text-shadow: 0px 2px 3px #555;
}
}
#description .wordbox {
#description .wordbox {
-
border-top: 1px solid #222;
+
border-top: 1px solid #fff;
-
box-shadow: 0 -1px 0 0px #444;
+
-
color: #111;
+
margin-top:10px;
margin-top:10px;
padding-top:20px;
padding-top:20px;

Revision as of 11:03, 21 October 2013