You are here

fb.theme.css in Drupal for Facebook 7.4

Same filename and directory in other branches
  1. 6.3 fb.theme.css
  2. 7.3 fb.theme.css
/* Hide these classes, unless javascript shows them. */
.fb_show {display: none;}
.fb_connected, .fb_not_connected {display:none;}
.fb_hidden, .fb_replace {display: none;}
input.fb_connect_required {display: none;}

/**
 * Make links look like facebook buttons.
 * If you can improve this, please submit patch to http://drupal.org/project/issues/fb
 */
.fb_button_style {
  display: inline-block;
  border: 1px solid #294473;
}

.fb_button_style a:link,
.fb_button_style a:visited,
.fb_button_style a {
  background:url(images/f_logo.png) center left no-repeat;
  background-size: 22px 22px;
  padding-left: 22px;
  display: inline-block;
  background-color: #5f78ab;
}

.fb_button_style a span {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 4px;
}

.fb_button_style a div,
.fb_button_style a span {
  cursor: pointer;
}

/* images in menu items */
#main-menu img.fb_logo,
#secondary-menu img.fb_logo,
.menu img.fb_logo {
  width: 14px;
  height: 14px;
}

File

fb.theme.css
View source
  1. /* Hide these classes, unless javascript shows them. */
  2. .fb_show {display: none;}
  3. .fb_connected, .fb_not_connected {display:none;}
  4. .fb_hidden, .fb_replace {display: none;}
  5. input.fb_connect_required {display: none;}
  6. /**
  7. * Make links look like facebook buttons.
  8. * If you can improve this, please submit patch to http://drupal.org/project/issues/fb
  9. */
  10. .fb_button_style {
  11. display: inline-block;
  12. border: 1px solid #294473;
  13. }
  14. .fb_button_style a:link,
  15. .fb_button_style a:visited,
  16. .fb_button_style a {
  17. background:url(images/f_logo.png) center left no-repeat;
  18. background-size: 22px 22px;
  19. padding-left: 22px;
  20. display: inline-block;
  21. background-color: #5f78ab;
  22. }
  23. .fb_button_style a span {
  24. color: #fff;
  25. font-size: 12px;
  26. font-weight: bold;
  27. padding: 4px 4px;
  28. }
  29. .fb_button_style a div,
  30. .fb_button_style a span {
  31. cursor: pointer;
  32. }
  33. /* images in menu items */
  34. #main-menu img.fb_logo,
  35. #secondary-menu img.fb_logo,
  36. .menu img.fb_logo {
  37. width: 14px;
  38. height: 14px;
  39. }