You are here

Home » API reference » Social simple 8

social_simple.css in Social simple 8

Same filename and directory in other branches
  1. 2.0.x css/social_simple.css
/* Wrapper */
.social-buttons {
  text-align: right;
}

/* Heading */
.social-buttons-title {
  display: inline-block;
  font-size: 16px;
  color: #999;
  margin-right: 10px;
}

/* Links */
ul.social-buttons-links {
  display: inline-block;
}

ul.social-buttons-links li {
  font-size: 1rem;
}

.social-buttons-links a {
  padding: 8px 8px;
  display: inline-block;
  text-align: center;
  color: #fff;
  width: 20px;
}

.social-buttons-links a:focus {
  color: #fff;
}

.social-buttons-links a:hover {
  color: #fff;
}

.social-buttons-links .twitter a {
  background-color: #55acee;
}

.social-buttons-links .facebook a {
  background-color: #3b5998;
}

.social-buttons-links .googleplus a {
  background-color: #dc4e41;
}

.social-buttons-links .linkedin a {
  background-color: #0274b3;
}

.social-buttons-links .mail a {
  background-color: #7e7e7e;
}

.social-buttons-links .print a {
  background-color: #aeaeae;
}

.social-buttons-links .entity-print-pdf a {
  background-color: #d30000;
}

File

css/social_simple.css
View source 
  1. /* Wrapper */

  2. .social-buttons {

  3.   text-align: right;

  4. }

  5. 

  6. /* Heading */

  7. .social-buttons-title {

  8.   display: inline-block;

  9.   font-size: 16px;

  10.   color: #999;

  11.   margin-right: 10px;

  12. }

  13. 

  14. /* Links */

  15. ul.social-buttons-links {

  16.   display: inline-block;

  17. }

  18. 

  19. ul.social-buttons-links li {

  20.   font-size: 1rem;

  21. }

  22. 

  23. .social-buttons-links a {

  24.   padding: 8px 8px;

  25.   display: inline-block;

  26.   text-align: center;

  27.   color: #fff;

  28.   width: 20px;

  29. }

  30. 

  31. .social-buttons-links a:focus {

  32.   color: #fff;

  33. }

  34. 

  35. .social-buttons-links a:hover {

  36.   color: #fff;

  37. }

  38. 

  39. .social-buttons-links .twitter a {

  40.   background-color: #55acee;

  41. }

  42. 

  43. .social-buttons-links .facebook a {

  44.   background-color: #3b5998;

  45. }

  46. 

  47. .social-buttons-links .googleplus a {

  48.   background-color: #dc4e41;

  49. }

  50. 

  51. .social-buttons-links .linkedin a {

  52.   background-color: #0274b3;

  53. }

  54. 

  55. .social-buttons-links .mail a {

  56.   background-color: #7e7e7e;

  57. }

  58. 

  59. .social-buttons-links .print a {

  60.   background-color: #aeaeae;

  61. }

  62. 

  63. .social-buttons-links .entity-print-pdf a {

  64.   background-color: #d30000;

  65. }