104 lines
4.9 KiB
CSS
104 lines
4.9 KiB
CSS
.libs-group-heading {color: #808080; border-bottom:1px solid #ddd; padding:8px;}
|
|
.libs-group-heading a{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
|
|
.libs-group{padding:10px; height:84px;}
|
|
.lib {float: left; display: block; width:80px; padding: 5px; margin:0px 3px; text-align: center; color: #333; overflow: hidden; text-overflow: ellipsis;}
|
|
.lib .file-icon{margin-bottom:5px;}
|
|
.lib .lib-name{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
|
|
.lib:hover, .lib:focus, .lib:active {border-color: #2e6dad; background-color: #EBF2F9; color: #2e6dad}
|
|
.lib .icon-move{display: none; position: relative; top: -10px; right : -70px;}
|
|
.lib:hover .icon-move{display: inline-block; cursor: move;}
|
|
.w-lib-p100{width:100%;}
|
|
.w-lib-p50{width:45%;}
|
|
.w-lib-p33{width:30%;}
|
|
#titlebar > .heading > strong > i{display:inline;}
|
|
#modulemenu .nav > li > a{display: inline-block;}
|
|
|
|
#groups_chosen .chosen-choices {border-bottom:0px;}
|
|
.groups-addon {border-bottom:0px;}
|
|
|
|
#dropMenu.loading > #libMenu,
|
|
#dropMenu > .icon {display: none}
|
|
#dropMenu.loading > .icon {display: block}
|
|
#dropMenu {min-width: 600px; box-sizing: content-box; padding: 0;}
|
|
|
|
#libMenu {display: block; margin: 0; position: relative;}
|
|
#libMenuHeading {padding: 10px;}
|
|
#libMenuGroups {display: table; width: 100%; margin-bottom: 10px; table-layout: fixed;}
|
|
.lib-menu-group {display: table-cell; width: 33.333333%; padding: 0}
|
|
.lib-menu-group + .lib-menu-group {border-left: 1px dotted #ddd;}
|
|
.lib-menu-project-done, .lib-menu-list-heading {background-color: #fafafa; color: #808080; padding: 0 10px; text-align: center; display: inline-block; margin: 0 0 10px 10px; border: 1px solid #ddd; line-height: 20px; border-radius: 10px;}
|
|
.lib-menu-project-done:hover, .lib-menu-list-heading:hover {border-color: #114f8e; cursor: pointer; color: #114f8e;}
|
|
.lib-menu-project-done > .icon, .lib-menu-list-heading > .icon {display: none}
|
|
.lib-menu-project-done.active {background-color: #114f8e; color: #fff; border-color: #114f8e;}
|
|
.lib-menu-project-done.active > .icon {display: inline-block;}
|
|
.lib-menu-list {max-height: 500px; overflow-y: auto; min-height: 100px; line-height:25px;}
|
|
.list-menu-item-heading {padding: 0 3px 0 0px; color: #141414; white-space: nowrap; overflow:hidden; float: left; width:35%;text-align:right;}
|
|
.list-menu-item-heading > .icon {display: inline-block; width: 18px;}
|
|
.list-menu-item {padding: 0 8px 0 5px; display: block; overflow: hidden; white-space: nowrap; float: left; color:#3280FC;}
|
|
.list-menu-item.current {background-color: #EBF2F9; color:red}
|
|
.list-menu-item.active,
|
|
.list-menu-item:hover {color: #1a53ff}
|
|
.list-menu-item-footer {clear:left}
|
|
#searchLib {padding: 2px 8px; height: 28px; max-width: 190px;}
|
|
|
|
#dropMenu[data-filter] #libMenuGroups {table-layout: auto;}
|
|
#dropMenu[data-filter="project"] #libMenuProductGroup,
|
|
#dropMenu[data-filter="project"] #libMenuCustomGroup,
|
|
#dropMenu[data-filter="custom"] #libMenuProjectGroup,
|
|
#dropMenu[data-filter="custom"] #libMenuProductGroup,
|
|
#dropMenu[data-filter="product"] #libMenuProjectGroup,
|
|
#dropMenu[data-filter="product"] #libMenuCustomGroup {display: none;}
|
|
|
|
#dropMenu[data-filter] .lib-menu-group {display: block; width: 100%}
|
|
#dropMenu[data-filter] .lib-menu-list-heading {position: absolute; top: 13px; left: 215px; padding-right: 25px; background-color: #114f8e; color: #fff; border-color: #114f8e;}
|
|
#dropMenu[data-filter] .lib-menu-list-heading > .icon {position: absolute; right: 3px; top: 2px; display: block;}
|
|
#dropMenu[data-filter] .list-menu-item {width: 33.33333%;}
|
|
|
|
|
|
@media (min-width: 760px)
|
|
{
|
|
#dropMenu {min-width: 720px;}
|
|
}
|
|
@media (min-width: 880px)
|
|
{
|
|
#dropMenu {min-width: 850px;}
|
|
.lib-menu-lg .lib-list-bg .list-menu-item {max-width: 50%;}
|
|
#dropMenu.lib-menu-lg[data-filter] .list-menu-item {max-width: 25%;}
|
|
}
|
|
@media (min-width: 1000px)
|
|
{
|
|
#dropMenu {min-width: 960px;}
|
|
#dropMenu .lib-list-bg .list-menu-item {max-width: 50%;}
|
|
#dropMenu.lib-menu-lg[data-filter] .list-menu-item {max-width: 20%;}
|
|
}
|
|
@media (min-width: 1120px)
|
|
{
|
|
#dropMenu {min-width: 1080px;}
|
|
#dropMenu .list-menu-item {max-width: 50%;}
|
|
#dropMenu .lib-list-bg .list-menu-item {max-width: 33.33333333%;}
|
|
#dropMenu.lib-menu-lg[data-filter] .list-menu-item {max-width: 16.666667%;}
|
|
}
|
|
@media (min-width: 1240px)
|
|
{
|
|
#dropMenu {min-width: 1200px;}
|
|
#dropMenu.lib-menu-lg[data-filter] .list-menu-item {max-width: 12.5%;}
|
|
}
|
|
@media (min-width: 1360px)
|
|
{
|
|
#dropMenu {min-width: 1320px;}
|
|
#dropMenu .lib-list-bg .list-menu-item {max-width: 25%;}
|
|
#dropMenu.lib-menu-lg[data-filter] .list-menu-item {max-width: 10%;}
|
|
}
|
|
@media (min-width: 1480px)
|
|
{
|
|
#dropMenu {min-width: 1340px;}
|
|
#dropMenu .list-menu-item {max-width: 33.3333333%;}
|
|
#dropMenu .lib-list-bg .list-menu-item {max-width: 20%;}
|
|
}
|
|
@media (min-width: 1600px)
|
|
{
|
|
#dropMenu {min-width: 1460px;}
|
|
#dropMenu .list-menu-item {max-width: 25%;}
|
|
#dropMenu.lib-menu-lg[data-filter] .list-menu-item {max-width: 8.333333%;}
|
|
}
|