The 365 Forum Restyle

Theme for the NEW NEW Forum

  1. /* ==UserStyle==
  2. @name The 365 Forum Restyle
  3. @namespace https://greasyfork.org/en/users/221979-trig365
  4. @homepageURL https://greasyfork.org/en/users/221979-trig365
  5. @version 1.1.1
  6. @license GPL-3.0+
  7. @description Theme for the NEW NEW Forum
  8. @author Trigger (https://greasyfork.org/en/users/221979-trig365)
  9. @preprocessor uso
  10. ==/UserStyle== */
  11. @-moz-document domain("www.theforum365.com") {
  12. /* GLOBAL */
  13. p {
  14. line-height: 1.3;
  15. }
  16.  
  17. div#elSearchWrapper {
  18. position: absolute;
  19. right: 0;
  20. top: 43px;
  21. z-index: 30000;
  22. }
  23.  
  24. #elSearch {
  25. width: 200px;
  26. }
  27.  
  28. #elSearch input[type="search"] {
  29. background: #eee;
  30. border-radius: 20px;
  31. width: 150px;
  32. padding: 0px 1px 0px 10px;
  33. }
  34.  
  35. #elLogo img {
  36. padding-top: 0em;
  37. max-height: 41px;
  38. max-width: 115px;
  39. }
  40.  
  41. #ipsLayout_header header > .ipsLayout_container {
  42. min-height: 45px;
  43. }
  44.  
  45.  
  46.  
  47.  
  48. /* LETS SORT THE HEADER AND BODY WIDTH */
  49. .ipsLayout_container {
  50. max-width: 2200px;
  51. width: 100%;
  52. }
  53. main#ipsLayout_body {
  54. width: 100%;
  55. max-width: 2200px;
  56. }
  57. #ipsLayout_header header {
  58. background-color: #3C5E79;
  59. }
  60. .ipsApp .ipsButton_important {
  61. background: #3C5E79;
  62. }
  63. .ipsPageHeader {
  64. margin: 0px !important;
  65. }
  66.  
  67.  
  68. /* PAGE HEADER */
  69. #ipsLayout_header nav {
  70. z-index: 1 !important;
  71. }
  72.  
  73. #ipsLayout_header header {
  74. z-index: 2 !important;
  75. }
  76.  
  77.  
  78. #ipsLayout_header header > .ipsLayout_container {
  79. height: 47px !important;
  80. }
  81.  
  82. ul#elUserNav {
  83. position: absolute !important;
  84. top: 55px !important;
  85. right: 15px !important;
  86. z-index: 300000 !important;
  87. }
  88.  
  89. #elSiteTitle,
  90. #elLogo {
  91. height: inherit !important;
  92. }
  93.  
  94. .ipsPageHeader {
  95. padding: 10px !important;
  96. }
  97.  
  98. .ipsPageHeader .ipsPos_right {
  99. float: right;
  100. margin-top: -35px !important;
  101. }
  102.  
  103. .ipsPageHeader hr.ipsHr.ipsResponsive_hidePhone {
  104. display: none;
  105. }
  106.  
  107.  
  108.  
  109. /* MAIN FORUM LIST */
  110. .ipsType_sectionTitle {
  111. background: #3C5E79;
  112. }
  113. .cForumList .ipsDataItem_title {
  114. font-size: 15px;
  115. }
  116. .ipsItemStatus.ipsItemStatus_large {
  117. width: 30px;
  118. height: 30px;
  119. line-height: 30px;
  120. font-size: 17px;
  121. }
  122. ul.ipsList_reset li.ipsWidget:nth-child(3n) {
  123. display: none;
  124. }
  125.  
  126. .ipsDataItem_main,
  127. .ipsDataItem_stats,
  128. .ipsDataItem_lastPoster,
  129. .ipsDataItem_generic,
  130. .ipsDataItem_modCheck,
  131. .ipsDataItem_icon {
  132. display: table-cell;
  133. padding: 1px var(--sp-3);
  134. vertical-align: middle;
  135. }
  136.  
  137. body.ipsApp_front ul.ipsToolList.ipsToolList_horizontal.ipsToolList_horizontal--flex.ipsClearfix.ipsSpacer_both {
  138. margin-bottom: 10px;
  139. }
  140.  
  141.  
  142. /* BG COLOURS */
  143. .ipsDataList_zebra.ipsDataList:not( .ipsGrid) .ipsDataItem:last-child,
  144. .ipsDataList.ipsDataList_zebra > .ipsDataItem {
  145. background: #f8f8f8;
  146. }
  147. .ipsDataList.ipsDataList_zebra .ipsDataItem:not( .ipsDataItem_selected):not( .ipsModerated):not( .ipsDataItem_new):not( .ipsDataItem_success):not( .ipsDataItem_warning):not( .ipsDataItem_error):not( .ipsDataItem_info):not( .ipsDataItem_status):nth-child(even) {
  148. background: #FFF;
  149. }
  150.  
  151.  
  152. /* TITLES */
  153. .ipsDataItem_title {
  154. font-size: 14px;
  155. margin-bottom: 0;
  156. }
  157. .ipsDataItem_icon {
  158. padding: 8px 10px !important;
  159. }
  160. .ipsDataItem_stats {
  161. padding: 8px 10px;
  162. }
  163. .ipsDataList .ipsDataItem_main .ipsDataItem_meta {
  164. font-size: 12.5px;
  165. }
  166. li.ipsDataItem ul.ipsDataItem_lastPoster li:first-child > a img {
  167. display: none !important;
  168. }
  169. li.ipsDataItem ul.ipsDataItem_lastPoster li:nth-child(2n),
  170. li.ipsDataItem ul.ipsDataItem_lastPoster li:nth-child(3n) {
  171. margin-left: 10px;
  172. }
  173.  
  174.  
  175. /* THREAD TIME */
  176. ul.ipsToolList.ipsToolList_horizontal.ipsClearfix.ipsSpacer_both {
  177. margin-top: 10px;
  178. margin-bottom: 0px;
  179. }
  180.  
  181. #elPostFeed article {
  182. margin-top: 5px;
  183. padding-top: 5px;
  184. padding-bottom: 5px;
  185. }
  186. aside.ipsComment_author.cAuthorPane.ipsColumn.ipsColumn_medium.ipsResponsive_hidePhone {
  187. width: 15%;
  188. }
  189. li.cAuthorPane_photo {
  190. display: none;
  191. }
  192. h3.cAuthorPane_author {
  193. font-size: 13px;
  194. }
  195. ul.ipsComment_controls.ipsClearfix.ipsItemControls_left {
  196. position: absolute;
  197. right: 117px;
  198. top: -30px;
  199. }
  200. .ipsItemControls {
  201. padding-top: 0px;
  202. margin-top: 0;
  203. border-top: none;
  204. }
  205. .ipsQuote {
  206. margin-bottom: 15px;
  207. }
  208. .ipsQuote .ipsQuote_contents {
  209. padding: 10px;
  210. }
  211. #elPostFeed article:nth-of-type(2n+1) {
  212. background: #fff;
  213. outline: 1px solid #e2e2e2 !important;
  214. }
  215. #elPostFeed article .ipsColumn.ipsColumn_fluid {
  216. padding-left: 15px;
  217. border-left: 1px solid #e9e9e9;
  218. }
  219.  
  220. .ipsUnreadBar {
  221. margin-top: 5px;
  222. margin-bottom: 5px;
  223. }
  224.  
  225. /* Username size fix */
  226.  
  227. .ipsApp .cAuthorPane_author {
  228.  
  229. font-size: 13px;
  230. margin: 0 0 -1px 0;
  231. font-weight: 500
  232. }
  233.  
  234. }