Skip to content

Instantly share code, notes, and snippets.

@Innei
Created April 29, 2023 01:58
Show Gist options
  • Save Innei/f2de476f9884674c6b12b9611edcc68d to your computer and use it in GitHub Desktop.
Save Innei/f2de476f9884674c6b12b9611edcc68d to your computer and use it in GitHub Desktop.
xlog.css
@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