Stylus for Luogu
改自 Strange-Luogu
可能字体在电脑上无法显示,要安装以下字体:
- ID初心少女体简
- Fira Code
- Segoe Print
预览图:
戳他
/* ==UserStyle==
@name strange luogu
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document 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("https://www.luogu.com.cn/"), 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") {
/*洛谷主站*/
/*动画*/
@keyframes user {
from {
margin-top: 0px;
}
to {
margin-top: 20px;
}
}
@keyframes h1 {
from {
margin-left: -200px;
}
to {
margin-left: 10px;
}
}
/*背景*/
body {
background-image: url('https://cdn2.232232.xyz/img/2022/01/23/127f2bf2880511ebb6edd017c2d2eca2.jpg');
background-size: 100% 100%;
background-attachment: fixed;
font-family: 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;
}
/*主体*/
.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;
margin-top: -1em;
display: block;
transition: all 0.3s ease;
}
#app > .lfe-body > a:hover > .text {
opacity: 1;
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: #ffffffc2;
}
#app > .lfe-body > a:hover {
color: #000!important;
animation: 1s;
}
.popup-button{
transition: all 0.5s ease;
color:#ffffffc2;
border-radius: 10px!important;
}
.popup-button:hover {
transition: all 0.5s ease;
background-color: #ffffffc2!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: Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
}
h1[data-v-2dfcfd35]{
font-family: 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:Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
}
.card[data-v-f9624136]{
font-family:Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
font-size:17px;
}
.expand-tip > span[data-v-e4b7c2ca]{
color:rgb(0,0,0);
}
*, :after, :before {
font-family:Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
}
}