transland.lgbt by lhcfl

/* ==UserStyle==
@name         transland.lgbt
@version      20220818.02.48
@namespace    userstyles.world/user/lhcfl
@description  A beautiful theme to transland.lgbt
@author       lhcfl
@license      MIT License
==/UserStyle== */

@-moz-document domain("transland.lgbt") {
body {

/* 改变下面这行添加背景     */
    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-position:center;
    background-attachment:fixed;
    background-size:cover;
    background-repeat:no-repeat;
}


:root {
    --card-color:rgba(255, 255, 255, 0.85);
    --active-card-color: rgba(255, 255, 255, 0.95);
    --normal-box-shadow: rgb(0 0 0 / 10%) 0 1px 3px 0, rgb(0 0 0 / 6%) 0 1px 2px 0;
    --button-color-grey: rgb(233,233,233);
}





}

@-moz-document domain("transland.lgbt") {
@keyframes menu-panel-down {
    0% {
        opacity:0%;
        top:0px;
    }
    100% {
        opacity:100%;
    }
}

.UsersOnline-list .UsersOnline-item, .ReplyPlaceholder-typers-list .UsersOnline-item, .UsersOnline-list .ReplyPlaceholder-typers-item, .ReplyPlaceholder-typers-list .ReplyPlaceholder-typers-item {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
}

.ComposerBody-content .Button {
    border-radius:150px;
}

.IndexPage .DiscussionListItem,
li.item-nav {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
}
.IndexPage .DiscussionListItem:hover,
li.item-nav:hover{
    background: var(--active-card-color);
}

.AfruxWidgets-Widget-content {
    background: transparent;
}

.AfruxWidgets-Widget.Afrux-ForumStatsWidgetWidget, .AfruxWidgets-Widget {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
}
.AfruxWidgets-Widget.Afrux-NewsWidget {
    border-radius:15px !important ;
}

.AfruxWidgets-Widget.Afrux-ForumStatsWidgetWidget:hover, .AfruxWidgets-Widget:hover {
    background: var(--active-card-color);
}

.item-sort .ButtonGroup.Dropdown.dropdown.itemCount5 .Dropdown-toggle.Button {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
}
.item-sort .ButtonGroup.Dropdown.dropdown.itemCount5 .Dropdown-toggle.Button.Dropdown-toggle.Button:hover{
    background: var(--active-card-color);
}

.open>.Dropdown-toggle.Button {
    transition:all 0.2s;
    background-color:var(--active-card-color);
}

.Dropdown-menu {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
    animation: menu-panel-down 0.2s ease-in;
}

.PostStream-timeGap span{
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
    padding: 5px 10px;
}
.PostStream-timeGap span:hover{
    box-shadow: var(--active-box-shadow);
    background: var(--active-card-color);
}

.Dropdown-menu:hover {
    background: var(--active-card-color);
}


.open .Dropdown-menu {
   
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
}

.open .Dropdown-menu:hover {
    background: var(--active-card-color);
}

.Button--primary {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    
    transition: all .2s;
}

.Button {
    transition: all .2s;
}

.Search-input input {
    border-radius:15px;
}

.item-markAllAsRead .Button {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
}
.item-markAllAsRead .Button:hover {
    background: var(--active-card-color);
}




header.Hero.DiscussionHero, header.Hero.WelcomeHero {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
}

header.Hero.DiscussionHero:hover, header.Hero.WelcomeHero:hover {
    background-color: var(--active-card-color);
}


.Post-header {
    background-color: var(--active-card-color);
    margin-bottom:0;
    padding:10px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    
}

.Post-body {
    padding:25px;
    background-color: var(--card-color);
    margin-bottom:0;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    transition:all 0.2s
}
.Post-body:hover {
    background-color: var(--active-card-color);   
}

.Post-footer .item-replies, .Post-likedBy {
    background-color: var(--card-color);
    margin:5px;
    padding:5px 25px;
    border-radius:15px;
    transition:all 0.2s
}

.Post-actions {
    background-color: var(--card-color);
    border-radius:15px;
    transition:all 0.2s
}

.PostStream-item:not(:last-child) {
    border:none;
}


.PostStreamScrubber.Dropdown.App-titleControl .Dropdown-menu {
    padding:20px;
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
    animation: menu-panel-down 0.2s ease-in;
}

.SplitDropdown-button.Button.Button--primary.hasIcon {
    border-radius:15px !important;
}


.item-subscription .Button,
.item-share-social .Button {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
    animation: menu-panel-down 0.2s ease-in;
}

.item-subscription .Button:hover,
.item-share-social .Button:hover {
    background: var(--active-card-color);
}

.Post.ReplyPlaceholder .Post-header {
    border-radius:15px;
}

.Post.editing {
    opacity:0.7;
}

.Composer {
    border-radius:15px;
}

.item-lastDiscussionViewers {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
    animation: menu-panel-down 0.2s ease-in;
    padding:10px;
}
.item-lastDiscussionViewers:hover {
    background: var(--active-card-color);
}
.item-lastDiscussionViewers .LastDiscussionUsers .item-lastUser-content {
    width: 10px;
}
fieldset.LastDiscussionUsers ul div.item-lastUser-content div {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-left: 5px;
    max-width: 70px;
    text-overflow: ellipsis;
}
.item-lastDiscussionViewers .LastDiscussionUsers a {
    color:#888;
    max-width: 70px;
    text-overflow: ellipsis;
    overflow:hidden;
    
}
.item-lastDiscussionViewers .LastDiscussionUsers  .Avatar {
    width:35px;
    height:35px;
}

.SettingsPage {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
    animation: menu-panel-down 0.2s ease-in;
    padding:15px;
}

.SettingsPage .Button {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
    animation: menu-panel-down 0.2s ease-in;
}

.SettingsPage .Button:hover {
    background: var(--active-card-color);
}

.NotificationGrid {
    background:transparent;
}

.NotificationGrid td, .NotificationGrid th {
    border-bottom: 1px solid var(--control-color);
}

.UserPage  .Select select {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
    animation: menu-panel-down 0.2s ease-in;
}

.SettingsPage .Checkbox--switch .Checkbox-display {
    box-shadow: var(--normal-box-shadow) inset;
}

.UserPage .DiscussionListItem {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
}

.UserPage .DiscussionListItem:hover {
    background: var(--active-card-color);
}

.UserCard .Button, .UserCard .Button.active, .UserCard .Button, .UserCard .Button.focus, .UserCard .open>.Dropdown-toggle.Button {
    border-radius:15px;
}

.Modal-content {
    border-radius:15px;
}

.selectFollowLevelModal-actions .Button {
    border-radius:15px;
}

.Modal-body .FormControl {
    border-radius:15px;
}

.Form-group .Button {
     border-radius:35px !important;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width:10px;
    height:10px;
}
::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background: var(--button-primary-bg-active);
}
::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 0;
}

.DiscussionPage-nav .ButtonGroup:not(.itemCount1) .Button:first-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.DiscussionList-loadMore .Button, .IndexPage-results .IndexPage-toolbar-view .Button {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
    animation: menu-panel-down 0.2s ease-in;
}
.DiscussionList-loadMore .Button, .IndexPage-results .IndexPage-toolbar-view .Button:hover {
    background: var(--active-card-color);
}
}

@-moz-document url("https://chat.transland.lgbt/badges") {
.IndexPage-results.sideNavOffset {
    padding:15px;
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
}
}

@-moz-document url("https://chat.transland.lgbt/following") {
.Dropdown-toggle.Button {
    box-shadow: var(--normal-box-shadow);
    border-radius:15px;
    background: var(--card-color);
    transition: background .2s;
}

.Dropdown-toggle.Button:hover {
    background: var(--active-card-color);
}

}