Created
April 29, 2023 01:58
-
-
Save Innei/f2de476f9884674c6b12b9611edcc68d to your computer and use it in GitHub Desktop.
xlog.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import url("https://cdnjs.cloudflare.com/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/lxgwwenkaiscreenr.css"); | |
.xlog-page-index, .xlog-page-post { | |
font-family: "LXGW WenKai Screen R", sans-serif; | |
} | |
@font-face { | |
font-family: SFCompactRounded; | |
font-weight: 300; | |
src: url(https://ipfs.4everland.xyz/ipfs/bafybeidme3gx5cgofwznbtccc7vnfi2acecdzaiy7yfcjyq4e3qgzqwzem); | |
} | |
@font-face { | |
font-family: SFCompactRounded; | |
font-weight: 400; | |
src: url(https://ipfs.4everland.xyz/ipfs/bafybeif5baqci7hr4s6ax2a4osvhaayuuipffbww6oydibxx6qgueklc2a); | |
} | |
@font-face { | |
font-family: SFCompactRounded; | |
font-weight: 500; | |
src: url(https://ipfs.4everland.xyz/ipfs/bafybeihidx5w2sagmed5zwtlmkceht6ni3akqxvvbnob4uz63sfdpwh5wu); | |
} | |
@font-face { | |
font-family: SFCompactRounded; | |
font-weight: 600; | |
src: url(https://ipfs.4everland.xyz/ipfs/bafybeihe3bpdk7yojbcghhiufqe62smr7y2fcm5gagm2nq2l6cgynpauou); | |
} | |
@font-face { | |
font-family: 'Candyshop'; | |
src: url(https://ipfs.4everland.xyz/ipfs/bafkreiaztv4ex5zlllmz5jqkrc3uouggdwfy6rrenemtdf3erlbd6bmfwm); | |
font-display: swap; | |
} | |
:root { | |
--theme-color: #ff9800; | |
--font-fans: SFCompactRounded,PingFang SC,Microsoft YaHei,Lato,sans-serif; | |
--header-height: max(50vh, 400px); | |
cursor: url(https://ipfs.4everland.xyz/ipfs/bafkreihm4v5gpjkv5lboaqhdfmou4mlpvfjkgbn24ywrfivdk7tolgzkke), default; | |
} | |
/* header overall */ | |
.xlog-site-info { | |
border: none!important; | |
z-index: 1; | |
} | |
.xlog-banner img { | |
max-width: 100% | |
} | |
.xlog-site-name { | |
color: var(--theme-color); | |
font-family: Candyshop; | |
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, -1.414px 0 0 #fff, 1.414px 0 0 #fff, 0 -1.414px 0 #fff, 0 1.414px 0 #fff; | |
font-size: 35px; | |
} | |
.xlog-site-info { | |
border: 1px solid #fff; | |
transition: .3s ease; | |
} | |
.dark .xlog-site-info { | |
border: 1px solid var(--border-color);; | |
} | |
.xlog-site-icon { | |
width: 110px; | |
height: 110px; | |
} | |
@media (max-width: 640px) { | |
.xlog-site-info { | |
padding: 1rem; | |
} | |
} | |
/* post list */ | |
.xlog-post { | |
transition: .3s ease; | |
} | |
@media (min-width: 640px) { | |
.xlog-post:hover { | |
transform: scale(1.02); | |
box-shadow: rgb(0 0 0 / 10%) 0 10px 50px; | |
background-color: #fff; | |
z-index: 9; | |
} | |
.dark .xlog-post:hover { | |
background-color: var(--hover-color); | |
} | |
.xlog-site-info:hover { | |
transform: scale(1.03); | |
-webkit-font-smoothing: antialiased; | |
} | |
} | |
/* footer */ | |
footer { | |
position: relative; | |
margin-top: 210px; | |
} | |
footer:before { | |
content: ' '; | |
background: url(https://ipfs.4everland.xyz/ipfs/bafkreigq3m2bj76jl7abz6i5rlzegutcrfc2j2nqkcypksbeyu67fsymoy) no-repeat center; | |
height: 368px; | |
width: 100%; | |
display: block; | |
position: absolute; | |
top: -295px; | |
left: 0; | |
pointer-events: none; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment