You are here

Home » API reference » Image Editor 7

imageeditor.widget.css in Image Editor 7 

/* Image Editor widget */
span.imageeditor {
  display: block;
}
span.imageeditor > span {
  margin: 2px;
  float: left;
  background: url('images/background.png');
  -moz-border-radius: 4px;
  border-radius: 4px;
}
span.imageeditor > span > span {
  float: left;
  width: 16px;
  height: 16px;
  padding: 4px;
  cursor: pointer;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
span.imageeditor > span > span:hover {
  background-color: Black; /*Black, DimGray, DarkSlateGray, GarkSlateGray*/
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 1.0;
  filter: alpha(opacity=100);
}

File

css/imageeditor.widget.css
View source 
  1. /* Image Editor widget */

  2. span.imageeditor {

  3.   display: block;

  4. }

  5. span.imageeditor > span {

  6.   margin: 2px;

  7.   float: left;

  8.   background: url('images/background.png');

  9.   -moz-border-radius: 4px;

  10.   border-radius: 4px;

  11. }

  12. span.imageeditor > span > span {

  13.   float: left;

  14.   width: 16px;

  15.   height: 16px;

  16.   padding: 4px;

  17.   cursor: pointer;

  18.   opacity: 0.75;

  19.   filter: alpha(opacity=75);

  20. }

  21. span.imageeditor > span > span:hover {

  22.   background-color: Black; /*Black, DimGray, DarkSlateGray, GarkSlateGray*/

  23.   -moz-border-radius: 4px;

  24.   border-radius: 4px;

  25.   opacity: 1.0;

  26.   filter: alpha(opacity=100);

  27. }