CSS   27

facebook css

Guest on 23rd July 2022 03:10:03 AM

  1. /*social media*/
  2.  
  3. body{
  4.         margin:0px;
  5.         padding:0;
  6.         background-color:#ffffff;
  7.         font-family: "Tahoma", "Lucida Grande","Lucida Sans Unicode", Arial, san-serif;
  8.         font-size:11px;
  9.         line-height:16px;
  10.         color:#333;
  11. }
  12.  
  13.  
  14.  
  15. #fbwall {
  16.         border-top:1px solid #dad9da;
  17.         margin:0 10px;
  18.         max-width: 350px;
  19. }
  20. #fbwall ul {
  21.         list-style-type:none;
  22.         list-style-image:none;
  23.         margin-left:5px;
  24.         padding: 5px;
  25.         color:#464646;
  26. }
  27.  
  28. #fbwall #fbname {
  29.         font-size:11px;
  30.         color:#3b5998;
  31.         font-weight: bold;
  32. }
  33. #fbwall #fbpost {
  34.         color:#313232;
  35.         padding-bottom:5px;
  36. }
  37. #fbwall #fbactions {
  38.         color:#3b5998;
  39.         font-size:10px;
  40.         line-height:14px;
  41.         padding-left:10px;
  42. }
  43.  
  44.  
  45. a {
  46.         color: #6d84b4;
  47.         text-decoration: none;
  48. }
  49. a:hover{
  50.         text-decoration: underline;
  51. }
  52.  
  53.  
  54. #fbcomments{
  55.         text-align:left;
  56.         font-size:10px;
  57.         line-height:14px;
  58.         margin-top: 10px;
  59.         padding:0;
  60.         max-width: 330px;
  61.         background: url(_psportal/port-img/fb-arrow.png) #e9ecf3 no-repeat left top;
  62. }
  63. #fbcomments li{
  64.         border-bottom: 2px solid #ffffff;
  65.         padding: 3px 10px 10px 25px;
  66.         margin: 7px -5px -5px -10px;
  67. }
  68.  
  69. #fbcomments a {
  70.         color: #3b5998;
  71.         text-decoration: none;
  72. }
  73. #fbcomments a:hover{
  74.         text-decoration: underline;
  75. }
  76. #fbwall ul #fbcomments ul #fbcomment_info {
  77.         list-style-type:none;
  78.         background:url(/psportal/port-img/fb-comment.png) no-repeat left top;
  79. }
  80. #fbwall ul #fbcomments ul #fbcomment_count {
  81.         list-style-type:none;
  82.         background:url(/psportal/port-img/fb-like.png) no-repeat left top;
  83. }
  84.  
  85.  
  86.  
  87. /**********************************************************************************************/
  88.  
  89.  
  90.  
  91.  
  92.  
  93. #fblogin{
  94.         background:url(/psportal/port-img/fb-logo.png) #3b5998 no-repeat center top;
  95.         padding:30px 50px 50px;
  96.         margin:10px 0;
  97.         color:#ffffff;
  98.         text-align:left;
  99.         font-size:16px;
  100.         line-height:24px;
  101. }
  102.  
  103.  
  104. #fbapp #NEWPOST {
  105.         font-size: 11px;
  106.         line-height: 16px;
  107.         color: #3d3b3b;
  108.         background-color: #ffffff;
  109.         text-align: left;
  110.         padding: 10px;
  111. }
  112. .button{
  113.         background: url(/psportal/port-img/fb-arrow.png) #3b5998 no-repeat left top;
  114.         padding:13px 12px 8px;
  115.         float:left;
  116.         border:none;
  117.         color:#fff;
  118.         text-transform:uppercase;
  119.         font-size:11px;
  120.         line-height:12px;
  121.         margin:4px 10px;
  122.         cursor:pointer;
  123. }
  124. .logoutbutton{
  125.         background:#6d84b4;
  126.         border:none;
  127.         padding:8px 12px;
  128.         float:left;
  129.         color:#fff;
  130.         text-transform:uppercase;
  131.         font-size:11px;
  132.         line-height:12px;
  133.         margin:9px 15px 8px;
  134. }
  135. .logoutbutton:hover {
  136.         background:#2c477e;
  137.         cursor:pointer;
  138. }
  139. .loginbutton{
  140.         background:#6d84b4;
  141.         border: 1px solid #2c477e;
  142.         padding:6px 20px;
  143.         float:left;
  144.         color:#fff;
  145.         text-transform:uppercase;
  146.         font-size:11px;
  147.         line-height:12px;
  148.         /*margin:4px 5px 8px;*/
  149. }
  150. .loginbutton:hover {
  151.         background:#2c477e;
  152.         cursor:pointer;
  153. }
  154. .error, .successful{
  155.         padding:3px 10px 5px;
  156.         margin-left:20px;
  157.         color:#ffffff;
  158.         width:200px;
  159. }
  160. .successful{
  161.         background-color:#1f7927;
  162. }
  163. .error{
  164.         background-color:#F00;
  165. }

Raw Paste


Login or Register to edit or fork this paste. It's free.