User:Irukaza/common.css
注意:这类代码页面在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- 按住
CTRL+SHIFT+DEL 或 ⌘-Shift-R
来清除缓存! - 或尝试在地址栏的地址最后添加代码
?_=1
来访问最新页面。 - 你还可以在设置中勾选小工具在页面右上角添加清除缓存按钮!
/*懒加载渐入*/
.lazyload,
.lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity 300ms;
}
/* info类模板 */
.infobox {
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
border-radius: 4px;
overflow: hidden;
}
.infoBoxTitle {
margin: 3px auto;
padding: 0;
text-align: center;
font-weight: 700;
}
.infoBoxIcon {
display: table-cell;
padding: 2px 0 2px .5em;
vertical-align: middle;
}
.infoBoxText {
display: table-cell;
padding: .25em .5em .25em 1.3em;
width: 100%;
vertical-align: middle;
}
.infoBoxContent {
padding: 0.2em;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
border-radius: 4px;
overflow: hidden;
border: 1px solid #ddd;
background: #fbfbfb;
}
.infoBoxBelow {
margin: 0 auto;
padding: 0;
text-align: center;
}