You are here

Home » API reference » Focal Point 8

focal_point.css in Focal Point 8

Same filename and directory in other branches
  1. 7 css/focal_point.css
.focal-point-indicator {
  width: 1px;
  height: 1px;
  cursor: move;
}
.focal-point-indicator:after {
  content: "+";
  color: #fff;
  cursor: move;
  text-shadow: 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000;
  width: .75em;
  height: .75em;
  font-size: 1.5em;
  line-height: .75em;
  display: block;
  position: relative;
  top: -.375em;
  left: -.375em;
}
.focal-point-wrapper {
  display: inline-block;
  position: relative;
  direction: ltr;
}
.focal-point-preview-link {
  display: block;
  direction: initial;
  text-align: center;
}
.focal-point-preview-link:before {
  content: "\1F50D";
  font-size: x-large;
  vertical-align: middle;
}
.focal-point-preview-link:hover {
  text-decoration: none;
}

File

css/focal_point.css
View source 
  1. .focal-point-indicator {

  2.   width: 1px;

  3.   height: 1px;

  4.   cursor: move;

  5. }

  6. .focal-point-indicator:after {

  7.   content: "+";

  8.   color: #fff;

  9.   cursor: move;

  10.   text-shadow: 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000;

  11.   width: .75em;

  12.   height: .75em;

  13.   font-size: 1.5em;

  14.   line-height: .75em;

  15.   display: block;

  16.   position: relative;

  17.   top: -.375em;

  18.   left: -.375em;

  19. }

  20. .focal-point-wrapper {

  21.   display: inline-block;

  22.   position: relative;

  23.   direction: ltr;

  24. }

  25. .focal-point-preview-link {

  26.   display: block;

  27.   direction: initial;

  28.   text-align: center;

  29. }

  30. .focal-point-preview-link:before {

  31.   content: "\1F50D";

  32.   font-size: x-large;

  33.   vertical-align: middle;

  34. }

  35. .focal-point-preview-link:hover {

  36.   text-decoration: none;

  37. }