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

77 lines
1.8 KiB

$backgroundColor=rgb(197, 194, 165)
$light=rgb(231, 225, 199)
$dark=rgb(74, 71, 62)
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
padding: 1.5% 2% 1% 2%
#main
margin: 2em 0
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
*
&::-webkit-scrollbar-button
border-radius: 10px;
border-spacing: 10px;
background-color: rgb(74, 71, 62);
width: 10px;
height: 10px;
&::-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);
@import '_partials/header/*'
@import '_partials/footer/*'
@import '_partials/post_list/*'
@import '_partials/*'