You are here

advanced_forum-structure.css in Advanced Forum 5

/*
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 {
  font-size: .8em;
  font-weight: normal;
  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: 5px 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;
}

.forum-post-wrapper {
  clear: both;
}

/* Header at the top of each post */
/* Note: Changes from Naked in this section */
.post-info {
  height:100%;
  clear: both;
}

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

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

.post-title {
  padding: 5px 0px 5px 10px;
}

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

/* Author information pane */
/* Note: more CSS in the author pane css file */
.forum-post-panel-sub {
  line-height: 110%;
}

.forum-post-panel-sub .author-pane {
  padding: 10px 0 5px 10px;
}

.author-pane-top {
  overflow: auto;
  height: 100px;
}

.forum-post-panel-sub .author-pane-picture,
.forum-post-panel-sub .author-pane-name-status,
.forum-post-panel-sub .author-pane-admin,
.forum-post-panel-sub .author-pane-stats {
  float: left;
  display: block;
  width: 145px;
  margin-right: 5px;
}

.forum-post-panel-sub .author-pane-stats {
  float: right;
}

.forum-post-panel-sub .author-pane-name-groups {
  margin: 5px;
}

.author-pane-picture .picture {
  float: none;
  padding-left: 0pt;
}

/* Post text area */
/* Note: Changes from Naked in this section */

.forum-post-wrapper .forum-post-panel-main {
  clear: both;
}

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

/* 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 {
  float: right;
  line-height: 2em;
  text-align: right;
  padding: 0px 5px;  
  margin-left: 150px;
}

File

styles/blue_lagoon_stacked/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. font-size: .8em;
  76. font-weight: normal;
  77. margin: 0;
  78. padding: 3px 0 0 0;
  79. }
  80. #forum td.forum-icon {
  81. width: 1px;
  82. padding: 0 5px;
  83. }
  84. #forum .description {
  85. margin-left: 0;
  86. padding-left: 0;
  87. padding: 5px 0;
  88. }
  89. /* Topic listing */
  90. #forum td.icon {
  91. width: 1px;
  92. }
  93. #forum td.views {
  94. text-align: center;
  95. white-space: nowrap;
  96. width: 35px;
  97. }
  98. #forum td.created,
  99. #forum td.last-reply {
  100. font-size: 0.9em;
  101. line-height: 140%;
  102. padding: 0 10px;
  103. white-space: normal !important;
  104. width: 130px;
  105. }
  106. #forum td .links {
  107. padding-top: 10px;
  108. }
  109. /*** FORUM STATISTICS ********************************************************/
  110. #forum-statistics-header,
  111. .forum-statistics-sub-header,
  112. .forum-statistics-sub-body {
  113. padding: 0.3em 0.5em;
  114. }
  115. /*** ICONS LEGEND ************************************************************/
  116. /* Forum folders */
  117. .forum-folder-legend dt,
  118. .forum-folder-legend dd {
  119. display: inline;
  120. }
  121. .forum-folder-legend dd {
  122. margin: 0pt 5px 0pt 0pt;
  123. }
  124. .forum-folder-legend img {
  125. padding-bottom: 4px;
  126. vertical-align: middle;
  127. }
  128. /* Forum topics */
  129. .legend-group {
  130. float: left;
  131. display: block;
  132. }
  133. .forum-topic-legend dt,
  134. .forum-topic-legend dd {
  135. display: inline;
  136. }
  137. .forum-topic-legend dd {
  138. margin: 0pt 5px 0pt 0pt;
  139. }
  140. .forum-topic-legend img {
  141. padding-bottom: 4px;
  142. vertical-align: middle;
  143. }
  144. /*** FORUM THREADS ***********************************************************/
  145. /* Header at the top of each topic/thread */
  146. .forum-topic-header {
  147. margin: 10px 0 2px 0;
  148. }
  149. .forum-topic-header .forum-links {
  150. float: left;
  151. }
  152. .forum-topic-header .reply-count {
  153. float: right;
  154. }
  155. /* Individual forum post */
  156. .forum-post {
  157. margin: 0 0 5px 0;
  158. }
  159. .forum-post-wrapper {
  160. clear: both;
  161. }
  162. /* Header at the top of each post */
  163. /* Note: Changes from Naked in this section */
  164. .post-info {
  165. height:100%;
  166. clear: both;
  167. }
  168. .posted-on {
  169. padding: 0 10px;
  170. float: left;
  171. }
  172. .forum-post .new {
  173. float: none;
  174. }
  175. .post-title {
  176. padding: 5px 0px 5px 10px;
  177. }
  178. .post-num {
  179. float: right;
  180. margin-right: 5px;
  181. }
  182. /* Author information pane */
  183. /* Note: more CSS in the author pane css file */
  184. .forum-post-panel-sub {
  185. line-height: 110%;
  186. }
  187. .forum-post-panel-sub .author-pane {
  188. padding: 10px 0 5px 10px;
  189. }
  190. .author-pane-top {
  191. overflow: auto;
  192. height: 100px;
  193. }
  194. .forum-post-panel-sub .author-pane-picture,
  195. .forum-post-panel-sub .author-pane-name-status,
  196. .forum-post-panel-sub .author-pane-admin,
  197. .forum-post-panel-sub .author-pane-stats {
  198. float: left;
  199. display: block;
  200. width: 145px;
  201. margin-right: 5px;
  202. }
  203. .forum-post-panel-sub .author-pane-stats {
  204. float: right;
  205. }
  206. .forum-post-panel-sub .author-pane-name-groups {
  207. margin: 5px;
  208. }
  209. .author-pane-picture .picture {
  210. float: none;
  211. padding-left: 0pt;
  212. }
  213. /* Post text area */
  214. /* Note: Changes from Naked in this section */
  215. .forum-post-wrapper .forum-post-panel-main {
  216. clear: both;
  217. }
  218. .forum-post-panel-main .content {
  219. padding: 5px;
  220. }
  221. /* Signature */
  222. .author-signature {
  223. margin: 10px 0 5px 10px;
  224. }
  225. /* Post footer */
  226. .forum-post-footer {
  227. margin-top: 0;
  228. clear: both;
  229. }
  230. .forum-jump-links {
  231. float: left;
  232. line-height: 2em;
  233. padding: 0px 5px;
  234. width: 140px;
  235. }
  236. .forum-post-links {
  237. float: right;
  238. line-height: 2em;
  239. text-align: right;
  240. padding: 0px 5px;
  241. margin-left: 150px;
  242. }