美化luogu，改自Strange Luogu。
字体需要自己安装，否则就是浏览器自带的字体。代码用的：Firacode，中文是：浪漫电影奶酪字体。
都是免费的，应该搜得到。
Style for Luogu_有些小修改 by yolanda
Details
Authoryolanda
LicenseNo License
Categoryluogu.com.cn
Created
Updated
Size7.8 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
2022.10.16 背景图片更改
Source code
/* ==UserStyle==
@name strange luogu
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document url("https://www.luogu.com.cn/"), 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-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"), url-prefix("https://www.luogu.com.cn/auth") {
/*洛谷主站*/
/*动画*/
@keyframes user {
from {
margin-top: 0px;
}
to {
margin-top: 20px;
}
}
@keyframes h1 {
from {
margin-left: -200px;
}
to {
margin-left: 10px;
}
}
/*细节*/
pre[data-v-52f2d52f] {
font-family: Fira Code!important;
}
/*背景*/
body {
background-image: url('https://c2.im5i.com/2022/10/16/TlcoD.png');
/* https://cdn2.232232.xyz/img/2022/01/23/127f2bf2880511ebb6edd017c2d2eca2.jpg */
background-size: 100% 100%;
background-attachment: fixed;
font-family: LMDYNLZT,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;
}
/*主体*/
.main-container[data-v-109e0409] {
width: -webkit-fill-available!important;
}
.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!important;
margin-top: -1em;
display: block;
transition: all 0.3s ease;
}
#app > .lfe-body > a:hover > .text {
opacity: 1!important;
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: #fff!important;
}
#app > .lfe-body > a:hover {
color: #000!important;
animation: 1s;
}
.popup-button{
transition: all 0.5s ease;
color:#fff!important;
border-radius: 10px!important;
}
.popup-button:hover {
transition: all 0.5s ease;
background-color: #fff!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: LMDYNLZT,Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
}
h1[data-v-2dfcfd35]{
font-family: LMDYNLZT,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:LMDYNLZT,Segoe Print,Fira,Code,IDChuXinShaoNvTiJ!important;
}
.card[data-v-f9624136]{
font-family:LMDYNLZT,Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
font-size:17px;
}
.expand-tip > span[data-v-e4b7c2ca]{
color:rgb(0,0,0);
}
*, :after, :before {
font-family:LMDYNLZT,Fira Code,Segoe Print,IDChuXinShaoNvTiJ;
}
}
@-moz-document url-prefix("https://www.luogu.com.cn/paste/cwqsddpy"), url-prefix("https://www.luogu.com.cn/paste/23y3xcb7") {
table {
background-color: rgb(255,255,255,0.8);
}
}