个人主页教程后续
bison_henry · · 科技·工程
详细教程看我主页
/* ==UserStyle==
@name www.example.com/abcd
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://www.example.com/abcd") {
/* 在此插入代码... */
}/* ==UserStyle==
@name smart luogu
@version 20250206
@namespace ?
@author ICE__LX
luogu UID 1032391
==/UserStyle== */
@-moz-document regexp("https://www.luogu(.org|.com.cn|.com)/(?!blog).*") {
/*luogu主站*/
/*--------------------------用户自设部分--------------------------*/
/*主站图片背景*/
html > body {
background-image:linear-gradient(rgba(255, 255, 255, .18), rgba(0, 0, 0, 0)), url(https://pic.kts.g.mi.com/8cbe93aedf1059f6f251b4ce02d2d1e52284017651472219958.jpg) !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
}
/*主站侧栏图片*/
/*侧栏logo*/
.logo-wrap,
.data-v-27b2cd59,
.first-of-type {
opacity:.8;
background-image: url(https://upload-bbs.miyoushe.com/upload/2023/07/02/196757721/85dfc7e584294fcddd697b550409b72e_8747493423481389938.jpg?x-oss-process=image/resize,s_600/quality,q_80/auto-orient,0/interlace,1/format,jpg) !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 30px;
background-attachment: revert;
/*background-color: #fff0;*/
}
.logo-wrap > img:nth-child(1){
/*background-color: #b6363600;*/
visibility: hidden;/*这个是是否显示luogu logo*/
}
.logo-wrap {
height: 3.7em;
border-radius: 15px;
background-color: #b6363600;
transition: all 0.5s ease;
}
.logo-wrap:hover {
width: 4.0em;
border-radius: 50px;
transition: all 1s ease;
transform: rotate(1turn);
border-color: #e48f25 !important;
background-color: #e59e2699;
border-style: outset;
border-width: 0.5px;
}
/*个人列表*/
.center[data-v-572d3b30][data-v-258e49ac][data-v-58fd269e] {
background-image: url(https://cn.bing.com/images/search?view=detailV2&ccid=kSXckB0%2b&id=7F7D49215FCB6DBE6E84A353A2AA1F2AB6ADDA4C&thid=OIP.kSXckB0-ruwkHwErUgTlaAHaDE&mediaurl=https%3a%2f%2fupload-bbs.mihoyo.com%2fupload%2f2022%2f08%2f28%2f271137273%2f9125dc901d3eaeec241f012b5204e568_4511860489013501031.jpg&exph=2487&expw=6000&q=%e9%92%9f%e7%a6%bb%e5%a3%81%e7%ba%b8&simid=608026181826518397&FORM=IRPRST&ck=7649F28FAEA311172236489861D1E994&selectedIndex=160&itb=0) !important;
/*可改图片*/
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: scroll;
width: 210px;
border: 1px solid #000;
height: 420px;
padding: 0px;
margin: 0;
opacity: 1.0;
border-radius: 25px;
}
/*侧栏题库，比赛等选项图片*/
.color-none[data-v-303bbf52][data-v-639bc19b][data-v-5e85f938]:hover {
/*旋转按钮，自主开启*/
transform: rotate(1turn)!important;
background-image: url(https://cn.bing.com/images/search?view=detailV2&ccid=kSXckB0%2b&id=7F7D49215FCB6DBE6E84A353A2AA1F2AB6ADDA4C&thid=OIP.kSXckB0-ruwkHwErUgTlaAHaDE&mediaurl=https%3a%2f%2fupload-bbs.mihoyo.com%2fupload%2f2022%2f08%2f28%2f271137273%2f9125dc901d3eaeec241f012b5204e568_4511860489013501031.jpg&exph=2487&expw=6000&q=%e9%92%9f%e7%a6%bb%e5%a3%81%e7%ba%b8&simid=608026181826518397&FORM=IRPRST&ck=7649F28FAEA311172236489861D1E994&selectedIndex=160&itb=0) !important;
/*可改*/
/*background-color: #ffffff63;*/
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: scroll;
border-radius: 30px;
transition: all 0.5s ease;
box-shadow: 1px 1px 10px #333;
}
/*badge(直角边框，可删)*/
.exlg-badge {
border-radius: 5px !important;
background-color: #ffffff4a;
}
/*----------------------------------------------------------------------------fix_code-------------------------------------------------------------------------------------*/
/*主题*/
.icon.svg-inline--fa.fa-check.fa-w-16 {
color: #b77417!important;
background-color:#fff;
}
nav.lfe-body{
/*visibility: hidden;*/
color: #b77417!important;
background-color:#ffffff26!important;
}
header.theme-bg{
background-image:none!important;
background-color:#fff0!important;
}
/* .lfe-body { */
/* visibility: hidden; */
/* } */
.main-container > main:nth-child(2){
background-color:#b4272700!important;
}
.l-card{
border-width: 9px;
background-color: #ffffffd1!important;/*区域第二层底板*/
border-color: #ffffffd1 !important;
border-radius: 15px !important;
box-shadow: 0px 0px 10px #ffffffd1!important;
transition: all .3s ease;
}
div.user-nav:nth-child(3){
background-color: #ffffffd1!important;
border-color: #ffffffd1 !important;
border-radius: 3px !important;
box-shadow: 0px 0px 10px #ffffffd1!important;
transition: all .3s ease;
}
li[data-v-40281d0d]:hover{
margin-top: -0.1em;
transition: all 0.3s ease;
border-radius: 3px !important;
background-color: #eac8a48f!important;
box-shadow: 0px 0px 30px #ffffffa8;
/* background-color: #0000 */
}
.sidebar{
background-color:#ffffffbf!important;
}
button[data-v-6006e224] {
padding: 3px 7px 3px 7px !important;
/* margin-top: 1.7vh !important; */
margin-bottom: 3.4vh !important;
border-radius: 5px !important;
}
/* div.user-nav:nth-child(3) > div:nth-child(2) > ul:nth-child(1) > li> :hover{
/* margin-top: 0em; */
/* transition: all 0s ease; */
/* box-shadow: 0px 0px 30px #0000; */
/* } */
.card.user-header-container.padding-0,
.am-modal-dialog,
.am-g.lg-main-content,
.container,
.lg-index-content.am-center,
.full-container {
visibility: visible;
}
html.no-js body div#app.lfe-body div.main-container.lside-bar main div.columba-content-wrap div.sidebar-container.layout div.l-card.burger.main.solution-list div.body div div.list-wrap.block.border div.row-wrap div.row {
margin-top: 0em;
/* transition: all 0.3s ease; */
/* background-color: #fff; */
box-shadow: 0px 0px 0px !important;
}
.expand{
background: linear-gradient(rgba(255, 255, 255, 0), #ffffff55)!important;
border-radius: 0px 0px 15px 15px!important;
}
.card.padding-none,
.am-panel.am-panel-default.lg-summary,
.am-g.lg-table-bg0.lg-table-row,
.card.padding-default,
.lg-article {
border-radius: 25px!important;
background-color: #ffffffc2;/*背景色*/
}
/* .row[data-v-83fd4045]:hover{
margin-top: -0.1em;
transition: all 0.3s ease;
background-color: #fff;
box-shadow: 0px 0px 30px #333333!important;
} */
.article-content{
border-width: 9px;
background-color: #eac8a48f;
border-color: #eac8a48f !important;
border-radius: 15px !important;
box-shadow: 0px 0px 10px #eac8a48f;
transition: all .3s ease;
}
.article-content:hover{
margin-top: -0.1em;
transition: all 0.3s ease;
/* border-radius: 3px !important; */
/* background-color: #fff!important; */
box-shadow: 0px 0px 30px #ffffffa6;
}
main.lcolor-bg-grey-1 > div:nth-child(2){
background-color:#0000!important;
}
.article-banner{
border-width: 9px;
background-color: #eac8a48f;
border-color: #eac8a48f !important;
border-radius: 15px !important;
box-shadow: 0px 0px 10px #eac8a48f;
padding-bottom: 1px;
margin-bottom: 20px;
padding-top: 0px;
transition: all .3s ease;
}
.article-banner:hover{
margin-top: -0.1em;
transition: all 0.3s ease;
/* border-radius: 3px !important; */
/* background-color: #fff!important; */
box-shadow: 0px 0px 30px #ffffffba;
}
main.lcolor-bg-grey-1{
background-color:#0000;
}
.toc-wrapper{
left: 780px;
}
.toc{
/* left: 780px; */
padding-left: 2px;
border-width: 9px;
background-color: #eac8a48f;
border-color: #eac8a48f !important;
border-radius: 3px 15px 15px 3px !important;
box-shadow: 0px 0px 10px #eac8a48f;
transition: all .3s ease;
}
.toc:hover{
margin-top: -0.1em;
transition: all 0.3s ease;
box-shadow: 0px 0px 30px #ffffffab;
}
/* html.no-js body div#app.lfe-body div.main-container.lside-bar main.lcolor-bg-grey-1 div.article-comment.columba-content-wrap.wrapper div.l-card{
border-width: 0px;
background-color: #ffffff00!important;
border-color: #fff !important;
border-radius: 0px !important;
box-shadow: 0px 0px 0px #0000!important; */
/* transition: all .3s ease; */
/* } */
/* .article-comment{
border-width: 9px;
background-color: #ffffffb3;
border-color: #fff !important;
border-radius: 15px !important;
box-shadow: 0px 0px 10px #fff;
transition: all .3s ease;
} */
.l-card[data-v-e01570a1]:hover{
/* margin-top: -0.1em; */
transition: all 0.3s ease;
/* background-color: #fff; */
box-shadow: 0px 0px 30px #ffffff96!important;
}
.burger:hover{
margin-top: -0.1em;
transition: all 0.3s ease;
/* background-color: #fff; */
box-shadow: 0px 0px 30px #ffffff96!important;
}
.l-card[data-v-e01570a1][data-v-3f1a702f]:hover{
margin-top: -0.1em;
transition: all 0.3s ease;
/* background-color: #fff; */
box-shadow: 0px 0px 30px #ffffff96!important;
}
nav.sidebar.lside.bar.hide.nav-scrollbar{
padding-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
}
.nav-group{
padding-left:10px;
padding-top:20px!important;
padding-right:10px;
margin-bottom:0px;
}
.wrapper.wrapped.lfe-body,
.div.wrapper.wrapped.lfe-body.header-layout.narrow {
visibility: hidden;
}
.footer,
.header {
visibility: visible;
}
a.logo-wrap,
.popup-button,
.lfe-body > a {
visibility: visible;
}
.lg-article {
border-width: 9px;
background-color: #ffffffd1;
border-color: #ffffffd1 !important;
border-radius: 15px !important;
box-shadow: 0px 0px 10px #ffffffd1;
transition: all .3s ease;
}
.lg-article:hover {
margin-top: -0.1em;
transition: all 0.3s ease;
background-color: #ffffffd1;
box-shadow: 0px 0px 30px #ffffffb0;
}
.am-prev {
z-index: 0;
}
/*fix_end*/
/*侧栏*/
.lfe-body[data-v-27b2cd59][data-v-5e85f938][data-v-109e0409] {
margin-top: 100px;
/*background-color: #ffffff9c;*/
}
.popup-button {
border-width: 9px;
}}把这一串复制就行了