Team:SYSU-Software/download.css
From 2013.igem.org
Guoskyhero (Talk | contribs) |
|||
Line 75: | Line 75: | ||
.download-show .show-board { | .download-show .show-board { | ||
width: 564px; | width: 564px; | ||
- | height: | + | height: 500px; |
margin: 10px auto; | margin: 10px auto; | ||
padding: 30px 145px; | padding: 30px 145px; |
Latest revision as of 14:31, 27 September 2013
body { font-family: Arial; font-weight: bold; margin: 0; padding: 0; }
p { word-break: break-all;
margin:0; padding:0; line-height: 23px;
}
.wrapper {
padding: 50px 0;
}
.container { width: 980px; margin: 0 auto; }
.download-info { overflow: hidden; color: #9d9c9b; width: 100%; height: 373px; }
.download-header { display: block; color: #65d2c0; font-size: 30px;
line-height: 30px;
}
.download-intro { text-align:justify; position: relative; float: left; width: 460px; margin: 50px 30px 0;
line-height: 20px;
}
.download-bubble { position: relative; float: left; margin-left: 90px; width: 322px; height: 361px; }
.download-bubble a { display: block; width: 100%; height: 100%; background-image: url(https://static.igem.org/mediawiki/2013/c/c0/Bubble-before.png)!important; }
.download-bubble a:hover { background-image: url(https://static.igem.org/mediawiki/2013/7/7c/Bubble-after.png)!important; }
- dottedline {
position: relative; left: 499px; }
.download-show { padding-left: 30px; }
.download-show .show-board { width: 564px; height: 500px; margin: 10px auto; padding: 30px 145px; background-color: #6bd2bd; border: 8px solid #000; border-radius: 12px;
color: #445d72; font-size: 18px; }
.show-board .board-header { display: block; color: #dff5f2; font-size: 30px;
margin-bottom: 20px;
}
.download-show #download-arrow { position: relative; left: 50%; bottom: 35px; margin-left: -35px }
.download-show .next-step { width: 152px; height: 52px; margin: -38px auto 0; background-color: #445d72; border: 7px solid #000; border-radius: 9px;
font-size: 25px; text-align: center; color: #fff; line-height: 52px;
cursor: pointer;
}
/*footer*/ #sysu-footer{ width: 100%; margin:0 auto;
position: relative; bottom: 0px; overflow: hidden;
background-color: #dff5f2; } #bottom-image{ width: 100%; }