rt
/* ==UserStyle==
@name Smart - Luogu —— 智能的洛谷
@version 20220819.07.47
@namespace userstyles.world/user/acerkaio
@description 洛谷美化。
详见 UID 514850
https://smart-luogu.github.io/
@author acerkaio
@license CC BY-NC-SA
==/UserStyle== */
/* ==UserStyle==
@name Smart - Luogu
@version 20220727.01.28
@namespace userstyles.world/user/acerkaio
@description 洛谷美化。
详见 UID 514850
@author acerkaio
@license No License
==/UserStyle== */
@-moz-document regexp("https://www.luogu(.org|.com.cn)/(?!blog).*") {
/*luogu主站*/
/*--------------------------用户自设部分--------------------------*/
/*图片背景*/
html > body {
background-image: url(https://w.wallhaven.cc/full/j3/wallhaven-j3m8y5.png) !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
}
/*侧栏图片*/
#app > .lfe-body > div:first-of-type {
opacity:.8;
background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/mj3q9q5d.png) !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 30px;
background-attachment: revert;
}
/*题目分析栏*/
path.highcharts-area {
color: white;
background: white;
fill: #5e72e426;
}
path.highcharts-point.highcharts-color-0 {
fill: #5e98e48f;
}
rect.highcharts-point.highcharts-color-1 {
fill: #ffffff8f;
stroke: #d49ee6ad;
}
/*----透明化----*/
/*benben 讨论*/
.am-comment-main{
opacity:.75;
}
.am-comment-main:hover{
opacity:.95;
}
/*侧栏*/
#app > .lfe-body {
background-color: rgba(255, 255, 255, .07) !important;
}
/*侧栏图标*/
img[data-v-27b2cd59] {
opacity: .7;
}
/*记录详情 */
.wrapper > .test-case {
opacity: .85;
}
.wrapper > .test-case:hover {
opacity: 1;
}
/*卡片*/
/*主页卡片*/
.lg-article {
/*模糊(渣机很卡*/
/*
-webkit-backdrop-filter: blur(20px) !important;
backdrop-filter: blur(20px) !important;
*/
background: rgba(255, 255, 255, .7);
}
.lg-article:hover{
background: rgba(255, 255, 255, .8);
}
/*普通卡片*/
.card{
background: rgba(255, 255, 255, .8) !important;
}
.card:hover{
background: rgba(255, 255, 255, .85) !important;
}
/*应用*/
.popup[data-v-1d675dd8] {
background-color: rgba(255, 255, 255, .55) !important;
}
.popup[data-v-1d675dd8]:hover{
background-color: rgba(255, 255, 255, .9) !important;
}
/*用户顶栏*/
.user-nav[data-v-2dfcfd35] {
background: rgba(255, 255, 255, .4);
}
.user-nav[data-v-2dfcfd35]:hover {
background: rgba(255, 255, 255, .6);
}
/*----------------------------------------------------------------*/
/*定义*/
@keyframes showAPP {
0% {
opacity: 0;
margin-left: -300px;
}
100% {
opacity: .8;
margin-left: 3px;
}
}
@keyframes showtop {
0% {
opacity: 0;
margin-left: -100px;
}
100% {
opacity: 1;
margin-left: 0px;
}
}
@keyframes showUI {
0% {
opacity: 0;
margin-top: -50px;
}
100% {
opacity: 1;
margin-top: 20px;
}
}
@keyframes slowshow {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes clan {
0% {
margin-left: -50px;
}
}
/*滚动条*/
::-webkit-scrollbar-thumb {
background-color: rgba(137, 81, 234, .99);
}
::-webkit-scrollbar-thumb:hover {
background-color: #5e72e4;
}
::-webkit-scrollbar {
width: 5px;
height: 10px;
background-color: rgba(0, 0, 0, .12);
}
/*--标题栏*/
.main-container > .header-layout .background {
display: none !important;
}
/*超链接*/
a {
transition: all .15s ease;
color: #005C97;
}
a:hover {
color: #fa4b4b;
}
a{ position: relative; }
a:not(.exlg-dash-options)::after{ content: ""; width: 0; height: 4px; background: rgba(255, 0, 0, .575); position: absolute; top: 100%; left: 50%; transition: all .3s; }
a:not(.exlg-dash-options):hover::after{ left: 0%; width: 100%; }
a[data-v-303bbf52][data-v-639bc19b][data-v-5e85f938]::after{
height: 0px !important;
}
a[data-v-303bbf52][data-v-258e49ac]::after{
height: 0px !important;
}
/*列表*/
.lfe-h1[data-v-2dfcfd35] {
animation: showtop 1s 1;
}
/*顶栏,低栏*/
.main-container > main.lfe-body {
background: transparent !important;
}
.background[data-v-7958fe72] {
background: transparent !important;
}
/*菜单栏*/
.center {
transition: all .3s ease;
background: rgba(255, 255, 255, .7) !important;
}
.center:hover {
background: rgba(255, 255, 255, .9) !important;
}
/*tiny顶栏*/
#app > .main-container > .header-layout.tiny[data-v-7958fe72] {
height: 60px;
z-index: 999;
margin-left: -10%;
padding-left:10%;
background-color: #ffffff4a !important;
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
font-weight:bolder;
}
/*私信*/
.message{
border-radius:10px !important;
font-weight:bold;
}
/*互相关注*/
span.lfe-caption[data-v-43a42535][data-v-0c66dd62]{
transition:all .3s ease;
box-shadow: 0px 0px 5px #5f5f5f69;
}
span.lfe-caption[data-v-43a42535][data-v-0c66dd62]:hover {
transform: translateY(-2px);
box-shadow: 1px 1px 10px #5f5f5f94;
}
/*顶栏字体*/
.lfe-h1[data-v-2dfcfd35] {
font-size: 45px;
}
/*讨论列表*/
main {
margin-top: 45px;
}
.lg-content-table-left {
transition: all .5s ease;
box-shadow: 1px 1px 5px #3C4143;
border-radius: 30px;
margin-top: 20px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 20px;
position: relative;
background: #fcfcfc;
}
.lg-content-table-left:hover {
box-shadow: 3px 3px 20px #3C4143;
}
/*选择框*/
.selected:not([data-v-66021821]) {
transition:0s;
color:#fff !important;
background-image: linear-gradient( 135deg, #CE9FFC 10%, #7367F0 100%);
padding: 3px 7px 3px 7px !important;
margin-top: 1.7vh !important;
margin-bottom: 1.7vh !important;
border-radius:5px !important;
}
.selected > span{
color:#fff !important;
}
/*帖子、评论及奔奔*/
/*评论奔奔*/
.am-comment-main{
transition: all .5s ease;
box-shadow: 3px 3px 5px #303030;
}
.am-comment-main:hover{
box-shadow: 5px 5px 15px #303030;
}
.center > .am-comment-avatar{
border:0 !important;
transition: all .5s ease;
box-shadow: 1px 1px 5px #6e757a;
}
.center > .am-comment-avatar:hover{
transform:translateY(-1px);
box-shadow: 3px 4px 10px #6e757a;
}
.am-comment-main{
border-radius:10px;
border: #fff 10px solid !important;
}
.am-comment-main::before{
display:none;
}
/*页码*/
.am-pagination.am-pagination-centered > li > a{
border-radius:10px !important;
transition:all .5s ease;
box-shadow:0px 0px 10px #000;
}
.am-pagination.am-pagination-centered > li > a:hover{
border-radius:5px !important;
transform:translateY(-2px);
box-shadow:0px 0px 5px #000;
}
/*奔*/
.feed-selector {
transition: all .2s ease;
}
.feed-selector:hover {
border-radius: 3px !important;
box-shadow: 1px 1px 10px #000 !important;
}
/*头像选择*/
img.avatar{
border:0 !important;
box-shadow: 1px 1px 5px #6e757a;
transition:all .5s ease;
}
img.avatar:hover{
transform:translateY(-1px);
box-shadow: 3px 4px 10px #6e757a;
/*头像旋转自行开启*/
/*transform: rotate(1turn);*/
}
/*举报*/
.am-modal-dialog{
opacity:.9;
border-radius:10px !important;
}
input.am-modal-prompt-input{
border-radius:10px !important;
}
.am-selected-content.am-dropdown-content{
border-radius:15px !important;
}
.am-modal-dialog > .am-modal-footer > .am-modal-btn{
transition:all .4s ease;
}
.am-modal-dialog > .am-modal-footer > .am-modal-btn[data-am-modal-cancel] {
border-radius: 0px 0px 0px 10px;
}
.am-modal-dialog > .am-modal-footer > .am-modal-btn[data-am-modal-confirm] {
border-radius: 0px 0px 10px 0px;
}
.am-modal-dialog > .am-modal-footer > .am-modal-btn:hover{
background: #2bb0e5;
color:#fff;
}
.am-modal-footer{
border-radius:0px 0px 10px 10px;
}
/*按钮*/
.am-btn.am-btn-danger.am-btn-sm {
transition:all .5s ease;
background: #ff416c;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, rgb(255, 65, 108), rgb(255, 75, 43));
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, rgb(255, 65, 108), rgb(255, 75, 43));
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
border: 1px !important;
box-shadow:1px 1px 3px #00000070;
}
.am-btn.am-btn-danger.am-btn-sm:hover {
transform:translateY(-1px);
box-shadow:1px 1px 15px #00000070;
}
.am-btn.am-btn-primary.am-btn-sm {
transition:all .5s ease;
background: #7f7fd5;
border: 0px !important;
box-shadow:1px 1px 3px #00000070;
}
.am-btn.am-btn-primary.am-btn-sm:hover {
transform:translateY(-1px);
box-shadow:1px 1px 15px #00000070;
}
.am-btn.am-btn-success.am-btn-sm {
transition:all .5s ease;
background: #b993d6;
border: 0px !important;
box-shadow:1px 1px 3px #00000070;
}
.am-btn.am-btn-success.am-btn-sm:hover {
transform:translateY(-1px);
box-shadow:1px 1px 15px #00000070;
}
.am-input-group-label{
transition:all .5s ease;
border: 0px !important;
border-radius:10px;
box-shadow:1px 1px 3px #00000070;
}
/*样例*/
pre[data-v-52f2d52f] {
transition:all .4s ease;
border-radius:10px;
box-shadow: 0px 0px 1px #00000070;
}
pre[data-v-52f2d52f]:hover {
border-radius:15px;
box-shadow: 0px 0px 1px #00000070;
}
/*提交*/
.lfe-form-sz-middle[data-v-7ade990c] {
transition: all .45s ease;
border-radius: 10px;
}
.button-in-anchor.lfe-form-sz-middle[data-v-cc52fb5c] {
transition: all .45s ease;
border-radius: 10px;
}
.lfe-form-sz-middle[data-v-7ade990c]:hover {
transform: translateY(-3px);
border-radius: 99px;
}
.button-in-anchor.lfe-form-sz-middle[data-v-cc52fb5c]:hover {
transform: translateY(-3px);
border-radius: 99px;
}
/*相关讨论*/
li[data-v-2017244a] {
animation: slowshow 1s .45;
}
/*侧栏*/
/*carbonluogu*/
#app > .lfe-body {
box-shadow: 4px 5px 15px rgba(91, 91, 91, .5), 2px 5px 8px rgba(121, 121, 121, .56)!important;
}
#app > .lfe-body > a {
color: #61eee9f5 !important;
height: 3.7em;
margin-top: 3px;
padding: 0 !important;
}
#app > .lfe-body > a:hover {
color: #0e0063 !important;
}
#app > .lfe-body > a:first-of-type {
margin-top: 10px !important;
}
#app > .lfe-body > a > .icon {
line-height: 2.4em;
font-size: 18px;
width: 100%;
margin: 0 !important;
transition: all 0.2s ease;
}
#app > .lfe-body > a > .text {
opacity: 0;
margin-top: -2em;
display: block;
transition: all 0.3s ease;
}
#app > .lfe-body > a:hover > .icon {
line-height: 1.5em;
font-size: 17px;
}
#app > .lfe-body > a:hover > .text {
opacity: 1;
margin-top: 0.2em;
}
#app > .lfe-body > div:first-of-type {
background-color: #d2e0df !important;
}
#app > .lfe-body > .popup-button {
transition:.3s;
background-color: rgba(0, 0, 0, 0) !important;
margin-top: 8px;
color: #5e72e4 !important;
}
/*smart - luogu*/
#app > .lfe-body > .popup-button:hover {
transition:.5s;
border-radius:15px;
box-shadow: 0px 0px 10px #000;
background-color: rgb(255, 255, 255) !important;
margin-top: 8px;
color: #5e72e4 !important;
}
#app > .lfe-body {
animation:clan 1s;
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
border-radius: 0px 30px 30px 0px;
margin-left: 0px;
margin-top: 10.5%;
padding-bottom: 14px;
height: 27em;
background:#ffffff3b !important;
}
.color-none[data-v-303bbf52][data-v-639bc19b][data-v-5e85f938]:hover {
background-color: #fffffffc;
border-radius: 10px;
box-shadow:1px 1px 10px #00000073;
}
/*提交文件*/
.drop[data-v-01cd4e24]{
border:0;
transition: all .4s ease;
border-radius:30px;
box-shadow:3px 3px 10px #00000080;
}
.drop[data-v-01cd4e24]:hover{
border:0;
transform:translateY(-10px);
border-radius:30px;
box-shadow:10px 10px 30px #0000009e;
}
/*近期比赛*/
.am-panel.lg-index-contest.am-panel-danger{
border-radius:10px;
margin-left:10px;
box-shadow:1px 1px 10px #00000075;
transition:all .3s ease;
}
.am-panel.lg-index-contest.am-panel-danger:hover{
box-shadow:1px 1px 15px #0000008f;
}
.am-panel.lg-index-contest.am-panel-success{
border-radius:10px;
margin-left:10px;
box-shadow:1px 1px 10px #00000075;
transition:all .3s ease;
}
.am-panel.lg-index-contest.am-panel-success:hover{
box-shadow:1px 1px 15px #0000008f;
}
/*最近讨论*/
.am-panel.lg-index-contest.am-panel-primary{
margin-left:0px;
border-radius:10px;
border:0px;
width:38rem;
box-shadow:1px 1px 10px #00000075;
transition:all .3s ease;
}
.am-panel.lg-index-contest.am-panel-primary:hover{
box-shadow:1px 1px 15px #0000008f;
}
/*smart - luogu广告*/
[data-v-0a593618] {
border-radius: 20px;
}
.lfe-form-sz-small[data-v-cc52fb5c] {
opacity: 0;
transition: all .2s ease;
border-radius: 10px !important;
}
.lfe-form-sz-small[data-v-cc52fb5c]:hover {
transform: translateY(-1px);
transition: all .5s ease;
border-radius: 20px !important;
}
img[data-v-0a593618] {
display: none;
}
span[data-v-0a593618] {
display: none;
}
/*记录详情 */
.wrapper > .test-case {
border-radius:5px;
box-shadow:0px 2px 7px #6d6d6d;
transition: all 0.3s ease;
}
.wrapper > .test-case:hover {
transform: translateY(-5px);
box-shadow:0px 3px 15px #404040;
}
.message[data-v-21e0a7cc] {
border-radius: 10px;
}
/*弹窗*/
.swal2-popup.swal2-modal.swal2-show {
border-radius: 20px;
box-shadow:0px 3px 30px #404040;
}
.swal2-actions > .swal2-confirm.swal2-styled {
border-radius: 99px;
}
.swal2-actions > .swal2-cancel.swal2-styled {
border-radius: 99px;
}
/*卡片*/
.lg-article:hover {
box-shadow: 3px 3px 20px #1f1f1f;
}
.card.padding-default:hover {
box-shadow: 3px 3px 20px #1f1f1f;
}
.card.problem-card.padding-default:hover {
transform: translateY(-1px);
border-radius: 10px;
box-shadow: 3px 3px 20px #656565;
}
.card.padding-none[data-v-f9624136][data-v-2401924d]{
border-radius: 10px !important;
}
.card.padding-none[data-v-f9624136]{
border-radius: 20px !important;
transition:all .5s ease;
}
/*复制按钮*/
.copy-btn.lfe-form-sz-middle {
animation: slowshow 1s 1;
transition: 0s;
border-radius: 8px;
color: #05107c !important;
border-color: #e0c3fc !important;
}
.copy-btn.lfe-form-sz-middle:hover {
transform: translateY(-1px);
background-color: #fff !important;
transition: .4s;
opacity: .5;
}
.copy-btn.lfe-form-sz-middle {
background-color: #fff !important;
opacity: .8;
transition: 1s;
}
.copy-btn.lfe-form-sz-middle:active {
background-color: #fff !important;
opacity: 1;
transition: 0s;
}
/*rated*/
.am-badge.am-radius.lg-bg-green {
background: #00b09b;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61));
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61));
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
border-radius: 5px;
transition: all 0.3s ease;
}
.am-badge.am-radius.lg-bg-green:hover {
transform: translateY(-2px);
}
/*通过条*/
.bar[data-v-7626d048] {
background: #7f7fd5;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, rgb(127, 127, 213), rgb(134, 168, 231), rgb(145, 234, 228));
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, rgb(127, 127, 213), rgb(134, 168, 231), rgb(145, 234, 228));
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
;
}
/*输入框*/
.am-form-field {
font-weight: bold;
transition: all .2s ease;
box-shadow: 2px 2px 3px #bab9b9;
border: 0;
border-radius: 10px !important;
}
.am-form-field:hover {
transition: all .2s ease;
box-shadow: 3px 3px 9px #bab9b9;
}
.refined-input.input-wrap.frame[data-v-66fcc50b][data-v-8cc386e2] {
border: 0;
}
.lfe-form-sz-middle {
font-weight: bold;
transition: all .2s ease;
box-shadow: 0px 4px 3px #b4b4b4;
border: 0;
border-radius: 10px !important;
}
.lfe-form-sz-middle:hover {
box-shadow: 0px 5px 3px #b4b4b4;
}
.refined-input.input-wrap.frame {
border: 0;
}
.lfe-form-sz-small {
font-weight: bold;
transition: all .2s ease;
box-shadow: 2px 2px 10px #bab9b9;
border: 0;
border-radius: 10px !important;
}
.lfe-form-sz-small:hover {
box-shadow: 2px 2px 20px #bab9b9;
}
/*user-header-top*/
.user-header-top[data-v-2424f61c][data-v-f9624136] {
margin-top: -60px !important;
}
/*----exlg----*/
.exlg-message-outter{
border-radius:30px !important;
}
#exlg-dash {
border-radius: 30px !important;
}
/*相关讨论*/
ul[data-v-766cabba][data-v-f9624136]{
animation:slowshow 1s;
}
.exlg-badge {
/*仿正统tag 不喜欢可删*/
border-radius: 5px;
}
.exlg-window {
position:fixed;
z-index:99999999999 !important;
transition: all .4s ease !important;
-webkit-backdrop-filter: blur(2px) !important;
backdrop-filter: blur(2px) !important;
background: rgba(255, 255, 255, .3) !important;
}
.exlg-rand-settings {
transition: all .5s ease !important;
}
.exlg-window:hover {
transition: all .4s ease !important;
backdrop-filter: blur(5px) !important;
-webkit-backdrop-filter: blur(5px) !important;
border: 0px solid rgba(255, 255, 255, 0.18) !important;
border-radius: 10px !important;
-webkit-border-radius: 10px !important;
color: rgba(255, 255, 255, 0.15);
background: rgba(255, 255, 255, .64) !important;
}
.exlg-smallbtn.exlg-unselectable {
animation: slowshow 1s 1;
}
.exlg-emo-btn {
font-weight: bold;
}
.exlg-emo-btn:hover {
box-shadow: 0px 5px 10px #000 !important;
}
.exlg-dialog-container.container-show{
background-color:#ffffffe0;
backdrop-filter: blur(7px) !important;
-webkit-backdrop-filter: blur(7px) !important;
}
.exlg-dialog-btn{
box-shadow:1px 1px 10px #00000096;
background-color:#fff0 !important;
backdrop-filter: blur(7px) !important;
-webkit-backdrop-filter: blur(7px) !important;
}
/* -------------------------------- 圆角化 --------------------------------- */
.am-btn.am-btn-sm {
border-radius: 20px !important;
}
.lfe-caption.tag.status-name[data-v-43a42535] {
border-radius: 20px !important;
}
.card.padding-default {
border-radius: 20px !important;
box-shadow: 0px 0px 0px #8f8f8f;
}
.lg-article {
animation: slowshow .5s 1;
transition: all 0.5s ease;
border-radius: 20px !important;
box-shadow: 0px 0px 0px #8f8f8f;
}
.dropdown > .center {
border-radius: 10px !important;
box-shadow: 5px 5px 17px #525252cc;
}
.popup[data-v-1d675dd8] {
animation: showAPP .5s 1;
box-shadow: 5px 5px 17px #8f8f8f7a;
margin-left: 3px;
width: 11.4em;
height: 13.7em;
background: #fff;
background-clip: border-box;
border-radius: 10px !important;
border: 0px solid rgba(0, 0, 0, .2);
transition:all 1s;
}
.apps a[data-v-1d675dd8] {
padding: .3em;
color: #333;
border-radius: 99px !important;
}
.padding-none[data-v-f9624136] {
border-radius: 30px !important;
}
/*用户顶栏*/
.user-nav[data-v-2dfcfd35] {
animation: showUI 1s 1;
transition: all .5s ease;
margin-top: 20px;
border-radius: 20px !important;
}
/*还是卡片*/
.card.problem-card.padding-default {
animation: slowshow .5s 1;
border-radius: 20px !important;
box-shadow: 0px 0px 0px #8f8f8f;
}
.card.padding-default {
transition: all .5s ease;
border-radius: 20px !important;
box-shadow: 0px 0px 0px #8f8f8f;
}
.inner-card{
border-radius:10px;
box-shadow: 1px 1px 10px #00000036;
}
.card.user-header-container.padding-0 {
width: 100%;
border-radius: 20px !important;
box-shadow: 0px 0px 0px #8f8f8f;
height: 400px;
}
.card.float-card.padding-0[data-v-f9624136]{
border-radius:30px !important;
transition:1s ease;
}
.card.float-card.padding-0[data-v-f9624136]:hover{
border-radius:30px !important;
}
.card.user-header-container.padding-0 > .user-header-top {
height: 320px;
}
.select-button.lfe-form-sz-small {
border-radius: 10px !important;
}
.progress-frame > div[data-v-47712372] {
width: 100%;
height: 100%;
border-radius: 10px 0 0 10px;
background: #8e2de2;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, rgb(142, 45, 226), rgb(74, 0, 224));
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, rgb(142, 45, 226), rgb(74, 0, 224)) /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ !important;
}
.color-default > .lfe-caption {
border-radius: 20px !important;
}
.tag.color-none > .lfe-caption {
border-radius: 20px !important;
transition: all .4s;
}
.tag.color-none > .lfe-caption:hover{
transform:translateY(-2px) !important;
}
.selected[data-v-66021821] {
border-radius: 10px !important;
}
.bottom.float-bottom {
animation: slowshow 1s 1;
margin-bottom: 4px;
border-radius: 20px !important;
z-index:999;
}
.card.float-card.padding-0 {
border-radius: 5px !important;
box-shadow: 1px 1px 20px #5c5c5c !important;
}
}
@-moz-document url-prefix("https://www.luogu.com.cn/chat") {
/*luogu私信*/
.card.wrapper.padding-none{
border-radius:10px !important;
-webkit-backdrop-filter: blur(20px) !important;
backdrop-filter: blur(20px) !important;
box-shadow: 0px 0px 30px #000;
}
.message-block.right > .message[data-v-5c0627c6]{
background-color:#370ad9a6 !important;
color:#fff !important;
text-align:center;
}
html > body {
background-image: url(https://w.wallhaven.cc/full/9m/wallhaven-9mjoy1.png) !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
}
.item[data-v-4d6dca7a]:hover{
border-radius:10px;
transition: all .3s ease;
background-color:#7a0ad9a6 !important;
color:#fff;
}
}
@-moz-document url-prefix("https://ti.luogu.com.cn/") {
/*luogu有题*/
/*全局*/
@keyframes showtop {
0% {
opacity: 0;
margin-left: -100px;
}
100% {
opacity: 1;
margin-left: 0px;
}
}
@keyframes slowshow {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes userUI {
0% {
opacity: 0;
transform: translateY(-60px);
}
100% {
opacity: .7;
}
}
@keyframes showUI {
0% {
height: 1%;
opacity: 0;
}
100% {
opacity: 1;
}
}
.user-nav {
margin-top: 15px;
margin-right: -70px;
animation: userUI 1s;
opacity: .7;
transition: all .5s ease;
}
/*背景*/
html > body {
background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/plx92p9z.png) !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
}
#app-header {
background: transparent !important;
}
#app-footer {
background: transparent !important;
}
/*用户栏*/
.user-nav:hover {
opacity: 1;
}
/*侧栏*/
img[data-v-22b18d46] {
opacity: .7;
}
#app-sidenav {
animation: showUI 1s;
margin-top: 10% !important;
height: 20%;
border-radius: 99px;
margin-left: 10px;
}
.icon.fa.fa-book {
color: #f2f2f2 !important;
margin-top: 3px;
padding: 0 !important;
}
.sm-hide.router-link-active.color-default {
border-radius: 99px !important;
}
#app-sidenav {
background-color: #ffffff45;
}
.sm-hide.router-link-active.color-default {
background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/plx92p9z.png) !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 30px;
background-attachment: revert;
}
/*顶栏字体大小*/
h1[data-v-d7da57a6] {
animation: showtop 1s;
font-size: 50px;
}
main {
margin-top: 20px;
}
/*卡片*/
.card {
transition: all .7s ease;
box-shadow: 1px 1px 15px #4f4f4f;
}
.card:hover {
transform: translateY(-1px);
box-shadow: 2px 2px 25px #000;
}
.problemsets.card {
transition: all .7s ease;
box-shadow: 1px 1px 15px #4f4f4f;
}
.problemsets.card:hover {
transform: translateY(-1px);
box-shadow: 2px 2px 25px #000;
}
/*字*/
[data-v-3be7235c] {
color: #000;
}
/*超链接*/
a {
transition: .5s;
}
a:hover {
color: #f72525 !important;
}
/*题目列表*/
.clickable {
transition: all .5s ease;
border-radius: 10px;
}
.clickable:hover {
transform: translateY(-1px);
box-shadow: 1px 1px 5px #000;
}
/*按钮*/
button[data-v-79732b4a] {
transition: all .3s ease;
border-radius: 15px;
}
.second-button {
background-color: #fef5ff !important;
}
button[data-v-79732b4a]:hover {
box-shadow: 1px 1px 5px #000;
transform: translateY(-1px);
border-radius: 20px;
}
/* -------------------------------- 圆角化 --------------------------------- */
.problemsets.card {
border-radius: 10px !important;
}
.card {
border-radius: 10px !important;
}
.user-nav {
border-radius: 20px !important;
}
}
@-moz-document url-prefix("https://class.luogu.com.cn/") {
/*网校*/
/*全局*/
@keyframes showtop {
0% {
opacity: 0;
margin-left: -100px;
}
100% {
opacity: 1;
margin-left: 0px;
}
}
@keyframes slowshow {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes userUI {
0% {
opacity: 0;
transform: translateY(-60px);
}
100% {
opacity: .7;
}
}
@keyframes showUI {
0% {
height: 20% !important;
opacity: 0;
}
100% {
opacity: 1;
}
}
.user-nav {
margin-top: 15px;
margin-right: -70px;
animation: userUI 1s;
opacity: .7;
transition: all .5s ease;
}
/*背景*/
html > body {
background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/plx92p9z.png) !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
}
.wrapped.lfe-body {
background: transparent !important;
}
/*用户栏*/
.user-nav:hover {
opacity: 1;
}
/*卡片*/
.card {
transition: all .7s ease;
box-shadow: 1px 1px 15px #4f4f4f;
}
.card:hover {
transform: translateY(-1px);
box-shadow: 2px 2px 25px #000;
}
.problemsets.card {
transition: all .7s ease;
box-shadow: 1px 1px 15px #4f4f4f;
}
.problemsets.card:hover {
transform: translateY(-1px);
box-shadow: 2px 2px 25px #000;
}
.card.padding-default[data-v-796309f8][data-v-4880a829]:hover {
box-shadow: 1px 1px 0px #4f4f4f;
}
/*tiny*/
.wrapped.lfe-body.header-layout.tiny {
background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%) !important;
opacity: .9 !important;
}
.wrapped.lfe-body.header-layout.tiny:hover {
opacity: 1 !important;
}
/*超链接*/
a {
transition: .5s;
}
a:hover {
color: #f72525 !important;
}
/*侧栏/kk*/
.logo-wrap[data-v-27b2cd59] {
background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/plx92p9z.png) !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: revert;
border-radius: 99px;
}
[data-v-27b2cd59] {
border-radius: 99px;
}
nav.lfe-body[data-v-0145b689][data-v-0145b689] {
margin-top: 10% !important;
height: 30% !important;
}
nav[data-v-27b2cd59] {
background-color:#ffffff4f !important;
animation: showUI 1s;
}
.wrapped.lfe-body.header-layout.tiny {
margin-top: 0rem !important;
height: 4rem !important;
margin-left: -5rem !important;
padding-left: 5rem;
}
/*选择按钮*/
.selected {
background-color: #6954ee !important;
}
/* -------------------------------- 圆角化 --------------------------------- */
.problemsets.card {
border-radius: 20px !important;
}
.card {
border-radius: 20px !important;
}
.user-nav {
border-radius: 20px !important;
}
.lfe-form-sz-middle {
border-radius: 99px !important;
}
}
@-moz-document url-prefix("https://www.luogu.com.cn/blogAdmin") {
/*洛谷博客仪表盘*/
.mdui-panel.mdui-hoverable {
border-radius:30px !important;
}
.mdui-panel-item{
border-radius:30px !important;
}
.mdui-panel.mdui-panel-gapless{
border-radius:30px !important;
transition: .5s cubic-bezier(0.42, 0, 0, 1);
box-shadow:1px 1px 15px #00000080;
}
.mdui-panel.mdui-panel-gapless:hover{
box-shadow:1px 1px 20px #000000c7;
}
.mdui-panel-item.mdui-panel-item-open{
transition: .3s cubic-bezier(0.42, 0, 0, 1);
border-radius:30px !important;
}
.mdui-panel-item.mdui-panel-item-open:hover{
transform:translateY(-2px);
box-shadow:1px 1px 15px #000;
}
.mdui-btn.mdui-btn-raised.mdui-ripple.mdui-color-theme-accent{
margin:10px;
transition: .3s cubic-bezier(0.42, 0, 0, 1);
border-radius:30px;
box-shadow:1px 1px 5px #00000045;
}
.mdui-btn.mdui-btn-raised.mdui-ripple.mdui-color-theme-accent:hover{
box-shadow:1px 1px 10px #00000094;
}
.mdui-textfield-input{
font-weight:bolder !important;
}
.mdui-toolbar.mdui-color-theme{
background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%) !important;
}
}
@-moz-document url-prefix("https://www.luogu.com.cn/blog/"), domain("blog.luogu.org") {
/*博客前台*/
/*顶栏*/
.ui.main.text.container {
margin-top: 30px;
text-align: center;
text-shadow: 1px 1px 10px #8f8f8f;
}
/*按钮栏*/
.ui.borderless.main.menu.fixed{
display: none;
}
.ui.menu .header.item, .ui.vertical.menu .header.item, .ui.menu:not(.vertical) .item{
margin-right: 20px;
text-align: center;
transition: all .5s ease;
border-radius: 15px;
height: 45px;
box-shadow: 0px 0px 6px #5b5b5b;
}
.ui.menu .header.item:hover, .ui.vertical.menu .header.item:hover, .ui.menu:not(.vertical) .item:hover{
box-shadow: 0px 0px 15px #5b5b5b;
}
.header.item:hover, .ui.menu:not(.vertical) .item:hover{
box-shadow: 0px 0px 20px #5b5b5b;
transform: translatey(-2px);
}
.item{
color: #000;
font-size: 20px;
}
.ui.main.text.container > .ui.header {
font-size: 35px !important;
}
/*搜索栏*/
.ui.ui.ui.ui.icon.input > textarea, .ui.ui.ui.ui.icon.input > input{
transition: all .5s ease;
box-shadow: 0px 0px 4px #000;
border-radius: 15px;
}
.ui.ui.ui.ui.icon.input > textarea :hover, .ui.ui.ui.ui.icon.input > input:hover{
box-shadow: 0px 0px 10px #000;
border-radius: 20px;
}
/*链接*/
a{
transition: all .5s ease;
color: #4183c4;
}
a:hover{
text-shadow: 0px 0px 5px #a2a2a2;
color: #5f35e2;
}
/*页码栏*/
.ui.three.column.centered.grid, .ui.pagination.menu{
background-color: #ffffff00;
border-color: #fff;
}
.active.item{
background-color: #a4a4a4 !important;
box-shadow: 0px 0px 6px #5b5b5b !important;
}
/*文章*/
.ui{
font-size: 45px;
}
.ui.basic.blue.right.pointing.label{
box-shadow: 0px 0px 6px #5b5b5b;
border-radius: 20px 0px 0px 20px;
}
.ui.blue.button{
box-shadow: 0px 0px 6px #5b5b5b;
border-radius: 0px 20px 20px 0px;
}
.ui.button{
border-radius: 0px 20px 20px 0px !important;
}
/*评论栏*/
.ui.form textarea:not([rows]){
border-radius: 14px;
}
/*发送评论*/
.ui.labeled.icon.buttons .button, .ui.labeled.icon.button{
transition: all .5s ease;
}
.ui.labeled.icon.buttons .button, .ui.labeled.icon.button:hover{
transform:translatey(-4px);
box-shadow: 0px 0px 10px #5b5b5b;
}
/*card*/
.hola-card{
transition: all .5s ease;
border-radius:20px;
box-shadow:1px 1px 10px #5b5b5b;
}
.mdui-card{
transition: all .5s ease;
border-radius:20px;
box-shadow:1px 1px 10px #5b5b5b;
}
.ant-card.ant-card-bordered{
transition: all .5s ease;
border-radius:20px;
box-shadow:1px 1px 10px #5b5b5b;
}
.lg-article{
transition: all .5s ease;
border-radius:20px;
box-shadow:1px 1px 10px #5b5b5b;
}
.mdblog-article-container.mdui-shadow-2.mdui-hoverable{
transition: all .5s ease;
border-radius:20px;
box-shadow:1px 1px 10px #5b5b5b;
}
.mdblog-article-container.mdui-shadow-2.mdui-hoverable:hover{
transform:translatey(-5px);
box-shadow:1px 1px 15px #000;
}
.hola-card:hover{
transform:translatey(-5px);
box-shadow:1px 1px 15px #000;
}
.mdui-card:hover{
transform:translatey(-5px);
box-shadow:1px 1px 15px #000;
}
.ant-card.ant-card-bordered:hover{
transform:translatey(-5px);
box-shadow:1px 1px 15px #000;
}
.lg-article:hover{
transform:translatey(-5px);
box-shadow:1px 1px 15px #000;
}
/*头像*/
.mdui-center.mdui-img-circle{
transition: all 1s ease;
}
.mdui-center.mdui-img-circle:hover{
transform: rotate(1turn);
}
.am-circle.am-center{
transition: all 1s ease;
}
.am-circle.am-center:hover{
transform: rotate(1turn);
}
.avatar-left.ant-avatar.ant-avatar-circle.ant-avatar-image > img{
transition: all 1s ease;
}
.avatar-left.ant-avatar.ant-avatar-circle.ant-avatar-image > img:hover{
transform: rotate(1turn);
}
/*输入框*/
.am-form-field.am-input-sm{
transition:.5s ease;
box-shadow:1px 1px 10px #787878;
border-radius:30px;
font-weight:bolder;
}
.am-form-field.am-input-sm:hover{
transition:.5s ease;
box-shadow:1px 1px 15px #5c5c5c;
}
.am-form-field.am-input-sm:active{
transition:0s ease;
box-shadow:1px 1px 20px #000;
}
.am-form-group.am-form{
transition:.5s ease;
box-shadow:1px 1px 10px #787878;
font-weight:bolder;
}
.am-form-group.am-form:hover{
transition:.5s ease;
box-shadow:1px 1px 15px #5c5c5c;
}
.am-form-group.am-form:active{
transition:0s ease;
box-shadow:1px 1px 20px #000;
}
.mdui-textfield-input{
transition:.5s ease;
font-weight:bolder;
}
.ant-input{
padding:15px;
border:0px;
transition:.5s ease;
box-shadow:1px 1px 10px #787878;
border-radius:30px;
font-weight:bolder;
}
.ant-input:hover{
transition:.5s ease;
box-shadow:1px 1px 15px #5c5c5c;
}
.ant-input:active{
transition:0s ease;
box-shadow:1px 1px 20px #000;
}
.hola-form-ctrl.hola-input-multiline{
padding:15px;
border:0px;
transition:.5s ease;
box-shadow:1px 1px 10px #787878;
border-radius:30px;
font-weight:bolder;
}
.hola-form-ctrl.hola-input-multiline:hover{
transition:.5s ease;
box-shadow:1px 1px 15px #5c5c5c;
}
.hola-form-ctrl.hola-input-multiline:active{
transition:0s ease;
box-shadow:1px 1px 20px #000;
}
.hola-form-ctrl.hola-input-singleline{
padding:5px;
border:0px;
transition:.5s ease;
box-shadow:1px 1px 10px #787878;
border-radius:30px;
font-weight:bolder;
}
.hola-form-ctrl.hola-input-singleline:hover{
transition:.5s ease;
box-shadow:1px 1px 15px #5c5c5c;
}
.hola-form-ctrl.hola-input-singleline:active{
transition:0s ease;
box-shadow:1px 1px 20px #000;
}
/*按钮*/
.am-btn.am-btn-default.am-btn-sm{
border-radius:30px;
}
.ant-btn.ant-btn-primary{
border-radius:30px;
}
.hola-button.hola-button-primary{
border-radius:30px;
}
.hola-button.hola-button-normal{
border-radius:30px;
}
/*右边栏?*/
.am-panel-group{
opacity:.9;
}
.lg-summary.am-panel{
transition: all .5s ease;
border-radius:20px !important;
box-shadow:1px 1px 10px #5b5b5b !important;
}
.lg-summary.am-panel:hover{
transform:translatey(-5px);
box-shadow:1px 1px 15px #000 !important;
}
/*评论*/
.am-comment-main {
opacity:.8;
transition: all .5s ease;
box-shadow: 3px 3px 20px #3C4143;
border-radius: 0rem 0rem 2rem 2rem !important;
}
.am-comment-main:hover {
transform:translateY(-1px);
transition: all .5s ease;
box-shadow: 3px 3px 30px #3C4143;
border-radius: 0rem 0rem 2rem 2rem !important;
}
.am-comment-bd{
border-radius: 0rem 0rem 2rem 2rem !important;
}
}