krackocloud

MotK Hakurei

May 9th, 2013
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.04 KB | None | 0 0
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2. @-moz-document domain("www.shrinemaiden.org") {
  3. /*Hakurei theme for MotK*/
  4. /*By KrackoCloud! (Annotations inspired by Theshim, I guess!)
  5. /*Last updated May 17 2013
  6. */
  7.  
  8. /*BACKGROUND--------------------------------------------------------------------------------------------------------------------------------------------*/
  9. /* main background */
  10. body{
  11. background: #F5F5F5!important;
  12. }
  13. /* top bg */
  14. #bannerbg{
  15. background: #FCFCFC!important;
  16. opacity: 0!important; /*Default forum css is 0.5*/
  17. }
  18. /* top center, holds the site logo */
  19. #bannerouter, #header{
  20. background: #FCFCFC!important;
  21. }
  22. /* area of the page that holds all the content */
  23. #moderndark64 .topleft{
  24. background: #FAFAFA!important;
  25. }
  26. /* very bottom of page, with the forum credits */
  27. #wfooter{
  28. background: #FAFAFA!important;
  29. }
  30.  
  31. /*BOARD INDEX--------------------------------------------------------------------------------------------------------------------------------------------*/
  32. /* Subforum titles */
  33. .table_list tbody.content td.info a.subject{
  34. color: #BE3030!important;
  35. }
  36. /* Subforum explanation text */
  37. body, td, th, tr{
  38. color: black !important;
  39. }
  40. /* Info Center headers */
  41. .titlebg, .titlebg2, thead tr.titlebg th, tr.titlebg td, tr.titlebg2 td{
  42. background: #EBEBEB!important;
  43. border: 1px solid #CCCCCC;
  44. }
  45. /* Info Center body */
  46. #upshrinkHeaderIC p{
  47. line-height: 1.3em;
  48. padding: 0.5em;
  49. background: #F5F5F5!important;
  50. border: 1px solid #CCCCCC !important;
  51. }
  52. /* Site News fader */
  53. #newsfader {
  54. border: 1px solid #CCCCCC;
  55. background: #EEEEEE!important;
  56. }
  57. /*cell borders
  58. table.table_list tr{
  59. }*/
  60.  
  61. /*MAIN SCHEME (SEEN IN BOARDS AND THREADS)--------------------------------------------------------------------------------------------------------------------*/
  62. /* Text/background for the forum headers (news, Reimu's Rules, info center) and board headers (Subject/Started By, Replies/Views) */
  63. #moderndark64 .catbg, #moderndark64 .catbg2, #moderndark64 tr.catbg td, #moderndark64 tr.catbg2 td,#moderndark64 tr.catbg th,#moderndark64 tr.catbg2 th{
  64. background: #B40000!important;
  65. color: #C8C6C6!important;
  66. }
  67. /*For the forum header titles that also happen to be links (Bunbunmaru News, Hakurei Shrine, etc).
  68. Because they're links, they have link colors, not the color listed in the above section. This section helps override the disparity */
  69. h3.catbg a, tr.catbg a{
  70. color:#E6E2E2!important;
  71. }
  72. /* ODD-numbered posts, odd-numbered thread bars, childboard boxes, the read/undread icons, and preview text box */
  73. .windowbg, #preview_body{
  74. color: black !important;
  75. background-color: #F2E3E1!important; /*reddish*/
  76. }
  77. /* EVEN numbered posts, even-numbered thread bars, the "Started by", the time last posted in, subforum name and descriptions, the week buttons on the calendar,
  78. the bg on the site stats, odd-numbered columns on the memberlist, and the members and guests viewing box */
  79. .windowbg2{
  80. color: black !important;
  81. background-color: #FAF9F9!important; /*bright*/
  82. }
  83.  
  84. /*input areas*/
  85. input, button, select, textarea{
  86. color: black!important;
  87. background: white!important;
  88. }
  89. /* Small text that appears all over the place - Recently active users, "users viweing this board/topic", date reply was posted, user custom flavor text,
  90. thread icon legend, forum engine credits at bottom, and probably much more*/
  91. .smalltext{
  92. color: black!important;
  93. }
  94. /*search/submit buttons*/
  95. .button_submit, .button_reset{
  96. background: #A50007!important;
  97. color: white!important;
  98. }
  99.  
  100. /*BOARDS--------------------------------------------------------------------------------------------------------------------------------------------*/
  101. /*The only part of the directory, which is above boards, that isn't a link. (Moderator, Post Reply, etc)*/
  102. .navigate_section{
  103. color:black!important;
  104. }
  105. /*Buttons above and below boards (Mark all messages as read, New Topic, Notify, etc)*/
  106. .buttonlist ul li a{
  107. color:white!important;
  108. }
  109. /* Half-round header bars for some tables, pretty much unused */
  110. .table_grid thead th{
  111. background: #524e4e !important;
  112. }
  113.  
  114. /* sides of a thread bar - Don't use this if you want the whole bar to look the same!
  115. Look out - Things will look different on non-board thread listings (unread topics, replies)!
  116. /* left side - first color
  117. .icon1.windowbg, .icon2.windowbg{}
  118. /* second color
  119. .icon1.windowbg2, .icon2.windowbg2{ }
  120. /* right side - first color
  121. .stats.windowbg, .lastpost.windowbg{ }
  122. /* second color
  123. .stats.windowbg2, .lastpost.windowbg2{ }
  124.  
  125. /* stick thread bars */
  126. .stickybg{
  127. background: #E6DDF0!important;
  128. }
  129. .stickybg2{
  130. background: #E4CBE6!important;
  131. }
  132. /* locked thread */
  133. .lockedbg{
  134. background: #E6DAC1!important;
  135. }
  136. .lockedbg2{
  137. background: #F0E7D4!important;
  138. }
  139.  
  140. /*People viewing a board/thread*/
  141. .whos_viewing, #whoisviewing{
  142. background: #FAFAFA!important;
  143. }
  144.  
  145. /*POSTING--------------------------------------------------------------------------------------------------------------------------------------------*/
  146. /* quotes */
  147. blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote{
  148. color: black !important;
  149. background: #CBC3CD!important;
  150. }
  151. /* post warning text box (while you were posting new replies, etc.) */
  152. #errors{
  153. /*background: #FFE4E9 !important; /*default is #FFE4E9*/
  154. }
  155.  
  156. /*LINKS----------------------------------------------------------------------------------------------------------------------------------------------*/
  157. /* onsite links, excluding subforum names (but not childboard names) */
  158. a:link, a:visited, a:not(userlink){ /*currently trying to fix forcing link color onto usernames*/
  159. color: #BE0000!important;
  160. }
  161. a.userlink:link, a.userlink:visited{ /*usernames. see above*/
  162. }
  163. a:hover{ /*mouseover*/
  164. color: #82005A!important;
  165. }
  166. /* user menu below search bar*/
  167. #user, #user a{
  168. color: #BE0000!important;
  169. }
  170. #user a:hover{ /*mouseover*/
  171. color: #82005A!important;
  172. }
  173. /* hyperlink*/
  174. .bbc_link:link, .bbc_link:visited{
  175. color: #690099!important;
  176. }
  177. .bbc_link:hover{ /*mouseover*/
  178. color: #3C005A!important;
  179. }
  180.  
  181. /*FRONT PAGE--------------------------------------------------------*/
  182. /*main area and sidebar (they're kind of merged together)*/
  183. #container, #sidebar{
  184. background:#F2E3E1!important;
  185. }
  186. /*articles*/
  187. #content{
  188. background: #F8F8F8!important;
  189. }
  190. /*navigation bar at the top*/
  191. #header-bar{
  192. background: #F2E3E1!important;
  193. }
  194. /*navigation buttons on mouseover*/
  195. #pagenav li a:hover{
  196. background: #FCFCFC!important;
  197. }
  198. /*footer*/
  199. #footer{
  200. background: #F2E3E1!important;
  201. }
  202. /*small gap between page header and content. Holds the search bar*/
  203. #navigation{
  204. background: #B40000!important;
  205. }
  206. /*"In category" section right below sharing buttons*/
  207. .post_category, .post_category span{
  208. background: #F2E3E1!important;
  209. color: black !important;
  210. }
  211. /*article details (written by, written on)*/
  212. .post_dets span{
  213. color: black!important;
  214. }
  215.  
  216. /*DROPDOWN MENUS--------------------------------------------------------------------------------------------------------------------*/
  217. /*top toolbar*/
  218. #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused, #nav a.mainMenuParentBtnFocused, #nav a.chosen, #nav a:hover, #nav a:focus, #nav li a:hover, #nav li a:focus {
  219. background: none repeat scroll 0 0 #eeeeee!important;
  220. }
  221. #subMenusContainer a:hover{ /*mouseover*/
  222. background: #F2E3E1!important;
  223. }
  224. /* other dropdown menus*/
  225. .subMenuBtn, .subParentBtn, .mainMenuParentBtnFocused{
  226. background: #eeeeee!important;
  227. }
  228. #admsubMenus a:hover{ /*mouseover*/
  229. background: #F2E3E1!important;
  230. }
  231.  
  232. /*HEADERS/FOOTERS--------------------------------------------------------------------------------------------------------------------------------------------*/
  233. /* headers , which is used for a ton of stuff*/
  234. h1, h2, h5, h6{
  235. color: white !important;
  236. }
  237. h3{ /*for the sake of the front page*/
  238. color: black!important;
  239. }
  240. /*This includes usernames when viewing profiles, and small headers like "Signature" when viewing profiles*/
  241. h4, h5{
  242. color: black !important;
  243. }
  244.  
  245. /* legend at the bottom (thread icon explanations) */
  246. .description, .description_board, .plainbox{
  247. background: #F5F5F5!important;
  248. }
  249.  
  250. /*CALENDAR-----------------------------------------------------------------------------------------------------------------------------------------------*/
  251. /* background of the current date on the calendar */
  252. .calendar_today{
  253. background-color: #F5F5F5!important;
  254. }
  255. /* color of the word "birthdays" on the calendar */
  256. .birthday{
  257. color: #C344E6 !important;
  258. }
  259. /* color of names of holidays on the calendar */
  260. .holiday{
  261. color: #9636DC!important;
  262. }
  263.  
  264. /**/
  265.  
  266. }
Advertisement
Add Comment
Please, Sign In to add comment