You are here

Home » API reference » Advanced Forum 6.2

advanced_forum.naked.structure.css in Advanced Forum 6.2 

/*
This document contains structural markup such as widths, margins, padding, and
floats.
*/

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

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

/* Other pagers in the forum */
#forum-comments .pager {
  text-align: right;
}

#forum-comments .pager li {
  padding: 3px;
  margin: 0;
}

.forum-pager .pager,
.forum-comment-wrapper .pager {
  text-align: right;
  float: right;
  clear: none;
  width: 30%;
}

#forum-pager-top .pager{
  padding: 14px 0 0 0;
}

#forum-pager-bottom .pager{
  padding: 0 0 10px 0;
}

/* The rest of the pager styles are invisible on naked but will show up
   for substyles that set a background and/or border. */
.forum-pager .pager a,
.forum-comment-wrapper .pager a {
  padding: 1px 3px;
  margin: 0pt;
}

.forum-pager .pager li,
.forum-comment-wrapper .pager li {
  padding:0pt;
  margin: 0pt;
}

.forum-pager.pager li.pager-current,
.forum-comment-wrapper .pager li.pager-current {
  padding: 2px 3px 2px 3px;
}

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

/* Applies to all forum links */
ul.forum-links li {
  display: inline;
}

/*** FORUM NODE CREATION ****************************************************/

.forum-node-create-links {
  width: 30%;
  float: left;
}

.forum-node-create-links-top {
  clear: both;
  padding-top: 20px; /* Lines up horizontally with pager. */
}

.forum-node-create-links .forum-add-node {
  float: left;
  margin-right: 10px;
}

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

.forum-table {
  margin: 0px;
}

.forum-table-wrap,
.forum-table-topics {
  margin-bottom: 15px;
  clear: both;
}

.forum-table-superheader {
  padding: 10px;
}

.forum-table-superheader .forum-table-name {
  margin: 5px 0 3px 5px;
  width: 90%;
  display: inline;
  font-size: 1.2em;
}

.forum-table-superheader .forum-table-description {
  margin: 0 0 3px 5px;
  width: 90%;
}

/* Header, both tables */
.forum-table th {
  text-align: left;
}

/* Forum listing */
th.forum-name {
  text-align: left;
}

td.forum-details .forum-description {
  margin: 0;
}

td.forum-details .forum-subforums,
td.forum-details .forum-subcontainers {
  margin-left: 10px;
}

td.forum-number-topics,
td.forum-number-posts {
  text-align: center;
}

th.forum-icon {
 width: 70px;
}

th.forum-topics,
th.forum-posts {
  width: 10%;
  text-align: center;
}

th.forum-last-post {
  width: 20%;
}

/**** Topic listing ****/

.view-advanced-forum-topic-list .view-empty {
  clear: both;
  margin: 20px 0 20px 0;
  padding: 10px;
}

/* Set column widths */
.forum-table-topics td.views-field-topic-icon {
  width: 26px;
}

.forum-table-topics td.views-field-comment-count,
.forum-table-topics td.views-field-totalcount {
  width: 10%;
}

.forum-table-topics td.views-field-last-updated,
.forum-table-topics td.views-field-last-comment-timestamp {
  width: 30%;
}

/* Set alignments & spacing */
.forum-table-topics .views-field-title {
  text-align: left;
}

.forum-table-topics td.views-field-comment-count,
.forum-table-topics td.views-field-totalcount {
  text-align: center;
  white-space: nowrap;
}

.forum-table-topics td.views-field-last-updated {
  line-height: 140%;
  white-space: normal !important;
}

/* Topic icon */
.forum-table-topics span.topic-icon {
  display: block;
}

/*** FORUM SORT *************************************************************/
#advanced-forum-forum-topic-list-sort-form,
#advanced-forum-forum-topic-list-sort-form input,
#advanced-forum-forum-topic-list-sort-form .form-item {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  vertical-align: center;
}

#forum-sort {
  clear: both;
  float: left;
}

/*** FORUM TOOLS ***********************************************************/

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

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

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

.forum-statistics-sub-body {
  padding: 0.3em 0.5em 0 2em;
}


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

.forum-list-icon-legend {
  margin-bottom: 30px;
}

.forum-list-legend-item {
  float: left;
  margin-right: 30px;
}

.forum-topic-legend div {
  clear: both;
  float: left;
  padding: 5px 0 5px 25px;
  margin-right: 7px;
}


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

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

.forum-topic-header .search-topic {
  float: right;
}

.forum-topic-header .topic-post-count {
  clear: right;
  float: right;
  margin: 7px 7px 0 0;
}

.forum-topic-header .topic-reply-link,
.forum-topic-header .topic-new-post-link,
.forum-topic-header .last-post-link {
  float: left;
  margin: 0 7px 7px 0;
}


.forum-topic-header .reply-count {
  float: right;
  margin: 10px 0 2px 0;
}

/* 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 */
.forum-post-info {
  height:100%;
  clear: both;
  margin-bottom: 3px;
}

.forum-posted-on {
  padding: 0 5px;
  float: left;
  font-size: .8em;
}

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

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

.forum-post-title {
  padding: 1px 1px 1px 10px;
}

/* 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 .author-name {
  font-size: 120%;
}

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

.forum-post-panel-sub .author-pane .picture img {
  padding: 5px;
}

.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*/

/* These heights keep the AP items from jumping out of the bottom. Depending
   on how many items you display, there, this number may need to be adjusted
   to avoid having unnecessary white space in your posts. */
  min-height: 230px;
  height: auto !important;
  height: 230px;
}

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

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

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

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

/* Edited */
.post-edited {
  margin: 10px;
}

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

.forum-jump-links {
  float: left;
  line-height: 2em;
  margin: 5px;
}

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

.forum-post-links ul.links li {
  display: block;
  float: left;
}

.forum-top-post-footer {
  margin: 10px 0 10px 0;
  padding: 5px;
}

/* Defeat garland */
#comments.forum-comment-wrapper {
  margin-top: 0;
}

.forum-comment-wrapper .box {
  clear: both;
}

/*** SEARCH ****************************************************************/

#search-all-forums {
  float: right;
}

#search-single-forum {
  float: left;
}

#advanced-forum-search-forum,
.forum-topic-header #advanced-forum-search-topic {
  margin: 0;
  padding: 14px 0 0 0;
}

#advanced-forum-search-forum input,
.forum-topic-header #advanced-forum-search-topic input {
  margin: 0;
  padding: 0;
}

.forum-topic-header #advanced-forum-search-topic {
  margin-bottom: 10px;
}

.view-avf-search .views-row,
.view-avf-search-topic .views-row {
  margin-bottom: 2em;
}

.forum-search-result {
  margin-bottom: 10px;
}

/*** GENERAL ****************************************************************/

/* Accessibly hide text. Copied from D7 core and so not needed in D7 AF */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

File

styles/naked/advanced_forum.naked.structure.css
View source 
  1. 

  2. /*

  3. This document contains structural markup such as widths, margins, padding, and

  4. floats.

  5. */

  6. 

  7. /*** PAGER ******************************************************************/

  8. 

  9. /* This is the pager on the topics in the list */

  10. .topic-pager {

  11.   font-size: 90%;

  12.   font-style: italic;

  13. }

  14. 

  15. /* Other pagers in the forum */

  16. #forum-comments .pager {

  17.   text-align: right;

  18. }

  19. 

  20. #forum-comments .pager li {

  21.   padding: 3px;

  22.   margin: 0;

  23. }

  24. 

  25. .forum-pager .pager,

  26. .forum-comment-wrapper .pager {

  27.   text-align: right;

  28.   float: right;

  29.   clear: none;

  30.   width: 30%;

  31. }

  32. 

  33. #forum-pager-top .pager{

  34.   padding: 14px 0 0 0;

  35. }

  36. 

  37. #forum-pager-bottom .pager{

  38.   padding: 0 0 10px 0;

  39. }

  40. 

  41. /* The rest of the pager styles are invisible on naked but will show up

  42.    for substyles that set a background and/or border. */

  43. .forum-pager .pager a,

  44. .forum-comment-wrapper .pager a {

  45.   padding: 1px 3px;

  46.   margin: 0pt;

  47. }

  48. 

  49. .forum-pager .pager li,

  50. .forum-comment-wrapper .pager li {

  51.   padding:0pt;

  52.   margin: 0pt;

  53. }

  54. 

  55. .forum-pager.pager li.pager-current,

  56. .forum-comment-wrapper .pager li.pager-current {

  57.   padding: 2px 3px 2px 3px;

  58. }

  59. 

  60. /*** FORUM LINK LISTS *******************************************************/

  61. 

  62. /* Applies to all forum links */

  63. ul.forum-links li {

  64.   display: inline;

  65. }

  66. 

  67. /*** FORUM NODE CREATION ****************************************************/

  68. 

  69. .forum-node-create-links {

  70.   width: 30%;

  71.   float: left;

  72. }

  73. 

  74. .forum-node-create-links-top {

  75.   clear: both;

  76.   padding-top: 20px; /* Lines up horizontally with pager. */

  77. }

  78. 

  79. .forum-node-create-links .forum-add-node {

  80.   float: left;

  81.   margin-right: 10px;

  82. }

  83. 

  84. /*** FORUM & TOPIC LIST TABLES **********************************************/

  85. 

  86. .forum-table {

  87.   margin: 0px;

  88. }

  89. 

  90. .forum-table-wrap,

  91. .forum-table-topics {

  92.   margin-bottom: 15px;

  93.   clear: both;

  94. }

  95. 

  96. .forum-table-superheader {

  97.   padding: 10px;

  98. }

  99. 

  100. .forum-table-superheader .forum-table-name {

  101.   margin: 5px 0 3px 5px;

  102.   width: 90%;

  103.   display: inline;

  104.   font-size: 1.2em;

  105. }

  106. 

  107. .forum-table-superheader .forum-table-description {

  108.   margin: 0 0 3px 5px;

  109.   width: 90%;

  110. }

  111. 

  112. /* Header, both tables */

  113. .forum-table th {

  114.   text-align: left;

  115. }

  116. 

  117. /* Forum listing */

  118. th.forum-name {

  119.   text-align: left;

  120. }

  121. 

  122. td.forum-details .forum-description {

  123.   margin: 0;

  124. }

  125. 

  126. td.forum-details .forum-subforums,

  127. td.forum-details .forum-subcontainers {

  128.   margin-left: 10px;

  129. }

  130. 

  131. td.forum-number-topics,

  132. td.forum-number-posts {

  133.   text-align: center;

  134. }

  135. 

  136. th.forum-icon {

  137.  width: 70px;

  138. }

  139. 

  140. th.forum-topics,

  141. th.forum-posts {

  142.   width: 10%;

  143.   text-align: center;

  144. }

  145. 

  146. th.forum-last-post {

  147.   width: 20%;

  148. }

  149. 

  150. /**** Topic listing ****/

  151. 

  152. .view-advanced-forum-topic-list .view-empty {

  153.   clear: both;

  154.   margin: 20px 0 20px 0;

  155.   padding: 10px;

  156. }

  157. 

  158. /* Set column widths */

  159. .forum-table-topics td.views-field-topic-icon {

  160.   width: 26px;

  161. }

  162. 

  163. .forum-table-topics td.views-field-comment-count,

  164. .forum-table-topics td.views-field-totalcount {

  165.   width: 10%;

  166. }

  167. 

  168. .forum-table-topics td.views-field-last-updated,

  169. .forum-table-topics td.views-field-last-comment-timestamp {

  170.   width: 30%;

  171. }

  172. 

  173. /* Set alignments & spacing */

  174. .forum-table-topics .views-field-title {

  175.   text-align: left;

  176. }

  177. 

  178. .forum-table-topics td.views-field-comment-count,

  179. .forum-table-topics td.views-field-totalcount {

  180.   text-align: center;

  181.   white-space: nowrap;

  182. }

  183. 

  184. .forum-table-topics td.views-field-last-updated {

  185.   line-height: 140%;

  186.   white-space: normal !important;

  187. }

  188. 

  189. /* Topic icon */

  190. .forum-table-topics span.topic-icon {

  191.   display: block;

  192. }

  193. 

  194. /*** FORUM SORT *************************************************************/

  195. #advanced-forum-forum-topic-list-sort-form,

  196. #advanced-forum-forum-topic-list-sort-form input,

  197. #advanced-forum-forum-topic-list-sort-form .form-item {

  198.   margin-top: 0 !important;

  199.   margin-bottom: 0 !important;

  200.   padding-top: 0 !important;

  201.   padding-bottom: 0 !important;

  202.   vertical-align: center;

  203. }

  204. 

  205. #forum-sort {

  206.   clear: both;

  207.   float: left;

  208. }

  209. 

  210. /*** FORUM TOOLS ***********************************************************/

  211. 

  212. .forum-tools{

  213.   float: right;

  214.   margin-top: 10px;

  215. }

  216. 

  217. /*** FORUM STATISTICS *******************************************************/

  218. 

  219. #forum-statistics-header,

  220. .forum-statistics-sub-header {

  221.   padding: 0.3em 0.5em;

  222. }

  223. 

  224. .forum-statistics-sub-body {

  225.   padding: 0.3em 0.5em 0 2em;

  226. }

  227. 

  228. 

  229. /*** ICONS LEGEND ***********************************************************/

  230. 

  231. .forum-list-icon-legend {

  232.   margin-bottom: 30px;

  233. }

  234. 

  235. .forum-list-legend-item {

  236.   float: left;

  237.   margin-right: 30px;

  238. }

  239. 

  240. .forum-topic-legend div {

  241.   clear: both;

  242.   float: left;

  243.   padding: 5px 0 5px 25px;

  244.   margin-right: 7px;

  245. }

  246. 

  247. 

  248. /*** FORUM TOPICS **********************************************************/

  249. 

  250. /* Header at the top of each topic/thread */

  251. .forum-topic-header {

  252.   margin: 10px 0 2px 0;

  253. }

  254. 

  255. .forum-topic-header .search-topic {

  256.   float: right;

  257. }

  258. 

  259. .forum-topic-header .topic-post-count {

  260.   clear: right;

  261.   float: right;

  262.   margin: 7px 7px 0 0;

  263. }

  264. 

  265. .forum-topic-header .topic-reply-link,

  266. .forum-topic-header .topic-new-post-link,

  267. .forum-topic-header .last-post-link {

  268.   float: left;

  269.   margin: 0 7px 7px 0;

  270. }

  271. 

  272. 

  273. .forum-topic-header .reply-count {

  274.   float: right;

  275.   margin: 10px 0 2px 0;

  276. }

  277. 

  278. /* Individual forum post */

  279. .forum-post {

  280.   margin: 0 0 5px 0;

  281.   padding: 0;

  282. }

  283. 

  284. .forum-post-wrapper {

  285.   clear: both;

  286.   height: 100%;

  287. }

  288. 

  289. /* Header at the top of each post */

  290. .forum-post-info {

  291.   height:100%;

  292.   clear: both;

  293.   margin-bottom: 3px;

  294. }

  295. 

  296. .forum-posted-on {

  297.   padding: 0 5px;

  298.   float: left;

  299.   font-size: .8em;

  300. }

  301. 

  302. .forum-post .new {

  303.   float: none;

  304. }

  305. 

  306. .forum-post-number {

  307.   float: right;

  308.   margin-right: 5px;

  309. }

  310. 

  311. .forum-post-title {

  312.   padding: 1px 1px 1px 10px;

  313. }

  314. 

  315. /* Author information pane */

  316. .forum-post-panel-sub {

  317.   float: left;

  318.   line-height: 100%;

  319.   width: 150px;

  320. }

  321. 

  322. .forum-post-panel-sub .author-pane {

  323.   margin: 10px;

  324. }

  325. 

  326. .forum-post-panel-sub .author-pane .author-name {

  327.   font-size: 120%;

  328. }

  329. 

  330. .forum-post-panel-sub .author-pane .picture {

  331.   float: none;

  332.   padding-left: 0px;

  333.   margin: 2px 0 10px 0;

  334. }

  335. 

  336. .forum-post-panel-sub .author-pane .picture img {

  337.   padding: 5px;

  338. }

  339. 

  340. .forum-post-panel-sub .author-pane .author-pane-section {

  341.   margin-bottom: 10px;

  342. }

  343. 

  344. .forum-post-panel-sub .author-pane .author-pane-line {

  345.   margin-bottom: 7px;

  346. }

  347. 

  348. /* Post text area */

  349. .forum-post-panel-main {

  350.   margin-left: 150px; /*Set left margin to LeftColumnWidth*/

  351. 

  352. /* These heights keep the AP items from jumping out of the bottom. Depending

  353.    on how many items you display, there, this number may need to be adjusted

  354.    to avoid having unnecessary white space in your posts. */

  355.   min-height: 230px;

  356.   height: auto !important;

  357.   height: 230px;

  358. }

  359. 

  360. .forum-post-panel-main .forum-post-content {

  361.   padding-top: 2px;

  362. }

  363. 

  364. .forum-post-panel-main .post-title,

  365. .forum-post-panel-main .forum-post-content {

  366.   margin-left: 0;

  367.   padding-left: 10px;

  368. }

  369. 

  370. .forum-post-panel-main p {

  371.   margin-right: 10px;

  372. }

  373. 

  374. /* Signature */

  375. .author-signature {

  376.   margin: 10px 0 5px 10px;

  377. }

  378. 

  379. /* Edited */

  380. .post-edited {

  381.   margin: 10px;

  382. }

  383. 

  384. /* Post footer */

  385. .forum-post-footer {

  386.   margin-top: 0;

  387.   clear: both;

  388. }

  389. 

  390. .forum-jump-links {

  391.   float: left;

  392.   line-height: 2em;

  393.   margin: 5px;

  394. }

  395. 

  396. .forum-post-links {

  397.   float: right;

  398.   line-height: 2em;

  399.   text-align: right;

  400.   margin: 10px 0 5px 5px;

  401. }

  402. 

  403. .forum-post-links ul.links li {

  404.   display: block;

  405.   float: left;

  406. }

  407. 

  408. .forum-top-post-footer {

  409.   margin: 10px 0 10px 0;

  410.   padding: 5px;

  411. }

  412. 

  413. /* Defeat garland */

  414. #comments.forum-comment-wrapper {

  415.   margin-top: 0;

  416. }

  417. 

  418. .forum-comment-wrapper .box {

  419.   clear: both;

  420. }

  421. 

  422. /*** SEARCH ****************************************************************/

  423. 

  424. #search-all-forums {

  425.   float: right;

  426. }

  427. 

  428. #search-single-forum {

  429.   float: left;

  430. }

  431. 

  432. #advanced-forum-search-forum,

  433. .forum-topic-header #advanced-forum-search-topic {

  434.   margin: 0;

  435.   padding: 14px 0 0 0;

  436. }

  437. 

  438. #advanced-forum-search-forum input,

  439. .forum-topic-header #advanced-forum-search-topic input {

  440.   margin: 0;

  441.   padding: 0;

  442. }

  443. 

  444. .forum-topic-header #advanced-forum-search-topic {

  445.   margin-bottom: 10px;

  446. }

  447. 

  448. .view-avf-search .views-row,

  449. .view-avf-search-topic .views-row {

  450.   margin-bottom: 2em;

  451. }

  452. 

  453. .forum-search-result {

  454.   margin-bottom: 10px;

  455. }

  456. 

  457. /*** GENERAL ****************************************************************/

  458. 

  459. /* Accessibly hide text. Copied from D7 core and so not needed in D7 AF */

  460. .element-invisible {

  461.   position: absolute !important;

  462.   clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

  463.   clip: rect(1px, 1px, 1px, 1px);

  464. }

  465.