Line 119: | Line 119: | ||
p{ | p{ | ||
− | margin-left: | + | margin-left: 500px; |
font-size: 16.51px !important; | font-size: 16.51px !important; | ||
} | } | ||
h1{ | h1{ | ||
− | margin-left: | + | margin-left: 500px; |
} | } | ||
h2{ | h2{ | ||
− | margin-left: | + | margin-left: 500px; |
} | } | ||
Revision as of 13:20, 19 September 2021
- sideMenu, #top_title, .patrollink, #firstHeading, #home_logo, #sideMenu { display:none; }
- content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;}
body, html {width: 100%; height: 100%;}
- bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
- bodyContent a[href ^="https://"], .link-https {padding-right:25px;}
html, body{
height: 100%; /*为了让其他引用width的元素在屏幕合适的大小*/ margin: 0; padding: 0; scroll-behavior: smooth; /*让侧边栏点击时动画顺滑*/ background-color: #fde6e6; /*所有内容的背景颜色:淡粉色*/
} .sidebar_inner{
float:left; margin-left: 17px; margin-top: 8.6px; /*调整距离*/ width: 175px; height: 60%; position: static;/*固定距离*/ /*top: auto;*/ z-index: 3;
} .sidebar_inner.stick{
/*margin-top: 194.6px;*/ width: 175px; top:0; position:fixed;
}
- top {
_position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop));
} .sidebar_inner ul{ /*侧边栏整体*/
position:relative; list-style: none;
height: 100%; /*高度 多余的应该会被自动省略 毕竟是position fixed*/ background-color:#f4e8e6; /*侧边栏背景颜色:淡粉色*/ opacity: 100%; /*透明度1*/
margin-left:20px; /*离左边的距离*/ margin-top: 130px; padding:0px 0px 0px 0px;
display:block; border-radius: 50px / 15px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; transition: 0.5s; /*过渡*/ transition:margin-top 0s; box-shadow: 4px 4px 5px 4px #d0bec7; /*深粉色阴影*/
}
.sidebar_inner.stick ul{
transition: 0.5s; transition:margin-top 0s; margin-top: 100px;
} .sidebar_inner ul:hover{
box-shadow: 7px 8px 0px 7px #d0bec7; /*深粉色阴影*/
} .sidebar_inner ul li{ /*侧边栏上的按钮*/
border-bottom:1px solid #eab8c3; /*下border*/ /*border-radius:15px; *//*圆角效果*/
} .sidebar_inner ul li:hover{
background-color: #e9b6c2; transition: all 0.15s ease;
} .top1:hover{
border-radius: 50px / 15px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;
} .sidebar_inner ul li a{ /*侧边栏上的按钮文字*/
font-size: 100%; /*字体大小*/ font-weight: 700; color:#747281; /*文字颜色:黑*/ text-decoration:none; display:block;
margin-left: 44px; margin-right: 35px; /*调位置*/ padding:3px 5px 3px 5px;
font-family:"Klee"; /*字体*/ transition: all 0.25s ease-out; /*过渡*/
} .sidebar_inner ul li a:hover{/*侧边栏上的按钮悬浮*/
color:#747281; /*悬浮时文字颜色*/ transition: all 0.15s ease; /*过渡*/ /*background-color:rgb(250, 233, 229); *//*悬浮时按钮的背景颜色:淡粉色 暂时取消*/ /*border-radius:10px; *//*圆角效果*/
} .sidebar_inner ul li a.active{ /*js类,请不要乱动*/
color:#14131a; transition: all 0.15s ease; background-color:rgb(250, 233, 229); /*border-radius:10px;*/
} .sidebar_outer{
float:left; /*margin-top: 72.6px;*/ /*margin-top: -16px;*/ margin-top: -16px; width: 24%; position: relative; top: 0; height: 100%; background-color:#d6e2ee; z-index: 1;
} .sidebar_outer.stick{
margin-top: 72.6px; top:0; position:fixed;
}
p{
margin-left: 500px; font-size: 16.51px !important;
} h1{
margin-left: 500px;
} h2{
margin-left: 500px;
}
.content{ /* this is not the preset of css from igem */
margin-top: 30px; margin-right: 8%;
}