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.
 
 
 
hexo-theme-yorha/source/css/common.styl

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
// container2%padding
// container2%width+=2%*2104%
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'