SS同盟手册.css:修订间差异
外观
Tokur233将页面SS同盟手册.css的内容模型从“wiki语法”更改为“已过滤的CSS” |
小 补充 |
||
(未显示2个用户的60个中间版本) | |||
第1行: | 第1行: | ||
/* div 边框圆角 */ | |||
div { | |||
position: relative; | |||
border-radius: 15px; | |||
} | |||
/*特殊透明框 | |||
需使用<div class="card" style="padding-top:1px"> 内容 </div>*/ | |||
.card, .cardTalk { | |||
padding: 1px 1.5em 0.5em; | |||
background: rgba(255,255,255,0.2); | |||
border-radius: 10px; | |||
border: 1px solid #ddd; | |||
width:95%; | |||
margin-left:auto; | |||
margin-right:auto; | |||
box-shadow: inset 0 0 2px 1px #fff, 0 1px 1px rgba(0,0,0,0.07), 0 1px 3px 1px rgba(61,0,99,0.14); | |||
} | |||
/*标题*/ | |||
h2 { | |||
border-bottom: none; | |||
display:inline-block; | |||
position: relative; | |||
flex: 0 0 25%; | |||
text-align:center; | |||
font:700 1.5em/1em sans-serif; | |||
color:#000000; | |||
} | |||
h2 .mw-headline { | |||
display: inline-block; | |||
text-shadow: 0.1em 0.1em #dcf5f7; | |||
border-bottom: 4mm ridge rgba(227, 248, 250, .6); | |||
border-bottom-right-radius: 15px; | |||
border-bottom-left-radius: 15px; | |||
} | |||
/* 编辑按钮右置、半透明 */ | |||
.mw-editsection { | |||
float: right; | |||
font-size: 13px; | |||
opacity: 0; | |||
transition: opacity 0.5s; | |||
} | |||
.mw-editsection:hover { | |||
opacity: 1; | |||
} | |||
/* 世界地图栏位的css控制 */ | |||
.quest_list { | |||
list-style:none; | |||
} | |||
.quest_list > li { | |||
margin-bottom:1%; | |||
} | |||
.shield { | |||
width:115px; | |||
height:115px; | |||
margin:2%; | |||
display:flex; | |||
flex-direction:column; | |||
border-radius:40%40%60%60%/22%22%100%100%; | |||
overflow:hidden; | |||
border:5px solid black; | |||
background-color:#3366cc; | |||
} | |||
.usergroup_icon{ | |||
margin-top:20%; | |||
} | |||
.center_button{ | |||
padding-left:1em; | |||
align-self:center | |||
} | |||
/* [[Category:CSS页面]] */ |
2023年7月13日 (四) 11:31的最新版本
/* div 边框圆角 */ div { position: relative; border-radius: 15px; } /*特殊透明框 需使用<div class="card" style="padding-top:1px"> 内容 </div>*/ .card, .cardTalk { padding: 1px 1.5em 0.5em; background: rgba(255,255,255,0.2); border-radius: 10px; border: 1px solid #ddd; width:95%; margin-left:auto; margin-right:auto; box-shadow: inset 0 0 2px 1px #fff, 0 1px 1px rgba(0,0,0,0.07), 0 1px 3px 1px rgba(61,0,99,0.14); } /*标题*/ h2 { border-bottom: none; display:inline-block; position: relative; flex: 0 0 25%; text-align:center; font:700 1.5em/1em sans-serif; color:#000000; } h2 .mw-headline { display: inline-block; text-shadow: 0.1em 0.1em #dcf5f7; border-bottom: 4mm ridge rgba(227, 248, 250, .6); border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; } /* 编辑按钮右置、半透明 */ .mw-editsection { float: right; font-size: 13px; opacity: 0; transition: opacity 0.5s; } .mw-editsection:hover { opacity: 1; } /* 世界地图栏位的css控制 */ .quest_list { list-style:none; } .quest_list > li { margin-bottom:1%; } .shield { width:115px; height:115px; margin:2%; display:flex; flex-direction:column; border-radius:40%40%60%60%/22%22%100%100%; overflow:hidden; border:5px solid black; background-color:#3366cc; } .usergroup_icon{ margin-top:20%; } .center_button{ padding-left:1em; align-self:center } /* [[Category:CSS页面]] */