You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
110 lines
2.3 KiB
110 lines
2.3 KiB
$backgroundColor=rgb(197, 194, 165)
|
|
|
|
$light=rgb(231, 225, 199)
|
|
$dark=rgb(74, 71, 62)
|
|
|
|
html, body
|
|
height: 100%
|
|
|
|
body
|
|
background-color: rgb(197, 194, 165)
|
|
background-image:
|
|
linear-gradient(90deg, #c6c2a5 2px, rgba(255 255 255 0) 0),
|
|
linear-gradient(180deg, #c6c2a5 2px, rgb(209 205 178) 0)
|
|
background-attachment: fixed
|
|
background-size: .4rem .4rem
|
|
margin: 0
|
|
|
|
body > * ::selection
|
|
background-color: rgb(74, 71, 62)
|
|
color: rgb(231, 225, 199)
|
|
|
|
#container
|
|
display: flex
|
|
flex-direction: column
|
|
justify-content: space-between
|
|
padding: 0 2% 0 2%
|
|
min-height: 100%
|
|
// footer
|
|
// position: absolute
|
|
// bottom: 0
|
|
// width: 100%
|
|
|
|
#header
|
|
margin-top: 1.5%
|
|
#main
|
|
flex: 1
|
|
margin: 2em 0
|
|
display: flex
|
|
flex-direction: row
|
|
gap: 4em
|
|
.right-content
|
|
width: 24%
|
|
position: sticky
|
|
top: 16px
|
|
align-self: flex-start
|
|
flex-shrink: 0
|
|
#footer
|
|
margin-bottom: 1%
|
|
|
|
span::selection
|
|
background-color: rgb(74, 71, 62)
|
|
color: rgb(231, 225, 199)
|
|
|
|
.bottom-declaration
|
|
// container左右各有2%的padding
|
|
// 要突破这个container，所以要先往左边拉2%，然后width+=2%*2，也就是104%
|
|
margin-left: -2%
|
|
margin-top: 1.5em
|
|
width: 104%
|
|
.bottom-declaration-line
|
|
border: 1.3px solid #000
|
|
.bottom-declaration-dotted
|
|
background-image: linear-gradient(90deg,#333 14%,hsla(0,0%,100%,0) 0)
|
|
background-repeat: repeat-x
|
|
background-size: 100px 4px
|
|
width: 100%
|
|
height: 4px
|
|
margin: 0 -2% 0
|
|
|
|
*
|
|
scrollbar-width: thin
|
|
scrollbar-color: rgb(74, 71, 62) transparent
|
|
&::-webkit-scrollbar-corner
|
|
background-color: rgb(197, 194, 165);
|
|
&::-webkit-scrollbar-thumb
|
|
border-radius: 0px;
|
|
background: rgb(74, 71, 62);
|
|
&::-webkit-scrollbar
|
|
width: 10px;
|
|
height: 10px;
|
|
|
|
|
|
img
|
|
transition: filter 0.2s linear 0s !important
|
|
&[data-src]:not(.loaded)
|
|
filter: blur(10px) brightness(1) opacity(0.4)
|
|
&[data-src].error
|
|
filter: none
|
|
|
|
.v-line
|
|
float: left;
|
|
width: 1.3px;
|
|
height: auto;
|
|
background: rgba(0, 0, 0, 0.16);
|
|
margin: 2px
|
|
|
|
|
|
.h-line
|
|
float: left;
|
|
width: auto;
|
|
height: 1.3px;
|
|
background: rgba(0, 0, 0, 0.16);
|
|
margin: 2px
|
|
|
|
@import '_partials/header/*'
|
|
@import '_partials/footer/*'
|
|
@import '_partials/post_page/*'
|
|
@import '_partials/post_list/*'
|
|
@import '_partials/*'
|
|
@import 'var' |