Skip to content

Style for Luogu_有些小修改 by yolanda

Screenshot of Style for Luogu_有些小修改
Write a review Install Get Stylus

Details

Authoryolanda

LicenseNo License

Categoryluogu.com.cn

Created

Updated

Size7.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

美化luogu，改自Strange Luogu。

字体需要自己安装，否则就是浏览器自带的字体。代码用的：Firacode，中文是：浪漫电影奶酪字体。

都是免费的，应该搜得到。

Notes

2022.10.16 背景图片更改

Source code

/* ==UserStyle==
@name           strange luogu
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url("https://www.luogu.com.cn/"), 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-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"), url-prefix("https://www.luogu.com.cn/auth") {
/*洛谷主站*/
    /*动画*/
    @keyframes user {
        from {
            margin-top: 0px;
        }
        to {
            margin-top: 20px;
        }
    }
    @keyframes h1 {
        from {
            margin-left: -200px;
        }
        to {
            margin-left: 10px;
        }
    }

	/*细节*/
	
	pre[data-v-52f2d52f] {
		font-family: Fira Code!important;
	}

    /*背景*/
    body {
        background-image: url('https://c2.im5i.com/2022/10/16/TlcoD.png');
/* 		https://cdn2.232232.xyz/img/2022/01/23/127f2bf2880511ebb6edd017c2d2eca2.jpg */
        background-size: 100% 100%;
        background-attachment: fixed;
		font-family: LMDYNLZT,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;
    }
    /*主体*/
	.main-container[data-v-109e0409] {
		width: -webkit-fill-available!important;
	}
    .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!important;
        margin-top: -1em;
        display: block;
        transition: all 0.3s ease;
    }
    #app > .lfe-body > a:hover > .text {
        opacity: 1!important;
        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: #fff!important;
    }
    #app > .lfe-body > a:hover {
        color: #000!important;
        animation: 1s;
    }
    .popup-button{
        transition: all 0.5s ease;
        color:#fff!important;
        border-radius: 10px!important;
    }
    .popup-button:hover {
        transition: all 0.5s ease;
        background-color: #fff!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: LMDYNLZT,Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
	}
	h1[data-v-2dfcfd35]{
		font-family: LMDYNLZT,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:LMDYNLZT,Segoe Print,Fira,Code,IDChuXinShaoNvTiJ!important;
	}
	
	.card[data-v-f9624136]{
		font-family:LMDYNLZT,Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
		font-size:17px;
	}
	
	.expand-tip > span[data-v-e4b7c2ca]{
		color:rgb(0,0,0);
	}
	
	*, :after, :before {
		font-family:LMDYNLZT,Fira Code,Segoe Print,IDChuXinShaoNvTiJ;
	}
}

@-moz-document url-prefix("https://www.luogu.com.cn/paste/cwqsddpy"), url-prefix("https://www.luogu.com.cn/paste/23y3xcb7") {
table {
    background-color: rgb(255,255,255,0.8);
}
}

Reviews

No reviews yet.