Team:BIT/project.css

From 2014.igem.org

Revision as of 17:25, 17 October 2014

@charset "utf-8"; /* CSS Document */

1. others{ position:absolute;top:1000px;}
2. footer-box {

margin-top: 4200px;} /*左侧notebook*/

.panel {
     display: none;
     width: 300px;

     background:url();
   
   }

.panel dropdown{ width:100px; display:inline-block;} /*.panel p{ margin:120px 0 0 60px;font-size:16sp; width:280px; height:260px;word-wrap:break-word; white-space: pre-wrap; line-height:1.5em;overflow:scroll;overflow-x: hidden;}*/ .panel ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-button { width: 8px; height:5px; } ::-webkit-scrollbar-track { background:#eee; border: thin solid lightgray; box-shadow: 0px 0px 3px #dfdfdf inset; border-radius:10px; } ::-webkit-scrollbar-thumb { background:#999; border: thin solid gray; border-radius:10px; } ::-webkit-scrollbar-thumb:hover { background:#7d7d7d; } /*notebook选项卡*/ .notebook_tab {width: 200px;

 height:380px; margin:120px 0 0 45px; text-align:center;}

.tabs {

 float: none;
 list-style: none;
 position: relative;
 text-align: left;

} .tabs li {

 float: left;
 display: block;
 margin-right:2px;

} .tabs input[type="radio"] {

 position: absolute;

 left: -9999px;

} .tabs label {

 display: block;
  padding:10px 4px 10px 4px;
 
 text-transform: uppercase;
  background:#aed9e7;
 cursor: pointer;
 
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;

} .tabs label:hover {

 background:#a1d1e6;

} .tabs .tab-content {

 z-index: 2;
 display: none;

 width: 100%;
 font-size: 17px;
 text-indent:2em;
 line-height: 25px;

 position: absolute;

 left: 0;

} .tab-content p{ overflow-y:auto; height:320px; margin-top:25px;} .tabs [id^="tab"]:checked + label {

 background:#35a5ca;

} .tabs [id^="tab"]:checked ~ [id^="tab-content"] {

 display: block;

}

/*其他*/ body{ overflow-x:hidden;}

1. footer1{ position:absolute;top:4800px;z-index:-1;}

1. left{ width:211px;height:300px; position:fixed; top:304px; left:180px;margin:10px 10px 0 0 ; z-index:2;}
2. right{ width:704px;height:800px;position:absolute; top:10px; left:280px;margin:10px 0 0 0 ; }

• {margin:0;padding:0;list-style-type:none;}

a,img{border:0;}

a,a:hover{text-decoration: none;}

/*右侧进度条*/

1. long{transition-property:height 1s linear 2s;

/* Firefox 4 */ -moz-transition:height 1s ; /* Safari and Chrome */ -webkit-transition:height 1s  ; /* Opera */ -o-transition:height 1s ;}

/*右侧文字*/

1. project_content{ text-align:justify; text-indent:2em;}