MediaWiki:Theme-blurryface.css: Difference between revisions

From TwentyOneWiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
#mw-panel .vector-menu-content-list {
.sidebar-nav {
     margin: 0 0 9px 0;
     margin: 0 0 12px 0;
     padding: 0;
     padding: 0;
     list-style: none;
     list-style: none;
    background: linear-gradient(98deg, #7a0018 0%, #d90429 100%);
    border-radius: 14px;
    box-shadow: 0 1px 14px #a70021b0;
    padding: 10px 8px 10px 8px;
}
}


#mw-panel .vector-menu-content-list .mw-list-item {
.sidebar-nav .mw-list-item {
     padding: 4px 0 4px 10px;
     padding: 7px 0 7px 15px;
     margin-bottom: 3px;
     margin-bottom: 5px;
     font-size: 1em;
     font-size: 1.07em;
     color: #fff !important;
     color: #fff !important;
     border-left: 3.5px solid transparent;
     border-left: 4px solid transparent;
     border-radius: 8px;
     border-radius: 7px;
     transition: background 0.16s, border-color 0.15s, color 0.12s;
     transition: background 0.14s, border-color 0.14s, color 0.13s;
     cursor: pointer;
}
 
.sidebar-nav .mw-list-item:last-child {
     margin-bottom: 0;
}
}


#mw-panel .vector-menu-content-list .mw-list-item > a {
.sidebar-nav .mw-list-item > a {
     color: #fff !important;
     color: #fff !important;
     text-decoration: none;
     text-decoration: none;
     display: block;
     display: block;
     width: 100%;
     width: 100%;
     transition: color 0.15s, background 0.16s, padding-left 0.13s;
     transition: color 0.13s, padding-left 0.14s;
     border-radius: 7px;
     border-radius: 7px;
     padding: 2px 3px 2px 0;
     font-weight: 600;
     font-weight: 500;
     letter-spacing: 0.01em;
}
}


#mw-panel .vector-menu-content-list .mw-list-item:hover,
.sidebar-nav .mw-list-item:hover,
#mw-panel .vector-menu-content-list .mw-list-item:focus-within {
.sidebar-nav .mw-list-item:focus-within {
     background: rgba(230,10,40,0.15);
     background: rgba(250,30,68,0.19);
     border-left: 3.5px solid #f6d311;
     border-left: 4px solid #f6d311;
}
}


#mw-panel .vector-menu-content-list .mw-list-item:hover > a,
.sidebar-nav .mw-list-item:hover > a,
#mw-panel .vector-menu-content-list .mw-list-item:focus-within > a {
.sidebar-nav .mw-list-item:focus-within > a {
     color: #f6d311 !important;
     color: #f6d311 !important;
     padding-left: 11px;
     padding-left: 13px;
    background: none;
}
}

Revision as of 14:32, 7 August 2025

.sidebar-nav {
    margin: 0 0 12px 0;
    padding: 0;
    list-style: none;
    background: linear-gradient(98deg, #7a0018 0%, #d90429 100%);
    border-radius: 14px;
    box-shadow: 0 1px 14px #a70021b0;
    padding: 10px 8px 10px 8px;
}

.sidebar-nav .mw-list-item {
    padding: 7px 0 7px 15px;
    margin-bottom: 5px;
    font-size: 1.07em;
    color: #fff !important;
    border-left: 4px solid transparent;
    border-radius: 7px;
    transition: background 0.14s, border-color 0.14s, color 0.13s;
}

.sidebar-nav .mw-list-item:last-child {
    margin-bottom: 0;
}

.sidebar-nav .mw-list-item > a {
    color: #fff !important;
    text-decoration: none;
    display: block;
    width: 100%;
    transition: color 0.13s, padding-left 0.14s;
    border-radius: 7px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.sidebar-nav .mw-list-item:hover,
.sidebar-nav .mw-list-item:focus-within {
    background: rgba(250,30,68,0.19);
    border-left: 4px solid #f6d311;
}

.sidebar-nav .mw-list-item:hover > a,
.sidebar-nav .mw-list-item:focus-within > a {
    color: #f6d311 !important;
    padding-left: 13px;
}