这是我过去几年来偶尔尝试css主题更换，大同小异，当然很多人看来还显得不搭！😂各位将就着看看！
2021丑陋的大红大紫 #ed556a #74759b
/* 不要在全部标签页上展示竖排、信息流广告，以及在线用户、论坛统计 */
.TagsPage .item-forumStatisticsWidget {
display: none !important;
}
body{
background-image: linear-gradient(135deg, rgb(245, 177, 77),rgb(237, 53, 115));
.CommentPost.Post--by-actor {
// This sets the left border to be the same color as the forum primary.
border-left: solid @config-primary-color;
}
.Hero {
background-image: linear-gradient(90deg, rgb(237, 228, 100),rgb(252, 152, 51));/* 首页栏 */
}
/* 卡片主题 */
.IndexPage .DiscussionListItem,
.UserPage .DiscussionListItem,
.DiscussionPage-discussion .DiscussionListItem{
transition: all 0.1s; /* 动画时间 */
}
@media (min-width: 991px){
.IndexPage .DiscussionList-discussions>li:not(:first-child) .DiscussionListItem:hover{ /* 悬浮效果 */
transform: scale(1.01); /* 缩放 */
}
}
@media (min-width: 768px){ /* pc 端 */
.IndexPage .DiscussionListItem-content,
.UserPage .DiscussionListItem-content,
.DiscussionPage-discussion .DiscussionListItem-content{ /* 首页、用户页、讨论页卡片大小、描边 */
padding-left: 80px;
padding-right: 80px;
padding-top: 10px;
border-radius: 8px;
padding-bottom: 10px;
border:1px solid #dbdfe6!important;
}
.IndexPage .Post.CommentPost,
.UserPage .Post.CommentPost,
.DiscussionPage-discussion .Post.CommentPost {
margin-top:20px;
border-radius: 8px;
border: 1px solid #dbdfe6 !important;
}
.IndexPage .DiscussionListItem-info>.item-tags,
.UserPage .DiscussionListItem-info>.item-tags {top: 23px !important;}
.DiscussionListItem {
position: relative;
margin-right: 0;
padding-right: 0;
padding-left: 0;
margin-left: 0;
border-radius: 8px;
margin-top:15px;
}
}
@media (min-width: 768px){
.IndexPage .DiscussionListItem:hover {
background-color: #fff;
-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
}}
/* banner */
.WelcomeHero{color: #282828;}
.Hero h2 { font-size: 25px; font-weight: 700;}
.Hero { box-shadow: 0px 1px 10px 0 rgba(151,158,181,0.28); background-color: #fff; margin-bottom: 15px;}
/*.DiscussionHero .TagsLabel .TagLabel { color: #4D698E; }*/
.WelcomeHero .Hero-subtitle {color: #000;}
}
/* 固定左侧标签栏 */
@media (min-width: 992px) {
.sideNav,
.sideNav>ul{
width: 190px;
position: sticky;
top: 80px;
}
.App {
overflow-x: visible;
}
/* 版块页不受影响 */
.CategoriesPage.TagsPage .sideNav,
.CategoriesPage.TagsPage .sideNav>ul{
position: unset;
}
/* 标签页不受影响 */
.TagsPage.TagsPage .sideNav,
.TagsPage.TagsPage .sideNav>ul{
position: unset;
}
}
冬日蓝调
/* 不要在全部标签页上展示竖排、信息流广告，以及在线用户、论坛统计 */
.TagsPage .item-forumStatisticsWidget {
display: none !important;
}
body{
background-image: repeating-linear-gradient(148deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 12px,transparent 12px, transparent 13px,rgba(0,0,0,0.03) 13px, rgba(0,0,0,0.03) 18px,transparent 18px, transparent 26px),repeating-linear-gradient(83deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 6px,transparent 6px, transparent 14px,rgba(0,0,0,0.03) 14px, rgba(0,0,0,0.03) 26px,transparent 26px, transparent 38px),repeating-linear-gradient(325deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 12px,transparent 12px, transparent 15px,rgba(0,0,0,0.03) 15px, rgba(0,0,0,0.03) 20px,transparent 20px, transparent 30px),repeating-linear-gradient(148deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 5px,transparent 5px, transparent 7px,rgba(0,0,0,0.03) 7px, rgba(0,0,0,0.03) 12px,transparent 12px, transparent 23px),repeating-linear-gradient(330deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 6px,transparent 6px, transparent 17px,rgba(0,0,0,0.03) 17px, rgba(0,0,0,0.03) 28px,transparent 28px, transparent 29px),repeating-linear-gradient(142deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 6px,transparent 6px, transparent 7px,rgba(0,0,0,0.03) 7px, rgba(0,0,0,0.03) 12px,transparent 12px, transparent 21px),linear-gradient(90deg, hsl(124,0%,91%),hsl(124,0%,91%));
.CommentPost.Post--by-actor {
// This sets the left border to be the same color as the forum primary.
border-left: solid @config-primary-color;
}
.Hero {
background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
}
/* 卡片主题 */
.IndexPage .DiscussionListItem,
.UserPage .DiscussionListItem,
.DiscussionPage-discussion .DiscussionListItem{
transition: all 0.1s; /* 动画时间 */
}
@media (min-width: 991px){
.IndexPage .DiscussionList-discussions>li:not(:first-child) .DiscussionListItem:hover{ /* 悬浮效果 */
transform: scale(1.01); /* 缩放 */
}
}
@media (min-width: 768px){ /* pc 端 */
.IndexPage .DiscussionListItem-content,
.UserPage .DiscussionListItem-content,
.DiscussionPage-discussion .DiscussionListItem-content{ /* 首页、用户页、讨论页卡片大小、描边 */
padding-left: 80px;
padding-right: 80px;
padding-top: 10px;
border-radius: 8px;
padding-bottom: 10px;
border:1px solid #dbdfe6!important;
}
.IndexPage .Post.CommentPost,
.UserPage .Post.CommentPost,
.DiscussionPage-discussion .Post.CommentPost {
margin-top:20px;
border-radius: 8px;
border: 1px solid #dbdfe6 !important;
}
.IndexPage .DiscussionListItem-info>.item-tags,
.UserPage .DiscussionListItem-info>.item-tags {top: 23px !important;}
.DiscussionListItem {
position: relative;
margin-right: 0;
padding-right: 0;
padding-left: 0;
margin-left: 0;
border-radius: 8px;
margin-top:15px;
}
}
@media (min-width: 768px){
.IndexPage .DiscussionListItem:hover {
background-color: #fff;
-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
}}
/* banner */
.WelcomeHero{color: #282828;}
.Hero h2 { font-size: 25px; font-weight: 700;}
.Hero { box-shadow: 0px 1px 10px 0 rgba(151,158,181,0.28); background-color: #fff; margin-bottom: 15px;}
/*.DiscussionHero .TagsLabel .TagLabel { color: #4D698E; }*/
.WelcomeHero .Hero-subtitle {color: #000;}
}
/* 固定左侧标签栏 */
@media (min-width: 992px) {
.sideNav,
.sideNav>ul{
width: 190px;
position: sticky;
top: 80px;
}
.App {
overflow-x: visible;
}
/* 版块页不受影响 */
.CategoriesPage.TagsPage .sideNav,
.CategoriesPage.TagsPage .sideNav>ul{
position: unset;
}
/* 标签页不受影响 */
.TagsPage.TagsPage .sideNav,
.TagsPage.TagsPage .sideNav>ul{
position: unset;
}
}
暖色调2
#FF4500 #e2d849
/* 不要在全部标签页上展示竖排、信息流广告，以及在线用户、论坛统计 */
.TagsPage .item-forumStatisticsWidget {
display: none !important;
}
@media screen and (max-width: 600px) {
.item-forumStatisticsWidget {
display: none;
}
}
body{
background-image: linear-gradient(112.5deg, rgba(232, 232, 232, 0.03) 0%, rgba(232, 232, 232, 0.03) 2%,rgba(231, 231, 231, 0.03) 2%, rgba(231, 231, 231, 0.03) 4%,rgba(231, 231, 231, 0.03) 4%, rgba(231, 231, 231, 0.03) 11%,rgba(2, 2, 2, 0.03) 11%, rgba(2, 2, 2, 0.03) 67%,rgba(231, 231, 231, 0.03) 67%, rgba(231, 231, 231, 0.03) 90%,rgba(111, 111, 111, 0.03) 90%, rgba(111, 111, 111, 0.03) 100%),linear-gradient(157.5deg, rgba(210, 210, 210, 0.03) 0%, rgba(210, 210, 210, 0.03) 17%,rgba(254, 254, 254, 0.03) 17%, rgba(254, 254, 254, 0.03) 18%,rgba(96, 96, 96, 0.03) 18%, rgba(96, 96, 96, 0.03) 44%,rgba(159, 159, 159, 0.03) 44%, rgba(159, 159, 159, 0.03) 70%,rgba(24, 24, 24, 0.03) 70%, rgba(24, 24, 24, 0.03) 82%,rgba(16, 16, 16, 0.03) 82%, rgba(16, 16, 16, 0.03) 100%),linear-gradient(22.5deg, rgba(47, 47, 47, 0.03) 0%, rgba(47, 47, 47, 0.03) 32%,rgba(124, 124, 124, 0.03) 32%, rgba(124, 124, 124, 0.03) 40%,rgba(200, 200, 200, 0.03) 40%, rgba(200, 200, 200, 0.03) 42%,rgba(16, 16, 16, 0.03) 42%, rgba(16, 16, 16, 0.03) 64%,rgba(243, 243, 243, 0.03) 64%, rgba(243, 243, 243, 0.03) 94%,rgba(93, 93, 93, 0.03) 94%, rgba(93, 93, 93, 0.03) 100%),linear-gradient(90deg, #ffffff,#ffffff);
.CommentPost.Post--by-actor {
// This sets the left border to be the same color as the forum primary.
border-left: solid @config-primary-color;
}
.Hero {
background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
}
/* 卡片主题 */
.IndexPage .DiscussionListItem,
.UserPage .DiscussionListItem,
.DiscussionPage-discussion .DiscussionListItem{
transition: all 0.1s; /* 动画时间 */
}
@media (min-width: 991px){
.IndexPage .DiscussionList-discussions>li:not(:first-child) .DiscussionListItem:hover{ /* 悬浮效果 */
transform: scale(1.01); /* 缩放 */
}
}
@media (min-width: 768px){ /* pc 端 */
.IndexPage .DiscussionListItem-content,
.UserPage .DiscussionListItem-content,
.DiscussionPage-discussion .DiscussionListItem-content{ /* 首页、用户页、讨论页卡片大小、描边 */
padding-left: 80px;
padding-right: 80px;
padding-top: 10px;
border-radius: 8px;
padding-bottom: 10px;
border:1px solid #dbdfe6!important;
}
.IndexPage .Post.CommentPost,
.UserPage .Post.CommentPost,
.DiscussionPage-discussion .Post.CommentPost {
margin-top:20px;
border-radius: 8px;
border: 1px solid #dbdfe6 !important;
}
.IndexPage .DiscussionListItem-info>.item-tags,
.UserPage .DiscussionListItem-info>.item-tags {top: 23px !important;}
.DiscussionListItem {
position: relative;
margin-right: 0;
padding-right: 0;
padding-left: 0;
margin-left: 0;
border-radius: 8px;
margin-top:15px;
}
}
@media (min-width: 768px){
.IndexPage .DiscussionListItem:hover {
background-color: #fff;
-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
}}
/* banner */
.WelcomeHero{color: #282828;}
.Hero h2 { font-size: 25px; font-weight: 700;}
.Hero { box-shadow: 0px 1px 10px 0 rgba(151,158,181,0.28); background-color: #fff; margin-bottom: 15px;}
/*.DiscussionHero .TagsLabel .TagLabel { color: #4D698E; }*/
.WelcomeHero .Hero-subtitle {color: #000;}
}
/* 固定左侧标签栏 */
@media (min-width: 992px) {
.sideNav,
.sideNav>ul{
width: 190px;
position: sticky;
top: 80px;
}
.App {
overflow-x: visible;
}
/* 版块页不受影响 */
.CategoriesPage.TagsPage .sideNav,
.CategoriesPage.TagsPage .sideNav>ul{
position: unset;
}
/* 标签页不受影响 */
.TagsPage.TagsPage .sideNav,
.TagsPage.TagsPage .sideNav>ul{
position: unset;
}
}
蓝色调配，清新
#00BFFF #e2d849
/* 不要在全部标签页上展示竖排、信息流广告，以及在线用户、论坛统计 */
.TagsPage .item-forumStatisticsWidget {
display: none !important;
}
@media screen and (max-width: 600px) {
.item-forumStatisticsWidget {
display: none;
}
}
body{
background-image: repeating-linear-gradient(45deg, rgb(241, 241, 241) 0px, rgb(241, 241, 241) 144px,rgb(207, 207, 207) 144px, rgb(207, 207, 207) 288px,rgb(224, 224, 224) 288px, rgb(224, 224, 224) 432px);
.CommentPost.Post--by-actor {
// This sets the left border to be the same color as the forum primary.
border-left: solid @config-primary-color;
}
.Hero {background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);}
/* 卡片主题 */
.IndexPage .DiscussionListItem,
.UserPage .DiscussionListItem,
.DiscussionPage-discussion .DiscussionListItem{
transition: all 0.1s; /* 动画时间 */
}
@media (min-width: 991px){
.IndexPage .DiscussionList-discussions>li:not(:first-child) .DiscussionListItem:hover{ /* 悬浮效果 */
transform: scale(1.01); /* 缩放 */
}
}
@media (min-width: 768px){ /* pc 端 */
.IndexPage .DiscussionListItem-content,
.UserPage .DiscussionListItem-content,
.DiscussionPage-discussion .DiscussionListItem-content{ /* 首页、用户页、讨论页卡片大小、描边 */
padding-left: 80px;
padding-right: 80px;
padding-top: 10px;
border-radius: 8px;
padding-bottom: 10px;
border:1px solid #dbdfe6!important;
}
.IndexPage .Post.CommentPost,
.UserPage .Post.CommentPost,
.DiscussionPage-discussion .Post.CommentPost {
margin-top:20px;
border-radius: 8px;
border: 1px solid #dbdfe6 !important;
}
.IndexPage .DiscussionListItem-info>.item-tags,
.UserPage .DiscussionListItem-info>.item-tags {top: 23px !important;}
.DiscussionListItem {
position: relative;
margin-right: 0;
padding-right: 0;
padding-left: 0;
margin-left: 0;
border-radius: 8px;
margin-top:15px;
}
}
@media (min-width: 768px){
.IndexPage .DiscussionListItem:hover {
background-color: #fff;
-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
}}
/* banner */
.WelcomeHero{color: #282828;}
.Hero h2 { font-size: 25px; font-weight: 700;}
.Hero { box-shadow: 0px 1px 10px 0 rgba(151,158,181,0.28); background-color: #fff; margin-bottom: 15px;}
/*.DiscussionHero .TagsLabel .TagLabel { color: #4D698E; }*/
.WelcomeHero .Hero-subtitle {color: #000;}
}
/* 固定左侧标签栏 */
@media (min-width: 992px) {
.sideNav,
.sideNav>ul{
width: 190px;
position: sticky;
top: 80px;
}
.App {
overflow-x: visible;
}
/* 版块页不受影响 */
.CategoriesPage.TagsPage .sideNav,
.CategoriesPage.TagsPage .sideNav>ul{
position: unset;
}
/* 标签页不受影响 */
.TagsPage.TagsPage .sideNav,
.TagsPage.TagsPage .sideNav>ul{
position: unset;
}
}
渐变蓝色清新（冷色）#00BFFF+橙色(暖色)#FF7F00会很舒适哦！
/* 不要在全部标签页上展示竖排、信息流广告，以及在线用户、论坛统计 */
.TagsPage .item-forumStatisticsWidget {
display: none !important;
}
@media screen and (max-width: 600px) {
.item-forumStatisticsWidget {
display: none;
}
}
body{
background-image: linear-gradient(135deg, transparent 0%, transparent 9%,rgba(126, 196, 233,0.6) 9%, rgba(126, 196, 233,0.6) 51%,transparent 51%, transparent 57%,rgba(146, 246, 234,0.6) 57%, rgba(146, 246, 234,0.6) 100%),linear-gradient(45deg, transparent 0%, transparent 12%,rgb(126, 196, 233) 12%, rgb(126, 196, 233) 33%,rgb(87, 96, 230) 33%, rgb(87, 96, 230) 45%,transparent 45%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
.CommentPost.Post--by-actor {
// This sets the left border to be the same color as the forum primary.
border-left: solid @config-primary-color;
}
.Hero {background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);}
/* 卡片主题 */
.IndexPage .DiscussionListItem,
.UserPage .DiscussionListItem,
.DiscussionPage-discussion .DiscussionListItem{
transition: all 0.1s; /* 动画时间 */
}
@media (min-width: 991px){
.IndexPage .DiscussionList-discussions>li:not(:first-child) .DiscussionListItem:hover{ /* 悬浮效果 */
transform: scale(1.01); /* 缩放 */
}
}
@media (min-width: 768px){ /* pc 端 */
.IndexPage .DiscussionListItem-content,
.UserPage .DiscussionListItem-content,
.DiscussionPage-discussion .DiscussionListItem-content{ /* 首页、用户页、讨论页卡片大小、描边 */
padding-left: 80px;
padding-right: 80px;
padding-top: 10px;
border-radius: 8px;
padding-bottom: 10px;
border:1px solid #dbdfe6!important;
}
.IndexPage .Post.CommentPost,
.UserPage .Post.CommentPost,
.DiscussionPage-discussion .Post.CommentPost {
margin-top:20px;
border-radius: 8px;
border: 1px solid #dbdfe6 !important;
}
.IndexPage .DiscussionListItem-info>.item-tags,
.UserPage .DiscussionListItem-info>.item-tags {top: 23px !important;}
.DiscussionListItem {
position: relative;
margin-right: 0;
padding-right: 0;
padding-left: 0;
margin-left: 0;
border-radius: 8px;
margin-top:15px;
}
}
@media (min-width: 768px){
.IndexPage .DiscussionListItem:hover {
background-color: #fff;
-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
}}
/* banner */
.WelcomeHero{color: #282828;}
.Hero h2 { font-size: 25px; font-weight: 700;}
.Hero { box-shadow: 0px 1px 10px 0 rgba(151,158,181,0.28); background-color: #fff; margin-bottom: 15px;}
/*.DiscussionHero .TagsLabel .TagLabel { color: #4D698E; }*/
.WelcomeHero .Hero-subtitle {color: #000;}
}
/* 固定左侧标签栏 */
@media (min-width: 992px) {
.sideNav,
.sideNav>ul{
width: 190px;
position: sticky;
top: 80px;
}
.App {
overflow-x: visible;
}
/* 版块页不受影响 */
.CategoriesPage.TagsPage .sideNav,
.CategoriesPage.TagsPage .sideNav>ul{
position: unset;
}
/* 标签页不受影响 */
.TagsPage.TagsPage .sideNav,
.TagsPage.TagsPage .sideNav>ul{
position: unset;
}
}
/* 横幅 */
.IndexPage-toolbar::after {
content: "Please change your avatars as soon as possible！|请尽快更改头像！";
padding: 10px;
background-color:#00BFFF
color: #DC143C;
font-weight: bold;
border-radius: 5px;
text-align: center;
font-size: 16px;
display: block;
margin: 5px 0;
white-space: pre-wrap;
}
热情奔放！
#FF9D6F #84C1FF
/* 跳动标题 */
.Hero-title {
animation: my-face 5s infinite ease-in-out;
display: inline-block;
margin: 0 5px;
}
@keyframes my-face {
2% {
transform: translate(0,1.5px) rotate(1.5deg);
}
4% {
transform: translate(0,-1.5px) rotate(-0.5deg);
}
6% {
transform: translate(0,1.5px) rotate(-1.5deg);
}
8% {
transform: translate(0,-1.5px) rotate(-1.5deg);
}
10% {
transform: translate(0,2.5px) rotate(1.5deg);
}
12% {
transform: translate(0,-0.5px) rotate(1.5deg);
}
14% {
transform: translate(0,-1.5px) rotate(1.5deg);
}
16% {
transform: translate(0,-0.5px) rotate(-1.5deg);
}
18% {
transform: translate(0,0.5px) rotate(-1.5deg);
}
20% {
transform: translate(0,-1.5px) rotate(2.5deg);
}
22% {
transform: translate(0,0.5px) rotate(-1.5deg);
}
24% {
transform: translate(0,1.5px) rotate(1.5deg);
}
26% {
transform: translate(0,0.5px) rotate(0.5deg);
}
28% {
transform: translate(0,0.5px) rotate(1.5deg);
}
30% {
transform: translate(0,-0.5px) rotate(2.5deg);
}
32% {
transform: translate(0,1.5px) rotate(-0.5deg);
}
34% {
transform: translate(0,1.5px) rotate(-0.5deg);
}
36% {
transform: translate(0,-1.5px) rotate(2.5deg);
}
38% {
transform: translate(0,1.5px) rotate(-1.5deg);
}
40% {
transform: translate(0,-0.5px) rotate(2.5deg);
}
42% {
transform: translate(0,2.5px) rotate(-1.5deg);
}
44% {
transform: translate(0,1.5px) rotate(0.5deg);
}
46% {
transform: translate(0,-1.5px) rotate(2.5deg);
}
48% {
transform: translate(0,-0.5px) rotate(0.5deg);
}
50% {
transform: translate(0,0.5px) rotate(0.5deg);
}
52% {
transform: translate(0,2.5px) rotate(2.5deg);
}
54% {
transform: translate(0,-1.5px) rotate(1.5deg);
}
56% {
transform: translate(0,2.5px) rotate(2.5deg);
}
58% {
transform: translate(0,0.5px) rotate(2.5deg);
}
60% {
transform: translate(0,2.5px) rotate(2.5deg);
}
62% {
transform: translate(0,-0.5px) rotate(2.5deg);
}
64% {
transform: translate(0,-0.5px) rotate(1.5deg);
}
66% {
transform: translate(0,1.5px) rotate(-0.5deg);
}
68% {
transform: translate(0,-1.5px) rotate(-0.5deg);
}
70% {
transform: translate(0,1.5px) rotate(0.5deg);
}
72% {
transform: translate(0,2.5px) rotate(1.5deg);
}
74% {
transform: translate(0,-0.5px) rotate(0.5deg);
}
76% {
transform: translate(0,-0.5px) rotate(2.5deg);
}
78% {
transform: translate(0,-0.5px) rotate(1.5deg);
}
80% {
transform: translate(0,1.5px) rotate(1.5deg);
}
82% {
transform: translate(0,-0.5px) rotate(0.5deg);
}
84% {
transform: translate(0,1.5px) rotate(2.5deg);
}
86% {
transform: translate(0,-1.5px) rotate(-1.5deg);
}
88% {
transform: translate(0,-0.5px) rotate(2.5deg);
}
90% {
transform: translate(0,2.5px) rotate(-0.5deg);
}
92% {
transform: translate(0,0.5px) rotate(-0.5deg);
}
94% {
transform: translate(0,2.5px) rotate(0.5deg);
}
96% {
transform: translate(0,-0.5px) rotate(1.5deg);
}
98% {
transform: translate(0,-1.5px) rotate(-0.5deg);
}
0%,100% {
transform: translate(0,0) rotate(0deg);
}
}
/* 不要在全部标签页上展示竖排、信息流广告，以及在线用户、论坛统计 */
.TagsPage .item-forumStatisticsWidget {
display: none !important;
}
@media screen and (max-width: 600px) {
.item-forumStatisticsWidget {
display: none;
}
}
body {
p{font-family:“Noto Serif SC”, Times, serif;}
background-image: radial-gradient(circle at 44% 9%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 74%,transparent 74%, transparent 83%,transparent 83%, transparent 100%),radial-gradient(circle at 0% 23%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 8%,transparent 8%, transparent 69%,transparent 69%, transparent 100%),radial-gradient(circle at 87% 35%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 10%,transparent 10%, transparent 61%,transparent 61%, transparent 100%),radial-gradient(circle at 22% 7%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 16%,transparent 16%, transparent 88%,transparent 88%, transparent 100%),radial-gradient(circle at 37% 26%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 7%,transparent 7%, transparent 9%,transparent 9%, transparent 100%),radial-gradient(circle at 86% 59%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 77%,transparent 77%, transparent 95%,transparent 95%, transparent 100%),radial-gradient(circle at 75% 83%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 35%,transparent 35%, transparent 86%,transparent 86%, transparent 100%),linear-gradient(0deg, hsl(279,0%,100%),hsl(279,0%,100%));
// This sets the left border to be the same color as the forum primary.
border-left: solid @config-primary-color;
}
.Hero {
background-image: linear-gradient(-20deg, #f794a4 0%, #fdd6bd 100%);
.IndexPage .DiscussionListItem-content,
.UserPage .DiscussionListItem-content,
.DiscussionPage-discussion .DiscussionListItem-content {
/* 首页、用户页、讨论页卡片大小、描边 */
padding-left: 80px;
padding-right: 80px;
padding-top: 10px;
border-radius: 8px;
padding-bottom: 10px;
border: 1px solid #dbdfe6!important;
}
.IndexPage .Post.CommentPost,
.UserPage .Post.CommentPost,
.DiscussionPage-discussion .Post.CommentPost {
margin-top: 20px;
border-radius: 8px;
border: 1px solid #dbdfe6 !important;
}
.IndexPage .DiscussionListItem-info>.item-tags,
.UserPage .DiscussionListItem-info>.item-tags {
top: 23px !important;
}
.DiscussionListItem {
position: relative;
margin-right: 0;
padding-right: 0;
padding-left: 0;
margin-left: 0;
border-radius: 8px;
margin-top: 15px;
}
}
@media (min-width: 768px) {
.IndexPage .DiscussionListItem:hover {
background-color: #fff;
-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
}
}
/* banner */
.WelcomeHero {
color: #282828;
}
.Hero h2 {
font-size: 25px;
font-weight: 700;
}
.Hero {
box-shadow: 0px 1px 10px 0 rgba(151,158,181,0.28);
background-color: #fff;
margin-bottom: 15px;
}
/.DiscussionHero .TagsLabel .TagLabel { color: #4D698E; }/
.WelcomeHero .Hero-subtitle {
color: #000;
}
/右上角楼主/
div.PostStream-item article.CommentPost.Post.Post–by-start-user header.Post-header ul:not(ul.PostUser-badges.badges):after {
content: “楼主”;
background: #F05D1D;
padding: 1px 10px 0px;
color: white;
border-radius: 4px;
font-size: 14px;
float: right;
}
/沙发/
div.PostStream-item article.CommentPost.Post header.Post-header ul:not(ul.PostUser-badges.badges)::after {
content: “沙发”;
background: #f947c8;
padding: 1px 10px 0px;
color: white;
border-radius: 4px;
font-size: 14px;
float: right;
}
/板凳/
div.PostStream-item article.CommentPost.Post header.Post-header ul:not(ul.PostUser-badges.badges)::after {
content: “板凳”;
background: #db45fb;
padding: 1px 10px 0px;
color: white;
border-radius: 4px;
font-size: 14px;
float: right;
}
/地板/
div.PostStream-item article.CommentPost.Post header.Post-header ul:not(ul.PostUser-badges.badges)::after {
content: “地板”;
background: #2a92f4;
padding: 1px 10px 0px;
color: white;
border-radius: 4px;
font-size: 14px;
float: right;
}