summaryrefslogtreecommitdiff
path: root/modules/organize/css/organize_frame.css
diff options
context:
space:
mode:
Diffstat (limited to 'modules/organize/css/organize_frame.css')
-rw-r--r--modules/organize/css/organize_frame.css99
1 files changed, 99 insertions, 0 deletions
diff --git a/modules/organize/css/organize_frame.css b/modules/organize/css/organize_frame.css
new file mode 100644
index 00000000..3f7ce8f6
--- /dev/null
+++ b/modules/organize/css/organize_frame.css
@@ -0,0 +1,99 @@
+.g-organize {
+ font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+}
+
+.g-organize div.thumb {
+ padding: 8px;
+ width: 128px;
+ height: 128px;
+ vertical-align: middle;
+ float: left;
+}
+
+.g-organize div.selected {
+ background: #C9D8EB;
+}
+
+.g-organize div.thumb {
+ border: 4px solid white;
+}
+
+.g-organize div.thumb:hover {
+ border: 2px solid #eee;
+ margin: 2px;
+ cursor: pointer;
+}
+
+.g-organize div.thumb div.icon {
+ position: relative;
+ padding: 0px;
+ margin: 0px;
+ visibility: hidden;
+ width: 16px;
+ height: 16px;
+ top: -16px;
+ margin-bottom: -16px;
+ padding-bottom: -16px;
+}
+
+.g-organize div.thumb-album div.icon {
+ visibility: visible;
+}
+
+.g-organize div.drag-ghost {
+ width: 300px;
+ height: 180px;
+}
+
+.g-organize div.drag-ghost div {
+ width: 72px;
+ height: 72px;
+ vertical-align: baseline;
+ float: left;
+}
+
+.g-organize div.drop-target {
+ background: #eee;
+}
+
+.g-organize div.active-left {
+ border-left: 4px solid #C9D8EB;
+}
+
+.g-organize div.active-right {
+ border-right: 4px solid #C9D8EB;
+}
+
+.g-organize label.sort {
+ font: 12px tahoma, arial;
+ vertical-align: middle;
+ font-weight: bold;
+ height: 22px;
+ text-align: center;
+ padding: 4px;
+}
+
+.loading div {
+ font-size: 1.1em;
+ padding-left: 24px;
+ background-color: white;
+ background-image: url(../vendor/ext/images/default/tree/loading.gif);
+ background-position: 4px 8px;
+ background-repeat: no-repeat;
+}
+
+/* IE specific overrides */
+body.ext-ie div.thumb {
+ width: 150px;
+ height: 150px;
+}
+
+/* ExtJS overrides */
+.x-tree-node-el {
+ font-size: 12px;
+ line-height: 20px;
+}
+
+.x-tree-node-leaf .x-tree-node-icon {
+ background-image:url(../vendor/ext/images/default/tree/folder.gif);
+}