Files
gallery3/modules/organize/css/organize.css
T
Bharat Mediratta a015078cca Change the higlight/selection behavior so that we don't use opacity to
indicate selection state.  It's too difficult to tell opacity
differences on light colored photos.  This approach models what
WinXP does.
2009-08-30 15:42:43 -07:00

145 lines
2.3 KiB
CSS

/*******************************************************************
* Dialog wide stylings
*/
#gOrganize {
overflow: hidden;
}
#gOrganize #bd {
height: 100%;
}
#gOrganize .yui-u {
width: 75%;
}
#gOrganize .yui-gf .first {
width: 25%;
}
#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;
}
.gOrganizeAlbumText: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;
}
.gOrganizeAlbumText {
cursor: pointer;
width: auto;
}
/*******************************************************************
* Album Panel Styles
*/
#gOrganizeMicroThumbPanel {
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;
}
#gOrganizeMicroThumbGrid {
padding: 1em;
}
.gOrganizeMicroThumbGridCell {
float: left;
font-size: 0.8em;
padding: .5em !important;
border-left: 1px hidden #13A;
border-right: 1px hidden #13A;
margin: 4px;
}
.gOrganizeMicroThumb {
display: block;
height: 9em;
text-align: center;
width: 9em;
}
.gOrganizeMicroThumbGridCell.ui-state-selected {
margin: 2px;
border: 2px solid #009;
}
.ui-selectable-lasso {
z-index: 2000 !important;
border: 1px dashed #13A;
}
.gThumbnail {
padding: .5em;
}
#gOrganizeMicroThumbGrid .gAlbum {
background-color: #e8e8e8;
}
.gOrganizeMicroThumbGridCell:hover {
margin: 2px;
border: 2px solid #009;
}
/****************************************************************
* 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;
}