Team:TJU China/Notebook/Group1

body{

   background: url("./img/notebook_group_bg.png");
   background-size: 100%;

} .notebook_month{

   font-style: italic;
   margin-left: 50px;
   float: left;
   width: 50px;
   margin-top: 10px;
   position: fixed;

} .notebook_month p{

   margin-top: 55px;

} .notebook_timeline{

   position: fixed;
   float: left;
   width: 6px;
   height:660px;
   background: -webkit-linear-gradient(#bed742, #4e72b8); /* Safari 5.1 - 6.0 */
   background: -o-linear-gradient(#bed742, #4e72b8); /* Opera 11.1 - 12.0 */
   background: -moz-linear-gradient(#bed742, #4e72b8); /* Firefox 3.6 - 15 */
   background: linear-gradient(#bed742, #4e72b8); /* 标准的语法（必须放在最后） */
   margin-left: 170px;

} .notebook_button_list{

   position: fixed;
   margin-left: 100px;

} .notebook_button_list button{

   float: left;
   height: 30px;
   width: 30px;
   border-radius:50%;
   border:none;
   background: -webkit-linear-gradient(left, #81C0C0 , #D2A2CC); /* Safari 5.1 - 6.0 */
   background: -o-linear-gradient(right, #81C0C0, #D2A2CC); /* Opera 11.1 - 12.0 */
   background: -moz-linear-gradient(right, #81C0C0, #D2A2CC); /* Firefox 3.6 - 15 */
   background: linear-gradient(to right, #81C0C0 , #D2A2CC); /* 标准的语法（必须放在最后） */
   

} .notebook_button_list button:hover{

   background: -webkit-linear-gradient(left, #005757 , #8600FF); /* Safari 5.1 - 6.0 */
   background: -o-linear-gradient(right, #005757, #8600FF); /* Opera 11.1 - 12.0 */
   background: -moz-linear-gradient(right, #005757, #8600FF); /* Firefox 3.6 - 15 */
   background: linear-gradient(to right, #005757 , #8600FF); /* 标准的语法（必须放在最后） */

} .notebook_button1{

   outline: none;
   position: relative;
   left: 58px;
   top:63px;

} .notebook_button2{

   outline: none;
   position: relative;
   left: 28px;
   top:138px;

} .notebook_button3{

   outline: none;
   position: relative;
   left: -2px;
   top:213px;

} .notebook_button4{

   outline: none;
   position: relative;
   left: -32px;
   top:290px;

} .notebook_button5{

   outline: none;
   position: relative;
   left: -62px;
   top:365px;

} .notebook_button6{

   outline: none;
   position: relative;
   left: -92px;
   top:440px;

} .notebook_button7{

   outline: none;
   position: relative;
   left: -122px;
   top:518px;

} .notebook_button8{

   outline: none;
   position: relative;
   left: -152px;
   top:593px;

}

1. notebook_March{

   display: block;

}

1. notebook_April{

   display: none;

}

1. notebook_May{

   display: none;

}

1. notebook_June{

   display: none;

}

1. notebook_July{

   display: none;

}

1. notebook_August{

   display: none;

}

1. notebook_September{

   display: none;

}

1. notebook_October{

   display: none;

} .notebook_information{

   float: left;
   margin-left: 300px;
   margin-top: 100px;

} .notebook_week{

   margin-top: 50px;

} .notebook_week p{

   text-align: left;
   font-size: 20px;
   text-indent: 2em;

} .notebook_information_word1{

   margin-top: 40px;
   display: none;

} .notebook_information_button1{

   color: #ffffff;
   background: #4e72b8;
   width: 80px;
   height: 40px;
   border: 0px;
   cursor: pointer;
   border-radius: 10px;
   font-size: 18px;
   outline: none;

} .notebook_information_button2{

   margin-top: 80px;
   color: #ffffff;
   background: #4e72b8;
   width: 80px;
   height: 40px;
   border: 0px;
   cursor: pointer;
   border-radius: 10px;
   font-size: 18px;
   outline: none;

} .notebook_information_word2{

   margin-top: 40px;
   display: none;

} .notebook_information_button3{

   margin-top: 80px;
   color: #ffffff;
   background: #4e72b8;
   width: 80px;
   height: 40px;
   border: 0px;
   cursor: pointer;
   border-radius: 10px;
   font-size: 18px;
   outline: none;

} .notebook_information_word3{

   margin-top: 40px;
   display: none;

} .notebook_information_button4{

   margin-top: 80px;
   color: #ffffff;
   background: #4e72b8;
   width: 80px;
   height: 40px;
   border: 0px;
   cursor: pointer;
   border-radius: 10px;
   font-size: 18px;
   outline: none;

} .notebook_information_word4{

   margin-top: 40px;
   display: none;

} .notebook_Month_head{

   margin-top: 50px;

}