You are here

advanced_forum.blue_lagoon.style.css in Advanced Forum 6.2

/*
This file contains colors, graphics, and text effects. For structural markup,
see advanced_forum-structure.css.
*/

/*** 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 #91CDF5;
  background: #EDF5FA;
  background: -webkit-gradient(linear, left top, left bottom, from(#CBE2F1), to(#EDF5FA));
  background: -moz-linear-gradient(top, #CBE2F1, #EDF5FA);
  font-weight: bold;
}

.forum-pager .pager-current,
.forum-pager .pager a:hover,
#forum-comments .pager-current,
#forum-comments .pager a:hover {
  color: #0062A0; 
}

.forum-pager .pager a.active,
#forum-comments .pager a.active {
  background: #EDF5FA;
  background: -webkit-gradient(linear, left top, left bottom, from(#CBE2F1), to(#EDF5FA));
  background: -moz-linear-gradient(top, #CBE2F1, #EDF5FA);
  color: #0062A0; 
}

/*** FORUM & TOPIC LIST ******************************************************/

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

/* 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-top: 1px solid #2587C4;
  background: #2587C4;
  background: -webkit-gradient(linear, left top, left bottom, from(#2587C4), to(#58B3ED));
  background: -moz-linear-gradient(top, #2587C4, #58B3ED);
  color: #EDF5FA;;
}

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

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

/* 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: #ffffff;
  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: none; /* reset */
  border-top: 1px solid #FFFFFF;
  background: #EDF5FA;
  background: -webkit-gradient(linear, left top, left bottom, from(#CBE2F1), to(#EDF5FA));
  background: -moz-linear-gradient(top, #CBE2F1, #EDF5FA);
}

/* 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: none;
}

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

/*** Sticky topics ***/
.forum-table tr.sticky {
  background-color: #E6EDEC;
}

.forum-table tr.forum-last-sticky {
  border-bottom: 10px solid #91CDF5;
}

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

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

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

#forum-statistics-header {
  border-top: 1px solid #2587C4;
  background: #2587C4;
  background: -webkit-gradient(linear, left top, left bottom, from(#2587C4), to(#58B3ED));
  background: -moz-linear-gradient(top, #2587C4, #58B3ED);
  color: #ffffff;
  font-weight: bold;
  border-bottom: 1px solid #2587C4;
}

.forum-statistics-sub-header {
  background-color: #CBE2F1;
  font-weight: bold;
}

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


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

.forum-post {
  border: 2px solid #2587C4;
}

/* Header at the top of each post */
.forum-post-info {
  border-top: 1px solid #2587C4;
  background: #2587C4;
  background: -webkit-gradient(linear, left top, left bottom, from(#2587C4), to(#58B3ED));
  background: -moz-linear-gradient(top, #2587C4, #58B3ED);
  color: #ffffff;
  font-weight: bold;
  border-bottom: 1px solid #2587C4;
}

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

.forum-forum-post .new {
  color: #ffffff;
}

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

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

/* 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 #2587C4;
  background-color: #FFFFFF;
}

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

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

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

/* Post footer */
.forum-post-footer {
  background-color: #FFFFFF;
  border-top: 1px solid #2587C4;
}

/* Box under top post before first reply */
.forum-top-post-footer {
  border: 2px solid #2587C4;
  background: #EDF5FA;
  background: -webkit-gradient(linear, left top, left bottom, from(#CBE2F1), to(#EDF5FA));
  background: -moz-linear-gradient(top, #CBE2F1, #EDF5FA);
}

/* Topic navigation */
.forum-topic-navigation {
  border: 2px solid #2587C4;
  background: #EDF5FA;
  background: -webkit-gradient(linear, left top, left bottom, from(#CBE2F1), to(#EDF5FA));
  background: -moz-linear-gradient(top, #CBE2F1, #EDF5FA);
}



File

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