Skip to content

【动态背景】蓝眼女孩 —— 智能的洛谷 by ICE__LX

Screenshot of 【动态背景】蓝眼女孩 —— 智能的洛谷

Details

AuthorICE__LX

LicenseGNU GPLv3

Categoryhttps://www.luogu.com.cn/

Created

Updated

Code size68 kB

Code checksumc8c734ef

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

短期动态背景,即只动一阵子,不然太卡了。

Notes

有些许卡顿,配置低的电脑不建议安装。

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name       tinywow_Blue-Eyes-Anime-Girl-4K
@version    20250328.14.36
@namespace  ?
@author     ICE__LX
luogu UID    1032391
==/UserStyle== */

@-moz-document regexp("https://www.luogu(.org|.com.cn|.com)/(?!blog).*") {
/*luogu主站*/
/*--------------------------用户自设部分--------------------------*/
/*主站图片背景*/
html > body {
    background-image: url(https://img.dexbug.com/i/2025/03/28/10onjy2.gif) !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://cdn.luogu.com.cn/upload/image_hosting/gild4uih.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 30px;
    background-attachment: revert;   
        
        
    }
    .logo-wrap > img:nth-child(1){
        /*visibility: hidden;*//*这个是是否显示luogu logo*/
    }
    .logo-wrap {
        height: 3.7em;
        border-radius: 15px;
        background-color: #ffffffb3;
        transition: all 0.5s ease;
    }
    .logo-wrap:hover {
        width: 4.0em;
        border-radius: 50px;
        transition: all 1s ease;
        transform: rotate(1turn);
        border-color: #6d4acf !important;
        background-color: #6d4acf69;
        border-style: outset;
        border-width: 0.5px;
    }
    /*个人列表*/
    .center[data-v-572d3b30][data-v-258e49ac][data-v-58fd269e] {
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/gild4uih.png) !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://cdn.luogu.com.cn/upload/image_hosting/gild4uih.png) !important;
        /*可改*/
        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;
    }
    /*----------------------------------------------------------------------------fix_code-------------------------------------------------------------------------------------*/
    /*主题*/
    .icon.svg-inline--fa.fa-check.fa-w-16 {
        color: #52c41a!important;
    }
    nav.lfe-body{
        visibility: hidden;
    }
    header.theme-bg{
        background-image:none!important;
        background-color:#0000!important;
    }
/*     .lfe-body { */
/*         visibility: hidden; */
/*     } */
    .main-container > main:nth-child(2){
        background-color:#0000!important;
    }
    .l-card{
        border-width: 9px;
        background-color: #ffffffb3!important;
        border-color: #fff !important;
        border-radius: 15px !important;
        box-shadow: 0px 0px 10px #fff!important;
        transition: all .3s ease;
    }
    div.user-nav:nth-child(3){
        background-color: #ffffffb3!important;
        border-color: #fff !important;
        border-radius: 3px !important;
        box-shadow: 0px 0px 10px #fff!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: #fff!important;
        box-shadow: 0px 0px 30px #333333;
/*         background-color: #0000 */
    }
    .sidebar{
        background-color:#ffffffb3!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: #fff;
    }
/*     .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: #ffffffb3;
        border-color: #fff !important;
        border-radius: 15px  !important;
        box-shadow: 0px 0px 10px #fff;
        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 #333333;
    }
    main.lcolor-bg-grey-1 > div:nth-child(2){
        background-color:#0000!important;
    }
    .article-banner{
        border-width: 9px;
        background-color: #ffffffb3;
        border-color: #fff !important;
        border-radius: 15px !important;
        box-shadow: 0px 0px 10px #fff;
        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 #333333;
    }
    main.lcolor-bg-grey-1{
        background-color:#0000;
    }
    .toc-wrapper{
        left: 780px;
    }
    .toc{
/*         left: 780px; */
        padding-left: 2px;
        border-width: 9px;
        background-color: #ffffffb3;
        border-color: #fff !important;
        border-radius: 3px 15px 15px 3px !important;
        box-shadow: 0px 0px 10px #fff;
        transition: all .3s ease;
    }
    .toc:hover{
        margin-top: -0.1em;
        transition: all 0.3s ease;
        box-shadow: 0px 0px 30px #333333;
    }
/*     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 #333333!important;
    }
    .burger:hover{
        margin-top: -0.1em;
        transition: all 0.3s ease;
/*         background-color: #fff; */
        box-shadow: 0px 0px 30px #333333!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 #333333!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: #ffffffb3;
        border-color: #fff !important;
        border-radius: 15px !important;
        box-shadow: 0px 0px 10px #fff;
        transition: all .3s ease;
    }
    .lg-article:hover {
        margin-top: -0.1em;
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 30px #333333;
    }
    .am-prev {
        z-index: 0;
    }
    /*fix_end*/
    /*侧栏*/
    .lfe-body[data-v-27b2cd59][data-v-5e85f938][data-v-109e0409] {
        margin-top: 100px;
    }
    .popup-button {
        border-width:...

Reviews

No reviews yet.