Team:BIT/project.css
From 2014.igem.org
(One intermediate revision not shown) | |||
Line 1: | Line 1: | ||
@charset "utf-8"; | @charset "utf-8"; | ||
/* CSS Document */ | /* CSS Document */ | ||
- | #others{ position:absolute;top: | + | #others{ position:absolute;top:4000px;} |
#footer-box { | #footer-box { | ||
margin-top: 4200px;} | margin-top: 4200px;} | ||
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: | + | /*.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: | + | height:380px; margin:120px 0 0 45px; text-align:center;} |
.tabs { | .tabs { |
Latest revision as of 17:28, 17 October 2014
@charset "utf-8"; /* CSS Document */
- others{ position:absolute;top:4000px;}
- 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;}
- footer1{ position:absolute;top:4800px;z-index:-1;}
- left{ width:211px;height:300px; position:fixed; top:304px; left:180px;margin:10px 10px 0 0 ; z-index: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;}
/*右侧进度条*/
- 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 ;}
/*右侧文字*/
- project_content{ text-align:justify; text-indent:2em;}