Team:SYSU-Software/notebook2.css
From 2013.igem.org
(Difference between revisions)
Line 146: | Line 146: | ||
width: 460px; | width: 460px; | ||
line-height: 25px; | line-height: 25px; | ||
+ | } | ||
+ | |||
+ | #detail #detail-block .right-part h3 { | ||
+ | color: red; | ||
} | } | ||
Latest revision as of 13:59, 27 September 2013
body {
font-family: Arial; font-weight: bold; margin: 0; padding: 0;
}
p {
word-break: break-all; margin:0; padding:0;
}
.wrapper {
width: 100%; /*padding: 50px 0;*/ font-size: 18px;
}
.wrapper.colored-wrapper {
background-color: #dff5f2;
}
.wrapper.black-wrapper {
background-color: #252629;
}
.container {
width: 980px; margin: 0 auto;
}
- notebook-container {
color: #fff; position: relative !important; overflow: hidden;
}
- notebook-container ul {
list-style: none; text-align: center; padding: 0; margin: 0;
}
- notebook-container ul li {
display: block; line-height: 15px;
}
- notebook-container ul li.left {
position: relative; text-align: left;
}
- notebook-container ul li.right {
position: relative; text-align: right;
}
- notebook-container ul li a {
color: #fff; text-decoration: none;
}
.scrollblock {
width: 100%; position: relative !important; /*overflow: hidden;*/
}
- overview {
height: 912px;
}
- overview img {
display: block; margin: 0 auto;
}
- overview #overview-timeline {
position: relative; display: block; margin: 0 auto; width: 200px; height: 603px; margin-top: 50px;
}
- overview #notebook {
left: 50%; margin-left: -322px;
}
- overview .line {
position: absolute; top: 0; left: 94px;
}
- detail {
height: 800px; top: 150px !important;
}
- detail .line {
position: absolute; top: 0; left: 0;
}
- detail ul li.right {
text-align: left; margin-left: 20px;
}
- detail #detail-timeline {
width: 120px; float: left;
/* position: fixed;
top: 10px !important;*/
}
- detail #detail-block {
display: block; width: 800px; float: right; margin-top: 500px;
}
- detail #detail-block li {
position: relative; height: 603px; margin-bottom: 30px;
}
- detail #detail-block .left-part {
float: left; width: 300px;
}
- detail #detail-block .right-part {
float: right; /*padding-top: 200px;*/ width: 460px; line-height: 25px;
}
- detail #detail-block .right-part h3 {
color: red;
}
- detail #detail-block .detail-items li {
height: 40px; line-height: 20px; margin: 5px 0; text-align: left;
}