"
Team:SYSU-Software/notebook.css
From 2013.igem.org
| (3 intermediate revisions not shown) | |||
| Line 16: | Line 16: | ||
#notebook-container{ | #notebook-container{ | ||
width: 980px; | width: 980px; | ||
| - | height: | + | height: 2520px; |
margin:0 auto; | margin:0 auto; | ||
position:relative !important; | position:relative !important; | ||
| Line 28: | Line 28: | ||
.scrollblock { | .scrollblock { | ||
width: 980px; | width: 980px; | ||
| - | height: | + | height: 840px; |
background-color: #252629; | background-color: #252629; | ||
| + | position:relative !important; | ||
| + | top:0px !important; | ||
} | } | ||
Latest revision as of 07:23, 11 September 2013
*{
padding:0px;
margin: 0px;
}
body {
height: 100%;
width: 100%;
background-color: #CCC;
font-family: 'Arial';
}
/*notebook content*/
- notebook-container{
width: 980px;
height: 2520px;
margin:0 auto; position:relative !important; top:0px !important; }
/*---------------------------------------- BLOCKS */
.scrollblock {
width: 980px;
height: 840px;
background-color: #252629;
position:relative !important;
top:0px !important;
}
- intro {
overflow: hidden; }
/*used to zoom test*/ /*#title { margin: 80px auto 0; width: 1050px; position: relative; z-index: 99; }*/
/*#parallax2 { position: absolute; top: 500px; left: -50px; color: #C5C3DE; opacity: .2; font-size: 210px; text-shadow: none; }
- parallax3 {
position: absolute; top: 320px; right: 40px; color: #C5C3DE; opacity: .4; font-size: 160px; text-shadow: none; }
- /
/*--notebook content--------------------------------------*/
- file-folder{
margin: 0 auto; width: 212px; }
/*time list*/
- time-list{
margin: 0 auto; width: 10px; height: 603px; }
- nav1{
position: relative; left: -83px;
list-style: none; }
- nav1 a{
color: white; text-decoration: none; }
- nav2 a{
color: white; text-decoration: none; }
- nav1 li{
width: 90px; }
- nav2 li{
width: 90px; }
- nav2{
position: relative; left: -12px;
list-style: none; }
.left-second{ position: relative; top: 95px; } .left-third{ position: relative; top:210px; } .left-forth{ position: relative; top: 345px; }
.left-fifth{ position: relative; top: 440px; }
.right-second{ position: relative; top: 45px; }
.right-third{ position: relative; top: 190px; }
.right-forth{ position: relative; top: 278px; }
.right-fifth{ position: relative; top: 393px; }
- notebook{
margin: 0 auto; width: 643px; height: 86px; }
/*the content accroding to the date*/
/*date1*/
- time-list-fix{
position: relative; left: 60px; }
- fix-nav{
position: relative; top: 200px; left: -13px; list-style: none; }
- fix-nav a{
color: white; text-decoration: none; } .fix-left-first{ position: relative; }
.fix-left-second{ position: relative; top: 9px; } .fix-left-third{ position: relative; top: 38px; } .fix-left-forth{ position: relative; top: 93px; } .fix-left-fifth{ position: relative; top: 147px; } .fix-left-sixth{ position: relative; top: 176px; } .fix-left-seventh{ position: relative; top: 233px; } .fix-left-eighth{ position: relative; top: 290px; } .fix-left-ninth{ position: relative; top: 355px; } .fix-left-tenth{ position: relative; top: 410px; }
- date1-photo{
position: relative; left: 220px; }
- date1-task{
position: relative; left: 515px;
font-size: 18px; color: white; line-height: 28px; }
- date1-task span{
width: 150px; font-size: 28px; }
/*date2 task and introduce*/
- date2-task{
position: relative; left: 300px;
font-size: 18px; color: white; line-height: 28px; }
- date2-task span{
width: 150px; font-size: 28px; }
- date2-photo{
width: 400px; position: relative; left: 300px; top: -600px; }
a:focus{
outline-color:#544444;
}
