You are here

Home » API reference » Drupal Commons 7.3

commons-like.css in Drupal Commons 7.3 

.rate-widget-commons_like {
  padding: 0 10px;
  background-color: #fefefe;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEFEFE', endColorstr='#FFE8E8E8');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #e8e8e8));
  background-image: -webkit-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
  background-image: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
  background-image: linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #333333;
  text-align: center;
  display: inline-block;
}
.rate-widget-commons_like:hover {
  text-decoration: none;
}

.rate-widget-commons_like {
  position: relative;
  width: 62px;
  height: 20px;
  padding: 0;
}
.rate-widget-commons_like .rate-commons-like-btn {
  display: block;
  font-size: 0;
  width: 62px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.rate-widget-commons_like .rate-commons-like-btn:before {
  content: '';
  background: url("images/like.png") no-repeat;
  width: 10px;
  height: 14px;
  display: inline-block;
  margin-right: 3px;
  position: absolute;
  left: 17px;
  top: 3px;
}
.rate-widget-commons_like .rate-commons-like-count {
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 1;
  background: #D9D9D9;
  border: 1px solid #b5b5b5;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  -webkit-border-radius: 0 3px 3px 0px;
  -moz-border-radius: 0 3px 3px 0px;
  -ms-border-radius: 0 3px 3px 0px;
  -o-border-radius: 0 3px 3px 0px;
  border-radius: 0 3px 3px 0px;
}
.rate-widget-commons_like .rate-commons-like-count:after, .rate-widget-commons_like .rate-commons-like-count:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.rate-widget-commons_like .rate-commons-like-count:after {
  border-color: rgba(217, 217, 217, 0);
  border-right-color: #D9D9D9;
  border-width: 4px;
  top: 50%;
  margin-top: -4px;
}
.rate-widget-commons_like .rate-commons-like-count:before {
  border-color: rgba(181, 181, 181, 0);
  border-right-color: #B5B5B5;
  border-width: 5px;
  top: 50%;
  margin-top: -5px;
}

File

modules/commons/commons_like/commons-like.css
View source 
  1. .rate-widget-commons_like {

  2.   padding: 0 10px;

  3.   background-color: #fefefe;

  4.   *zoom: 1;

  5.   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEFEFE', endColorstr='#FFE8E8E8');

  6.   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #e8e8e8));

  7.   background-image: -webkit-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);

  8.   background-image: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);

  9.   background-image: -o-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);

  10.   background-image: linear-gradient(top, #fefefe 0%, #e8e8e8 100%);

  11.   border: 1px solid #cccccc;

  12.   -webkit-border-radius: 3px;

  13.   -moz-border-radius: 3px;

  14.   -ms-border-radius: 3px;

  15.   -o-border-radius: 3px;

  16.   border-radius: 3px;

  17.   color: #333333;

  18.   text-align: center;

  19.   display: inline-block;

  20. }

  21. .rate-widget-commons_like:hover {

  22.   text-decoration: none;

  23. }

  24. 

  25. .rate-widget-commons_like {

  26.   position: relative;

  27.   width: 62px;

  28.   height: 20px;

  29.   padding: 0;

  30. }

  31. .rate-widget-commons_like .rate-commons-like-btn {

  32.   display: block;

  33.   font-size: 0;

  34.   width: 62px;

  35.   height: 20px;

  36.   position: absolute;

  37.   left: 0;

  38.   top: 0;

  39.   z-index: 2;

  40. }

  41. .rate-widget-commons_like .rate-commons-like-btn:before {

  42.   content: '';

  43.   background: url("images/like.png") no-repeat;

  44.   width: 10px;

  45.   height: 14px;

  46.   display: inline-block;

  47.   margin-right: 3px;

  48.   position: absolute;

  49.   left: 17px;

  50.   top: 3px;

  51. }

  52. .rate-widget-commons_like .rate-commons-like-count {

  53.   position: absolute;

  54.   top: -1px;

  55.   right: -1px;

  56.   z-index: 1;

  57.   background: #D9D9D9;

  58.   border: 1px solid #b5b5b5;

  59.   height: 20px;

  60.   line-height: 20px;

  61.   padding: 0 5px;

  62.   -webkit-border-radius: 0 3px 3px 0px;

  63.   -moz-border-radius: 0 3px 3px 0px;

  64.   -ms-border-radius: 0 3px 3px 0px;

  65.   -o-border-radius: 0 3px 3px 0px;

  66.   border-radius: 0 3px 3px 0px;

  67. }

  68. .rate-widget-commons_like .rate-commons-like-count:after, .rate-widget-commons_like .rate-commons-like-count:before {

  69.   right: 100%;

  70.   border: solid transparent;

  71.   content: " ";

  72.   height: 0;

  73.   width: 0;

  74.   position: absolute;

  75.   pointer-events: none;

  76. }

  77. .rate-widget-commons_like .rate-commons-like-count:after {

  78.   border-color: rgba(217, 217, 217, 0);

  79.   border-right-color: #D9D9D9;

  80.   border-width: 4px;

  81.   top: 50%;

  82.   margin-top: -4px;

  83. }

  84. .rate-widget-commons_like .rate-commons-like-count:before {

  85.   border-color: rgba(181, 181, 181, 0);

  86.   border-right-color: #B5B5B5;

  87.   border-width: 5px;

  88.   top: 50%;

  89.   margin-top: -5px;

  90. }