summaryrefslogtreecommitdiff
path: root/modules/organize/css
diff options
context:
space:
mode:
Diffstat (limited to 'modules/organize/css')
-rw-r--r--modules/organize/css/organize.css129
1 files changed, 69 insertions, 60 deletions
diff --git a/modules/organize/css/organize.css b/modules/organize/css/organize.css
index 41695cae..55267052 100644
--- a/modules/organize/css/organize.css
+++ b/modules/organize/css/organize.css
@@ -1,53 +1,42 @@
-
/*******************************************************************
* Dialog wide styles
*/
-#g-organize {
- height: 100%;
- overflow: hidden;
-}
-
-#g-organize #bd {
- height: 100%;
-}
-#g-organize #g-organize-detail {
- width: auto;
-}
-
-#g-organize #g-organize-tree-container {
- height: 100%;
- width: 25%;
-}
-
-#g-organize #g-action-status {
- margin-bottom: .4em;
- width: 75%;
- white-space: nowrap;
+#g-organize {
+ height: auto;
+ margin: 0 !important;
+ padding: 0 !important;
+ position: relative;
+ width: 100%;
}
-#g-organize-detail {
- height: 100%;
+#g-organize-content-pane {
+ height: auto;
+ margin: 0 !important;
+ padding: 0 !important;
+ position: relative;
+ width: 100%;
}
/*******************************************************************
* Album Tree styles
*/
-#g-organize-tree-container {
+
+#g-organize #g-organize-tree-container {
height: 100%;
overflow: auto;
- margin: 0 !important;
- padding: 0 !important;
+ margin: 0;
+ padding: 0;
+ width: 19%;
}
#g-organize-album-tree .g-selected {
- background-color: #cfdeff;
+ background-color: #eee;
border-bottom: 1px solid #999;
- margin-right: 0;
}
#g-organize-album-tree ul li {
- padding-left: 1.2em;
+ padding: 0 0 .2em 1.2em;
}
.g-organize-album span {
@@ -56,9 +45,9 @@
.g-organize-album-text {
cursor: pointer;
- width: auto;
- margin: 2px 0px 1px 2px;
display: block;
+ margin: 2px 0px 1px 2px;
+ width: auto;
}
.g-organize-album-text:hover {
@@ -68,70 +57,90 @@
/*******************************************************************
* Album panel styles
*/
-#g-organize-microthumb-panel {
+
+#g-organize #g-organize-detail {
+ height: 100%;
margin: 0 !important;
+ overflow: hidden;
padding: 0 !important;
- background-color: #cfdeff;
+ width: 80%;
+}
+
+#g-organize #g-organize-detail .g-message-block {
+ margin: 0;
+ padding-left: 30px !important;
+}
+
+#g-organize-microthumb-panel {
+ background-color: #eee;
border: 1px solid #999;
- border-top: none !important;
- border-left: none !important;
- overflow-x: hidden;
- overflow-y: auto;
+ height: 100%;
+ margin: 0 !important;
+ position: relative;
+ padding: 0 !important;
+ width: 100%;
}
#g-organize-microthumb-grid {
- padding: 1em;
+ height: 100%;
+ overflow: auto;
+ padding: .4em !important;
+ position: relative;
}
.g-organize-microthumb-grid-cell {
- font-size: .8em;
- padding: .5em !important;
- border-left: 1px hidden #13A;
- border-right: 1px hidden #13A;
- margin: 4px;
+ margin: 6px;
+ padding: 0 !important;
+ position: relative;
}
.g-organize-microthumb {
+ background-color: #fff;
+ border: 1px solid #ccc;
display: block;
- height: 9em;
+ height: 100px;
+ margin: 0;
+ padding: .4em 0;
+ position: relative;
text-align: center;
- width: 9em;
+ width: 110px;
}
.g-organize-microthumb-grid-cell.ui-selecting,
.g-organize-microthumb-grid-cell.ui-selected {
- margin: 2px;
border: 2px solid #13A;
+ margin: 4px;
}
.ui-selectable-helper {
- z-index: 2000 !important;
+ background: #13A;
border: 1px dashed #00F;
opacity: 0.25;
- background: #13A;
-}
-
-.g-thumbnail {
- padding: .5em;
+ z-index: 2000 !important;
}
-#g-organize-microthumb-grid .g-album {
- background-color: #e8e8e8;
+.g-organize-microthumb .ui-icon {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ z-index: 4000;
}
.g-organize-microthumb-grid-cell:hover {
- margin: 2px;
border: 2px solid #13A;
+ margin: 4px;
}
/****************************************************************
* Controls styles
*/
+
#g-organize-controls {
- padding-left: 8px;
- background-color: #13A;
- color: #ccc;
- width: 100% !important;
+ background-color: #666;
+ color: #eee;
+ margin: 0 !important;
+ padding: .2em .4em;
+ width: 100%;
}
#g-organize-controls select {