作为原版本的改进版本。
Excellent - Luogu - MorePretty by Objective
Details
AuthorObjective
LicenseNo License
Categoryluogu.com.cn
Created
Updated
Size13 kB
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...