Team:BIT/project.css

From 2014.igem.org

(Difference between revisions)
Line 13: Line 13:
     }
     }
.panel dropdown{ width:100px; display:inline-block;}
.panel dropdown{ width:100px; display:inline-block;}
-
/*.panel p{ margin:120px 0 0 60px;font-size:16sp; width:300px; height:400px;word-wrap:break-word; white-space: pre-wrap; line-height:1.5em;overflow:scroll;overflow-x: hidden;}*/
+
/*.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 {
.panel ::-webkit-scrollbar {
width: 8px;
width: 8px;
Line 37: Line 37:
/*notebook选项卡*/
/*notebook选项卡*/
.notebook_tab {width: 200px;
.notebook_tab {width: 200px;
-
   height:400px; margin:120px 0 0 45px; text-align:center;}
+
   height:380px; margin:120px 0 0 45px; text-align:center;}
.tabs {
.tabs {

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(BIT_notebook-the-book.png);
   
   }

.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;}