mirror of
https://github.com/Pathduck/gallery3.git
synced 2026-07-27 02:04:31 -04:00
Tim Almdal
a25f08d433
anything, but get the dialog up, populate the album tree and intelligently populate the micro thumb grid. Still to do: 1) get the microthumbs laided out ptoperly 2) expand and collapse functionality in the album tree 3) use the album tree to change the content of the micro thumb grid 4) Actually add some functionality At the moment, it supports a callback "" to allow modules to add icons to the organize drawer label. The close button is added outside of this framework as it will always be last.
165 lines
2.6 KiB
CSS
165 lines
2.6 KiB
CSS
/*******************************************************************
|
|
* Dialog wide stylings
|
|
*/
|
|
#gOrganizeDialog {
|
|
text-align: left;
|
|
}
|
|
|
|
#gOrganize {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#gOrganize .yui-u {
|
|
width: 75%;
|
|
}
|
|
|
|
#gOrganize .yui-gf .first {
|
|
width: 25%;
|
|
}
|
|
|
|
#gOrganize .yui-gf #gMessage {
|
|
margin-bottom: .4em;
|
|
width: 75%;
|
|
}
|
|
|
|
#gMessage .gInfo {
|
|
font-weight: bold;
|
|
padding-left: 2em;
|
|
}
|
|
|
|
|
|
/*******************************************************************
|
|
* Album Tree styling
|
|
*/
|
|
#gOrganizeTreeContainer {
|
|
overflow: auto;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
#gOrganizeTreeContainer ul ul li {
|
|
padding-left: 1.2em;
|
|
}
|
|
|
|
.gBranchSelected {
|
|
background-color: #cfdeff !important;
|
|
border-bottom: 1px solid #999 !important;
|
|
display: block;
|
|
padding: .3em 0;
|
|
}
|
|
|
|
.gBranchCollapsed {
|
|
display: none;
|
|
}
|
|
|
|
.gOrganizeBranch span {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gBranchText {
|
|
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 {
|
|
}
|
|
|
|
.gMicroThumbContainer {
|
|
// padding: 0 .5em;
|
|
// opacity: .4;
|
|
}
|
|
|
|
.gMicroThumb {
|
|
display: block;
|
|
float: left;
|
|
// font-size: .7em;
|
|
height: 9em;
|
|
margin-bottom: 1em;
|
|
margin-left: 1em;
|
|
text-align: center;
|
|
width: 9em;
|
|
}
|
|
|
|
#gMicroThumbPanel #gMicroThumbGrid .gAlbum {
|
|
background-color: #e8e8e8;
|
|
}
|
|
|
|
#gMicroThumbPanel #gMicroThumbGrid :hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
/****************************************************************
|
|
* Organize Edit Drawer styling
|
|
*/
|
|
#gOrganizeEditDrawer {
|
|
background-color: #13A;
|
|
width: 100% !important;
|
|
}
|
|
|
|
#gOrganizeEditDrawerPanel {
|
|
background-color: #fff;
|
|
border: 1px solid #13A;
|
|
display: none;
|
|
height: 195px;
|
|
}
|
|
|
|
#gOrganizeEditDrawerHandle {
|
|
height: 30px;
|
|
}
|
|
|
|
#gOrganizeEditHandleLeft {
|
|
background-color: #FFF;
|
|
float: left;
|
|
height: 30px;
|
|
width: 15px;
|
|
}
|
|
|
|
#gOrganizeEditHandleButtonsMiddle,
|
|
#gOrganizeEditHandleButtonsLeft {
|
|
float: left;
|
|
height: 20px;
|
|
padding: 2px 10px;
|
|
}
|
|
|
|
#gOrganizeEditHandleButtonsMiddle {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
#gOrganizeEditHandleButtonsMiddle a,
|
|
#gOrganizeEditHandleButtonsLeft a {
|
|
float: left;
|
|
margin: 0 2.5px;
|
|
}
|
|
|
|
#gOrganizeEditHandleButtonsRight {
|
|
float: right;
|
|
height: 20px;
|
|
padding: 2px 10px;
|
|
}
|
|
|
|
#gOrganizeEditHandleButtonsRight a {
|
|
float: left;
|
|
margin: 0 2.5px;
|
|
}
|
|
|
|
#gOrganizeEditHandleRight {
|
|
background-color: #FFF;
|
|
background-position: -15px 0;
|
|
float: right;
|
|
height: 30px;
|
|
width: 15px;
|
|
}
|