You are here

Home » API reference » Advanced Forum 6.2

advanced_forum.cloudless_day.images.css in Advanced Forum 6.2 

/* FORUM LIST ICONS *********************************************************/

.forum-list-icon-wrapper {
  border-top: 1px solid #FFFFFF;
  background: #B5CDDF;
  background: -webkit-gradient(linear, left top, left bottom, from(#B5CDDF), to(#C8DBEA));
  background: -moz-linear-gradient(top, #B5CDDF, #C8DBEA);
  color: #3C78A7;
}

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

/* 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: #3C78A7;
}

.af-button-large,
.af-button-small,
.author-pane-link {
  border-top: 1px solid #FFFFFF;
  background: #EDF5FA;
  background: -webkit-gradient(linear, left top, left bottom, from(#EDF5FA), to(#C8DBEA));
  background: -moz-linear-gradient(top, #EDF5FA, #C8DBEA);
  color: #3C78A7;
}

a.af-button-large:hover,
a.af-button-small:hover,
a.author-pane-link:hover {
   background: #C8DBEA;
   color: #3C78A7;
   border-top-color: #EFEFEF;
}
   
a.af-button-large:active,
a.af-button-small:active,
a.author-pane-link:active {
   background: #C8DBEA;
   color: #3C78A7;
   border-top-color: #EFEFEF;
}

File

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

  2. 

  3. .forum-list-icon-wrapper {

  4.   border-top: 1px solid #FFFFFF;

  5.   background: #B5CDDF;

  6.   background: -webkit-gradient(linear, left top, left bottom, from(#B5CDDF), to(#C8DBEA));

  7.   background: -moz-linear-gradient(top, #B5CDDF, #C8DBEA);

  8.   color: #3C78A7;

  9. }

  10. 

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

  12. tr.odd td.forum-list-icon-default .forum-list-icon-wrapper span,

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

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

  15. }

  16. 

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

  18. tr.odd td.forum-list-icon-new-posts .forum-list-icon-wrapper span,

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

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

  21. }

  22. 

  23. /* BUTTONIZED LINKS - GENERAL ***********************************************/

  24. /* Based on http://css-tricks.com/examples/ButtonMaker */

  25. 

  26. a.af-button-large,

  27. a.af-button-large:link, 

  28. a.af-button-large:visited,

  29. a.af-button-small,

  30. a.af-button-small:link, 

  31. a.af-button-small:visited,

  32. a.author-pane-link,

  33. a.author-pane-link:link,

  34. a.author-pane-link:visited {

  35.   color: #3C78A7;

  36. }

  37. 

  38. .af-button-large,

  39. .af-button-small,

  40. .author-pane-link {

  41.   border-top: 1px solid #FFFFFF;

  42.   background: #EDF5FA;

  43.   background: -webkit-gradient(linear, left top, left bottom, from(#EDF5FA), to(#C8DBEA));

  44.   background: -moz-linear-gradient(top, #EDF5FA, #C8DBEA);

  45.   color: #3C78A7;

  46. }

  47. 

  48. a.af-button-large:hover,

  49. a.af-button-small:hover,

  50. a.author-pane-link:hover {

  51.    background: #C8DBEA;

  52.    color: #3C78A7;

  53.    border-top-color: #EFEFEF;

  54. }

  55.    

  56. a.af-button-large:active,

  57. a.af-button-small:active,

  58. a.author-pane-link:active {

  59.    background: #C8DBEA;

  60.    color: #3C78A7;

  61.    border-top-color: #EFEFEF;

  62. }