User:Selfice/sandbox/首页/styles.css:修订间差异
无编辑摘要 |
无编辑摘要 |
||
(未显示同一用户的30个中间版本) | |||
第42行: | 第42行: | ||
flex-grow: 1; | flex-grow: 1; | ||
padding: 0.6em; | padding: 0.6em; | ||
flex: 1 1 | flex: 1 1 33%; | ||
} | } | ||
.statisticians_block{ | .statisticians_block{ | ||
第102行: | 第102行: | ||
object-fit: contain; | object-fit: contain; | ||
} | } | ||
@media (max-width: | @media (max-width: 1669px) { | ||
.sidebar_block_img{ | .sidebar_block_img{ | ||
flex: 1 1 100%; | flex: 1 1 100%; | ||
第112行: | 第112行: | ||
} | } | ||
} | } | ||
@media (min-width: | @media (min-width: 1669px) { | ||
.sidebar_block_img{ | .sidebar_block_img{ | ||
flex: 1 1 | flex: 1 1 33%; | ||
} | } | ||
} | |||
.img_button{ | |||
height: 80px; | |||
color: white; | |||
font-weight: bold; | |||
font-size: 32px; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
transition:background-color 0.2s ease-out, color 0.3s ease-out; | |||
cursor:pointer; | |||
margin:3px; | |||
} | |||
.img_button:hover{ | |||
border: 3px solid #000; | |||
} | |||
.neuro_button_lock{ | |||
background-color: #e3baad; | |||
border: 3px solid #e3baad; | |||
} | |||
.evil_button_lock{ | |||
background-color: #b30256; | |||
border: 3px solid #b30256; | |||
} | |||
.neuro_button_lock:hover{ | |||
background-color: #e3c3ad; | |||
color:#000; | |||
} | |||
.evil_button_lock:hover{ | |||
background-color: #B30239; | |||
color:#000; | |||
} | } | ||
.neuro_button{ | .neuro_button{ | ||
background-color: #e3c3ad; | |||
border: 3px solid #e3c3ad; | |||
} | |||
.evil_button{ | |||
background-color: #B30239; | |||
border: 3px solid #B30239; | |||
} | |||
.synopsis{ | |||
overflow: hidden; /* 隐藏超出部分 */ | |||
text-overflow: ellipsis; /* 使用省略号表示超出部分 */ | |||
word-break: break-all; /* 保证文本不会因没有空格而长单词不换行 */ | |||
} | |||
.page_button{ | |||
display: flex; | |||
justify-content: center; | |||
} | |||
.page_button a{ | |||
background-color: #eeccdd; | |||
width: 100%; | |||
display: flex; | |||
justify-content: center; | |||
height: 100px; | |||
align-items: center; | |||
font-size: 24px; | |||
color: white; | |||
padding-left: 0; | |||
transition:all 0.2s ease-out; | |||
} | |||
.page_button a:hover{ | |||
text-decoration: none; | |||
padding-left: 50%; | |||
color: darkcyan; | |||
background-color: #debccd; | |||
} | |||
#t-collapsible-toggle-all{ | |||
display:none; | |||
} | } |