"
Team:SYSU-Software/cast.css
From 2013.igem.org
| Line 27: | Line 27: | ||
} | } | ||
#cast-introduction-header{ | #cast-introduction-header{ | ||
| - | padding | + | padding: 30px 0; |
font-size:20px; | font-size:20px; | ||
| - | color: | + | color: #34495e; |
text-align: center; | text-align: center; | ||
font-weight: 600; | font-weight: 600; | ||
word-spacing: 5px; | word-spacing: 5px; | ||
| - | background-color: | + | background-color: #dff5f2; |
} | } | ||
#cast-intruction-text{ | #cast-intruction-text{ | ||
| Line 44: | Line 44: | ||
} | } | ||
.cast-introduction-part{ | .cast-introduction-part{ | ||
| - | *padding-left: 80px;* | + | /* *padding-left: 80px;* */ |
| - | padding-top: 80px; | + | /* padding-top: 80px; */ |
background-color: white; | background-color: white; | ||
| - | padding | + | padding: 20px 0; |
} | } | ||
.cast-introduction-part table{ | .cast-introduction-part table{ | ||
| Line 72: | Line 72: | ||
width:70%; | width:70%; | ||
padding:15px; | padding:15px; | ||
| + | } | ||
| + | .cast-image-td span { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .cast-image-td img { | ||
| + | max-width: 470px; | ||
} | } | ||
Revision as of 12:11, 27 September 2013
- {
padding:0px; margin: 0px; } body { height: 100%; width: 100%; background-color: #CCC; font-family: 'Arial'; overflow-x: hidden; }
/*home content*/
- cast-header{
width: 100%; background-color: #dff5f1; }
- cast-header img{
position: relative;
width: 1147px; margin-left: 50%; left: -573px; }
- cast-introduction-header{
padding: 30px 0;
font-size:20px; color: #34495e; text-align: center; font-weight: 600; word-spacing: 5px; background-color: #dff5f2; }
- cast-intruction-text{
width: 400px; display: block; text-align: justify;
font-size: 16px; } .cast-introduction-part{ /* *padding-left: 80px;* */ /* padding-top: 80px; */ background-color: white; padding: 20px 0; } .cast-introduction-part table{ position: relative; width: 900px; left: 50%; margin-left: -450px; text-align:center; }
- cast-intruction-image img{
width: 320px; height: 400px; } .cast-image{ margin-left:40%; width:600px; height:400px; }
- cast-intruction-text-header{
font-size: 19px; color: #65d2c0; } .cast-image-td{ width:70%; padding:15px; } .cast-image-td span { width: 100%; } .cast-image-td img { max-width: 470px; }
.cast-introduction-part2{ background-color: #dff5f2; width: 100%; } /*footer*/
- sysu-footer{
width: 100%; margin:0 auto;
position: relative; bottom: 0px; overflow: hidden;
background-color: white; }
- bottom-image{
width: 100%; }
a:focus{
outline-color:#544444;
}
- display-board {
height: 150px; /* vertical-align: middle; */ border: dashed 3px #868858; border-radius: 5px; margin-bottom: 20px; padding: 10px; text-align: left; }
- display-board .board{
display: inline-block; vertical-align: top; }
- display-board .board-left {
width: 40%; }
- display-board .board-right {
width: 55%; }
