Excellent Luogu by kth_element

Details

Authorkth_element

LicenseNo License

CategoryLuogu

Created1 year, 8 months ago

Updated1 year, 5 months ago

Size12 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

其实就是一个 Smart Luogu 的改编版。

支持洛谷云板、提交区域代码字体、配色更改；
主站已更新完成，下一步更新网校有题和博客；
背景可以自助更改；
修复了 Smart Luogu 在底部 Luogu Logo 背景是黑色的锅；
图片圆角；
轮播图圆角；
代码框圆角；
广告再见；
加了亿些圆角阴影；
在 windows 上迫使洛谷显示苹果电脑的效果，需要先安装苹方常规和San Francisco，Fira Code字体！

将谷歌默认的 Sans-serif 等宽字体等四个选项全部改为苹方常规；

配合 exlg 食用爽爆了！

另外感谢 Acerkaio 及其他 SL 开发者的基础支持，这项目没有任何想要和 SL 竞争的意思，纯粹是想改编亿下。

下一步正式开始更新博客！

后续我将和Acerkaio一同开发SL的官方下载网址。

Notes

Bugs:

暂无

搜索 “配色” 可以找到提交区域代码配色修改；

搜索 “配色修改” 可以找到云板、讨论区域代码配色修改；

搜索 “代码提交区域” 可以找到提交区域字体修改；

请使用 Ctrl+F。

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.

/* ==UserStyle==
@name         Excellent - Luogu
@version      20221127.00.29
@namespace    userstyles.world/user/kth-element & userstyles.world/user/acerkaio
@description  Smart - Luogu 精简版，体验版
@author       acerkaio&6872
@license      No License
==/UserStyle== */

@-moz-document regexp("https://www.luogu(.org|.com.cn)/(?!blog).*") {
.lfe-body, text{
    font-family: -apple-system, BlinkMacSystemFont, "San Francisco Display", "San Francisco", "Helvetica Neue", "Noto Sans", "Noto Sans CJK SC", "Noto Sans CJK", "Source Han Sans", "PingFang SC", "Segoe UI", "Microsoft YaHei", sans-serif;
}
.am-input-group-primary .am-input-group-label{
    border-radius: 7px;
}
.am-comment-main, .am-panel{
    border-radius: 10px;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .12), 0 7px 10px rgba(0, 0, 0, .2) !important;
}
.am-modal-dialog{
    border-radius: 10px;
     box-shadow: 0 7px 20px rgba(0, 0, 0, .12), 0 7px 10px rgba(0, 0, 0, .2) !important;
}
.input-group[data-v-72107c51]>:not(:first-child), .input-group[data-v-72107c51]>:not(:first-child) input{
    border-radius: 10px;
}
.swal2-popup .swal2-styled.swal2-cancel{
    border-radius: 10px;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .12), 0 7px 10px rgba(0, 0, 0, .2) !important;
}
.input-group[data-v-72107c51]>:not(:last-child), .input-group[data-v-72107c51]>:not(:last-child) input{
    border-radius: 10px;
}
.am-modal-hd+.am-modal-bd{
    font-weight: bold;
}/*
.avatar[data-v-258e49ac]:hover::before{
    		animation-name: rotate; 
		animation-timing-function: linear;
		animation-iteration-count: 1;
		animation-duration: 1s; 
}
@keyframes rotate{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}*/
.user-nav[data-v-2dfcfd35]{
    border-radius: 10px;
    margin-top: 10px;
     box-shadow: 0 7px 20px rgba(0, 0, 0, .12), 0 7px 10px rgba(0, 0, 0, .2) !important;
}
.frame[data-v-66fcc50b]{
    border-radius: 7px;
    border: none;
}
.marked[data-v-5a58a989] code, pre[data-v-52f2d52f]{
    font-family: "Fira Code", Inconsolata, monospace;
    border-radius: 10px;
}
/*团队讨论总览，团队成员显示*/
.discuss[data-v-70cb3d5a],.inner-card[data-v-d2308f10]{
    border-radius: 10px;
}
/*团队文件*/
.card-row > div[data-v-9c5cc844]{
    border-radius: 10px;
}
/*个人中心内部卡片*/
.inner-card[data-v-78fafe5c],.inner-card[data-v-9f3e9b0a],.inner-card[data-v-7cdb640e],.inner-card[data-v-4b8033a4],.inner-card[data-v-29a65e17]{
    border-radius: 10px;
}
/*下拉*/
.text[data-v-56d0228a]{
    border-radius: 10px;
}
/*记录代码*/
pre[data-v-38d6a1a2]{
    border-radius: 15px;
    box-shadow: 0px 2px 10px #bbc6d8;
}
pre code[data-v-38d6a1a2]{
    border-radius: 15px;
}
.swal2-popup, .swal2-popup .swal2-styled.swal2-confirm{
    font-family: -apple-system, BlinkMacSystemFont, "San Francisco Display", "San Francisco", "Helvetica Neue", "Noto Sans", "Noto Sans CJK SC", "Noto Sans CJK", "Source Han Sans", "PingFang SC", "Segoe UI", "Microsoft YaHei", sans-serif;
    border-radius: 10px;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .37) ;
}
.swal2-popup .swal2-content{
    font-weight: bold;
}
.lg-fg-green,.lg-fg-bluelight,.lg-fg-gray{
    font-weight: bold;
}
div[data-v-0a593618]{
    display: none;
}
img {
    border-radius: 10px;
}
.am-slider .am-slides>li,.am-control-nav, .am-direction-nav, .am-slides,.am-slider-default .am-viewport,.am-slider-default{
    border-radius: 10px;
}
button.copy-btn.lfe-form-sz-middle{
     border-radius: 7px;
     border: none;
    transition:all .3s ease-out;
     font-weight:bolder !important;
}
button[data-v-7ade990c]{
    border-radius: 7px;
    border: none;
        transition:all .3s ease-out;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .37) ;
    font-weight:bolder !important;
}
.lfe-form-sz-middle{
    border-radius: 7px;
        transition:all .3s ease-out;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .37) ;
    font-weight:bolder !important;
}
/*题目标签*/
span[data-v-43a42535],.tag[data-v-187aafe9]{
    border-radius: 10px;
}
.tags-wrap.multiline[data-v-187aafe9]{
    border-radius: 10px;
}
/*题目底部选择栏*/
.bottom.float-bottom{
    box-shadow: 0px 2px 10px #bbc6d8;
}
/*题目通过率*/
.progress-frame[data-v-47712372]{
    border-radius: 10px;
}
.progress-frame > div[data-v-47712372]{
    border-radius: 10px;
    background-image: linear-gradient(45deg, #259aea, #358beb);
    box-shadow:  0 7px 30px rgba(0, 0, 0, .5) !important;
}
/*SL lite*/
@keyframes showapp{0%{opacity:0;}}
/*代码提交区域*/
.ace_editor{
    font:12px/normal 'Fira Code', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
/*配色！！*/
.ace-clouds .ace_keyword, .ace-clouds .ace_meta, .ace-clouds .ace_support.ace_constant.ace_property-value{
    color: #FF7C00;
}
.ace-clouds .ace_keyword.ace_operator{
    color:#6907e9;
}
.ace-clouds .ace_storage, .ace-clouds .ace_support.ace_class, .ace-clouds .ace_support.ace_function, .ace-clouds .ace_support.ace_other, .ace-clouds .ace_support.ace_type{
    color:#278cc5;
}
h3.exlg-code-title.exlg-beautified-cbex+pre>code.hljs[class]{
    border-radius: 10px;
}
/*highlightjs配色修改，再见tomorrownight80*/
.hljs-keyword{
    color:#0048ff;
    font-weight: normal;
}
.hljs-built_in{
    color:#d300b3;
    font-weight: normal;
}
.hljs-number{
    color:#000;
    font-weight: normal;
}
.hljs-title, .hljs-section{
    color:#d30101;
    font-weight: normal;
}
.hljs-comment, .hljs-quote{
    color:#03aa0e;
    font-weight: normal;
}
.hljs-params{
    color:#d30101;
    font-weight: normal;
}
.hljs-string, .hljs-symbol, .hljs-bullet, .hljs-addition{
    color:#c4c111;
    font-weight: normal;
}
.hljs-literal{
    color:#0048ff;
    font-weight: normal;
}
.hljs-type,.hljs-meta, .hljs-link{
    color: #21e2bc;
    font-weight: normal;
}
/*-----------背景----------*/
html > body{
    background: /* url(https://pic.imgdb.cn/item/6301896a16f2c2beb1299954.jpg) */ url(https://cdn.luogu.com.cn/upload/image_hosting/33laxsqc.png);
    /*background: url(https://cdn.luogu.com.cn/upload/image_hosting/wxv8qu9a.png);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.main-container > main.lfe-body
,.background[data-v-7958fe72] {
    background: transparent !important;
}
/*tiny*/
#app > .main-container > .header-layout.tiny[data-v-7958fe72] {
    height: 60px;
    z-index: 999;
    /*background-color: #ffffff4a !important;*/
    background-color: rgba(255, 255, 255, 0) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    backdrop-filter: blur(20px) !important;
    font-weight:bolder;
}
/*-----------侧栏----------*/
#app > .lfe-body > a:first-of-type{
    margin-top: 20px;
}
#app > .lfe-body > a {
    padding:.2em;
    height: 3.7em;
    margin-top: 3px;
}
.color-none[data-v-303bbf52][data-v-639bc19b][data-v-5e85f938] > .icon{
    display: block;
    color:#545866;
    width:100%;
    border-radius:10px;
    line-height: 2.9em;
    font-size: 18px;
    transition:all .2s ease;
    margin:0 !important;
}
#app > .lfe-body > a:hover > .icon {
    color:#fff;
    background:#6759ff;
}
.popup-button{
    color:#545866 !important;
}
.color-none[data-v-303bbf52][data-v-639bc19b][data-v-5e85f938] > .text{
    font-size:10px;
    display: block;
    transition:all .2s ease;
    margin-top: -2em;
    opacity: 0;
}
#app > .lfe-body {
    background-color: #fff0 !important;
    -webkit-backdrop-filter: blur(40px) !important;
    backdrop-filter: blur(40px) !important;
}
#app > .lfe-body > div:first-of-type{
    background:#6759ff !important;
    border-radius: 0 0 20px 0;
}
.popup-wrap > .popup{
    box-shadow: 0 7px 30px rgba(0, 0, 0, .5) !important;
    animation: showapp .1s ease-in;
    border-radius:7px;
    width:11em;
}
/*-----------头像----------*/
.center > .am-comment-avatar{
    border:0 !important;
    transition: all .5s ease;
    box-shadow: 0 7px 30px rgba(0, 0, 0, .5) !important;
}
.center > .am-comment-avatar:hover{
    transform:translateY(-1px);
    box-shadow: 0 7px 30px rgba(0, 0, 0, .6) !important;
}

/*---帖子、评论及奔奔---*/

.am-comment-main{
    transition: all .3s ease;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .12), 0 7px 10px rgba(0, 0, 0, .2) !important;
    border:0;
}
.am-comment-main::before,
.am-comment-main:after {
    border: 0;
}
.am-comment-main:hover{
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2), 0 10px 20px rgba(0, 0, 0, .3) !important;
}
header.am-comment-hd{
    background:#eeec;
    border-radius:10px 10px 0px 0px !important;
}
.am-comment-bd{
    border-radius:0px 0px 10px 10px !important;
}
/*a*/
a,
.item{
    transition:all .3s ease-out;
}
/*card*/
.lg-article,
.card,
.lg-table-bg0{
    margin-top:10px !important;
    transition: all .4s ease;
    background:#ffffffe8 !important;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .12), 0 7px 10px rgba(0, 0, 0, .2) !important;
    border-radius:13px !important;
}
.lg-article:hover,
.card:hover,
.lg-table-bg0:hover{
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2), 0 10px 20px rgba(0, 0, 0, .3) !important;
}
.lg-table-bg0{
   white-space: nowrap !important;; 
}

.lg-index-contest,
.am-panel-success{
    border-radius:7px;
    transition:all .3s ease;
    white-space: nowrap !important;
    margin-top:2%;
    width:45% !important;
    margin-left:2%;
    border:0;
    box-shadow: 0 7px 30px rgba(0, 0, 0, .21) !important;
}
.lg-index-contest:hover,
.am-panel-success:hover{
    box-shadow: 0 8px 40px rgba(0, 0, 0, .29) !important;
}
.am-nav>li.am-active>a, .am-nav>li.am-active>a:focus, .am-nav>li.am-active>a:hover{
    border-radius: 10px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, .29) !important;
}
/*----button & input box---*/
.am-btn,
.select-button,
.am-form-field,
.exlg-rand-settings,
#feed...

Reviews

No reviews yet.