191 lines
3.4 KiB
CSS
Executable File
191 lines
3.4 KiB
CSS
Executable File
@font-face {
|
|
font-family: "Montserrat";
|
|
src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Montserrat-Bold";
|
|
src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Montserrat-Medium";
|
|
src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 0.625rem;
|
|
background: #d2eafb;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
border-radius: 0.5rem;
|
|
background: #eeeeee;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: 'Montserrat';
|
|
}
|
|
|
|
*:hover {
|
|
transition: all 0.2s linear;
|
|
-webkit-transition: all 0.2s linear;
|
|
}
|
|
body {
|
|
font-size: 1.2em;
|
|
font-weight: 400;
|
|
color: #333;
|
|
}
|
|
|
|
select,
|
|
input,
|
|
textarea,
|
|
button {
|
|
outline: none;
|
|
font-size: 0.875rem;
|
|
border-radius: 0;
|
|
-webkit-border-radius: 0;
|
|
color: #414446;
|
|
-moz-border-radius: 0;
|
|
-ms-border-radius: 0;
|
|
-o-border-radius: 0;
|
|
}
|
|
|
|
a {
|
|
color: #333;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
transition: all 0.2s linear;
|
|
-webkit-transition: all 0.2s linear;
|
|
text-decoration: none;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
img {
|
|
display: block;
|
|
}
|
|
|
|
ul li {
|
|
padding: 2px 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
ol,
|
|
ul,
|
|
a {
|
|
list-style: none;
|
|
}
|
|
|
|
/* 修改垂直滚动条 */
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
/* 修改宽度 */
|
|
}
|
|
|
|
/* 修改滚动条轨道背景色 */
|
|
::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* 修改滚动条滑块颜色 */
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: #ccc;
|
|
}
|
|
|
|
/* 修改滚动条滑块悬停时的颜色 */
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: #D8DFE8;
|
|
}
|
|
|
|
/* 修改滚动条滑块移动时的颜色 */
|
|
::-webkit-scrollbar-thumb:active {
|
|
background-color: #D8DFE8;
|
|
}
|
|
|
|
/* 修改滚动条滑块的圆角 */
|
|
::-webkit-scrollbar-thumb {
|
|
border-radius: 5px;
|
|
}
|
|
|
|
/* 整体滚动条 */
|
|
* {
|
|
scrollbar-width: thin;
|
|
/* 滚动条宽度 */
|
|
scrollbar-color: #D8DBE6 transparent;
|
|
/* 滚动条颜色（滑块颜色 轨道颜色） */
|
|
}
|
|
|
|
/* 滚动条轨道 */
|
|
*::-moz-scrollbar-track {
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
/* 滚动条滑块 */
|
|
*::-moz-scrollbar-thumb {
|
|
background-color: #D8DBE6;
|
|
border-radius: 5px;
|
|
/* 滑块的圆角 */
|
|
}
|
|
|
|
/* 滚动条的上下箭头 */
|
|
*::-moz-scrollbar-button {
|
|
display: none;
|
|
/* 隐藏上下箭头 */
|
|
}
|
|
|
|
/* 滚动条的上下箭头：向上箭头 */
|
|
*::-moz-scrollbar-button:vertical:decrement {
|
|
display: none;
|
|
}
|
|
|
|
/* 滚动条的上下箭头：向下箭头 */
|
|
*::-moz-scrollbar-button:vertical:increment {
|
|
display: none;
|
|
}
|
|
div{
|
|
display: block;
|
|
}
|
|
#header{
|
|
height: 60px;
|
|
}
|
|
/*屏幕兼容性*/
|
|
@media screen and (min-width:150px) and (max-width:749px){
|
|
body{
|
|
zoom: 0.6;
|
|
}
|
|
}
|
|
@media screen and (min-width:750px) and (max-width:1280px){
|
|
body{
|
|
zoom: 0.75;
|
|
}
|
|
}
|
|
@media screen and (min-width:1281px) and (max-width:1360px) {
|
|
body{
|
|
zoom: 0.8;
|
|
}
|
|
}
|
|
@media screen and (min-width:1361px) and (max-width:1460px) {
|
|
body{
|
|
zoom: 0.85;
|
|
}
|
|
}
|
|
@media screen and (min-width:1461px) and (max-width:1660px) {
|
|
body{
|
|
zoom: 0.9;
|
|
}
|
|
}
|
|
@media screen and (min-width:1661px) and (max-width:1760px) {
|
|
body{
|
|
zoom: 0.95;
|
|
}
|
|
}
|
|
@media screen and (min-width:1761px) and (max-width:1960px) {}
|
|
@media screen and (min-width:1980px) {} |