You are here

advanced_forum.silver_bells.style.css in Advanced Forum 6.2

/*
This file contains colors, graphics, and text effects. 

Colors used:
  #C1C1C1 Borders, post seperator, avatar frame, statistics subheader.
  #333333 Table header font color.
  #F5F5F5 to #DDDDDD Gradient on table headers, post info, stats header, top
                     post footer, topic navigation.
  #F5F5F5 to #EFEFEF Gradient on topic list background.
  #F5F5F5 Stats section background.
  #FAFAFA Text area on posts.
*/

/*** PAGER *******************************************************************/

/* This is the pager on the topics in the list */
.topic-pager {
  font-style: italic;
}

/* Other pagers in the forum */
.forum-pager .pager a,
#forum-comments .pager a {
  font-weight: bold;
}

.forum-pager .pager a:link,
.forum-pager .pager a:visited,
#forum-comments .pager a:link,
#forum-comments .pager a:visited {
  text-decoration: none;
  border: 1px solid #C1C1C1;
  background: #EFEFEF;
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#EFEFEF));
  background: -moz-linear-gradient(top, #F5F5F5, #EFEFEF);
}

.forum-pager .pager-current,
.forum-pager .pager a:hover,
#forum-comments .pager-current,
#forum-comments .pager a:hover {
  background: #333333;
  color: #FFFFFF !important; 
}

.forum-pager .pager a.active,
#forum-comments .pager a.active {
  color: #333333; 
}

/*** FORUM & TOPIC LISTS ******************************************************/

/* Forum list and topic list tables */
.forum-table {
  border: 1px solid #C1C1C1;
}

/* Table name and description on forum list and table header on topic list */
.forum-table-wrap .forum-table-superheader,
.forum-table-topics thead tr  {
  border: 1px solid #C1C1C1;
  background: #DDDDDD;
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));
  background: -moz-linear-gradient(top, #F5F5F5, #DDDDDD);
  color: #333333;
}

/* Table name on forum list */
.forum-table-superheader .forum-table-name,
.forum-table-superheader .forum-table-name a {
  color: #333333;
  font-weight: bold;
}

/* Table header on forum list */
.forum-table-wrap thead tr {
  background-color: #F5F5F5;
  border: 1px solid #C1C1C1;
}

/* Table header on forum list and topic list */
.forum-table thead tr a,
.forum-table thead tr a:visited,
.forum-table thead tr a:link {
  color: #333333;
  font-weight: bold;
}

/* Reset to avoid bleed-thru from theme */
.forum-table thead th {
  border-bottom: none;
}

/* Rows on both tables */
.forum-table tr.even,
.forum-table tr.odd {
  border-top: 1px solid #C1C1C1;
  background: #EFEFEF;
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));
  background: -moz-linear-gradient(top, #F5F5F5, #DDDDDD);
}

/* Active column on both tables - reset to prevent bleed thru from theme */
.forum-table tr.even td.active,
.forum-table tr.odd td.active{
  background-color: transparent;
}

/* Individual cells on both tables */
.forum-table td {
  border: 1px solid #C1C1C1;
}

/* Placeholder when there are no topics in the list */
.view-advanced-forum-topic-list .view-empty {
  border: 3px solid #C1C1C1;
}

/*** Sticky topics ***/
.forum-table tr.forum-last-sticky {
  border-bottom: 10px solid #C1C1C1;
}

.forum-table .sticky-label {
  font-weight: bold;
}

/*** FORUM STATISTICS *********************************************************/

#forum-statistics {
  border: 1px solid #C1C1C1;
}

#forum-statistics-header {
  border-top: 1px solid #C1C1C1;
  background: #DDDDDD;
  background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DDDDDD));
  background: -moz-linear-gradient(top, #EFEFEF, #DDDDDD);
  color: #333333;
  font-weight: bold;
}

.forum-statistics-sub-header {
  border-top: 1px solid #C1C1C1;
  border-bottom: 1px solid #C1C1C1;
  font-weight: bold;
}

.forum-statistics-sub-body {
  background-color: #F5F5F5;
}

/*** FORUM TOPICS **********************************************************/

.forum-post {
  border: 1px solid #C1C1C1;
}

/* Header at the top of each post */
.forum-post-info {
  border-top: 1px solid #FAFAFA;
  background: #DDDDDD;
  background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DDDDDD));
  background: -moz-linear-gradient(top, #EFEFEF, #DDDDDD);
  color: #333333;
  font-weight: bold;
  border-bottom: 1px solid #C1C1C1;
}

.forum-posted-on {
  font-weight: bold;
}

.forum-post-number a {
  color: #333333 !important;
}

/* Wrapper around author pane and content */
.forum-post-wrapper {
  background-color: #F5F5F5;
}

/* Author information pane */
.forum-post-panel-sub .author-pane .author-name {
  font-weight: bold;
}

.forum-post-panel-sub .author-pane .picture img {
  border: 1px solid #C1C1C1;
  background-color: #FFFFFF;
}

.forum-post-panel-sub .author-pane .author-pane-label {
  font-weight: bold;
}

/* Post text area */
.forum-post-panel-main {
  border-left: 1px solid #C1C1C1;
  background-color: #FAFAFA;
}

.forum-post-title {
  font-weight: bold;
  border-bottom: 1px solid #C1C1C1;
}

/* Signature */
.author-signature {
  font-size: .8em;
}

/* Post footer */
.forum-post-footer {
  border-top: 1px solid #C1C1C1;
}

.forum-jump-links {
  border-right: 1px solid #C1C1C1;
}

/* Box under top post before first reply */
.forum-top-post-footer {
  border: 1px solid #C1C1C1;
  background: #DDDDDD;
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));
  background: -moz-linear-gradient(top, #F5F5F5, #DDDDDD);
}

/* Topic navigation */
.forum-topic-navigation {
  border: 1px solid #C1C1C1;
  background: #DDDDDD;
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));
  background: -moz-linear-gradient(top, #F5F5F5, #DDDDDD);
}

File

styles/silver_bells/advanced_forum.silver_bells.style.css
View source
  1. /*
  2. This file contains colors, graphics, and text effects.
  3. Colors used:
  4. #C1C1C1 Borders, post seperator, avatar frame, statistics subheader.
  5. #333333 Table header font color.
  6. #F5F5F5 to #DDDDDD Gradient on table headers, post info, stats header, top
  7. post footer, topic navigation.
  8. #F5F5F5 to #EFEFEF Gradient on topic list background.
  9. #F5F5F5 Stats section background.
  10. #FAFAFA Text area on posts.
  11. */
  12. /*** PAGER *******************************************************************/
  13. /* This is the pager on the topics in the list */
  14. .topic-pager {
  15. font-style: italic;
  16. }
  17. /* Other pagers in the forum */
  18. .forum-pager .pager a,
  19. #forum-comments .pager a {
  20. font-weight: bold;
  21. }
  22. .forum-pager .pager a:link,
  23. .forum-pager .pager a:visited,
  24. #forum-comments .pager a:link,
  25. #forum-comments .pager a:visited {
  26. text-decoration: none;
  27. border: 1px solid #C1C1C1;
  28. background: #EFEFEF;
  29. background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#EFEFEF));
  30. background: -moz-linear-gradient(top, #F5F5F5, #EFEFEF);
  31. }
  32. .forum-pager .pager-current,
  33. .forum-pager .pager a:hover,
  34. #forum-comments .pager-current,
  35. #forum-comments .pager a:hover {
  36. background: #333333;
  37. color: #FFFFFF !important;
  38. }
  39. .forum-pager .pager a.active,
  40. #forum-comments .pager a.active {
  41. color: #333333;
  42. }
  43. /*** FORUM & TOPIC LISTS ******************************************************/
  44. /* Forum list and topic list tables */
  45. .forum-table {
  46. border: 1px solid #C1C1C1;
  47. }
  48. /* Table name and description on forum list and table header on topic list */
  49. .forum-table-wrap .forum-table-superheader,
  50. .forum-table-topics thead tr {
  51. border: 1px solid #C1C1C1;
  52. background: #DDDDDD;
  53. background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));
  54. background: -moz-linear-gradient(top, #F5F5F5, #DDDDDD);
  55. color: #333333;
  56. }
  57. /* Table name on forum list */
  58. .forum-table-superheader .forum-table-name,
  59. .forum-table-superheader .forum-table-name a {
  60. color: #333333;
  61. font-weight: bold;
  62. }
  63. /* Table header on forum list */
  64. .forum-table-wrap thead tr {
  65. background-color: #F5F5F5;
  66. border: 1px solid #C1C1C1;
  67. }
  68. /* Table header on forum list and topic list */
  69. .forum-table thead tr a,
  70. .forum-table thead tr a:visited,
  71. .forum-table thead tr a:link {
  72. color: #333333;
  73. font-weight: bold;
  74. }
  75. /* Reset to avoid bleed-thru from theme */
  76. .forum-table thead th {
  77. border-bottom: none;
  78. }
  79. /* Rows on both tables */
  80. .forum-table tr.even,
  81. .forum-table tr.odd {
  82. border-top: 1px solid #C1C1C1;
  83. background: #EFEFEF;
  84. background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));
  85. background: -moz-linear-gradient(top, #F5F5F5, #DDDDDD);
  86. }
  87. /* Active column on both tables - reset to prevent bleed thru from theme */
  88. .forum-table tr.even td.active,
  89. .forum-table tr.odd td.active{
  90. background-color: transparent;
  91. }
  92. /* Individual cells on both tables */
  93. .forum-table td {
  94. border: 1px solid #C1C1C1;
  95. }
  96. /* Placeholder when there are no topics in the list */
  97. .view-advanced-forum-topic-list .view-empty {
  98. border: 3px solid #C1C1C1;
  99. }
  100. /*** Sticky topics ***/
  101. .forum-table tr.forum-last-sticky {
  102. border-bottom: 10px solid #C1C1C1;
  103. }
  104. .forum-table .sticky-label {
  105. font-weight: bold;
  106. }
  107. /*** FORUM STATISTICS *********************************************************/
  108. #forum-statistics {
  109. border: 1px solid #C1C1C1;
  110. }
  111. #forum-statistics-header {
  112. border-top: 1px solid #C1C1C1;
  113. background: #DDDDDD;
  114. background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DDDDDD));
  115. background: -moz-linear-gradient(top, #EFEFEF, #DDDDDD);
  116. color: #333333;
  117. font-weight: bold;
  118. }
  119. .forum-statistics-sub-header {
  120. border-top: 1px solid #C1C1C1;
  121. border-bottom: 1px solid #C1C1C1;
  122. font-weight: bold;
  123. }
  124. .forum-statistics-sub-body {
  125. background-color: #F5F5F5;
  126. }
  127. /*** FORUM TOPICS **********************************************************/
  128. .forum-post {
  129. border: 1px solid #C1C1C1;
  130. }
  131. /* Header at the top of each post */
  132. .forum-post-info {
  133. border-top: 1px solid #FAFAFA;
  134. background: #DDDDDD;
  135. background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DDDDDD));
  136. background: -moz-linear-gradient(top, #EFEFEF, #DDDDDD);
  137. color: #333333;
  138. font-weight: bold;
  139. border-bottom: 1px solid #C1C1C1;
  140. }
  141. .forum-posted-on {
  142. font-weight: bold;
  143. }
  144. .forum-post-number a {
  145. color: #333333 !important;
  146. }
  147. /* Wrapper around author pane and content */
  148. .forum-post-wrapper {
  149. background-color: #F5F5F5;
  150. }
  151. /* Author information pane */
  152. .forum-post-panel-sub .author-pane .author-name {
  153. font-weight: bold;
  154. }
  155. .forum-post-panel-sub .author-pane .picture img {
  156. border: 1px solid #C1C1C1;
  157. background-color: #FFFFFF;
  158. }
  159. .forum-post-panel-sub .author-pane .author-pane-label {
  160. font-weight: bold;
  161. }
  162. /* Post text area */
  163. .forum-post-panel-main {
  164. border-left: 1px solid #C1C1C1;
  165. background-color: #FAFAFA;
  166. }
  167. .forum-post-title {
  168. font-weight: bold;
  169. border-bottom: 1px solid #C1C1C1;
  170. }
  171. /* Signature */
  172. .author-signature {
  173. font-size: .8em;
  174. }
  175. /* Post footer */
  176. .forum-post-footer {
  177. border-top: 1px solid #C1C1C1;
  178. }
  179. .forum-jump-links {
  180. border-right: 1px solid #C1C1C1;
  181. }
  182. /* Box under top post before first reply */
  183. .forum-top-post-footer {
  184. border: 1px solid #C1C1C1;
  185. background: #DDDDDD;
  186. background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));
  187. background: -moz-linear-gradient(top, #F5F5F5, #DDDDDD);
  188. }
  189. /* Topic navigation */
  190. .forum-topic-navigation {
  191. border: 1px solid #C1C1C1;
  192. background: #DDDDDD;
  193. background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));
  194. background: -moz-linear-gradient(top, #F5F5F5, #DDDDDD);
  195. }