sky/assets/style.css

91 lines
1.7 KiB
CSS

body, .navbar-nav .nav-link {
font-family: 'Noto Serif SC', serif;
}
.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;
}
/* 使导航栏视觉上居中 */
.navbar ul.navbar-nav li:last-child{
margin-right: 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;
}
/* post content style */
article, article .post-title a {
color: #172b4d;
}
article{
font-size: 1rem;
font-weight: 400;
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 {
background: #f0f0f0;
color: #444;
}
code {
padding:.1em .5em;
}
.flex-container {
display: flex;
height: 100vh;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
align-content: center;
}
.flex-footer {
display: block;
}
.friend {
height: 80px;
}
html{
scroll-behavior: smooth;
}
del {
color:rgba(23, 43, 77, 0.5)
}