You are here

Home » API reference » Simple Image Rotate 7.2

simple_image_rotate.css in Simple Image Rotate 7.2

Same filename and directory in other branches
  1. 8 css/simple_image_rotate.css
  2. 7 css/simple_image_rotate.css
  3. 2.1.x css/simple_image_rotate.css
  4. 1.0.x css/simple_image_rotate.css
  5. 2.0.x css/simple_image_rotate.css
.image-widget {
    position: relative;
}
a.rotate-icon {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
    line-height: 30px;
    color: blue;
    text-decoration: none;
}
a.rotate-icon:hover {
    color: black;
}
div.image-preview.rotate-enabled {
    position: relative;
    padding-left: 30px;
}
rotate-0 {
    -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg); /* IE 9 */
    transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
}
.rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

File

css/simple_image_rotate.css
View source 
  1. .image-widget {

  2.     position: relative;

  3. }

  4. a.rotate-icon {

  5.     position: absolute;

  6.     top: 0;

  7.     left: 0;

  8.     font-size: 30px;

  9.     line-height: 30px;

  10.     color: blue;

  11.     text-decoration: none;

  12. }

  13. a.rotate-icon:hover {

  14.     color: black;

  15. }

  16. div.image-preview.rotate-enabled {

  17.     position: relative;

  18.     padding-left: 30px;

  19. }

  20. rotate-0 {

  21.     -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */

  22.     -ms-transform: rotate(0deg); /* IE 9 */

  23.     transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */

  24. }

  25. .rotate-90 {

  26.     -webkit-transform: rotate(90deg);

  27.     -ms-transform: rotate(90deg);

  28.     transform: rotate(90deg);

  29. }

  30. .rotate-180 {

  31.     -webkit-transform: rotate(180deg);

  32.     -ms-transform: rotate(180deg);

  33.     transform: rotate(180deg);

  34. }

  35. .rotate-270 {

  36.     -webkit-transform: rotate(270deg);

  37.     -ms-transform: rotate(270deg);

  38.     transform: rotate(270deg);

  39. }