mirror of
https://github.com/Pathduck/gallery3.git
synced 2026-05-20 19:39:16 -04:00
f257cd3d69
* Clean up naming conventions for variables in the controller so that we specifically refer to albums with $album_id, etc. * Move complexity for drawing tree out of the controller and into the view. * Simplify task definitions to get rid of extraneous text * Change __PLACEHOLDERS__ to clearly define which is the album and which is the item that we're moving before/after * Remove as many CSS ids as we can from the tree view to keep things simple
147 lines
2.3 KiB
CSS
147 lines
2.3 KiB
CSS
|
|
/*******************************************************************
|
|
* Dialog wide stylings
|
|
*/
|
|
#gOrganizeDialog {
|
|
text-align: left;
|
|
}
|
|
|
|
#gOrganize {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#gOrganize #bd {
|
|
height: 100%;
|
|
}
|
|
|
|
#gOrganize .yui-u {
|
|
width: 75%;
|
|
}
|
|
|
|
#gOrganize .yui-gf .first {
|
|
width: 25%;
|
|
}
|
|
|
|
#gOrganize .yui-gf #gMessage {
|
|
margin-bottom: .4em;
|
|
width: 75%;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#gOrganizeDetail {
|
|
height: 100%;
|
|
}
|
|
|
|
#gMessage .gInfo {
|
|
font-weight: bold;
|
|
padding-left: 2em;
|
|
}
|
|
|
|
/*******************************************************************
|
|
* Album Tree styling
|
|
*/
|
|
#gOrganizeTreeContainer {
|
|
height: 100%;
|
|
overflow: auto;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
#gOrganizeTreeContainer ul ul li {
|
|
padding-left: 1.2em;
|
|
}
|
|
|
|
.gAlbumText:hover {
|
|
border: 1px dashed #999;
|
|
padding: 1px;
|
|
}
|
|
|
|
#gOrganizeAlbumTree .selected {
|
|
background-color: #cfdeff !important;
|
|
border-bottom: 1px solid #999 !important;
|
|
display: block;
|
|
padding: .3em 0;
|
|
}
|
|
|
|
.gOrganizeAlbum span {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gAlbumText {
|
|
cursor: pointer;
|
|
width: auto;
|
|
}
|
|
/*******************************************************************
|
|
* Album Panel Styles
|
|
*/
|
|
#gMicroThumbPanel {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
background-color: #cfdeff;
|
|
border: 1px solid #999 !important;
|
|
border-top: none !important;
|
|
border-left: none !important;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
#gMicroThumbGrid {
|
|
padding: 1em;
|
|
}
|
|
|
|
.gMicroThumbGridCell {
|
|
float: left;
|
|
font-size: 0.8em;
|
|
padding: .5em !important;
|
|
opacity: .5;
|
|
border-left: 1px hidden #13A;
|
|
border-right: 1px hidden #13A;
|
|
}
|
|
|
|
.gMicroThumb {
|
|
display: block;
|
|
height: 9em;
|
|
text-align: center;
|
|
width: 9em;
|
|
}
|
|
|
|
.gMicroThumbGridCell.ui-state-selected {
|
|
opacity: 1;
|
|
}
|
|
|
|
.ui-selectable-lasso {
|
|
z-index: 2000 !important;
|
|
border: 1px dashed #13A;
|
|
}
|
|
|
|
.gThumbnail {
|
|
padding: .5em;
|
|
}
|
|
|
|
#gMicroThumbPanel #gMicroThumbGrid .gAlbum {
|
|
background-color: #e8e8e8;
|
|
}
|
|
|
|
#gMicroThumbPanel #gMicroThumbGrid :hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
/****************************************************************
|
|
* Organize Controls styling
|
|
*/
|
|
#gOrganizeControls {
|
|
padding-left: 8px;
|
|
background-color: #13A;
|
|
color: #ccc;
|
|
width: 100% !important;
|
|
}
|
|
|
|
#gOrganizeControls select {
|
|
display: inline;
|
|
}
|
|
|
|
#gOrganizeClose {
|
|
float: right;
|
|
margin-right: 12px;
|
|
}
|