Skip to content

Limelight Round by lhcfl

Write a review Install Get Stylus

Details

Authorlhcfl

LicenseMIT License

Categorylimelight

Created

Updated

Code size48 kB

Code checksumaf7f95ff

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

让limelight圆起来！

Notes

Userstyle doesn't have 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         Limelight Round
@version      20221123.11.42
@namespace    userstyles.world/user/lhcfl
@description  让limelight圆起来！
@author       lhcfl
@license      MIT License
==/UserStyle== */

/* ==UserStyle==
@name           Limelight Round
@namespace      limelight,moe
@version        1.0.0
@description    Make limeight beautiful!
@author         Lhc_fl
==/UserStyle== */

@-moz-document domain("limelight.moe") {
/* 背景 */
body {
    background-color:rgba(0, 0, 0, 0.02);

/* 注销下面这行添加背景     */
/*     background-image:url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farticle%2Fc3b022200df811093b0ac70cd6dba5151ee4c28f.jpg&refer=http%3A%2F%2Fi0.hdslb.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1661098606&t=3693d73fae9cc9feb44a2065ff2b7f53); */
background-image:url(https://pic.imgdb.cn/item/62dd3915f54cd3f937539048.jpg);
    
    background-position:center;

}
}

@-moz-document domain("limelight.moe") {
:root{
    --card-background-color: rgba(var(--secondary-rgb), 0.9);
    --active-card-background-color: rgba(var(--secondary-rgb), 1);
    --normal-box-shadow-color:rgba(0, 0, 0, 0.15);
    --active-box-shadow-color:rgba(0, 0, 0, 0.25);
    --small-radius: 8px;
/*     --secondary: rgb(0 0 0/4%); */
}






.topic-list .topic-list-data.bulk-select{
    margin:auto;
}


.full-width .contents .topic-list {
    border-collapse: separate;
    border-spacing: 0 0.1em;
    display: contents;
}
.full-width .contents .topic-list .topic-list-header {
    display: contents;
}
.full-width .contents .topic-list .topic-list-header tr {
    display: flex;
    border-bottom: none;
}
.full-width .contents .topic-list .topic-list-header .topic-list-data.default {
    width: 60%;
}
.full-width .contents .topic-list .topic-list-header .topic-list-data.posters {
    width: 20%;
}
.full-width .contents .topic-list .topic-list-header .topic-list-data.posts {
    width: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.full-width .contents .topic-list .topic-list-header .topic-list-data.activity {
    order:6;
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-right-radius:10px;
}
.full-width .contents .topic-list .topic-list-body {
    display: contents;
}
.full-width .contents .topic-list .topic-list-body .topic-list-item-separator {
    width: 100%;
    margin: 1em 0;
    display: flex;
    

}
.full-width .contents .topic-list .topic-list-item-separator .topic-list-data {
    border:none;
    margin-bottom: 5px;
    
}
.full-width .contents .topic-list .topic-list-item-separator .topic-list-data span {
    background-color:var(--danger-medium);
    color:var(--secondary);
    border-radius:15px;
    padding-top:2px;
    padding-bottom:2px;
    box-shadow: 0 1px 5px var(--normal-box-shadow-color);

}
.full-width .contents .topic-list .topic-list-body .topic-list-item-separator .topic-list-data {
    width: 100%;
}
.full-width .contents .topic-list .topic-list-body .topic-list-item {
    margin-top:-5px;;
    padding:1px;
    width: 100%;
    display: flex;
    margin-bottom: 15px;
    background-color: var(--card-background-color);
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    border-radius: 15px;
    position: relative;
    transition: all 0.15s ease-in-out;
    box-shadow: 0 0px 2px var(--normal-box-shadow-color);
}
.full-width .contents .topic-list .topic-list-body .topic-list-item.visited {
    border: 1px solid rgba(var(--primary-rgb), 0.1);
}
.full-width .contents .topic-list .topic-list-body .topic-list-item.visited .discourse-tag {
    opacity: 0.75;
}
.full-width .contents .topic-list .topic-list-body .topic-list-item.visited:hover {
    border: 1px solid rgba(var(--primary-rgb), 0.25);
}
.full-width .contents .topic-list .topic-list-body .topic-list-item.visited:hover .discourse-tag {
    opacity: 1;
}
.full-width .contents .topic-list .topic-list-body .topic-list-item:hover {
    background-color: var(--active-card-background-color);
    box-shadow: 0 1px 5px var(--active-box-shadow-color);
    border: 1px solid rgba(var(--primary-rgb), 0.3);
}

.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.main-link {
    width: 60%;
    order: 2;
}
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posters {
    width: 20%;
    order: 2;
    height: auto;
    display: flex;
    align-items: center;
}
/* .full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posters a:not(.latest) {
    width:100%;
    order:3;
    display: flex;
} */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
    width: 5%;
    order: 4;
    display: flex;
    justify-content: center;
    align-items: center;
}
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age {
    width: 10%;
    order: 6;
    display: flex;
    justify-content: center;
    align-items: center;
}
.topic-list-data.num.views {
    width: 10%;
    order: 5;
    justify-content: center;
    align-items: center;
}
.topic-list .num {
    margin: auto;
}
/* .full-width .contents .topic-list .topic-list-item .posters a.latest {
    margin-right: 4px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
} */
/* .full-width .contents .topic-list .topic-list-item .posters a.latest .avatar {
    margin-right: 0;
} */
.full-width .contents .topic-list .topic-list-item .main-link {
    min-height: 100%;
}
/* .full-width .contents .topic-list .topic-list-item .main-link .link-top-line {
    display: block;
    margin-bottom: 0.25em;
} */
.full-width .contents .topic-list .topic-list-item .main-link .title {
    font-weight: bold;
}
.full-width .contents .topic-list .topic-list-item .main-link .link-area {
    display: flex;
}
/* .full-width .contents .topic-list .topic-list-item .main-link .link-area .link-title-area {
    margin-right: 1em;
} */
.full-width .contents .topic-list .topic-list-item .main-link .link-area .link-meta-area {
    display: flex;
    align-items: center;
}
.full-width .contents .topic-list .topic-list-item .posters .avatar {
    width: 25px;
    height: 25px;
    border-radius: 80px;
}

.full-width .contents .topic-list .topic-list-item .posters a:not(.latest) .avatar {
    border: 2px solid var(--secondary);
}
.full-width .contents .topic-list .topic-list-item .posts-map a, .full-width .contents .topic-list .topic-list-item .num.age.activity a {
    padding: 0;
}
.full-width .contents .topic-list .topic-list-item .posts-map {
    position: relative;
}
.full-width .contents .topic-list .topic-list-item .posts-map .number {
    margin-right: 0.25em;
}
.full-width .contents .topic-list .topic-list-item .post-activity .d-icon-reply {
    color: var(--primary-medium);
    margin-right: 0.25em;
}
.full-width .contents .topic-list .topic-list-item .post-activity .relative-date {
    color: var(--primary-medium);
}
.topic-list .posters a:first-child .avatar.latest:not(.single) {
    top:0;
    left:0;
}












/* 分类
 */

.categories-and-latest, .categories-and-top {
    box-shadow: 0 1px 5px var(--normal-box-shadow-color);
    border:1px solid var(--primary-low);
    border-radius: 15px;
    background-color: var(--card-background-color);
    padding: 15px;
    transition: all 0.15s;
}


















@keyframes background-fade-highlight {
  0% {
    background-color: var(--tertiary-low);
  }
  100% {
    background-color: var(--card-background-color);
  }
}



.topic-list {
    border-collapse: separate;
}
.topic-list-body {
    border-collapse: separate;
}


.alert.alert-info {
    box-shadow: 0 1px 5px var(--normal-box-shadow-color);
/*     border:1px solid var(--primary-low); */
    border-radius: 15px;
    transition: all 0.15s;
    margin-bottom: 45px;
    margin-top: -30px;
}
.alert.alert-info.clickable{
    margin-top:0;
    margin-bottom:10px; 
}

.show-more.has-topics {
    position: relative;
    margin-bottom:10px;
}




/* 楼层 */
/* .boxed  {
    box-shadow: 0 2px 4px var(--normal-box-shadow-color);
    border:1px solid var(--primary-low);
    border-radius: 15px;
    background-color: var(--card-background-color);
    margin-bottom: 15px;
} */

.who-liked, .who-read {
   width:98.7%
    
}
.post-notice {
    border-radius:15px;
    max-width: 100%;
    width: calc(740px + (11px * 2));
}

.small-action {
    box-shadow: 0 1px 5px var(--normal-box-shadow-color);
    border:1px solid var(--primary-low);
    border-radius: 15px;
    background-color: var(--card-background-color);
    margin-bottom: 15px;
    margin-left:50px;
    transition: all 0.15s;
    width: calc(713px + (11px * 2));
}

.small-action:hover {
    box-shadow: 0 2px 8px var(--active-box-shadow-color);
    background-color: var(--active-card-background-color);
}
.topic-body {
    padding-right:10px;
    padding-left:10px;
    box-shadow: 0 1px 5px var(--normal-box-shadow-color);
    border:1px solid var(--primary-low);
    border-radius: 15px;
    background-color: var(--card-background-color);
    margin: 15px;
    transition: all 0.15s;
}
.topic-body:hover {
    box-shadow: 0 2px 8px var(--active-box-shadow-color);
    background-color: var(--active-card-background-color);
}

@media (min-width: 1010px){
    .topic-body {
        width:calc(100%-300px);
    }
    .small-action {
        width:calc(100%-300px);
    }

}
@media (max-width: 1010px){
.topic-body {
    width: calc(100% - 100px);
}
.post-notice {
    width: calc(100% - 50px);
}
.small-action {
    width: calc(100% - 80px);
    max-width: 100%;
}
}

@media (max-width: 790px){
.topic-body {
    width: calc(100% - 77px);
}
    .small-action {
       width: calc(100% - 77px);
    }
}
.topic-avatar {
    border:none;
    width:35px;
}
.topic-body .topic-meta-data {
/*     border:1px solid; */
    padding-left:15px;
    padding-right:15...

Reviews

No reviews yet.