From f1cb43430bc84aaa2bcf7bfc99d1ef9dd0138e78 Mon Sep 17 00:00:00 2001 From: Tim Almdal Date: Fri, 3 Apr 2009 00:50:43 +0000 Subject: First iteration of the organize functionality (orginally called bulk edit). There is limited functionality in no edits work. This is primary a chance for the team to review the ui. It is in a separate module to isolate the changes. Eventually, it will be moved back into core. --- modules/organize/css/organize.css | 98 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 98 insertions(+) create mode 100644 modules/organize/css/organize.css (limited to 'modules/organize/css') diff --git a/modules/organize/css/organize.css b/modules/organize/css/organize.css new file mode 100644 index 00000000..cc39ac26 --- /dev/null +++ b/modules/organize/css/organize.css @@ -0,0 +1,98 @@ +/* @todo move to theme css */ +#gOrganizeTreeContainer, +#gMicroThumbContainer { + overflow-y: auto; +} + +#gMicroThumbContainer #gMicroThumbGrid { + margin: 0; +} + +#gMicroThumbContainer #gMicroThumbGrid .gMicroThumb { + border: 1px solid #e8e8e8; + border-right-color: #ccc; + border-bottom-color: #ccc; + float: left; + font-size: .7em; + height: 9em; + margin-left: .5em; + margin-top: .5em; + overflow: hidden; + padding: .5em; + text-align: center; + width: 9em; +} + +#gOrganizeAlbumDescription { + height: 2em; + overflow-y: auto; +} + +#gMicroThumbContainer #gMicroThumbGrid .gAlbum { + background-color: #e8e8e8; +} + +#gMicroThumbContainer #gMicroThumbGrid :hover { + background-color: #09F !important; + opacity: .3; +} + +.gThumbSelected { + border: 0.2em solid #0099FF !important; +} + +.gBranchSelected { + background-color: #6CF !important; +} + +.gBranchText { + cursor: pointer; +} + +.gBranchCollapsed { + display: none; +} + +.gBranchEmpty { + visibility: hidden; +} + +#gOrganizeTreeContainer ul ul li { + padding-left: 1.2em; +} + +#gOrganizeFormButtons { + bottom: 0.5em; + position: absolute; +} + +#gOrganizeFormButtons .submit { + display: inline; + float: none; + left: 0.5em; + position: relative; +} + +#gOrganizeFormThumbs { + padding: .5em; + height: 7em; + width: 100%; + overflow: hidden; +} + +#gOrganizeFormThumbs div { + margin: 0 auto; + text-align: center; +} + +#gOrganizeButtonPane { + padding: .5em; + text-align: center; +} + +#gOrganizeFormInfo td { + border: thin none; + padding: 0; +} + + -- cgit v1.2.3