You are here

imageeditor.css in Image Editor 6

.imageeditor-existing {
  width: 100px;
}

.imageeditor > div {
  margin: 2px;
  float: left;
  /*background-color: LightSteelBlue;*/ /*LightGray*/
  background: url('images/background.png');
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.imageeditor > div > div {
  float: left;
  width: 24px;
  height: 24px;
  cursor: pointer;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.imageeditor > div > div:hover {
  background-color: Black; /*Black, DimGray, DarkSlateGray, GarkSlateGray*/
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 1.0;
  filter: alpha(opacity=100);
} 

.imageeditor > div > div > img {
  padding: 4px;
}

div.imageeditor-external {
  background-color: #696969;
  opacity: 0.8;
  filter: alpha(opacity=80);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 99998;
}

div.imageeditor-internal {
  border: 1px solid #2c2c2c;
  position: fixed;
  top: 40px;
  left: 40px;
  z-index: 99999;
}

.imageeditor-iframe {
  border: 1px solid #b1b1b1;
  frameborder: 0;
  background-color: #606060;
  display: block;
}

div.imageeditor-close {
  background: url(images/close.png) no-repeat;
  width: 26px;
  height: 26px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  cursor: pointer;
  opacity: 1.0;
  filter: alpha(opacity=100);
  z-index: 99999;
}

div.imageeditor-editor, div.imageeditor-uploader {
  width: 24px;
  height: 16px;
  display: inline-block;
}

div.paintweb {
  background: url('images/paintweb16.png') no-repeat center;
}

div.pixlr-editor {
  background: url('images/pixlr_editor.png') no-repeat center;
}

div.pixlr-express {
  background: url('images/pixlr_express.png') no-repeat center;
}

div.picnik {
  background: url('images/picnik.png') no-repeat center;
}

div.aviary-feather {
  background: url('images/aviary.ico') no-repeat center;
}

div.aviary-phoenix {
  background: url('images/aviary_phoenix.png') no-repeat center;
}

div.aviary-raven {
  background: url('images/aviary_raven.png') no-repeat center;
}

div.aviary-peacock {
  background: url('images/aviary_peacock.png') no-repeat center;
}

div.aviary-falcon {
  background: url('images/aviary_falcon.png') no-repeat center;
}

div.sumopaint {
  background: url('images/sumopaint.png') no-repeat center;
}

div.fotoflexer {
  background: url('images/fotoflexer.gif') no-repeat center;
}

div.flauntr-styler {
  background: url('images/flauntr.ico') no-repeat center;
}

div.pixlr-upload {
  background: url('images/pixlr_upload.ico') no-repeat center;
}

div.immio-upload {
  background: url('images/immio_upload.png') no-repeat center;
}

div.imageshack-upload {
  background: url('images/imageshack_upload.ico') no-repeat center;
}

File

imageeditor.css
View source
  1. .imageeditor-existing {
  2. width: 100px;
  3. }
  4. .imageeditor > div {
  5. margin: 2px;
  6. float: left;
  7. /*background-color: LightSteelBlue;*/ /*LightGray*/
  8. background: url('images/background.png');
  9. -moz-border-radius: 4px;
  10. border-radius: 4px;
  11. }
  12. .imageeditor > div > div {
  13. float: left;
  14. width: 24px;
  15. height: 24px;
  16. cursor: pointer;
  17. opacity: 0.75;
  18. filter: alpha(opacity=75);
  19. }
  20. .imageeditor > div > div:hover {
  21. background-color: Black; /*Black, DimGray, DarkSlateGray, GarkSlateGray*/
  22. -moz-border-radius: 4px;
  23. border-radius: 4px;
  24. opacity: 1.0;
  25. filter: alpha(opacity=100);
  26. }
  27. .imageeditor > div > div > img {
  28. padding: 4px;
  29. }
  30. div.imageeditor-external {
  31. background-color: #696969;
  32. opacity: 0.8;
  33. filter: alpha(opacity=80);
  34. width: 100%;
  35. height: 100%;
  36. top: 0;
  37. left: 0;
  38. position: fixed;
  39. z-index: 99998;
  40. }
  41. div.imageeditor-internal {
  42. border: 1px solid #2c2c2c;
  43. position: fixed;
  44. top: 40px;
  45. left: 40px;
  46. z-index: 99999;
  47. }
  48. .imageeditor-iframe {
  49. border: 1px solid #b1b1b1;
  50. frameborder: 0;
  51. background-color: #606060;
  52. display: block;
  53. }
  54. div.imageeditor-close {
  55. background: url(images/close.png) no-repeat;
  56. width: 26px;
  57. height: 26px;
  58. position: fixed;
  59. bottom: 40px;
  60. right: 10px;
  61. cursor: pointer;
  62. opacity: 1.0;
  63. filter: alpha(opacity=100);
  64. z-index: 99999;
  65. }
  66. div.imageeditor-editor, div.imageeditor-uploader {
  67. width: 24px;
  68. height: 16px;
  69. display: inline-block;
  70. }
  71. div.paintweb {
  72. background: url('images/paintweb16.png') no-repeat center;
  73. }
  74. div.pixlr-editor {
  75. background: url('images/pixlr_editor.png') no-repeat center;
  76. }
  77. div.pixlr-express {
  78. background: url('images/pixlr_express.png') no-repeat center;
  79. }
  80. div.picnik {
  81. background: url('images/picnik.png') no-repeat center;
  82. }
  83. div.aviary-feather {
  84. background: url('images/aviary.ico') no-repeat center;
  85. }
  86. div.aviary-phoenix {
  87. background: url('images/aviary_phoenix.png') no-repeat center;
  88. }
  89. div.aviary-raven {
  90. background: url('images/aviary_raven.png') no-repeat center;
  91. }
  92. div.aviary-peacock {
  93. background: url('images/aviary_peacock.png') no-repeat center;
  94. }
  95. div.aviary-falcon {
  96. background: url('images/aviary_falcon.png') no-repeat center;
  97. }
  98. div.sumopaint {
  99. background: url('images/sumopaint.png') no-repeat center;
  100. }
  101. div.fotoflexer {
  102. background: url('images/fotoflexer.gif') no-repeat center;
  103. }
  104. div.flauntr-styler {
  105. background: url('images/flauntr.ico') no-repeat center;
  106. }
  107. div.pixlr-upload {
  108. background: url('images/pixlr_upload.ico') no-repeat center;
  109. }
  110. div.immio-upload {
  111. background: url('images/immio_upload.png') no-repeat center;
  112. }
  113. div.imageshack-upload {
  114. background: url('images/imageshack_upload.ico') no-repeat center;
  115. }