summaryrefslogtreecommitdiff
path: root/core/css/quickedit.css
diff options
context:
space:
mode:
authorBharat Mediratta <bharat@menalto.com>2009-01-03 05:36:16 +0000
committerBharat Mediratta <bharat@menalto.com>2009-01-03 05:36:16 +0000
commite8f1ff580c6290060d1de8f3e9eceae9028fd1fa (patch)
treea4c6478e94f6236459a5c61542282329e15de333 /core/css/quickedit.css
parent675cc693939199fe95c08f851bec8f4e4ea6807c (diff)
Add a new quick-edit mode for editing photos when viewing albums.
Implement image rotation this way.
Diffstat (limited to 'core/css/quickedit.css')
-rw-r--r--core/css/quickedit.css45
1 files changed, 45 insertions, 0 deletions
diff --git a/core/css/quickedit.css b/core/css/quickedit.css
new file mode 100644
index 00000000..1ab00de5
--- /dev/null
+++ b/core/css/quickedit.css
@@ -0,0 +1,45 @@
+div.gQuickEdit {
+ margin: 0px !important;
+ padding: 0px !important;
+ border: none !important;
+}
+
+#gQuickEditPane {
+ background: white;
+ opacity: 0.8;
+ border-bottom: 1px dashed black;
+}
+
+#gQuickEditPane div {
+ background: red;
+ float: right;
+ display: inline;
+ cursor: pointer;
+ margin: 8px;
+}
+
+#gQuickEditPane div.rotate-clockwise {
+ background: url(../images/arrow_rotate_clockwise.png);
+ width: 16px;
+ height: 16px;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+}
+
+#gQuickEditPane div.rotate-clockwise span {
+ display: none;
+}
+
+#gQuickEditPane div.rotate-counter-clockwise {
+ background: url(../images/arrow_rotate_anticlockwise.png);
+ width: 16px;
+ height: 16px;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+}
+
+#gQuickEditPane div.rotate-counter-clockwise span {
+ display: none;
+}