You are here

advanced_forum.cloudless_day.style.css in Advanced Forum 6.2

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

Colors used:
  #3C78A7 fonts
  #C8DBEA main border, header background
  #EDF5FA background #1
  #E7F2F9 background #2
*/

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

.forum-pager .pager a:link,
.forum-pager .pager a:visited,
#forum-comments .pager a:link,
#forum-comments .pager a:visited {
  border: 1px solid #C8DBEA;
  background: #EDF5FA;
  background: -webkit-gradient(linear, left top, left bottom, from(#CBE2F1), to(#EDF5FA));
  background: -moz-linear-gradient(top, #CBE2F1, #EDF5FA);
  color: #3C78A7;
}

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

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


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

/* General */
.forum-table {
  border: 1px solid #C8DBEA !important;
  color: #494949;
  border-collapse: separate;
  margin: 0 0 10px;
  padding: 0;
  width: 100%;
  background-color: white;
}

/* Main header on forum list */
.forum-table-wrap .forum-table-superheader {
  /* Background instead of background-color to reset from Silver Bells */
  background: #C8DBEA;
  border: 1px solid #C8DBEA;
}

/* Table header on forum list and topic list*/
.forum-table thead tr {
  border-top: 1px solid #FFFFFF;
  background: #EDF5FA;
  background: -webkit-gradient(linear, left top, left bottom, from(#EDF5FA), to(#C8DBEA));
  background: -moz-linear-gradient(top, #EDF5FA, #C8DBEA);
  color: #3C78A7;
  line-height: 1.5em;
  padding: 2px 5px;
}

.forum-table thead tr a,
.forum-table thead tr a:visited,
.forum-table thead tr a:link {
  color: #3C78A7;
}

/* Rows, both tables */
.forum-table tr.odd {
  background: #EDF5FA;
}

.forum-table tr.even {
  background: #E7F2F9;
}

/* 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 {
  /* Structure here because this is unique to this style */
  line-height: 1.5em;
  padding: 4px;
  border: none;
}

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

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

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

/*** FORUM STATISTICS *********************************************************/
#forum-statistics {
  border: 1px solid #C8DBEA;
}

#forum-statistics-header {
  border-top: 1px solid #FFFFFF;
  background: #EDF5FA;
  background: -webkit-gradient(linear, left top, left bottom, from(#EDF5FA), to(#C8DBEA));
  background: -moz-linear-gradient(top, #EDF5FA, #C8DBEA);
  color: #3C78A7;
}

.forum-statistics-sub-header {
  background-color: #E7F2F9;
  color: #3C78A7;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
}

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

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

.forum-post {
  border: 1px solid #C8DBEA !important;
}

/* Header at the top of each post */
.forum-post-info,
.forum-post-wrapper,
.forum-post-footer {
  border: 2px solid white;
  background: #EDF5FA;
  background: -webkit-gradient(linear, left top, left bottom, from(#EDF5FA), to(#C8DBEA));
  background: -moz-linear-gradient(top, #EDF5FA, #C8DBEA);
}

.forum-post-info {
  background-color: #C8DBEA;
  color: #3C78A7;
  margin-bottom: 0;
  border-bottom: none;
}

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

/* Wrapper around AP and content */
.forum-post-wrapper {
  background-color: #E7F2F9;
  border-bottom: 2px solid white;
}

/* Author information pane */
.forum-post-panel-sub {
  color: #3C78A7;
}

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

/* Post text area */
.forum-post-panel-main {
  border: none;
  background-color: white;
}

.forum-post-title {
  border-bottom: none;
  border-left: 2px solid white;
  background-color: #EDF5FA;
  line-height: 225%;
  padding-bottom: 2px;
  color: #3C78A7;
}

/* Post footer */
.forum-post-footer {
  background-color: #EDF5FA;
  color: #3C78A7;
}

.forum-jump-links {
  border-right: none;
}

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

/* Topic navigation */
.forum-topic-navigation {
  border: 1px solid #C8DBEA;
  background: #EDF5FA;
  background: -webkit-gradient(linear, left top, left bottom, from(#EDF5FA), to(#C8DBEA));
  background: -moz-linear-gradient(top, #EDF5FA, #C8DBEA);
  color: #3C78A7;
}

File

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