ri-st/editors
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Erster Checkin für die neue Version 2.0

Browse Source
This commit is contained in:
Christian Steinle
2017-05-08 14:20:20 +00:00
parent e2dd330449
commit 37cba1c059
21 changed files with 2679 additions and 1643 deletions
Download Patch File Download Diff File Expand all files Collapse all files

231
css/editor.css Normal file
View File

@@ -0,0 +1,231 @@
#csEditorLayer {
position: absolute;
z-index: 2000;
height: 100%;
width: 100%;
top: 0;
background-color: rgba(204, 204, 204, .9);
display: none;
}
#csEditorWrapper {
height: 100%;
}
#csEditorHeader, #csEditorFooter {
height: 50px;
background-color: #000;
color: #fff;
}
#csEditorHeader h1, #csEditorFooter h1 {
font-size: 24px;
margin-top: 0;
margin-bottom: 0;
line-height: 50px;
}
#csEditorLayerClose {
font-size: 24px;
line-height: 50px;
cursor: pointer;
}
#csEditorContent {
height: calc(100% - 100px);
background-color: #fff;
overflow: auto;
}
#csEditorPageElements {
width: 220px;
position: fixed;
right: 0;
top: 300px;
overflow: hidden;
}
#csEditorPageElementsTitle {
margin-right: 45px;
font-weight: bold;
cursor: move;
}
#csEditorPageElementsMin {
position: absolute;
right: 15px;
top: 12px;
cursor: pointer;
}
#csEditorPageElementsContent h2 {
font-size: 14px;
}
#csEditorPageElementsContent h2, #csEditorPageElementsContent p {
font-weight: bold;
height: 20px;
line-height: 20px;
margin: 0;
padding: 0;
}
#csEditorPageElementsContent .ImageText-Image {
display: none;
}
#csEditorPageElementsContent .ImageText-Text {
padding: 0;
}
#csEditorPageElementsContent h2, #csEditorPageElementsContent p, #csEditorPageElementsContent .ImageText-Text {
width: 100%;
}
#csEditorPageElementsContent .row {
margin: 0;
}
.pageWrapper {
position: relative;
}
.pageWrapper .glyphicon-pencil {
position: absolute;
left: -14px;
cursor: pointer;
}
.pageWrapper .glyphicon-trash {
position: absolute;
left: -42px;
cursor: pointer;
}
.pageWrapper .glyphicon-sort {
position: absolute;
right: -14px;
cursor: move;
}
.csEditorSortable .glyphicon-sort {
position: absolute;
right: 42px;
cursor: move;
}
.csEditorSortable li {
position: relative;
list-style-type: none;
}
ul.nav {
position: relative;
}
ul.nav > .glyphicon-pencil {
left: -29px;
color: #fff;
}
.row {
position: relative;
}
.editableHover {
background-color: #f00;
opacity: .5;
}
.csEditorStructure ul {
padding-left: 20px;
font-style: normal;
text-decoration: none;
}
.csEditorStructure > ul {
padding: 15px;
}
.csEditorStructure li {
text-decoration: none;
list-style-type: none;
font-weight: normal;
}
.csEditorStructure li.csEditorClosed ul {
display: none;
}
.csEditorStructure li.csEditorChosen {
font-weight: bold;
}
.csEditorStructure li.csEditorInactive {
font-style: italic;
color: #777;
}
#csEditorContent .csEditorSliderContent {
padding-top: 48px;
}
#csEditorContent .csEditorSliderContent:not(:first-of-type) {
display: none;
}
#csEditorForm, .csEditorSlider, .csEditorSliderContent, .editFields, .sortFields, .moveFields, .childFields, .siblingFields {
height: 100%;
}
.editFields, .sortFields, .moveFields, .childFields, .siblingFields {
padding-top: 24px;
}
#content .sortable {
min-height: 20px;
}
#csEditorImage {
margin-top: 42px;
}
#csEditorImagePlaceholder {
position: relative;
}
#csEditorImageCover {
position: absolute;
box-shadow: inset 0 0 4px #f00;
z-index: 50;
}
#csEditorCoverTop, #csEditorCoverRight, #csEditorCoverBottom, #csEditorCoverLeft {
position: absolute;
background-color: rgba(100, 100, 100, .8);
z-index: 1;
}
#csEditorContent > div {
height: 100%;
}
.csEditorButtonGroup {
position: absolute;
bottom: 0;
height: 50px;
background-color: #9d9d9d;
padding-top: 8px;
width: 100%;
}
.ui-icon-gripsmall-diagonal-se {
position: absolute;
width: 8px;
height: 8px;
bottom: 0px;
right: 0px;
background-color: #f00;
cursor: se-resize;
}

1
css/editor.min.css vendored Normal file
View File

@@ -0,0 +1 @@
#csEditorLayer{position:absolute;z-index:2000;height:100%;width:100%;top:0;background-color:rgba(204,204,204,.9);display:none}#csEditorWrapper{height:100%}#csEditorHeader,#csEditorFooter{height:50px;background-color:#000;color:#fff}#csEditorHeader h1,#csEditorFooter h1{font-size:24px;margin-top:0;margin-bottom:0;line-height:50px}#csEditorLayerClose{font-size:24px;line-height:50px;cursor:pointer}#csEditorContent{height:calc(100% - 100px);background-color:#fff;overflow:auto}#csEditorPageElements{width:220px;position:fixed;right:0;top:300px;overflow:hidden}#csEditorPageElementsTitle{margin-right:45px;font-weight:bold;cursor:move}#csEditorPageElementsMin{position:absolute;right:15px;top:12px;cursor:pointer}#csEditorPageElementsContent h2{font-size:14px}#csEditorPageElementsContent h2,#csEditorPageElementsContent p{font-weight:bold;height:20px;line-height:20px;margin:0;padding:0}#csEditorPageElementsContent .ImageText-Image{display:none}#csEditorPageElementsContent .ImageText-Text{padding:0}#csEditorPageElementsContent h2,#csEditorPageElementsContent p,#csEditorPageElementsContent .ImageText-Text{width:100%}#csEditorPageElementsContent .row{margin:0}.pageWrapper{position:relative}.pageWrapper .glyphicon-pencil{position:absolute;left:-14px;cursor:pointer}.pageWrapper .glyphicon-trash{position:absolute;left:-42px;cursor:pointer}.pageWrapper .glyphicon-sort{position:absolute;right:-14px;cursor:move}.csEditorSortable .glyphicon-sort{position:absolute;right:42px;cursor:move}.csEditorSortable li{position:relative;list-style-type:none}ul.nav{position:relative}ul.nav>.glyphicon-pencil{left:-29px;color:#fff}.row{position:relative}.editableHover{background-color:red;opacity:.5}.csEditorStructure ul{padding-left:20px;font-style:normal;text-decoration:none}.csEditorStructure>ul{padding:15px}.csEditorStructure li{text-decoration:none;list-style-type:none;font-weight:normal}.csEditorStructure li.csEditorClosed ul{display:none}.csEditorStructure li.csEditorChosen{font-weight:bold}.csEditorStructure li.csEditorInactive{font-style:italic;color:#777}#csEditorContent .csEditorSliderContent{padding-top:48px}#csEditorContent .csEditorSliderContent:not(:first-of-type){display:none}#csEditorForm,.csEditorSlider,.csEditorSliderContent,.editFields,.sortFields,.moveFields,.childFields,.siblingFields{height:100%}.editFields,.sortFields,.moveFields,.childFields,.siblingFields{padding-top:24px}#content .sortable{min-height:20px}#csEditorImage{margin-top:42px}#csEditorImagePlaceholder{position:relative}#csEditorImageCover{position:absolute;box-shadow:inset 0 0 4px red;z-index:50}#csEditorCoverTop,#csEditorCoverRight,#csEditorCoverBottom,#csEditorCoverLeft{position:absolute;background-color:rgba(100,100,100,.8);z-index:1}#csEditorContent>div{height:100%}.csEditorButtonGroup{position:absolute;bottom:0;height:50px;background-color:#9d9d9d;padding-top:8px;width:100%}.ui-icon-gripsmall-diagonal-se{position:absolute;width:8px;height:8px;bottom:0;right:0;background-color:red;cursor:se-resize}