Erster Checkin für die neue Version 2.0

css/editor.css

@@ -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;
+}