diff --git a/plugins/kolab_files/skins/larry/style.css b/plugins/kolab_files/skins/larry/style.css index 3b6d1308..e12cf239 100644 --- a/plugins/kolab_files/skins/larry/style.css +++ b/plugins/kolab_files/skins/larry/style.css @@ -1,631 +1,658 @@ /* Taskbar button */ #taskbar a.button-files span.button-inner { background: url(images/buttons.png) 0 0 no-repeat; height: 22px; } #taskbar a.button-files:hover span.button-inner, #taskbar a.button-files.button-selected span.button-inner { background: url(images/buttons.png) 0 -26px no-repeat; height: 22px; } /* Attachment toolbar button */ .toolbar a.button.saveas { background: url(images/buttons.png) center -277px no-repeat; } /* Files main interface */ #filestoolbar { position: absolute; height: 40px; left: 0; top: -6px; z-index: 10; } #filestoolbar a.button { background-image: url(images/buttons.png); } #filestoolbar a.button.upload { background-position: center -52px; } #filestoolbar a.button.get { background-position: center -93px; } #filestoolbar a.button.export { background-position: 0 -93px; min-width: 50px; } #filestoolbar a.button.open { background-position: center -131px; } #filestoolbar a.button.delete { background-image: url(../../../../skins/larry/images/buttons.png); } #filestoolbar a.button.create { background-position: center -315px; } #filestoolbar a.button.edit { background-position: center -173px; } #filestoolbar a.button.rename { background-position: center -357px; } #filestoolbar a.button.save { background-position: center -213px; } #filestoolbar a.button.print { background-image: url(../../../../skins/larry/images/buttons.png); background-position: center -810px; background-repeat: no-repeat; } #filestoolbar form { display: inline; } #filestoolbar > label { line-height: 42px; vertical-align: top; color: #555; text-shadow: 0 1px 1px #eee; display: inline-block; } ul.toolbarmenu li span.saveas { background: url(images/buttons.png) -5px -253px no-repeat; } #document-title { width: 200px; } #collaborators { position: absolute; right: 0; top: -6px; } #collaborators #members { float: right; } #collaborators #members img.photo { width: 32px; height: 32px; overflow: hidden; background: url(../../../../skins/larry/images/contactpic_32px.png) center center no-repeat #fff; border-radius: 5px; border: solid 3px #eee; margin-left: 5px; } #collaborators a.button.add { background: url(../../../../skins/larry/images/buttons.png) -5px -357px no-repeat; min-width: 16px; width: 16px; height: 16px; padding: 2px; margin-top: 10px; } #quicksearchbar #filesearchmenulink { position: absolute; top: 5px; left: 6px; } #folderlistbox, #fileinfobox { position: absolute; top: 42px; left: 0; width: 220px; bottom: 0; } #filelistcontainer, #filecontent { position: absolute; top: 42px; left: 232px; right: 0; bottom: 0; overflow: auto; } #filecontent.docedit { left: 0; } #filelistbox { overflow: auto; top: 0; left: 0; position: absolute; width: 100%; } #filecontent { overflow: hidden; } #filecontent iframe { width: 100%; height: 100%; margin: 0; border: 0; } #folderlistbox .scroller { top: 34px; } #folderlistbox .boxtitle a.iconbutton.search { background-position: -2px -317px; cursor: pointer; position: absolute; right: 8px; top: 8px; width: 16px; } .folderlist li.mailbox.collection a.name { background: url(images/folders.png) 5px 0 no-repeat; } .folderlist li.mailbox.collection.audio a.name { background-position: 5px -96px; } .folderlist li.mailbox.collection.video a.name { background-position: 5px -144px; } .folderlist li.mailbox.collection.document a.name { background-position: 5px 0; } .folderlist li.mailbox.collection.image a.name { background-position: 5px -48px; } .folderlist li.mailbox.collection.sessions a.name { background-position: 5px -192px; } .folderlist li.mailbox.collection.audio.selected a.name { background-position: 5px -119px; } .folderlist li.mailbox.collection.video.selected a.name { background-position: 5px -167px; } .folderlist li.mailbox.collection.document.selected a.name { backgroundposition: 5px -24px; } .folderlist li.mailbox.collection.image.selected a.name { background-position: 5px -72px; } .folderlist li.mailbox.collection.sessions.selected a.name { background-position: 5px -216px; } #files-folder-list li a.subscription { display: inline-block; position: absolute; top: 5px; right: 5px; height: 16px; width: 16px; padding: 0; background: url(images/listicons.png) -16px -148px no-repeat; overflow: hidden; cursor: pointer; } #files-folder-list li a.subscription.subscribed { background-position: -16px -110px; } #files-folder-list .searchresults .boxtitle { border-radius: 0; padding: 2px 8px; } #files-folder-list .searchresults { margin-top: 8px; } #files-folder-list li.readonly { background-image: url(images/listicons.png); background-position: right -1000px; background-repeat: no-repeat; } #files-folder-list li.readonly { background-position: 88% -14px; } #files-folder-list li.readonly a { padding-right: 40px; } #files-folder-list li.readonly a.subscription { padding-right: 0; } .filelist thead tr th { padding: 0; } .filelist tbody tr td { padding: 2px 7px; height: 18px; line-height: 18px; } .filelist tr > .size { width: 80px; text-align: right; } .filelist thead tr > .size { text-align: left; } .filelist tr > .mtime { width: 125px; } .filelist tr > .options { width: 32px; } .filelist thead tr th.filename, .filelist tbody tr td.filename { width: 99%; white-space: nowrap; } .filelist thead tr th.sortedASC a, .filelist thead tr th.sortedDESC a { color: #004458; text-decoration: underline; background-image: url(../../../../skins/larry/images/listicons.png); background-position: right -912px; background-repeat: no-repeat; } .filelist thead tr th.sortedASC a { background-position: right -944px; } .filelist img { vertical-align: middle; display: inline-block; } .filelist tr > .options a.listmenu, .filelist tr > .flag span.flagged, .filelist tr > .flag span.unflagged, .filelist tr > .flag span.unflagged:hover { display: inline-block; vertical-align: middle; height: 18px; width: 20px; padding: 0; background: url(../../../../skins/larry/images/listicons.png) -100px 0 no-repeat; } .filelist thead tr th.options { padding: 0; border-left: none; } .filelist thead tr th.options .listmenu { background-position: 3px -970px; cursor: pointer; width: 24px; height: 20px; padding: 4px 4px 5px; text-indent: -5000px; } .filelist thead tr th.options .listmenu:focus { outline: none; background-color: rgba(73,180,210,0.7); } .filelist thead tr th:first-child { border-radius: 4px 0 0 0; } .filelist td.filename { padding: 0 4px; } .filelist tbody td.filename span { background: url(images/unknown.png) 0 0 no-repeat; padding: 1px 0 3px 20px; height: 16px; } .filelist tbody td.options span { background-image: url(images/listicons.png); display: block; height: 16px; } .filelist tbody tr.session > td.options span { background-position: center -212px; } .filelist tbody tr.session.invited > td.options span { background-position: center -236px; } .filelist tbody tr.session.owner > td.options span { background-position: center -188px; } #fileinfobox table { table-layout: fixed; } #fileinfobox table td.title { width: 60px; font-weight: bold; padding-right: 0; } #fileinfobox table td.data { overflow: hidden; text-overflow: ellipsis; } #fileinfobox table td.data.filename { font-weight: bold; } #fileinfobox table tr:first-child td { border-top: 0; } #filelistcontainer.droptarget.hover, #filelistcontainer.droptarget.active { border-color: #019bc6; box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); -webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); } #filelistcontainer.droptarget.hover { background-color: #d9ecf4; box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); } #filelistcontainer.droptarget.hover #filelist tbody td { background-color: #d9ecf4; } /* plugin dialogs */ #files-dialog, #files-compose-dialog, #files-file-rename-dialog, #files-file-create-dialog, #files-file-edit-dialog, #files-folder-mount-dialog, #files-folder-auth-dialog, #files-folder-create-dialog, #files-folder-edit-dialog, #document-invitation-dialog, #document-editors-dialog { display: none; } #files-compose-dialog #folderlistbox { right: auto; width: 190px; top: 45px; bottom: 5px; box-shadow: none; } #files-dialog #folderlistbox { top: 35px; bottom: 5px; left: 0; right: 0; width: auto; box-shadow: none; } #files-dialog #folderlistbox .scroller { top: 0; } #files-dialog .listsearchbox { display: block; position: absolute; top: 0; left: 0; right: 0; background-color: #fff; } #files-dialog.saveas #folderlistbox { bottom: 40px; } #files-compose-dialog #filelistcontainer { position: absolute; top: 45px; bottom: 5px; left: 200px; right: 0; box-shadow: none; } #files-compose-dialog #searchmenulink { width: 15px; } #files-compose-dialog .searchbox input { background-color: white; } #files-compose-dialog #quicksearchbar { top: 10px; right: 5px; } #files-compose-dialog #searchreset { cursor: pointer; } #files-file-edit-dialog label { display: block; height: 20px; } a.filesaveall { display: inline-block; margin-top: .5em; padding: 3px 5px 4px 5px; } #file-save-as { height: 25px; white-space: nowrap; position: absolute; bottom: 8px; left: 5px; right: 5px; text-align: center; } #file-save-as input { width: 200px; } #file-rename-form input { width: 98%; } table.propform td.source.selected { background-color: #c7e3ef; } table.propform td.source div { display: inline-block; padding-left: 3px; vertical-align: middle; } table.propform td.source .name { font-weight: bold; } table.propform td.source .description { font-size: 9px; color: #666; } table.propform td.source img { vertical-align: middle; background-color: #e0e0e0; border-radius: 3px; margin: 3px; background-image: -moz-linear-gradient(center top, #888, #333); background-image: -webkit-linear-gradient(top, #888, #333); background-image: -ms-linear-gradient(top, #888, #333); } table.propform td.source table.propform td { border-bottom: 0; padding: 2px 10px; background-color: inherit; } .auth-options { margin-top: 5px; } .auth-options .description { color: #666; display: block; margin: 3px 0 0 25px; } .auth-options input, .auth-options label { vertical-align: middle; } #document-editors-dialog textarea { width: 98% } #document-editors-dialog label { display: block; } #document-editors-dialog table { margin-top: 0.5em; margin-bottom: 1em; } #document-editors-dialog table th.status { width: 9em; } #document-editors-dialog table th.options { width: 16px } #document-editors-dialog table td.status select { width: 100%; } #document-editors-dialog table td { padding-top: 4px; padding-bottom: 4px; } #document-editors-dialog table td.name { overflow: hidden; text-overflow: ellipsis; width: auto; } #document-editors-dialog table tr:last-child td { border-bottom: 0; } #document-editors-dialog table tr.organizer td { color: #888; } #document-editors-dialog table td.options a.delete { background: url(../../../../skins/larry/images/buttons.png) -7px -379px no-repeat; height: 16px; width: 16px; display: block; } #document-invitation-dialog table { margin-top: 15px; } #document-invitation-dialog table td.label { width: 1%; white-space: nowrap; font-weight: bold; } + +#folder-share table { + margin-top: 20px; + width: 100%; +} + +#folder-share table th { + text-align: left; +} + +#folder-share table th, +#folder-share table td { + padding: 5px; +} + +#folder-share table td:last-child { + width: 1%; +} + +#folder-share table select, +#folder-share table input { + width: 100%; +} + +#folder-share table td.form input { + margin-bottom: 4px; +}