You are here

advanced_forum.silver_bells.images.css in Advanced Forum 6.2

/* FORUM LIST ICONS *********************************************************/
.forum-list-icon-wrapper {
  border-top: 1px solid #EAF8E4;
  background: #C1C1C1;
  background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#C1C1C1));
  background: -moz-linear-gradient(top, #DFDFDF, #C1C1C1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: #333333;
  font-family: Helvetica, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
  margin: 10px;
  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,
.forum-list-icon-legend .forum-list-icon-default {
  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,
.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;
}

/* AUTHOR PANE **************************************************************/

.forum-post-panel-sub .author-online {
  background: transparent url(images/ap_user_online.png) no-repeat;
  padding-left: 20px;
  height: 20px;
  width: 125px;
  display: block;
}

.forum-post-panel-sub .author-offline {
  background: transparent url(images/ap_user_offline.png) no-repeat;
  padding-left: 20px;
  height: 20px;
  width: 125px;
  display: block;
}


/* BUTTONIZED LINKS - GENERAL ***********************************************/
/* Based on http://css-tricks.com/examples/ButtonMaker */

a.af-button-large,
a.af-button-large:link, 
a.af-button-large:visited,
a.af-button-small,
a.af-button-small:link, 
a.af-button-small:visited,
a.author-pane-link,
a.author-pane-link:link,
a.author-pane-link:visited {
  color: #333333;
  text-decoration: none;
}

.af-button-large,
.af-button-small,
.author-pane-link {
  display: block;
  border-top: 1px solid #EAF8E4;
  background: #C1C1C1;
  background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#C1C1C1));
  background: -moz-linear-gradient(top, #DFDFDF, #C1C1C1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: #333333;
  font-family: Helvetica, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
}

a.af-button-large:hover,
a.af-button-small:hover,
a.author-pane-link:hover {
  background: #C1C1C1;
  color: #333333;
  border-top-color: #EFEFEF;
}

a.af-button-large:active,
a.af-button-small:active,
a.author-pane-link:active {
  background: #C1C1C1;
  color: #333333;
  border-top-color: #EFEFEF;
}

.af-button-large span {
  font-size: 14px;
  padding: 2px 2px 2px 25px; /* Last number controls width for image */
  line-height: 30px; /* Approximate height of button */
  margin: 0 7px 0 7px; /* Left and right space outside text & image */
}

.af-button-small span {
  font-size: 12px;
  padding: 2px 2px 2px 20px; /* Last number controls width for image */
  line-height: 25px; /* Approximate height of button */
  margin: 0 7px 0 7px; /* Left and right space outside text & image */
}

.author-pane-link span {
  font-size: 12px;
  padding: 0 0 0 22px; /* Last number controls width for image */
  line-height: 22px; /* Approximate height of button */
  margin: 0 7px 0 7px; /* Left and right space outside text & image */
}

/* BUTTONIZED LINKS - INDIVIDUAL BUTTONS ************************************/

.forum-add-forum .af-button-large span {
  background: url(images/add_topic.png) no-repeat;
}

.forum-add-poll .af-button-large span {
  background: url(images/add_poll.png) no-repeat;
}

/*** Reply/Locked at the top and bottom of individual topics. ***/

/* Reply link */
.topic-reply-allowed .af-button-large span {
  background: url(images/topic_reply.png) no-repeat;
}

/* Locked topic (not a link so an extra span is used instead of the "a". */
.topic-reply-locked .af-button-large span {
  background: url(images/topic_locked.png) no-repeat;
}

/* Last post */
.last-post-link .af-button-large span {
  background: url(images/topic_last_post.png) no-repeat;
}

/* First unread */
.topic-new-post-link .af-button-large span {
  background: url(images/topic_first_unread_post.png) no-repeat;
}


/*** Links on the individual posts (nodes and comments). ***/

/* General */
.forum-post-links .af-button-small span {
}

/* Reply */
.comment_add .af-button-small span,
.comment_reply .af-button-small span {
  background: url(images/post_reply.png) no-repeat;
}

/* Quote */
.quote .af-button-small span {
  background: url(images/post_quote.png) no-repeat;
}

/* Edit */
.comment_edit .af-button-small span,
.post_edit .af-button-small span {
  background: url(images/post_edit.png) no-repeat;
}

/* Delete */
.comment_delete .af-button-small span,
.post_delete .af-button-small span {
  background: url(images/post_delete.png) no-repeat;
}

/* Jump to top */
.forum-jump-links .af-button-small span {
  background: url(images/topic_top.png) no-repeat;
}

/*** AUTHOR PANE ***/

.forum-post-panel-sub .author-contact .author-pane-link span {
  background: transparent url(images/ap_email.png) no-repeat;
}

.forum-post-panel-sub .author-privatemsg .author-pane-link span {
  background: transparent url(images/ap_private_message.png) no-repeat;
}

.forum-post-panel-sub .author-relationship-add-icon.author-pane-link span {
  background: transparent url(images/ap_contact_add.png) no-repeat;
}

.forum-post-panel-sub .author-relationship-remove-icon.author-pane-link {
  background: transparent url(images/ap_contact_remove.png) no-repeat;
}

File

styles/silver_bells/advanced_forum.silver_bells.images.css
View source
  1. /* FORUM LIST ICONS *********************************************************/
  2. .forum-list-icon-wrapper {
  3. border-top: 1px solid #EAF8E4;
  4. background: #C1C1C1;
  5. background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#C1C1C1));
  6. background: -moz-linear-gradient(top, #DFDFDF, #C1C1C1);
  7. -webkit-border-radius: 5px;
  8. -moz-border-radius: 5px;
  9. border-radius: 5px;
  10. -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  11. -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  12. box-shadow: rgba(0,0,0,1) 0 1px 0;
  13. text-shadow: rgba(0,0,0,.4) 0 1px 0;
  14. color: #333333;
  15. font-family: Helvetica, Arial, Sans-Serif;
  16. text-decoration: none;
  17. vertical-align: middle;
  18. margin: 10px;
  19. width: 50px;
  20. height: 50px;
  21. display: block;
  22. }
  23. tr.even td.forum-list-icon-default .forum-list-icon-wrapper span,
  24. tr.odd td.forum-list-icon-default .forum-list-icon-wrapper span,
  25. .forum-list-icon-legend .forum-list-icon-default {
  26. background: transparent url(images/forum_list_default.png) no-repeat center center;
  27. }
  28. tr.even td.forum-list-icon-new-posts .forum-list-icon-wrapper span,
  29. tr.odd td.forum-list-icon-new-posts .forum-list-icon-wrapper span,
  30. .forum-list-icon-legend .forum-list-icon-new-posts {
  31. background: transparent url(images/forum_list_new_posts.png) no-repeat center center;
  32. }
  33. /* TOPIC LIST ICONS *********************************************************/
  34. span.topic-icon {
  35. width: 24px;
  36. height: 24px;
  37. text-indent: 100%;
  38. white-space: nowrap;
  39. overflow: hidden;
  40. }
  41. .topic-icon-default {
  42. background: transparent url(images/topic_list_default.png) no-repeat center center;
  43. }
  44. .topic-icon-new {
  45. background: transparent url(images/topic_list_new.png) no-repeat center center;
  46. }
  47. .topic-icon-hot {
  48. background: transparent url(images/topic_list_hot.png) no-repeat center center;
  49. }
  50. .topic-icon-hot-new {
  51. background: transparent url(images/topic_list_hot_new.png) no-repeat center center;
  52. }
  53. .topic-icon-sticky {
  54. background: transparent url(images/topic_list_sticky.png) no-repeat center center;
  55. }
  56. .topic-icon-closed {
  57. background: transparent url(images/topic_list_closed.png) no-repeat center center;
  58. }
  59. /* TOPIC LIST ICON LEGEND ***************************************************/
  60. .topic-icon-default {
  61. background: transparent url(images/topic_list_default.png) no-repeat top left;
  62. }
  63. .topic-icon-new {
  64. background: transparent url(images/topic_list_new.png) no-repeat top left;
  65. }
  66. .topic-icon-hot {
  67. background: transparent url(images/topic_list_hot.png) no-repeat top left;
  68. }
  69. .topic-icon-hot-new {
  70. background: transparent url(images/topic_list_hot_new.png) no-repeat top left;
  71. }
  72. .topic-icon-sticky {
  73. background: transparent url(images/topic_list_sticky.png) no-repeat top left;
  74. }
  75. .topic-icon-closed {
  76. background: transparent url(images/topic_list_closed.png) no-repeat top left;
  77. }
  78. /* AUTHOR PANE **************************************************************/
  79. .forum-post-panel-sub .author-online {
  80. background: transparent url(images/ap_user_online.png) no-repeat;
  81. padding-left: 20px;
  82. height: 20px;
  83. width: 125px;
  84. display: block;
  85. }
  86. .forum-post-panel-sub .author-offline {
  87. background: transparent url(images/ap_user_offline.png) no-repeat;
  88. padding-left: 20px;
  89. height: 20px;
  90. width: 125px;
  91. display: block;
  92. }
  93. /* BUTTONIZED LINKS - GENERAL ***********************************************/
  94. /* Based on http://css-tricks.com/examples/ButtonMaker */
  95. a.af-button-large,
  96. a.af-button-large:link,
  97. a.af-button-large:visited,
  98. a.af-button-small,
  99. a.af-button-small:link,
  100. a.af-button-small:visited,
  101. a.author-pane-link,
  102. a.author-pane-link:link,
  103. a.author-pane-link:visited {
  104. color: #333333;
  105. text-decoration: none;
  106. }
  107. .af-button-large,
  108. .af-button-small,
  109. .author-pane-link {
  110. display: block;
  111. border-top: 1px solid #EAF8E4;
  112. background: #C1C1C1;
  113. background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#C1C1C1));
  114. background: -moz-linear-gradient(top, #DFDFDF, #C1C1C1);
  115. -webkit-border-radius: 5px;
  116. -moz-border-radius: 5px;
  117. border-radius: 5px;
  118. -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  119. -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  120. box-shadow: rgba(0,0,0,1) 0 1px 0;
  121. text-shadow: rgba(0,0,0,.4) 0 1px 0;
  122. color: #333333;
  123. font-family: Helvetica, Arial, Sans-Serif;
  124. text-decoration: none;
  125. vertical-align: middle;
  126. }
  127. a.af-button-large:hover,
  128. a.af-button-small:hover,
  129. a.author-pane-link:hover {
  130. background: #C1C1C1;
  131. color: #333333;
  132. border-top-color: #EFEFEF;
  133. }
  134. a.af-button-large:active,
  135. a.af-button-small:active,
  136. a.author-pane-link:active {
  137. background: #C1C1C1;
  138. color: #333333;
  139. border-top-color: #EFEFEF;
  140. }
  141. .af-button-large span {
  142. font-size: 14px;
  143. padding: 2px 2px 2px 25px; /* Last number controls width for image */
  144. line-height: 30px; /* Approximate height of button */
  145. margin: 0 7px 0 7px; /* Left and right space outside text & image */
  146. }
  147. .af-button-small span {
  148. font-size: 12px;
  149. padding: 2px 2px 2px 20px; /* Last number controls width for image */
  150. line-height: 25px; /* Approximate height of button */
  151. margin: 0 7px 0 7px; /* Left and right space outside text & image */
  152. }
  153. .author-pane-link span {
  154. font-size: 12px;
  155. padding: 0 0 0 22px; /* Last number controls width for image */
  156. line-height: 22px; /* Approximate height of button */
  157. margin: 0 7px 0 7px; /* Left and right space outside text & image */
  158. }
  159. /* BUTTONIZED LINKS - INDIVIDUAL BUTTONS ************************************/
  160. .forum-add-forum .af-button-large span {
  161. background: url(images/add_topic.png) no-repeat;
  162. }
  163. .forum-add-poll .af-button-large span {
  164. background: url(images/add_poll.png) no-repeat;
  165. }
  166. /*** Reply/Locked at the top and bottom of individual topics. ***/
  167. /* Reply link */
  168. .topic-reply-allowed .af-button-large span {
  169. background: url(images/topic_reply.png) no-repeat;
  170. }
  171. /* Locked topic (not a link so an extra span is used instead of the "a". */
  172. .topic-reply-locked .af-button-large span {
  173. background: url(images/topic_locked.png) no-repeat;
  174. }
  175. /* Last post */
  176. .last-post-link .af-button-large span {
  177. background: url(images/topic_last_post.png) no-repeat;
  178. }
  179. /* First unread */
  180. .topic-new-post-link .af-button-large span {
  181. background: url(images/topic_first_unread_post.png) no-repeat;
  182. }
  183. /*** Links on the individual posts (nodes and comments). ***/
  184. /* General */
  185. .forum-post-links .af-button-small span {
  186. }
  187. /* Reply */
  188. .comment_add .af-button-small span,
  189. .comment_reply .af-button-small span {
  190. background: url(images/post_reply.png) no-repeat;
  191. }
  192. /* Quote */
  193. .quote .af-button-small span {
  194. background: url(images/post_quote.png) no-repeat;
  195. }
  196. /* Edit */
  197. .comment_edit .af-button-small span,
  198. .post_edit .af-button-small span {
  199. background: url(images/post_edit.png) no-repeat;
  200. }
  201. /* Delete */
  202. .comment_delete .af-button-small span,
  203. .post_delete .af-button-small span {
  204. background: url(images/post_delete.png) no-repeat;
  205. }
  206. /* Jump to top */
  207. .forum-jump-links .af-button-small span {
  208. background: url(images/topic_top.png) no-repeat;
  209. }
  210. /*** AUTHOR PANE ***/
  211. .forum-post-panel-sub .author-contact .author-pane-link span {
  212. background: transparent url(images/ap_email.png) no-repeat;
  213. }
  214. .forum-post-panel-sub .author-privatemsg .author-pane-link span {
  215. background: transparent url(images/ap_private_message.png) no-repeat;
  216. }
  217. .forum-post-panel-sub .author-relationship-add-icon.author-pane-link span {
  218. background: transparent url(images/ap_contact_add.png) no-repeat;
  219. }
  220. .forum-post-panel-sub .author-relationship-remove-icon.author-pane-link {
  221. background: transparent url(images/ap_contact_remove.png) no-repeat;
  222. }