sky/assets/style.css

78 lines
1.7 KiB
CSS

.container {
max-width: 820px;
}
.img-fluid {
max-height:600px;
}
/* 导航栏毛玻璃 */
.navbar {
background-color: rgba(255, 255, 255, 0.7);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
padding: 0;
}
/* 底部网安备案图标调整 */
#nis:before {
content:url(beian.png);
vertical-align: middle;
display: inline-block;
line-height: 20px;
}
/* 首页摘要里各种标题只用较大的粗体呈现 */
.summary h1, .summary h2, .summary h3, .summary h4, .summary h5, .summary h6 {
font-size: 1.2rem;
font-weight: bold;
line-height: 1.7;
}
/* Shadow Below 单边阴影,应用于 nav */
.shadowb {
box-shadow: 0 20px 20px rgba(50, 50, 93, .1), 0 5px 5px rgba(0, 0, 0, .07);
}
/* post content style */
article, article a {
color: #172b4d;
}
.post-title:before {
content:'#';
font-family: monospace;
}
article{
font-size: 1rem;
font-weight: 300;
line-height: 1.7;
}
blockquote {
padding: 25px 50px 25px 40px;
border-left: 10px solid #ddd;
background: #f7f7f7;
font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, FontAwesome, serif;
}
blockquote:before {
color: #ddd;
content:"“";
font-size: 6em;
/*vertical-align: -.4em;*/
margin-left: -40px;
line-height: 0;
}
code, pre {
font-family: consolas, Courier, monospace, sans-serif;
font-size: .9em;
background: #f0f0f0;
color: #444;
}
.flex-container {
display: flex;
height: 100vh;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
align-content: center;
}
.flex-footer {
display: block;
}