Template:SizeImageBox/Item/styles.css:修订间差异
跳转到导航
跳转到搜索
无编辑摘要 |
无编辑摘要 |
||
(未显示同一用户的8个中间版本) | |||
第1行: | 第1行: | ||
item_box: | .item_box_bag_border{ | ||
border: 3px solid; | |||
border-radius: 12px; | |||
overflow: hidden; | |||
max-width: 1080px; | |||
} | |||
.item_box_bag{ | |||
background: #C6C6C8 no-repeat center center / 32px 32px; | |||
padding: 10px; | |||
padding-top: 2px; | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-evenly; | |||
border: 5px solid; | |||
border-color: #FFF #555555 #555555 #FFF; | |||
max-width:1080px; | |||
} | |||
.item_box_bag_title{ | |||
width: 100%; | |||
padding-left: 22px; | |||
font-size: 21px; | |||
color: #666666; | |||
margin-bottom: 1px; | |||
} | |||
.item_box .item-img{ | |||
background:#8B8B8B no-repeat center center / 32px 32px; | |||
} | |||
.item_box .item-img:hover{ | |||
background:#C5C5C5 no-repeat center center / 32px 32px; | background:#C5C5C5 no-repeat center center / 32px 32px; | ||
} | |||
.item_box .item-img::before { | |||
bottom: -2px; | |||
left: -2px; | |||
} | |||
.item_box .item-img::after { | |||
top: -2px; | |||
right: -2px; | |||
} | |||
.item_box .item-img::before, .item_box .item-img::after { | |||
content: ""; | |||
position: absolute; | |||
background-color: #8B8B8B; | |||
height: 2px; | |||
width: 2px; | |||
} | |||
.item_box_bag::before, .item_box_bag::after { | |||
content: ""; | |||
position: absolute; | |||
background-color: #C6C6C6; | |||
height: 2px; | |||
width: 2px; | |||
} | } |
2024年12月19日 (四) 10:48的最新版本
.item_box_bag_border{ border: 3px solid; border-radius: 12px; overflow: hidden; max-width: 1080px; } .item_box_bag{ background: #C6C6C8 no-repeat center center / 32px 32px; padding: 10px; padding-top: 2px; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 5px solid; border-color: #FFF #555555 #555555 #FFF; max-width:1080px; } .item_box_bag_title{ width: 100%; padding-left: 22px; font-size: 21px; color: #666666; margin-bottom: 1px; } .item_box .item-img{ background:#8B8B8B no-repeat center center / 32px 32px; } .item_box .item-img:hover{ background:#C5C5C5 no-repeat center center / 32px 32px; } .item_box .item-img::before { bottom: -2px; left: -2px; } .item_box .item-img::after { top: -2px; right: -2px; } .item_box .item-img::before, .item_box .item-img::after { content: ""; position: absolute; background-color: #8B8B8B; height: 2px; width: 2px; } .item_box_bag::before, .item_box_bag::after { content: ""; position: absolute; background-color: #C6C6C6; height: 2px; width: 2px; }