SS同盟手册.css:修订间差异
外观
小 修改 |
小 修改 |
||
| 第13行: | 第13行: | ||
border-radius: 10px; | border-radius: 10px; | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
width:80%; | |||
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); | 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); | ||
} | } | ||
2022年7月22日 (五) 10:51的版本
/* 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;
width:80%;
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;
}