You are here

Home » API reference » Facebook Wall 7

facebook_wall.css in Facebook Wall 7

Styles sheet for the facebook wall module.

File

css/facebook_wall.css
View source 
  1. /**

  2.  * @file

  3.  * Styles sheet for the facebook wall module.

  4.  */

  5. 

  6. /* @group facebook_wall class */

  7. 

  8. .facebook_wall_outer {

  9.   float: left;

  10.   margin-bottom: 20px;

  11. }

  12. 

  13. .facebook_wall {

  14.   color: #000;

  15.   font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;

  16.   font-size: 11px;

  17.   line-height: 1.38;

  18.   font-weight: normal;

  19.   height: auto;

  20.   float: left;

  21.   margin-bottom: 0px;

  22.   padding: 0px 0px 10px 20px;

  23.   border-bottom: 1px solid lightgray;

  24.   border-left: 1px solid lightgray;

  25. }

  26. 

  27. .facebook_wall a {

  28.   color: #3b5998;

  29.   cursor: pointer;

  30.   text-decoration: none;

  31. }

  32. 

  33. .facebook_wall img {

  34.   max-width: 170px;

  35. }

  36. 

  37. .facebook_wall a:hover {

  38.   color: #3b5998;

  39. }

  40. 

  41. .facebook_wall .post_link {

  42.   text-align: right;

  43.   width: 100%;

  44.   float: right;

  45.   background: url('facebook-arrow.png') right 0px no-repeat;

  46.   height: 16px;

  47. }

  48. .facebook_wall .post_link:hover {

  49.   background-image: none;

  50. }

  51. 

  52. .facebook_wall .post_link a {

  53.   color: transparent;

  54. }

  55. 

  56. .facebook_wall .post_link a:hover {

  57.   color: #3b5998;

  58.   text-decoration: none;

  59. }

  60. 

  61. .facebook_wall .wallContent_left {

  62.   float: left;

  63.   width: 60px;

  64.   margin-top: 5px;

  65.   padding-right: 5px;

  66.   min-height: 50px;

  67. }

  68. 

  69. .facebook_wall .wallContent_right {

  70.   width: 78%;

  71.   float: left;

  72.   padding: 0px 5px 5px 5px;

  73.   margin-right: 5px;

  74.   font-size: 13px;

  75.   line-height: 1.38;

  76. }

  77. 

  78. .facebook_wall .headline {

  79.   color: gray;

  80. }

  81. 

  82. .facebook_wall .caption {

  83.   width: 100%;

  84.   float: none;

  85.   color: gray;

  86.   margin-top: 5px;

  87.   font-size: 11px;

  88. }

  89. 

  90. .facebook_wall .userContent {

  91.   padding: 5px 0 10px 0;

  92.   font-size: 13px;

  93.   line-height: 15pt;

  94.   font-weight: normal;

  95. }

  96. 

  97. .facebook_wall .shareLink {

  98.   background: #f6f7f9;

  99.   border: 1px solid #d3dae8;

  100.   margin-bottom: 12px;

  101.   float: left;

  102.   width: 99%;

  103.   padding: 5px;

  104. }

  105. 

  106. .facebook_wall .shareLink_left {

  107.   float: left;

  108.   min-width: 90px;

  109.   max-width: 170px;

  110. }

  111. 

  112. .facebook_wall .shareLink_right {

  113.   float: left;

  114.   width: 53%;

  115.   padding-left: 5px;

  116. }

  117. 

  118. .facebook_wall .likes {

  119.   float: left;

  120.   width: 94%;

  121.   background: #edeff4 url('facebook-likes.png') scroll 7px 5px no-repeat;

  122.   padding: 5px 5px 5px 30px;

  123.   margin: 5px 5px 2px 0;

  124.   font-size: 11px;

  125. }

  126. 

  127. .facebook_wall .like_comment {

  128.   width: 70px;

  129.   background: url('facebook-likes.png') scroll 7px 0px no-repeat;

  130.   padding: 0px 0 0 25px;

  131.   color: #3b5998;

  132. }

  133. 

  134. .facebook_wall .commentView {

  135.   float: left;

  136.   width: 94%;

  137.   background: #edeff4 url('facebook-comment.png') scroll 7px 5px no-repeat;

  138.   padding: 5px 5px 5px 30px;

  139.   margin-bottom: 2px;

  140.   font-size: 11px;

  141. }

  142. 

  143. .facebook_wall .comment {

  144.   background: #edeff4;

  145.   margin-bottom: 2px;

  146.   padding: 5px;

  147.   float: left;

  148.   width: 100%;

  149. }

  150. 

  151. .facebook_wall .comment_left {

  152.   float: left;

  153.   width: 45px;

  154.   padding-right: 5px;

  155. }

  156. 

  157. .facebook_wall .comment_right {

  158.   float: left;

  159.   width: 83%;

  160. }