You are here

Home » API reference » Simple Image Rotate 8

simple_image_rotate.css in Simple Image Rotate 8

Same filename and directory in other branches
  1. 7.2 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
a.rotate-icon {
  top: 0;
  left: 0;
  font-size: 2em;
  text-decoration: none;
  color: #565656;
  font-weight: bold;
}
a.rotate-icon:hover {
  color: black;
  text-decoration: none;
}

/*
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. a.rotate-icon {

  2.   top: 0;

  3.   left: 0;

  4.   font-size: 2em;

  5.   text-decoration: none;

  6.   color: #565656;

  7.   font-weight: bold;

  8. }

  9. a.rotate-icon:hover {

  10.   color: black;

  11.   text-decoration: none;

  12. }

  13. 

  14. /*

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

  16.   position: relative;

  17.   padding-left: 30px;

  18. }

  19. */

  20. 

  21. rotate-0 {

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

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

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

  25. }

  26. .rotate-90 {

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

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

  29.   transform: rotate(90deg);

  30. }

  31. .rotate-180 {

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

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

  34.   transform: rotate(180deg);

  35. }

  36. .rotate-270 {

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

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

  39.   transform: rotate(270deg);

  40. }