You are here

advanced-forum.blue_and_grey.images.css in Advanced Forum More Styles 7.2

/* FORUM LIST ICONS *********************************************************/
.forum-list-icon-wrapper {
  border-top: none;
  background: transparent;
  background: none;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  color: #333333;
  font-family: Helvetica, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
  margin: 0;
  width: 20px;
  height: 21px;
  display: block;
}

.forum-list-icon-wrapper span {
  width: 20px;
  height: 21px;
}

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/topic_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/topic_list_new.png) no-repeat center center;
}

/* TOPIC LIST ICONS *********************************************************/
span.topic-icon {
  width: 20px;
  height: 21px;
}

.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 center left;
}

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

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

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

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

.topic-icon-closed {
  background: transparent url(images/topic_list_closed.png) no-repeat center 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: auto;
  display: block;
}

.forum-post-panel-sub .author-offline {
  background: transparent url(images/ap_user_offline.png) no-repeat;
  padding-left: 20px;
  height: 20px;
  width: auto;
  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;
  text-transform: capitalize;
}

.af-button-large,
.af-button-small,
.author-pane-link {
  font-family: museo-sans-1,museo-sans-2,helvetica-neue,helvetica,"Arial",sans-serif;
  background: none;
  background-image: linear-gradient(bottom, rgb(238,238,238) 27%, rgb(252,252,252) 64%);
  background-image: -o-linear-gradient(bottom, rgb(238,238,238) 27%, rgb(252,252,252) 64%);
  background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 27%, rgb(252,252,252) 64%);
  background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 27%, rgb(252,252,252) 64%);
  background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 27%, rgb(252,252,252) 64%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.27, rgb(238,238,238)), color-stop(0.64, rgb(252,252,252)));
  text-shadow: none;
  box-shadow: none;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  color: #616161;
}

a.af-button-large:hover,
a.af-button-small:hover,
a.author-pane-link:hover {
  background: #EEEEEE;
  color: #616161;
  border-top-color: #EFEFEF;
  background-image: linear-gradient(bottom, rgb(254,254,254) 25%, rgb(238,238,238) 63%);
  background-image: -o-linear-gradient(bottom, rgb(254,254,254) 25%, rgb(238,238,238) 63%);
  background-image: -moz-linear-gradient(bottom, rgb(254,254,254) 25%, rgb(238,238,238) 63%);
  background-image: -webkit-linear-gradient(bottom, rgb(254,254,254) 25%, rgb(238,238,238) 63%);
  background-image: -ms-linear-gradient(bottom, rgb(254,254,254) 25%, rgb(238,238,238) 63%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.25, rgb(254,254,254)), color-stop(0.63, rgb(238,238,238)));
  border: 1px solid #cdcdcd;
}

a.af-button-large:active,
a.af-button-small:active,
a.author-pane-link:active {
  background: #EEEEEE;
  color: #616161;
  border: 1px solid #cdcdcd;
}

.af-button-large span {
  font-size: 1em;
  font-weight: 700;
  color: #5f5f5f;
}

.af-button-small span {
  font-size: 1em;
  font-weight: 700;
  color: #5f5f5f;
}

.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 center left;
}

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

/*** 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 center left;
}

/* 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 center left;
}

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

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


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

/* General */
.forum-post-links .af-button-small span {
  font-size: 1em;
}

/* Reply */
.comment-add .af-button-small span,
.comment-reply .af-button-small span {
  background: url(images/post_reply.png) no-repeat center left;
}

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

/* Edit */
.comment-edit .af-button-small span,
.post-edit .af-button-small span {
  background: url(images/post_edit.png) no-repeat center left;
}

/* Delete */
.comment-delete .af-button-small span,
.post-delete .af-button-small span {
  background: url(images/post_delete.png) no-repeat center left;
}

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

/*** 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;
}

/**
 * General spacing fixes.
 */
body .forum-node-create-links-top {
  padding-top: 0;
}
body .forum-node-create-links {
  padding-bottom: 1em;
}

File

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