Files
2024-12-10 23:24:15 +01:00

227 lines
4.4 KiB
CSS

/**
* Nestable
*/
.dd {
position:relative;
display:block;
margin:0;
padding:0;
max-width:600px;
list-style:none;
font-size:13px;
line-height:20px
}
.dd-list {
display:block;
position:relative;
margin:0;
padding:0;
list-style:none
}
.dd-list .dd-list {
padding-left:30px
}
.dd-collapsed .dd-list {
display:none
}
.dd-item,.dd-empty,.dd-placeholder {
display:block;
position:relative;
margin:0;
padding:0;
min-height:20px;
font-size:13px;
line-height:20px
}
.dd-item > button {
display:block;
position:relative;
cursor:pointer;
float:left;
width:25px;
height:20px;
margin:5px 0;
padding:0;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
border:0;
background:transparent;
font-size:12px;
line-height:1;
text-align:center;
font-weight:700
}
.dd-item > button:before {
content:'+';
display:block;
position:absolute;
width:100%;
text-align:center;
text-indent:0
}
.dd-item > button[data-action="collapse"]:before {
content:'-'
}
.dd-placeholder,.dd-empty {
margin:5px 0;
padding:0;
min-height:30px;
background:#f2fbff;
border:1px dashed #b6bcbf;
box-sizing:border-box;
-moz-box-sizing:border-box
}
.dd-empty {
border:1px dashed #bbb;
min-height:100px;
background-color:#e5e5e5;
background-image:-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
background-image:-moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
background-image:linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
background-size:60px 60px;
background-position:0 0,30px 30px
}
.dd-dragel {
position:absolute;
pointer-events:none;
z-index:9999
}
.dd-dragel > .dd-item .dd-handle {
margin-top:0
}
.dd-dragel .dd-handle {
-webkit-box-shadow:2px 4px 6px 0 rgba(0,0,0,.1);
box-shadow:2px 4px 6px 0 rgba(0,0,0,.1)
}
/**
* Nestable Extras
*/
.nestable-lists {
display:block;
clear:both;
padding:30px 0;
width:100%;
border:0;
border-top:2px solid #ddd;
border-bottom:2px solid #ddd
}
#nestable-menu {
padding:0;
margin: 0 0 10px;
}
#nestable-output,#nestable2-output {
width:100%;
height:7em;
font-size:.75em;
line-height:1.333333em;
font-family:Consolas,monospace;
padding:5px;
box-sizing:border-box;
-moz-box-sizing:border-box
}
#nestable2 .dd-handle {
color:#fff;
border: 1px solid #999;
background: #aaa;
}
#nestable2 .dd-handle:hover {
background:#bbb
}
#nestable2 .dd-item > button:before {
color:#fff
}
.dd-hover > .dd-handle {
background:#2ea8e5!important
}
/**
* Nestable Draggable Handles
*/
.dd3-content {
display:block;
height:30px;
margin:5px 0;
padding:5px 10px 5px 40px;
color:#333;
text-decoration:none;
font-weight:700;
border:1px solid #ccc;
background:#fafafa;
background:-webkit-linear-gradient(top,#fafafa 0%,#eee 100%);
background:-moz-linear-gradient(top,#fafafa 0%,#eee 100%);
background:linear-gradient(top,#fafafa 0%,#eee 100%);
-webkit-border-radius:3px;
border-radius:3px;
box-sizing:border-box;
-moz-box-sizing:border-box
}
.dd3-content:hover {
color:#2ea8e5;
background:#fff
}
.dd-dragel > .dd3-item > .dd3-content {
margin:0
}
.dd3-item > button {
margin-left:30px
}
.dd3-handle {
position:absolute;
margin:0;
left:0;
top:0;
cursor:pointer;
width:30px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
border:1px solid #aaa;
background:#ddd;
background:-webkit-linear-gradient(top,#ddd 0%,#bbb 100%);
background:-moz-linear-gradient(top,#ddd 0%,#bbb 100%);
background:linear-gradient(top,#ddd 0%,#bbb 100%);
border-top-right-radius:0;
border-bottom-right-radius:0
}
.dd3-handle:before {
content:'≡';
display:block;
position:absolute;
left:0;
top:3px;
width:100%;
text-align:center;
text-indent:0;
color:#fff;
font-size:20px;
font-weight:400
}
.dd3-handle:hover {
background:#ddd
}