A new userstyle
/* ==UserStyle==
@name douyin.com - 2023/3/6 12:45:08
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
@license 无
==/UserStyle== */
@-moz-document domain("douyin.com") {
/*整个抖音域名都生效*/
#douyin-sidebar, /*右下角的意见反馈*/
.QUUswvJ3 /*客户端推荐*/
{
display: none;
}
.N_HNXA04.KYtgzo9m{ /*抖音大大的左边栏*/
transition: all 0.5s ; /*过渡效果2023.1.31*/
max-width: 10px;
}
.HQwsRJFy, /*左上 抖音 logo */
[data-e2e="douyin-navigation"]{ /*抖音的左边栏内容*/
display: none;
}
/*移动到左边就弹出来*/
.N_HNXA04.KYtgzo9m:hover .HQwsRJFy,
.N_HNXA04.KYtgzo9m:hover [data-e2e="douyin-navigation"],
.N_HNXA04.KYtgzo9m:hover{
max-width:172px;
display: block;
}
}
@-moz-document url-prefix("https://www.douyin.com/user") {
/*个人主页生效-----------------------------*/
[class="N_HNXA04 KYtgzo9m"], /*抖音大大的左边栏-*/
[class="iwzpXgQ3 lXuWkeYW dSNgkU25 K4TZD9ct wJgU15d1"], /*滚动还显示搜索栏*/
[class="gX8AKvzT gthle0Gj"], /*滚动还显示作品栏*/
.DsdpRAYf, /*主页的下载电脑客户端*/
[class="JTui1eE0"]:nth-child(3), /*收藏网页*/
[class="JTui1eE0"]:nth-child(4) { /*合作*/
display: none;
}
/*背景全黑----------------------------------*/
[class="gX8AKvzT"], /*作品栏*/
[class="UKp0VfC1"], /*下面的视频背景*/
html[dark] ._LDrC7Wb.Smb5gBZJ:before{ /*名片*/
background-image: linear-gradient(to bottom, #000, #000);
}
/*使用!important：使用!important可以覆盖所有其他样式规则，但不建议过度使用。例如：
.N_HNXA04 {
background-color: red !important;
}
但是，使用!important可能会导致样式难以维护和调试，因此应该尽量避免使用它。*/
}
@-moz-document url("https://www.douyin.com/"), url-prefix("https://www.douyin.com/search/") {
/*刷视频 搜索视频 页面生效 */
[class="N_HNXA04 WcK6IrkT JVPLvXh3"], /*搜索页生效--抖音大大的左边栏*/
[class="JTui1eE0"]:nth-child(2), /*收藏网页*/
[class="JTui1eE0"]:nth-child(3) { /*合作*/
display: none;
}
}