You are here

Home » API reference » Ajax facets 7.3

ajax_facets.css in Ajax facets 7.3

Same filename and directory in other branches
  1. 7.2 misc/ajax_facets.css
#ajax-facets-tooltip {
  position: absolute;
  width:140px;
  background: #FFFFFF;
  border: 2px solid rgb(255, 189, 74);
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: none;
  border-radius: 4px;
}
#ajax-facets-tooltip span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -12px;
  width: 0; height: 0;
  border-left: 12px solid rgb(255, 189, 74);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
#ajax-facets-tooltip span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid #FFFFFF;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

a.reset-link {
  display: block;
  width: 100%;
  text-align: center;
}

File

misc/ajax_facets.css
View source 
  1. #ajax-facets-tooltip {

  2.   position: absolute;

  3.   width:140px;

  4.   background: #FFFFFF;

  5.   border: 2px solid rgb(255, 189, 74);

  6.   height: 30px;

  7.   line-height: 30px;

  8.   text-align: center;

  9.   display: none;

  10.   border-radius: 4px;

  11. }

  12. #ajax-facets-tooltip span:before {

  13.   content: '';

  14.   position: absolute;

  15.   top: 50%;

  16.   left: 100%;

  17.   margin-top: -12px;

  18.   width: 0; height: 0;

  19.   border-left: 12px solid rgb(255, 189, 74);

  20.   border-top: 12px solid transparent;

  21.   border-bottom: 12px solid transparent;

  22. }

  23. #ajax-facets-tooltip span:after {

  24.   content: '';

  25.   position: absolute;

  26.   top: 50%;

  27.   left: 100%;

  28.   margin-top: -8px;

  29.   width: 0;

  30.   height: 0;

  31.   border-left: 8px solid #FFFFFF;

  32.   border-top: 8px solid transparent;

  33.   border-bottom: 8px solid transparent;

  34. }

  35. 

  36. a.reset-link {

  37.   display: block;

  38.   width: 100%;

  39.   text-align: center;

  40. }