You are here

advanced_forum-structure.css in Advanced Forum 6

/*
This document contains structural markup such as widths, margins, padding, and 
floats. For colors and borders, see advanced_forum.css.
*/

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

#forum .pager,
#forum-comments .pager {
  float: right;
  margin-top: 5px;
}

#forum .pager a,
#forum-comments .pager a {
  padding: 1px 3px;
  margin: 0pt;
}

#forum .pager li,
#forum-comments .pager li {
  padding:0pt;
  margin: 0pt;
}

#forum .pager li.pager-current,
#forum-comments .pager li.pager-current {
  padding: 2px 3px 2px 3px;
}

#forum-comments .box {
  clear: both;
}

/*** FORUM LINK LISTS ********************************************************/

.forum-top-links {
  margin: 10px 0 10px 0;
  float: right;
}

ul.forum-links {
  margin: 0;
  padding: 0;
}

.forum-links li {
  margin: 0;
  padding: 0pt 15px 0pt 0pt;
}

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

#forum {
  width: 100%;
}

#forum table {
  clear: both;
  width: 100%;
}

#forum div.indent {
  margin-left: 30px;
}

.forum-description {
  margin: 5px 0 5px 0;
}

/* Header */
#forum th {
  border-bottom: 0;
  text-align: center;
}

#forum th.forum-name {
  padding-left: 35px;
  text-align: left;
}
 
/* Forum listing */
#forum td.container {
  padding-top: 5px;
}

#forum td.container {
  border-top: 0;
  margin-top: 0;
  padding-left: 15px;
  padding-top: 5px;
}
#forum .container .description {
  margin: 0;
  padding: 3px 0 0 0;
}

#forum td.forum-icon {
  width: 1px;
  padding: 0 5px;
}

#forum .description {
  margin-left: 0;
  padding-left: 0;
  padding: 3px 0;
}

/* Topic listing */

#forum td.icon {
  width: 1px;
}

#forum td.views {
  text-align: center;
  white-space: nowrap;
  width: 35px;
}

#forum td.created,
#forum td.last-reply {
  font-size: 0.9em;
  line-height: 140%;
  padding: 0 10px;
  white-space: normal !important;
  width: 130px;
}

#forum td .links {
  padding-top: 10px;
}

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

#forum-statistics-header,
.forum-statistics-sub-header,
.forum-statistics-sub-body {
  padding: 0.3em 0.5em;
}

/*** ICONS LEGEND ************************************************************/

/* Forum folders */
.forum-folder-legend dt, 
.forum-folder-legend dd {
  display: inline;
}

.forum-folder-legend dd {
  margin: 0pt 5px 0pt 0pt;
}

.forum-folder-legend img {
  padding-bottom: 4px;
  vertical-align: middle;
}

/* Forum topics */
.legend-group {
  float: left;
  display: block;
}

.forum-topic-legend dt, 
.forum-topic-legend dd {
  display: inline;
}

.forum-topic-legend dd {
  margin: 0pt 5px 0pt 0pt;
}

.forum-topic-legend img {
  padding-bottom: 4px;
  vertical-align: middle;
}

/*** FORUM THREADS ***********************************************************/

/* Header at the top of each topic/thread */
.forum-topic-header {
  margin: 10px 0 2px 0;
}

.forum-topic-header .forum-links {
  float: left;
}

.forum-topic-header .reply-count {
  float: right;
}

/* Individual forum post */
.forum-post {
  margin: 0 0 5px 0;
  padding: 0;
}

.forum-post-wrapper {
  clear: both;
  height: 100%;
}

/* Header at the top of each post */
.post-info {
  height:100%;
  clear: both;
}

.posted-on {
  padding: 0 5px;
  float: left;
}

.forum-post .new {
  float: none;
}

.post-num {
  float: right;
  margin-right: 5px;
}

/* Author information pane */
.forum-post-panel-sub {
  float: left;
  line-height: 100%;
  width: 150px;
}

.forum-post-panel-sub .author-pane {
  margin: 10px;
}

.forum-post-panel-sub .author-pane .picture {
  float: none;
  padding-left: 0px;
  margin: 2px 0 10px 0;
}

.forum-post-panel-sub .author-pane .author-pane-section {
  margin-bottom: 10px;
}

.forum-post-panel-sub .author-pane .author-pane-line {
  margin-bottom: 7px;
}

/* Post text area */
.forum-post-panel-main {
  margin-left: 150px; /*Set left margin to LeftColumnWidth*/
  min-height: 350px;
  height: auto !important;
  height: 350px;
}

.forum-post-panel-main .content {
  padding-top: 2px;
}

.forum-post-panel-main .post-title,
.forum-post-panel-main .content {
  margin-left: 0;
  padding-left: 10px;
}

.forum-post-panel-main p {
  margin-right: 10px;
}

/* Signature */
.author-signature {
  margin: 10px 0 5px 10px;
}

/* Post footer */
.forum-post-footer {
  margin-top: 0;
  clear: both;
}

.forum-jump-links {
  float: left;
  line-height: 2em;
  padding: 0px 5px;  
  width: 140px;
}

.forum-post-links {
  line-height: 2em;
  text-align: right;
  padding: 0px 5px;  
  margin-left: 150px;
}

File

styles/blue_lagoon/advanced_forum-structure.css
View source
  1. /*
  2. This document contains structural markup such as widths, margins, padding, and
  3. floats. For colors and borders, see advanced_forum.css.
  4. */
  5. /*** PAGER *******************************************************************/
  6. #forum .pager,
  7. #forum-comments .pager {
  8. float: right;
  9. margin-top: 5px;
  10. }
  11. #forum .pager a,
  12. #forum-comments .pager a {
  13. padding: 1px 3px;
  14. margin: 0pt;
  15. }
  16. #forum .pager li,
  17. #forum-comments .pager li {
  18. padding:0pt;
  19. margin: 0pt;
  20. }
  21. #forum .pager li.pager-current,
  22. #forum-comments .pager li.pager-current {
  23. padding: 2px 3px 2px 3px;
  24. }
  25. #forum-comments .box {
  26. clear: both;
  27. }
  28. /*** FORUM LINK LISTS ********************************************************/
  29. .forum-top-links {
  30. margin: 10px 0 10px 0;
  31. float: right;
  32. }
  33. ul.forum-links {
  34. margin: 0;
  35. padding: 0;
  36. }
  37. .forum-links li {
  38. margin: 0;
  39. padding: 0pt 15px 0pt 0pt;
  40. }
  41. /*** FORUM & TOPIC LIST ******************************************************/
  42. #forum {
  43. width: 100%;
  44. }
  45. #forum table {
  46. clear: both;
  47. width: 100%;
  48. }
  49. #forum div.indent {
  50. margin-left: 30px;
  51. }
  52. .forum-description {
  53. margin: 5px 0 5px 0;
  54. }
  55. /* Header */
  56. #forum th {
  57. border-bottom: 0;
  58. text-align: center;
  59. }
  60. #forum th.forum-name {
  61. padding-left: 35px;
  62. text-align: left;
  63. }
  64. /* Forum listing */
  65. #forum td.container {
  66. padding-top: 5px;
  67. }
  68. #forum td.container {
  69. border-top: 0;
  70. margin-top: 0;
  71. padding-left: 15px;
  72. padding-top: 5px;
  73. }
  74. #forum .container .description {
  75. margin: 0;
  76. padding: 3px 0 0 0;
  77. }
  78. #forum td.forum-icon {
  79. width: 1px;
  80. padding: 0 5px;
  81. }
  82. #forum .description {
  83. margin-left: 0;
  84. padding-left: 0;
  85. padding: 3px 0;
  86. }
  87. /* Topic listing */
  88. #forum td.icon {
  89. width: 1px;
  90. }
  91. #forum td.views {
  92. text-align: center;
  93. white-space: nowrap;
  94. width: 35px;
  95. }
  96. #forum td.created,
  97. #forum td.last-reply {
  98. font-size: 0.9em;
  99. line-height: 140%;
  100. padding: 0 10px;
  101. white-space: normal !important;
  102. width: 130px;
  103. }
  104. #forum td .links {
  105. padding-top: 10px;
  106. }
  107. /*** FORUM STATISTICS ********************************************************/
  108. #forum-statistics-header,
  109. .forum-statistics-sub-header,
  110. .forum-statistics-sub-body {
  111. padding: 0.3em 0.5em;
  112. }
  113. /*** ICONS LEGEND ************************************************************/
  114. /* Forum folders */
  115. .forum-folder-legend dt,
  116. .forum-folder-legend dd {
  117. display: inline;
  118. }
  119. .forum-folder-legend dd {
  120. margin: 0pt 5px 0pt 0pt;
  121. }
  122. .forum-folder-legend img {
  123. padding-bottom: 4px;
  124. vertical-align: middle;
  125. }
  126. /* Forum topics */
  127. .legend-group {
  128. float: left;
  129. display: block;
  130. }
  131. .forum-topic-legend dt,
  132. .forum-topic-legend dd {
  133. display: inline;
  134. }
  135. .forum-topic-legend dd {
  136. margin: 0pt 5px 0pt 0pt;
  137. }
  138. .forum-topic-legend img {
  139. padding-bottom: 4px;
  140. vertical-align: middle;
  141. }
  142. /*** FORUM THREADS ***********************************************************/
  143. /* Header at the top of each topic/thread */
  144. .forum-topic-header {
  145. margin: 10px 0 2px 0;
  146. }
  147. .forum-topic-header .forum-links {
  148. float: left;
  149. }
  150. .forum-topic-header .reply-count {
  151. float: right;
  152. }
  153. /* Individual forum post */
  154. .forum-post {
  155. margin: 0 0 5px 0;
  156. padding: 0;
  157. }
  158. .forum-post-wrapper {
  159. clear: both;
  160. height: 100%;
  161. }
  162. /* Header at the top of each post */
  163. .post-info {
  164. height:100%;
  165. clear: both;
  166. }
  167. .posted-on {
  168. padding: 0 5px;
  169. float: left;
  170. }
  171. .forum-post .new {
  172. float: none;
  173. }
  174. .post-num {
  175. float: right;
  176. margin-right: 5px;
  177. }
  178. /* Author information pane */
  179. .forum-post-panel-sub {
  180. float: left;
  181. line-height: 100%;
  182. width: 150px;
  183. }
  184. .forum-post-panel-sub .author-pane {
  185. margin: 10px;
  186. }
  187. .forum-post-panel-sub .author-pane .picture {
  188. float: none;
  189. padding-left: 0px;
  190. margin: 2px 0 10px 0;
  191. }
  192. .forum-post-panel-sub .author-pane .author-pane-section {
  193. margin-bottom: 10px;
  194. }
  195. .forum-post-panel-sub .author-pane .author-pane-line {
  196. margin-bottom: 7px;
  197. }
  198. /* Post text area */
  199. .forum-post-panel-main {
  200. margin-left: 150px; /*Set left margin to LeftColumnWidth*/
  201. min-height: 350px;
  202. height: auto !important;
  203. height: 350px;
  204. }
  205. .forum-post-panel-main .content {
  206. padding-top: 2px;
  207. }
  208. .forum-post-panel-main .post-title,
  209. .forum-post-panel-main .content {
  210. margin-left: 0;
  211. padding-left: 10px;
  212. }
  213. .forum-post-panel-main p {
  214. margin-right: 10px;
  215. }
  216. /* Signature */
  217. .author-signature {
  218. margin: 10px 0 5px 10px;
  219. }
  220. /* Post footer */
  221. .forum-post-footer {
  222. margin-top: 0;
  223. clear: both;
  224. }
  225. .forum-jump-links {
  226. float: left;
  227. line-height: 2em;
  228. padding: 0px 5px;
  229. width: 140px;
  230. }
  231. .forum-post-links {
  232. line-height: 2em;
  233. text-align: right;
  234. padding: 0px 5px;
  235. margin-left: 150px;
  236. }