roundcubemail-plugins-kolab/plugins/kolab_files/skins/larry/style.css

264 lines
4.3 KiB
CSS
Raw Normal View History

/* 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;
}
/* Files main interface */
#filestoolbar {
2013-02-08 14:30:48 +01:00
position: absolute;
height: 40px;
2013-02-08 14:30:48 +01:00
left: 0;
top: -6px;
z-index: 10;
2013-02-08 14:30:48 +01:00
}
#filestoolbar a.button {
background-image: url(images/buttons.png);
}
#filestoolbar a.button.upload {
background-position: center -52px;
}
#filestoolbar a.button.get {
background-position: center -94px;
}
#filestoolbar a.button.view {
background-position: center -131px;
2013-02-08 14:30:48 +01:00
}
#filestoolbar a.button.delete {
background-image: url(../../../../skins/larry/images/buttons.png);
2013-02-21 13:27:38 +01:00
}
#filestoolbar form {
display: inline;
}
#folderlistbox {
2013-02-08 14:30:48 +01:00
position: absolute;
top: 42px;
left: 0;
width: 220px;
bottom: 0;
2013-02-08 14:30:48 +01:00
}
#filelistcontainer {
2013-02-21 13:27:38 +01:00
position: absolute;
top: 42px;
left: 232px;
right: 0;
2013-02-21 13:27:38 +01:00
bottom: 0;
overflow: auto;
2013-02-21 13:27:38 +01:00
}
2013-03-01 12:18:42 +01:00
#files-folder-list ul li span.name {
background: url(../../../../skins/larry/images/listicons.png) 6px 3px no-repeat;
2013-03-01 12:18:42 +01:00
padding: 6px 8px 2px 32px;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
width: auto;
overflow: hidden;
2013-03-01 12:18:42 +01:00
color: #376572;
2013-02-21 13:27:38 +01:00
}
#files-folder-list ul li span.branch {
display: inline-block;
2013-02-08 14:30:48 +01:00
}
#files-folder-list ul li:first-child {
border-radius: 4px 4px 0 0;
border-top: 0;
2013-02-08 14:30:48 +01:00
}
2013-03-01 12:18:42 +01:00
#files-folder-list ul li.virtual {
color: #aaa;
cursor: default;
}
#filelist thead tr td {
padding: 0;
2013-02-08 14:30:48 +01:00
}
#filelist tbody tr td {
padding: 2px 7px;
height: 18px;
2013-02-08 14:30:48 +01:00
}
#filelist tr td.size {
width: 60px;
text-align: right;
}
#filelist thead tr td.size {
text-align: left;
}
#filelist tr td.mtime {
width: 125px;
}
#filelist tr td.options {
width: 26px;
2013-02-08 14:30:48 +01:00
}
2013-03-01 12:18:42 +01:00
#filelist thead tr td.filename,
#filelist tbody tr td.filename {
width: 99%;
2013-02-08 14:30:48 +01:00
white-space: nowrap;
}
#filelist thead tr td.sortedASC a,
#filelist thead tr td.sortedDESC a {
color: #004458;
text-decoration: underline;
background: url(../../../../skins/larry/images/listicons.png) right -912px no-repeat;
2013-02-08 14:30:48 +01:00
}
#filelist thead tr td.sortedASC a {
background-position: right -944px;
}
#filelist td img {
vertical-align: middle;
display: inline-block;
}
#filelist tr td.options div.listmenu,
#filelist tr td.flag span.flagged,
#filelist tr td.flag span.unflagged,
#filelist tr td.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 td.options div.listmenu {
background-position: 0 -976px;
cursor: pointer;
width: 26px;
}
#filelist thead tr td.options {
padding: 0 3px;
}
#filelist td.filename {
padding: 0 4px;
2013-02-08 14:30:48 +01:00
}
#filelist tbody td.filename span {
background: url(images/unknown.png) 0 0 no-repeat;
2013-03-01 12:18:42 +01:00
padding: 0 0 0 20px;
2013-02-08 14:30:48 +01:00
height: 16px;
}
/*
2013-02-08 14:30:48 +01:00
#filelist tbody td.filename span input {
padding: 0 2px;
height: 18px;
}
*/
/* plugin dialogs */
#files-dialog,
#files-compose-dialog {
display: none;
2013-02-08 14:30:48 +01:00
}
#files-compose-dialog #folderlistbox {
right: auto;
width: 190px;
top: 45px;
bottom: 5px;
box-shadow: none;
2013-02-08 14:30:48 +01:00
}
#files-dialog #folderlistbox {
top: 5px;
bottom: 5px;
left: 0;
right: 0;
width: auto;
box-shadow: none;
}
#files-dialog.saveas #folderlistbox {
top: 50px;
}
#files-compose-dialog #filelistcontainer {
position: absolute;
top: 45px;
bottom: 5px;
left: 200px;
right: 0;
box-shadow: none;
2013-02-08 14:30:48 +01:00
}
#files-folder-create {
background-color: white;
padding: 10px;
bottom: 10px;
left: 5px;
top: auto;
z-index: 1001; /* for use in modal dialog window */
2013-02-08 14:30:48 +01:00
}
#folder-create-form {
margin-bottom: 10px;
}
2013-02-08 14:30:48 +01:00
#files-compose-dialog #searchmenulink {
2013-02-08 14:30:48 +01:00
width: 15px;
}
#files-compose-dialog .searchbox input {
background-color: white;
}
#files-compose-dialog #quicksearchbar {
top: 10px;
right: 5px;
2013-02-08 14:30:48 +01:00
}
#files-compose-dialog #searchreset {
cursor: pointer;
2013-02-08 14:30:48 +01:00
}
a.filesaveall {
display: inline-block;
margin-top: .5em;
padding: 3px 5px 4px 5px;
2013-02-08 14:30:48 +01:00
}
#file-save-as {
height: 25px;
white-space: nowrap;
}
#file-save-as input {
width: 200px;
}
ul.toolbarmenu li span.saveas {
background: url(images/buttons.png) -5px -180px no-repeat;
}