|
|
Line 2: |
Line 2: |
| <style> | | <style> |
| | | |
− | /*左侧定宽右侧自适应布局 ---- START*/
| |
− | #content_wrapper:after{
| |
− | content: '';
| |
− | display: block;
| |
− | clear: both;
| |
− | }
| |
− | #left_nav {
| |
− | float: left;
| |
− | width: 300px;/*左边栏宽度*/
| |
− | background: #F2D7BC;
| |
− | height: 100% !important;
| |
− | }
| |
− |
| |
− | #right_content {
| |
− | margin-left: 300px;/*==等于左边栏宽度==*/
| |
− | padding: 10px 30px;
| |
− | }
| |
− | /*左侧定宽右侧自适应布局 ---- END*/
| |
− |
| |
− | /*左侧固定导航栏*/
| |
− | /*这是百科导航代码的样式表*/
| |
− | .directory-nav{
| |
− | margin-left: 10px;
| |
− | padding: 12px 0 20px 22px;
| |
− | width: 270px;
| |
− | position: relative;
| |
− | /*display: none;*/
| |
− | }
| |
− | .directory-nav ul{
| |
− | padding: 0 0 0 30px;
| |
− | margin-top: 30px;
| |
− | }
| |
− | .directory-nav li{
| |
− | padding-top: 10px;
| |
− | padding-bottom: 5px;
| |
− | /*height: 34px;line-height: 34px; */
| |
− | position: relative;
| |
− | cursor: pointer;
| |
− | font-weight: bold;
| |
− | }
| |
− | .directory-nav li a{}
| |
− | .directory-nav .l1{ }
| |
− | .directory-nav .l2{ text-indent:0.6em;}
| |
− | .directory-nav .l1 a{font-size: 18px;
| |
− | display: block;}
| |
− | .directory-nav .l2 a{font-size: 16px;
| |
− | display: block;
| |
− | }
| |
− | .directory-nav,.directory-nav a{
| |
− | display: block;
| |
− | color: #08293b;}
| |
− | .directory-nav .cur a{ color: #E40021;}
| |
− |
| |
− | .directory-nav .line{
| |
− | position: absolute; left:20px; top: 5px;
| |
− | bottom: 5px; z-index: 1; width: 10px;
| |
− | /*background: #08293b;*/
| |
− | background: #85D1EA;
| |
− | }
| |
− | .directory-nav .c-top,.directory-nav .c-bottom{
| |
− | position: absolute; left: 0; z-index: 2;
| |
− | display: block; width: 50px; height: 50px; font-size: 0; line-height: 0;
| |
− | background: url(https://static.igem.org/mediawiki/2017/c/c5/T--BIT-China--left_nav_item_2.jpg);
| |
− | background-size: contain;
| |
− | }
| |
− |
| |
− | .directory-nav .c-top{ top: 0}
| |
− | .directory-nav .c-bottom{ bottom: 0}
| |
− | .directory-nav .cur-tag{
| |
− | position: absolute; left: 16px; top:50px; z-index: 5;
| |
− | display: block; width: 25px; height: 25px;
| |
− | font-size: 0; line-height: 0;
| |
− | background: url(https://static.igem.org/mediawiki/2017/8/8d/T--BIT-China--left_nav_item_1.jpg);
| |
− | background-size: contain;
| |
− | -webkit-transition:top .3s ease 0s;
| |
− | transition:top .3s ease 0s;
| |
− | }
| |
| </style> | | </style> |
| <script> | | <script> |