.grid_44col { width: 1056px; float: none; } .grid_43col { width: 1032px; float: left; } .grid_42col { width: 1008px; float: left; } .editor_wrapper { position: relative; margin: 0 auto; height: 99%; padding: 35px 0 0 0; width: 1058px; } .editable_hover { cursor: crosshair; opacity: .5; background-color: #ff0000; } .spacer24 { height: 24px; } .onright { float: right; } #rist_editor { height: 100%; } #editor_layer { position: fixed; height: 100%; width: 100%; left: 0; top: 0; z-index: 999; background-color: rgba(255, 255, 255, .3); padding: 0; margin: 0; display: none; } #editor_layer .grid_40col { float: left; clear: none; } #editor_header { background-color: #000000; height: 36px; position: absolute; top: 0; } #editor_title { height: 36px; line-height: 36px; color: #ffffff; font-size: 1.25rem; font-weight: bold; } #editor_layer_close { margin: 6px 0; cursor: pointer; } #editor_content_outer { height: 100%; background-color: #ffffff; background-image: linear-gradient(0deg, transparent 23px, #cccccc 24px), linear-gradient(90deg, transparent 23px, #cccccc 24px); background-image: -webkit-linear-gradient(0deg, transparent 23px, #cccccc 24px), -webkit-linear-gradient(90deg, transparent 23px, #cccccc 24px); background-size: 24px 24px; } #editor_content { position: relative; height: 100%; padding: 24px 39px 48px 39px; } #editor_content > div { height: 100%; overflow-y: auto; overflow-x: hidden; width: 1000px; } #editor_content .bottom { position: absolute; bottom: 12px; left: 48px; width: 100%; padding-right: 96px; } .submitButton { padding: 4px 0; background-color: #cccccc; line-height: 1.0rem; text-align: center; font-weight: bold; text-decoration: none; color: #000000; float: right; margin-top: 24px; min-width: 144px; cursor: pointer; } .min { display: inline-block; float: right; width: 24px; text-align: center; } .rightBox { float: right; } .rightBox h1 { margin-top: 11px; } .submitButton:not(:first-of-type) { float: left; } .submitButton:hover { background-color: #e3000b; color: #ffffff; } .buttonGroup { width: 193px; float: left; border: 1px solid #666666; padding: 0 22px 22px 23px; } .buttonGroup.onright { margin-right: -1px; float: right; } .buttonGroup .submitButton { float: left; margin-top: 0; } .buttonGroup .submitButton { margin-top: -1px; } .editor_slider { height: 100%; } .editor_slider > div { height: 100%; display: none; } .editor_slider > div:first-of-type { display: block; } .editor_slider .inner { padding: 1px 9px; } input, select, textarea, label { font-family: verdana; font-size: 1.0rem; line-height: 1.0rem; float: left; } label { margin-top: 6px; padding-bottom: 2px; } input[type=radio], input[type=checkbox] { margin-top: 6px; margin-left: 5px; margin-right: 6px; } input[type=text], input[type=password] { border: 0 none; border-bottom: 1px solid #666666; width: 383px; padding-top: 4px; padding-left: 6px; height: 24px; } textarea { width: 755px; height: 114px; border: 0 none; padding: 2px 6px; border-bottom: 1px solid #666666; margin-top: 1px; line-height: 1.5rem; } label { width: 192px; display: inline-block; color: #666666; } input.date_picker, input.short { width: 191px; } input.tiny { width: 47px; margin-right: 1px; } label.tiny { width: 24px; text-align: center; } label.tinyleft { width: 96px; } input.max { width: 768px; } li.navclose ul { display: none; } #struktur { margin: 0 16px 0 8px; font-size: 0.75rem; line-height: 0.875rem; border: 2px solid #666666; background-color: #FFFFFF; height: 100%; width: 472px; overflow-y: auto; float: left; position: relative; } #struktur ul, #otherMain_box ul { padding-left: 24px; } #otherMain_box > ul { padding-left: 0; } #struktur > ul { padding-left: 0; } #navPoint { display: none; width: 472px; height: 100%; float: left; border: 2px solid #666666; padding: 2px 22px 10px 14px; position: relative; overflow-y: auto; } #imageEditor { margin: 0 0 0 8px; padding: 0; width: 960px; background-color: transparent; position: relative; } #rist_editor .ui-widget-content { background-image: none; } .ui-datepicker { background-color: #ffffff; } #editor_form .ui-icon { background-image: url('../../css/images/ui-icons_e3000b_256x240.png'); } #imagePlaceholder { padding: 0; position: relative; left: 22px; margin-bottom: 55px; } #editImage { position: absolute; z-index: 10; } #imageCover { position: absolute; z-index: 20; } #imagePreview { position: absolute; left: 0; top: 0; cursor: move; z-index: 30; } #coverTop, #coverRight, #coverBottom, #coverLeft { position: absolute; background-color: rgba(255, 255, 255, .7); } .preserveChanges { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 50; background-color: rgba(100, 100, 100, .5); display: none; } li.open > span { content: '-'; } li.navclose > span { content: '+'; } li.open > span, li.navclose > span, li.empty > span { width: 24px; display: inline-block; cursor: pointer; background-image: url('../images/folders.png'); } li.open > span { background-position: 0 -27px; } li.navclose > span { background-position: 0 -2px; } li.empty > span { cursor: default; background-position: 0 -51px; } li.not_editable { color: #AAAAAA; cursor: default; } li.editable { color: #222222; cursor: crosshair; } li.editorDeactive { color: #AAAAAA; font-style: italic; } li.editorChosen { font-weight: bold; } li.editorChosen li { font-weight: normal; } .hidden { display: none; } .disabled { background-color: #eeeeee; color: #cccccc; font-style: italic; cursor: default; } .disabled:hover { background-color: #eeeeee; color: #cccccc; font-style: italic; } .highlight { background-color: #e3000b; color: #ffffff; } input#content { padding-top: 4px; } input.headline { font-size: 1.5rem; font-weight: bold; border: none; width: 960px; } input.subline { font-size: 1.25rem; font-weight: bold; border: none; width: 960px; } #editor_elements { position: absolute; z-index: 100; right: 0; top: 462px; border: 1px solid #000000; overflow: hidden; background-color: #ffffff; } #element_title { background-color: #000000; color: #ffffff; font-weight: bold; padding: 0 11px; } #element_title > .min { cursor: pointer; } #boxtitle { cursor: move; } #element_content { padding: 12px 11px 4px 11px; } #element_content .grid_40col { width: 100%; float: none; height: 24px; background-color: #999999; display: inline-block; overflow: hidden; text-align: center; font-weight: bold; color: #ffffff; cursor: move; } #element_content .grid_40col p { text-align: center; } #element_content h2, p { font-size: 1.0rem; } #element_content img { display: none; } #element_content .content { text-align: center; } #content.highlight { background-color: rgba(160, 160, 160, .2); color: #000000; } #content .new_box { border: 1px dashed #000000; background-color: #ffffff; } #content .sort_handle, #editor_form .sort_handle { background-color: #ffffff; position: absolute; right: 0; top: 0; width: 24px; height: 24px; background-image: url('../images/svjf/icon-sortable.png'); cursor: move; } #content .del_handle, #editor_form .del_handle { background-color: #ffffff; position: absolute; right: 24px; top: 0; width: 24px; height: 24px; background-image: url('../images/svjf/icon-delete.png'); cursor: pointer; } #newSort_box { float: left; } #newSort_box li, .navSort li { position: relative; list-style-type: none; } #generalSettings { padding-bottom: 96px; } #generalSettings .bottom { left: 48px; } #imgThumbs img { display: block; float: none; position: relative; } #wait { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .7); z-index: 99; display: none; } #wait img { position: absolute; top: 50%; left: 50%; margin-top: -48px; margin-left: -48px; } #breadCrumb { font-size: .75rem; margin-bottom: 14px; } #showAction { padding-top: 13px; } .actionChooser { margin-top: -13px; } .actionChooser span { float: none; margin-top: 12px; width: 168px; display: inline-block; font-size: .75rem; }