├── Custom.css
├── README.md
├── bg.jpg
└── preview.jpg


/Custom.css:
--------------------------------------------------------------------------------
  1 | @media (min-width: 768px) {
  2 |   body {
  3 |     font-family: Helvetica, Arial, PingFang SC, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, NSimSun, Simsun, sans-serif !important;
  4 |     background-image: url("bg.jpg");
  5 |     background-repeat: no-repeat;
  6 |     background-size: cover;
  7 |     background-attachment: fixed;
  8 |   }
  9 |   #flarum-loading {
 10 |     font-family: 'adelle', 'Georgia', Arial, FangSong, "KaiTi", Simsun, sans-serif !important;
 11 |     font-size: 24px;
 12 |   }
 13 |   #header {
 14 |     background-color: rgba(255, 255, 255, 0.9);
 15 |     height: 75px;
 16 |   }
 17 |   .Hero {
 18 |     margin-top: 10px;
 19 |     border-top-left-radius: 4px;
 20 |     border-top-right-radius: 4px;
 21 |   }
 22 |   .App-content {
 23 |     border-top: none;
 24 |     background-color: rgba(255, 255, 255, 0.9);
 25 |     max-width: 1100px;
 26 |     margin: 40px auto;
 27 |     border-radius: 4px;
 28 |   }
 29 |   .App:before {
 30 |     display: none;
 31 |   }
 32 |   .hasPane.panePinned .App-content, .hasPane.panePinned .App-footer {
 33 |     margin-left: 30%;
 34 |   }
 35 |   .UserCard {
 36 |     border-top-left-radius: 4px;
 37 |     border-top-right-radius: 4px;
 38 |     overflow: hidden;
 39 |   }
 40 |   .containerNarrow {
 41 |     font-family: 'adelle', 'Georgia', Helvetica, Arial, FangSong, "KaiTi", Simsun, sans-serif !important;
 42 |   }
 43 |   .DiscussionHero-title {
 44 |     font-family: Times, 'adelle', 'Georgia', Arial, FangSong, "KaiTi", NSimSun, Simsun, sans-serif !important;
 45 |   }
 46 |   .Button-label .username {
 47 |     font-family: 'adelle', 'Georgia', Arial, PingFang SC, Microsoft Yahei, Hiragino Sans GB, Simsun, sans-serif !important;
 48 |     font-size: 16px;
 49 |   }
 50 |   .TagLabel {
 51 |     font-size: 100%;
 52 |     font-weight: normal;
 53 |   }
 54 |   .TagCloud {
 55 |     padding-bottom: 20px;
 56 |   }
 57 |   .sideNav .Dropdown--select .Dropdown-menu > li > a {
 58 |     padding: 8px 0 10px 65px;
 59 |   }
 60 |   .App-header .container {
 61 |     padding-top: 12px;
 62 |   }
 63 |   .App-header .Header-navigation {
 64 |     margin-top: 10px;
 65 |   }
 66 |   .Scrubber-handle {
 67 |     background: none;
 68 |   }
 69 |   @media (max-height: 820px) {
 70 |     .App {
 71 |         padding-bottom: 0 !important;
 72 |     }
 73 |   }
 74 |   .DiscussionPage-discussion > .container {
 75 |     min-height: 520px;
 76 |     padding-bottom: 20px;
 77 |   }
 78 |   .DiscussionPage-list {
 79 |     top: 75px;
 80 |     width: 370px;
 81 |     border-top: none;
 82 |     background-color: rgba(255, 255, 255, 0.9);
 83 |   }
 84 |   .ReplyPlaceholder {
 85 |     margin-left: 5px;
 86 |     margin-top: 25px;
 87 |     padding-left: 150px;
 88 |     font-size: 18px;
 89 |     font-family: Times, NSimSun, Simsun, PingFang SC, sans-serif !important;
 90 |   }
 91 |   .Avatar {
 92 |     font-family: 'adelle', 'Georgia', Helvetica, Arial, "KaiTi", PingFang SC, NSimSun, Simsun, sans-serif !important;
 93 |   }
 94 |   #admin-navigation {
 95 |     top: 85px;
 96 |     border-radius: 4px;
 97 |   }
 98 | }
 99 | .PostsUserPage-discussion a {
100 |   font-style: normal;
101 | }
102 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Flarum Custom CSS Style
2 | 
3 | ![preview](https://raw.githubusercontent.com/wohont/flarum-custom-css-style/master/preview.jpg)


--------------------------------------------------------------------------------
/bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jsthon/flarum-custom-css-style/b7c610d3f492a117fc10f8ab3fc7d568fcccb796/bg.jpg


--------------------------------------------------------------------------------
/preview.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jsthon/flarum-custom-css-style/b7c610d3f492a117fc10f8ab3fc7d568fcccb796/preview.jpg


--------------------------------------------------------------------------------