You are here

Home » API reference » Advanced Forum 6.2

advanced_forum.naked.images.css in Advanced Forum 6.2 

/* FORUM LIST ICONS *********************************************************/
td.forum-list-icon {
  vertical-align: middle;
  text-align: center;
  width: 70px;
}

.forum-list-icon-wrapper span {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 50px;
  height: 50px;
  display: block;
}

tr.even td.forum-list-icon-default .forum-list-icon-wrapper span,
tr.odd td.forum-list-icon-default .forum-list-icon-wrapper span {
  background: transparent url(images/forum_list_default.png) no-repeat center center;
}

tr.even td.forum-list-icon-new-posts .forum-list-icon-wrapper span,
tr.odd td.forum-list-icon-new-posts .forum-list-icon-wrapper span {
  background: transparent url(images/forum_list_new_posts.png) no-repeat center center;
}

/* FORUM LIST ICON LEGEND ***************************************************/
.forum-list-icon-legend .forum-list-icon-default {
  background: transparent url(images/forum_list_default.png) no-repeat center center;
}

.forum-list-icon-legend .forum-list-icon-new-posts {
  background: transparent url(images/forum_list_new_posts.png) no-repeat center center;
}

/* TOPIC LIST ICONS *********************************************************/
span.topic-icon {
  width: 24px;
  height: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.topic-icon-default {
  background: transparent url(images/topic_list_default.png) no-repeat center center;
}

.topic-icon-new {
  background: transparent url(images/topic_list_new.png) no-repeat center center;
}

.topic-icon-hot {
  background: transparent url(images/topic_list_hot.png) no-repeat center center;
}

.topic-icon-hot-new {
  background: transparent url(images/topic_list_hot_new.png) no-repeat center center;
}

.topic-icon-sticky {
  background: transparent url(images/topic_list_sticky.png) no-repeat center center;
}

.topic-icon-closed {
  background: transparent url(images/topic_list_closed.png) no-repeat center center;
}

/* TOPIC LIST ICON LEGEND ***************************************************/
.topic-icon-default {
  background: transparent url(images/topic_list_default.png) no-repeat top left;
}

.topic-icon-new {
  background: transparent url(images/topic_list_new.png) no-repeat top left;
}

.topic-icon-hot {
  background: transparent url(images/topic_list_hot.png) no-repeat top left;
}

.topic-icon-hot-new {
  background: transparent url(images/topic_list_hot_new.png) no-repeat top left;
}

.topic-icon-sticky {
  background: transparent url(images/topic_list_sticky.png) no-repeat top left;
}

.topic-icon-closed {
  background: transparent url(images/topic_list_closed.png) no-repeat top left;
}

/* FORUM LIST COLLAPSIBLE CONTAINERS *********************************************************/
span.advanced-forum-toggle {
  width: 9px;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
  float: right;
  cursor: pointer;
  background: transparent url(images/container_collapse.png) no-repeat center center;
}
span.advanced-forum-toggle.advanced-forum-collapsed {
  background: transparent url(images/container_expand.png) no-repeat center center;
}

File

styles/naked/advanced_forum.naked.images.css
View source 
  1. /* FORUM LIST ICONS *********************************************************/

  2. td.forum-list-icon {

  3.   vertical-align: middle;

  4.   text-align: center;

  5.   width: 70px;

  6. }

  7. 

  8. .forum-list-icon-wrapper span {

  9.   text-indent: 100%;

  10.   white-space: nowrap;

  11.   overflow: hidden;

  12.   width: 50px;

  13.   height: 50px;

  14.   display: block;

  15. }

  16. 

  17. tr.even td.forum-list-icon-default .forum-list-icon-wrapper span,

  18. tr.odd td.forum-list-icon-default .forum-list-icon-wrapper span {

  19.   background: transparent url(images/forum_list_default.png) no-repeat center center;

  20. }

  21. 

  22. tr.even td.forum-list-icon-new-posts .forum-list-icon-wrapper span,

  23. tr.odd td.forum-list-icon-new-posts .forum-list-icon-wrapper span {

  24.   background: transparent url(images/forum_list_new_posts.png) no-repeat center center;

  25. }

  26. 

  27. /* FORUM LIST ICON LEGEND ***************************************************/

  28. .forum-list-icon-legend .forum-list-icon-default {

  29.   background: transparent url(images/forum_list_default.png) no-repeat center center;

  30. }

  31. 

  32. .forum-list-icon-legend .forum-list-icon-new-posts {

  33.   background: transparent url(images/forum_list_new_posts.png) no-repeat center center;

  34. }

  35. 

  36. /* TOPIC LIST ICONS *********************************************************/

  37. span.topic-icon {

  38.   width: 24px;

  39.   height: 24px;

  40.   text-indent: 100%;

  41.   white-space: nowrap;

  42.   overflow: hidden;

  43. }

  44. 

  45. .topic-icon-default {

  46.   background: transparent url(images/topic_list_default.png) no-repeat center center;

  47. }

  48. 

  49. .topic-icon-new {

  50.   background: transparent url(images/topic_list_new.png) no-repeat center center;

  51. }

  52. 

  53. .topic-icon-hot {

  54.   background: transparent url(images/topic_list_hot.png) no-repeat center center;

  55. }

  56. 

  57. .topic-icon-hot-new {

  58.   background: transparent url(images/topic_list_hot_new.png) no-repeat center center;

  59. }

  60. 

  61. .topic-icon-sticky {

  62.   background: transparent url(images/topic_list_sticky.png) no-repeat center center;

  63. }

  64. 

  65. .topic-icon-closed {

  66.   background: transparent url(images/topic_list_closed.png) no-repeat center center;

  67. }

  68. 

  69. /* TOPIC LIST ICON LEGEND ***************************************************/

  70. .topic-icon-default {

  71.   background: transparent url(images/topic_list_default.png) no-repeat top left;

  72. }

  73. 

  74. .topic-icon-new {

  75.   background: transparent url(images/topic_list_new.png) no-repeat top left;

  76. }

  77. 

  78. .topic-icon-hot {

  79.   background: transparent url(images/topic_list_hot.png) no-repeat top left;

  80. }

  81. 

  82. .topic-icon-hot-new {

  83.   background: transparent url(images/topic_list_hot_new.png) no-repeat top left;

  84. }

  85. 

  86. .topic-icon-sticky {

  87.   background: transparent url(images/topic_list_sticky.png) no-repeat top left;

  88. }

  89. 

  90. .topic-icon-closed {

  91.   background: transparent url(images/topic_list_closed.png) no-repeat top left;

  92. }

  93. 

  94. /* FORUM LIST COLLAPSIBLE CONTAINERS *********************************************************/

  95. span.advanced-forum-toggle {

  96.   width: 9px;

  97.   height: 100%;

  98.   text-indent: 100%;

  99.   white-space: nowrap;

  100.   overflow: hidden;

  101.   display: block;

  102.   margin-left: 10px;

  103.   margin-right: 10px;

  104.   float: right;

  105.   cursor: pointer;

  106.   background: transparent url(images/container_collapse.png) no-repeat center center;

  107. }

  108. span.advanced-forum-toggle.advanced-forum-collapsed {

  109.   background: transparent url(images/container_expand.png) no-repeat center center;

  110. }