Files
gallery3/modules/organize/css/organize.css
Tim Almdal 465182e58f 1) Move the progress bar to a dialog
2) Provide status and error messages back to the user
2009-04-23 20:48:09 +00:00

155 lines
2.5 KiB
CSS

/* @todo move to theme css */
/*******************************************************************
* Dialog wide stylings
*/
#gOrganizeStatus {
height: 6em;
border: 1px solid #999;
margin-top: .5em;
margin-bottom: .5em;
overflow-y: auto;
}
#gOrganizeProgressDialog {
text-align: left;
}
/*******************************************************************
* Album Tree styling
*/
#gOrganizeTreeContainer {
overflow-y: auto;
margin: 0 !important;
padding: 0 !important;
}
#gOrganizeAlbumDescription {
height: 2em;
overflow-y: auto;
}
.gBranchSelected {
background-color: #cfdeff !important;
border-bottom: 1px solid #999 !important;
display: block;
padding: .3em 0;
}
.gBranchDroppable {
border: 1px dotted;
}
.gBranchText {
cursor: pointer;
width: auto;
}
.gBranchCollapsed {
display: none;
}
.gBranchEmpty {
visibility: hidden;
}
#gOrganizeTreeContainer ul ul li {
padding-left: 1.2em;
}
/*******************************************************************
* 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;
margin-left: -1em !important;
overflow: auto;
}
#gMicroThumbGrid {
padding: .5em;
}
.gMicroThumbContainer {
display: block;
//border: 2px solid #e8e8e8;
//border-right-color: #ccc;
//border-bottom-color: #ccc;
float: left;
font-size: .7em;
height: 9em;
margin-bottom: 1em;
opacity: .4;
padding: 0 .5em;
}
.gMicroThumb {
height: 9em;
width: 9em;
background-color: #fff;
display: block;
float: left;
text-align: center;
}
#gMicroThumbPanel #gMicroThumbGrid .gAlbum {
background-color: #e8e8e8;
}
#gMicroThumbPanel #gMicroThumbGrid :hover {
opacity: 1;
}
.gMicroThumbContainer.ui-selected {
opacity: 1;
}
#gDragHelper .gMicroThumbGrid {
background-color: transparent;
padding: 0;
overflow: visible;
}
#gDragHelper .gMicroThumbContainer {
display: block;
margin: 0;
padding: 0;
}
#gDragHelper .gMicroThumb {
background-color: transparent;
height: auto;
width: auto;
}
/****************************************************************
* Organize Edit styling
*/
#gOrganizeFormButtons {
bottom: 0.5em;
position: absolute;
}
#gOrganizeFormButtons .submit {
display: inline;
float: none;
left: 0.5em;
position: relative;
}
#gOrganizeFormThumbs {
padding: .5em;
height: 7em;
overflow: hidden;
}
#gOrganizeFormThumbs div {
margin: 0;
text-align: center;
}