作为原版本的改进版本。
Excellent - Luogu - MorePretty by Objective
Details
AuthorObjective
LicenseNo License
Categoryluogu.com.cn
Created
Updated
Code size13 kB
Code checksum6846d9d
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
upd.2023/5/10 使用铃芽之旅的图片背景与小细节的圆角优化
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 - MorePretty
@version 2023.0.0.1
@namespace userstyles.world/user/kth-element & userstyles.world/user/acerkaio & userstyles.world/user/Objective
@author acerkaio&6872&Objective
@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;
}
html > body {
background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/tuidulin.png) !important;
background-repeat: no-repeat;
background-size: 55%;
background-position: center -60px;
background-attachment: fixed;
}
.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:#464954;
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;
border-radius:3px 3px 3px 3px !important;
}
.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, .7) !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 40...