用户:LettuceIce/steam上的CPKrobot攻略模拟器/styles.css:修订间差异
来自RIA | Wiki
更多操作
LettuceIce(留言 | 贡献) 无编辑摘要 |
LettuceIce(留言 | 贡献) 无编辑摘要 |
||
| 第14行: | 第14行: | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
} | |||
@media screen and (max-width: 480px) { | |||
.page_background { | |||
background-color: #1B2938; | |||
padding:0.5rem 0.8rem 0.5rem 0.8rem; | |||
font-family: Motiva Sans, Arial, Helvetica, sans-serif; | |||
} | |||
} | } | ||
.page_background { | @media screen and (min-width: 481px) and (max-width: 768px) { | ||
background-color: #1B2938; | .page_background { | ||
background-color: #1B2938; | |||
padding:1rem 2rem 1rem 2rem; | |||
font-family: Motiva Sans, Arial, Helvetica, sans-serif; | |||
} | |||
} | |||
@media screen and (min-width: 769px) { | |||
.page_background { | |||
background-color: #1B2938; | |||
padding:3rem 8rem 3rem 8rem; | |||
font-family: Motiva Sans, Arial, Helvetica, sans-serif; | |||
} | |||
} | } | ||
.top_list { | .top_list { | ||
height: 35px; | height: 35px; | ||
margin: 7px | margin-top: 7px; | ||
background: linear-gradient(90deg, rgba(62, 103, 150, 0.919) 11.38%, rgba(58, 120, 177, 0.8) 25.23%, rgb(15, 33, 110) 100%); | background: linear-gradient(90deg, rgba(62, 103, 150, 0.919) 11.38%, rgba(58, 120, 177, 0.8) 25.23%, rgb(15, 33, 110) 100%); | ||
box-shadow: 0 0 3px rgba( 0, 0, 0, 0.4); | box-shadow: 0 0 3px rgba( 0, 0, 0, 0.4); | ||
} | |||
.category_list { | |||
color: #8f98A0; | |||
font-size:12px; | |||
font-weight: normal; | |||
padding:1rem 0 0.125rem; | |||
} | } | ||
2023年12月9日 (六) 15:07的版本
/** 根据页面改变图片大小 **/
img.x20width {
width: 20%;
height: auto;
overflow: hidden;
margin:0;
padding:0;
}
img.x98width {
width: 98%;
height: auto;
overflow: hidden;
margin:0;
padding:0;
}
@media screen and (max-width: 480px) {
.page_background {
background-color: #1B2938;
padding:0.5rem 0.8rem 0.5rem 0.8rem;
font-family: Motiva Sans, Arial, Helvetica, sans-serif;
}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
.page_background {
background-color: #1B2938;
padding:1rem 2rem 1rem 2rem;
font-family: Motiva Sans, Arial, Helvetica, sans-serif;
}
}
@media screen and (min-width: 769px) {
.page_background {
background-color: #1B2938;
padding:3rem 8rem 3rem 8rem;
font-family: Motiva Sans, Arial, Helvetica, sans-serif;
}
}
.top_list {
height: 35px;
margin-top: 7px;
background: linear-gradient(90deg, rgba(62, 103, 150, 0.919) 11.38%, rgba(58, 120, 177, 0.8) 25.23%, rgb(15, 33, 110) 100%);
box-shadow: 0 0 3px rgba( 0, 0, 0, 0.4);
}
.category_list {
color: #8f98A0;
font-size:12px;
font-weight: normal;
padding:1rem 0 0.125rem;
}