SS同盟手册.css:修订间差异
跳到导航
跳到搜索
小 (修改) |
小无编辑摘要 |
||
第9行: | 第9行: | ||
需使用<div class="card" style="padding-top:1px"> 内容 </div>*/ | 需使用<div class="card" style="padding-top:1px"> 内容 </div>*/ | ||
.card, .cardTalk { | .card, .cardTalk { | ||
padding: 1px 1.5em 0.5em; | |||
background: rgba(255,255,255,0.2); | background: rgba(255,255,255,0.2); | ||
border-radius: 10px; | border-radius: 10px; | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
第19行: | 第19行: | ||
/*标题*/ | /*标题*/ | ||
h2 { | h2 { | ||
border-bottom: | display:inline-block; | ||
border-bottom: 4mm ridge rgba(227, 248, 250, .6); | |||
position: relative; | |||
border-bottom-right-radius: 15px; | |||
border-bottom-left-radius: 15px; | |||
flex: 0 0 25%; | flex: 0 0 25%; | ||
text-align:center; | text-align:center; | ||
font:700 1.5em/1em sans-serif; | font:700 1.5em/1em sans-serif; | ||
color:#000000; | color:#000000; | ||
第30行: | 第32行: | ||
h2 .mw-headline { | h2 .mw-headline { | ||
display: inline-block; | display: inline-block; | ||
text-shadow: 0.1em 0.1em #dcf5f7 | |||
} | } | ||
/* 编辑按钮右置、半透明 */ | /* 编辑按钮右置、半透明 */ |
2022年7月22日 (五) 06:42的版本
/* div 边框圆角 */ div { position: relative; border-radius: 15px; flex: 0 0 25%; } /*特殊透明框 需使用<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; max-width: 1080px; 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 { display:inline-block; border-bottom: 4mm ridge rgba(227, 248, 250, .6); position: relative; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; 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 } /* 编辑按钮右置、半透明 */ .mw-editsection { float: right; font-size: 13px; opacity: 0; transition: opacity 0.5s; } .mw-editsection:hover { opacity: 1; }