Difference between revisions of "Team:CHINA CD UESTC/homeDemo"

Line 27: Line 27:
 
.bgwidth {  width: 100%;}
 
.bgwidth {  width: 100%;}
 
.bgheight {  height: 100%;}
 
.bgheight {  height: 100%;}
−
aside { width: 260px; background: url("") no-repeat top left #141311; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
+
aside {
−
aside #mobileMenuButton {  position: absolute;  top: 12px;  left: 212px;  z-index: 10000;  display: none; padding: 6px;  background: url("../num/4.png") repeat top left transparent;}
+
width: 260px;
−
aside #mobileMenuButton span {  width: 25px;  height: 4px;  display: block;  background: #FFFFFF;  -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.6);  -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.6);  box-shadow: 0px 0px 6px rgba(0,0,0,0.6);  margin-top: 3px;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}
+
height:100%;
−
aside #mobileMenuButton span:first-child {  margin-top: 0;}
+
background-color:#000;
−
aside #logo { text-indent: -6000px; margin: 80px 32px 50px 32px; display: block;}
+
position: absolute;
−
aside #logo img { display: block; width: 100%; }
+
top: 0;
−
aside .separator { background: url("../num/separator.jpg") no-repeat top left transparent; display: block; zoom: 1; background-position: -23px -296px; width: 143px; height: 3px; text-indent: -6000px; text-align: left; margin: 25px auto;}
+
left: 0;
−
aside nav {  padding: 0 40px;}
+
bottom: 0;
−
aside nav a { color: #ddd7d7; font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;line-height: 40px; text-align: center; text-decoration: none; font-size: 23px; display: block; letter-spacing: 2px;}
+
z-index: 11111111;
 +
-webkit-transition: all 200ms ease-out;
 +
-moz-transition: all 200ms ease-out;
 +
-ms-transition: all 200ms ease-out;
 +
-o-transition: all 200ms ease-out;
 +
transition: all 200ms ease-out;
 +
-webkit-transform: translate3d(0, 0, 0);
 +
-moz-transform: translate3d(0, 0, 0);
 +
-ms-transform: translate3d(0, 0, 0);
 +
-o-transform: translate3d(0, 0, 0);
 +
transform: translate3d(0, 0, 0);
 +
text-decoration:none;
 +
 
 +
}
 +
 
 +
aside #logo {
 +
text-indent: -6000px;
 +
margin: 0px 32px 0px 32px;
 +
display: block;
 +
}
 +
aside #logo img {
 +
display: block;
 +
text-decoration:none;
 +
width: 100%;
 +
}
 +
aside .separator {
 +
background: url("https://static.igem.org/mediawiki/2015/d/df/CD_UESTC_Separator.jpg") no-repeat top left transparent;
 +
display: block;
 +
zoom: 1;
 +
background-position: -23px -296px;
 +
width: 143px;
 +
height: 3px;
 +
text-indent: -6000px;
 +
text-align: left;
 +
margin: 25px auto;
 +
}
 +
aside nav {
 +
font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
 +
padding:0 0 0 0 px;
 +
}
 +
aside nav a {
 +
color: #ddd7d7;
 +
line-height: 40px;
 +
text-align: center;
 +
text-decoration: none;
 +
font-size: 23px;
 +
display: block;
 +
letter-spacing: 2px;
 +
}
 +
 
 
aside nav a .text { font-size: 16px;font-family: "Open Sans"; display: inline-block;  position: relative;  line-height: normal;}
 
aside nav a .text { font-size: 16px;font-family: "Open Sans"; display: inline-block;  position: relative;  line-height: normal;}
 
aside nav a .text span {  background: url("../num/15.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -23px -296px;  width: auto;  height: 3px;  text-indent: -6000px;  text-align: left;  position: absolute;  bottom: -2px;  left: 50%;  right: 50%;  opacity: 0;  filter: alpha(opacity=0);  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}
 
aside nav a .text span {  background: url("../num/15.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -23px -296px;  width: auto;  height: 3px;  text-indent: -6000px;  text-align: left;  position: absolute;  bottom: -2px;  left: 50%;  right: 50%;  opacity: 0;  filter: alpha(opacity=0);  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}

Revision as of 15:14, 15 April 2015

<!DOCTYPE html>