Venciity

facebook post styles

Jul 5th, 2014
322
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.26 KB | None | 0 0
  1.     * {
  2.     margin:0;
  3.     padding:0;
  4. }
  5.  
  6. body {
  7.     font-family:Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  8. }
  9.  
  10. #wrapper {
  11.     width:500px;
  12.     margin:0 auto;
  13. }
  14.  
  15. #author {
  16.     height:50px;
  17. }
  18.  
  19. #author div img {
  20.     width:50px;
  21.     height:50px;
  22.     float:left;
  23. }
  24.  
  25. #author-info {
  26.     display:inline-block;
  27.     float:left;
  28.     padding:10px;
  29. }
  30.  
  31. #author-info p span {
  32.     color:#3B59B1;
  33.     font-weight:bold;
  34. }
  35.  
  36. #author-info p a {
  37.     text-decoration:none;
  38.     color:#3B59B1;
  39. }
  40.  
  41. #author-info div {
  42.     color:grey;
  43.     background-image:url(/images/icon01.png);
  44.     background-repeat:no-repeat;
  45.     background-size:13px 13px;
  46.     background-position:45px 4px;
  47. }
  48.  
  49. #wrapper>div {
  50.     padding:10px;
  51. }
  52.  
  53. #overview {
  54.     height:120px;
  55.     border:2px solid #DEE2E9;
  56.     padding:0;
  57.     margin:10px;
  58.     padding: 2px 0 !important;
  59. }
  60.  
  61. #overview img {
  62.     float:left;
  63. }
  64.  
  65. #overview div {
  66.     float:left;
  67.     padding:10px;
  68. }
  69.  
  70. #overview div h3 {
  71.     color:#3B59B1;
  72.     text-transform:capitalize;
  73. }
  74.  
  75. #overview div span {
  76.     color:grey;
  77. }
  78.  
  79. #shares {
  80.     background-color:#FAFBFB;
  81.     border-bottom:1px solid #DEE2E9;
  82.     border-top:1px solid #DEE2E9;
  83. }
  84.  
  85. #shares ul {
  86.     width:55%;
  87. }
  88.  
  89. #shares ul li {
  90.     display:inline-block;
  91. }
  92.  
  93. #shares ul li a {
  94.     text-decoration:none;
  95.     margin:10px;
  96. }
  97.  
  98. #shares div {
  99.     float:right;
  100.     display:inline-block;
  101.     position:relative;
  102.     bottom:20px;
  103. }
  104.  
  105. #shares div a {
  106.     text-decoration:none;
  107. }
  108.  
  109. #shares div:before {
  110.     content:url(/images/icon02.png);
  111. }
  112.  
  113. #likes {
  114.     background-color:#FAFBFB;
  115.     border-bottom:1px solid #DEE2E9;
  116. }
  117.  
  118. #likes p a {
  119.     text-decoration:none;
  120. }
  121.  
  122. #comments {
  123.     background-color:#FAFBFB;
  124.     padding-bottom:2px !important;
  125. }
  126.  
  127. #comments a {
  128.     text-decoration:none;
  129. }
  130.  
  131. #writeCooment {
  132.     background-color:#FAFBFB;
  133.     padding:0 10px !important;
  134. }
  135.  
  136. #writeCooment img {
  137.     width:40px;
  138.     height:40px;
  139. }
  140.  
  141. #writeCooment input {
  142.     height:40px;
  143.     width:87%;
  144.     padding-left:10px;
  145.     position:relative;
  146.     bottom:13px;
  147.     font-size:18px;
  148.     border:1px solid #DEE2E9;
  149.  
  150.     background-image:url(/images/icon03.png);
  151.     background-repeat:no-repeat;
  152.     background-position:400px 13px;
  153. }
Advertisement
Add Comment
Please, Sign In to add comment