• 欢迎光临~

Stylus for Luogu

开发技术 开发技术 2022-07-16 次浏览

改自 Strange-Luogu

可能字体在电脑上无法显示,要安装以下字体:

  1. ID初心少女体简
  2. Fira Code
  3. Segoe Print

预览图:

Stylus for Luogu


戳他
/* ==UserStyle==
@name           strange luogu
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://ti.luogu.com.cn/problemset"), url-prefix("https://www.luogu.com.cn/paste"), url-prefix("https://www.luogu.com.cn/user"), url-prefix("https://www.luogu.com.cn/discuss"), url-prefix("https://www.luogu.com.cn/problem"), url("https://www.luogu.com.cn/"), url-prefix("https://class.luogu.com.cn/course"), url-prefix("https://www.luogu.com.cn/theme"), url-prefix("https://www.luogu.com.cn/image"), url-prefix("https://www.luogu.com.cn/ranking"), url-prefix("https://www.luogu.com.cn/training"), url-prefix("https://www.luogu.com.cn/contest"), url-prefix("https://www.luogu.com.cn/record"), url-prefix("https://www.luogu.com.cn/chat") {
    /*洛谷主站*/
    /*动画*/
    @keyframes user {
        from {
            margin-top: 0px;
        }
        to {
            margin-top: 20px;
        }
    }
    @keyframes h1 {
        from {
            margin-left: -200px;
        }
        to {
            margin-left: 10px;
        }
    }
    /*背景*/
    body {
        background-image: url('https://cdn2.232232.xyz/img/2022/01/23/127f2bf2880511ebb6edd017c2d2eca2.jpg');
        background-size: 100% 100%;
        background-attachment: fixed;
		font-family: Segoe Print,Fira Code,IDChuXinShaoNvTiJ !important;
    }
    /*顶部*/
    .wrapper.wrapped.lfe-body,
    div.wrapper.wrapped.lfe-body.header-layout.narrow {
        visibility: hidden;
    }
    .footer,
    .header {
        visibility: visible;
    }
    .user-nav[data-v-2dfcfd35] {
        color: #fff!important;
        border-radius: 25px;
        animation: user 1s;
        margin-top: 20px;
    }
    .user-nav {
        color: #fff;
    }
    /*主体*/
    .lfe-body {
        visibility: hidden;
    }
    .clone-card,
    .card.user-header-container.padding-0,
    .am-modal-dialog,
    .am-g.lg-main-content,
    .container,
    .lg-index-content.am-center,
    .full-container {
        visibility: visible;
    }
    .clone-card,
    .swal2-popup.swal2-modal.swal2-show,
    .popup[data-v-1d675dd8],
    .center,
    .card.padding-none,
    .am-panel.am-panel-default.lg-summary,
    .am-g.lg-table-bg0.lg-table-row,
    .card.padding-default,
    .lg-article {
        transition: all 0.5s ease;
        border-radius: 25px!important;
        background-color: #ffffffc2!important;
    }
    .clone-card:hover,
    .swal2-popup.swal2-modal.swal2-show:hover,
    .card.padding-none:hover,
    .popup[data-v-1d675dd8]:hover,
    .center:hover,
    card.padding-none:hover,
    .am-panel.am-panel-default.lg-summary:hover,
    .am-g.lg-table-bg0.lg-table-row:hover,
    .card.padding-default:hover,
    .lg-article:hover {
        transition: all 0.5s ease;
        background-color: #ffffffd4!important;
        box-shadow: 15px 15px 15px rgba(0, 0, 0, .5);
    }
    .am-comment.am-comment-primary,
    .am-comment.am-comment-dange{
        transition: all 0.5s ease;
    }
    .am-comment.am-comment-primary:hover,
    .am-comment.am-comment-danger:hover {
        transition: all 0.5s ease;
        box-shadow: 15px 15px 15px rgba(0, 0, 0, .5);
    }
    .am-panel.lg-index-contest.am-panel-success,
    .am-panel.lg-index-contest.am-panel-primary{
        border-radius:20px;
    }
    /*侧栏*/
    div[data-v-27b2cd59] {
        border-radius: 25px 25px 0px 0px;
        background-color: #fff0!important;
    }
    #app > .lfe-body {
        visibility: visible;
        top: 130px;
        border-radius: 25px;
        height: 450px;
        background-color: #fff0!important;
        box-shadow: 7px 7px 7px 7px rgba(0, 0, 0, .5);
        margin-left:10px;
    }
    *#app > .lfe-body > a > .text {
        opacity: 0;
        margin-top: -1em;
        display: block;
        transition: all 0.3s ease;
    }
    #app > .lfe-body > a:hover > .text {
        opacity: 1;
        margin-top: 0.2em;
    }
    #app > .lfe-body > a {
        color: #fff !important;
        height: 3.7em;
        margin-top: 10px;
        padding: 0 !important;
    }
    .lfe-body>a{
        transition: all 0.5s ease;
        border-radius: 10px;
    }
    .lfe-body > a:hover {
        transition: all 0.5s ease;
        background-color: #ffffffc2;
    }
    #app > .lfe-body > a:hover {
        color: #000!important;
        animation: 1s;
    }
    .popup-button{
        transition: all 0.5s ease;
        color:#ffffffc2;
        border-radius: 10px!important;
    }
    .popup-button:hover {
        transition: all 0.5s ease;
        background-color: #ffffffc2!important;
        color: #000!important;
    }
    #app > .lfe-body {
        animation: h1 1s;
        width: 55px;
    }
    a.logo-wrap[data-v-27b2cd59] {
        width: 55px;
    }
    /*字体*/
    .lfe-h1 {
        font-size: 40px;
        animation: h1 1s;
    }
    nav[data-v-258e49ac],
    .header-link.color-none,
    .mdui-list-item-icon.mdui-icon.material-icons,
    .mdui-drawer {
        color: #fff;
    }
    /*细节*/
	
	button[data-v-cc52fb5c]{
		font-family:"IDChuXinShaoNvTiJ";
	}
	
	.am-input-group-label,
    .am-btn.am-btn-primary.am-btn-sm,
	.lfe-form-sz-middle[data-v-7ade990c] {
		    font-family: IDChuXinShaoNvTiJ;
			color: white !important;
	}
	
    .am-input-group-label,
    .am-btn.am-btn-primary.am-btn-sm,
    .lfe-form-sz-middle[data-v-7ade990c],
    .input-group.search-filter > button.lfe-form-sz-middle,
    button.selected,
    .items > li.selected {
        background-color: #74b3e4!important;
        border-color: #74b3e4!important;
		color: white
    }
	
    div.tag[data-v-2a31ee10],
    .lfe-caption.tag.selected {
        background-color: #74b3e4!important;
    }
    .am-form-field,
    .refined-input.input-wrap.frame {
        border-color: #74b3e4!important;
    }
    button[data-v-66021821]:hover {
        border-color: #74b3e4!important;
    }
    .lfe-caption {
        border-radius: 15px!important;
    }
    .test-case {
        border-radius: 10px;
    }
	
    /*隐藏广告*/
    div[data-v-0a593618]{
        display:none;
    }
    /*洛谷有题*/
    /*顶部*/
    #app-header{
        background-color:#fff0;
    }
	
	/*字体——自定义*/
	.problem-card[data-v-766cabba] {
		font-family: Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
	}
	h1[data-v-2dfcfd35]{
		font-family: Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
		text-shadow: 7px 7px 7px rgb(0,0,0,1);
	}
	/*题目标题框大小*/
	.lfe-h1 {
		width: auto;
		height: 60px!important;
	}
	/*时空限制栏*/
	.field[data-v-3c4577b8] {
		text-shadow: 4px 4px 4px rgb(0 0 0 / 100%);
		font-family:Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
	}
	.stat>.field[data-v-3c4577b8]:first-child {
		position:absolute;
		left:800px;
		top:145px;
	}
	.stat>.field[data-v-3c4577b8]:nth-child(2) {
		position:absolute;
		left:860px;
		top:145px;
	}
	.stat>.field[data-v-3c4577b8]:nth-child(3) {
		position:absolute;
		left:920px;
		top:145px;
	}
	.stat>.field[data-v-3c4577b8]:last-child {
		position:absolute;
		left:1010px;
		top:145px;
	}
	
	.card[data-v-f9624136]{
		font-family:Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
		font-size:17px;
	}
	
	.expand-tip > span[data-v-e4b7c2ca]{
		color:rgb(0,0,0);
	}
	
	*, :after, :before {
		font-family:Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
	}
}
程序员灯塔
转载请注明原文链接:Stylus for Luogu
喜欢 (0)