body#editor_plugin {background-color:#292929;font-size:14px;font-family: Arial, Helvetica, sans-serif;color:#aaa } /* Clearing floats without extra markup */ .clearfloat { display: inline-block; } .clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfloat { height: 1%; } .clearfloat { display: block; } /* End Clearing floats without extra markup */ #HTML-EDITOR-PANEL {z-index:999;display:none;position:fixed !important;visibility:visible; height:100%;width:85px;border-right:4px solid #555;border-top:4px solid #555;left:0px;top:0 !important;background-color:#202020;; } #HTML-OPTION-PANEL {z-index:2001;display:none;position:fixed !important;visibility:visible; width:600px;height:45px;overflow:hidden;border:4px solid #555;left:85px;top:0 !important;background-color:#292929; } #HTML-EDITOR-OPTION {z-index:2005;display:block;position:fixed !important;visibility:visible; width:78px;height:500px;overflow:hidden;border:4px solid #555;left:85px;top:49px !important;background-color:#393939; /*background: url(images/frame_header_left.png) right -175px no-repeat;*/ } #NODE-TEXT-INSERT {z-index:8001;display:none;position:fixed !important;visibility:visible; width:300px;height:auto;overflow:hidden;border:4px solid #555;left:85px;top:200px !important;background-color:#292929;} #HTML-OPTION-PANEL.closed {} #HTML-OPTION-PANEL.open {height:auto;} #HTML-INSERT-PANEL {z-index:5000;display:none;position:fixed !important;visibility:visible;padding-bottom:5px; height:auto;width:300px;height:auto;border:4px solid #555;left:85px;top:200px !important;background-color:#292929; } #HTML-IMAGE-PANEL {z-index:3000;height:auto;padding-bottom:10px;width:800px;top:47px;left:85px;background-color:#292929;border:4px solid #555;display:none;position:fixed !important;visibility:visible;} #HTML-MSWORD-PANEL {z-index:6000;height:auto;padding-bottom:10px;width:500px;top:150px;left:85px;background-color:#292929;border:4px solid #555;display:none;position:fixed !important;visibility:visible;} #HTML-MSWORD-PANEL-BODY {float:left;width:98%;padding-left:2%;height:300px;overflow-y:auto;overflow-x:hidden;} #HTML-MSWORD-Source {float:left;width:98%;padding-top:10px;padding-bottom:40px;background:url(../icons/insert_word.png) no-repeat 2px 4px;} #HTML-EDITOR-PANEL .panel_header {height:42px;float:left;width:100%;padding:0;border-top:solid 1px #555;border-bottom:solid 1px #3b3b3b;margin-bottom:5px;background: url(images/window_header_orange.png) right -3px no-repeat;} #HTML-EDITOR-PANEL .panel_header.left {padding-bottom:0px;margin-bottom:1px;background: url(images/window_header_orange.png) left -3px no-repeat;} #HTML-OPTION-PANEL .panel_header{margin-bottom:0px;} #HTML-EDITOR {/*float:left;width:100%;padding:0;*/} #HTML-EDITOR-POINTER {top:-400px;left:-400px;display:none;float:left;position:absolute;} #UDTEditorLayout h4{margin:0px;font-size:20px;line-height:42px;padding:0 10px;color: #FFFEE7 ! important;} #UDTEditorLayout h4.node_name{float:left;height:42px;width:340px;overflow:hidden;} #UDTEditorLayout h4 em{font-size:14px;line-height:20px;} #HTML-IMAGE-PANEL-BODY {float:left;width:96%;padding:0 2% 0 2%;} .image_categories {float:left;width:100%;padding-bottom:5px;border-bottom:solid 1px #555} #HTML-CONTROL-PANEL {background-color:#393939;float:left;width:100%;padding:8px 0 5px 0;margin-bottom:5px;border-bottom:1px solid #555;} #HTML-EDITOR ul {padding:0;margin:0;list-style-type:none;} #HTML-EDITOR ul li{padding:0;margin:0;} #HTML-EDITOR-SAVE {float:right;} /*------------------PANEL-----------------*/ /* #HTML-EDITOR {height:auto;} #HTML-EDITOR-SYSTEM {float:left;width:100%;margin-bottom:5px;} #HTML-EDITOR-OPTION {float:left;width:650px;} */ #HTML-EDITOR-FORM {float:right;width:520px;height:auto;padding-bottom:2px;padding-top:2px;} #HTML-EDITOR-SOURCE {float:left;width:420px;height:auto;margin:0px 2%;line-height:1.6em; border: 1px solid #555;background-color:#111; color:#999} #HTML-EDITOR-SOURCE.open {height:450px;} #HTML-EDITOR-SOURCE.closed {height:45px;} /* #HTML-EDITOR-OPTION {float:left;height:79px;width:100%;background: url(images/frame_header.png) right -82px no-repeat;} #HTML-EDITOR-OPTION ul{float:left;width:668px;}*/ #HTML-EDITOR-OPTION ul li#NODE-TEXT-Option, #HTML-EDITOR-OPTION ul li#NODE-TEXT-Style {float:left;width:34px;padding-top:10px;padding-left:5px;} #HTML-EDITOR-OPTION ul li#NODE-IMG-Option {float:left;width:50px;padding-top:10px;padding-left:15px;} #HTML-EDITOR-OPTION ul li#NODE-TD-Option {float:left;width:34px;padding-top:10px;padding-left:5px;} #HTML-EDITOR-OPTION ul li#Document-Option {float:left;width:96%;padding-top:20px;padding-left:2%;} .editor-area {} .editor-area label, #HTML-EDITOR-OPTION label {float:left;margin-left:10px;padding-top:4px;color:#aaa;font-size:12px;text-transform:uppercase;} #HTML-EDITOR-OPTION input.code, #HTML-IMAGE-PANEL input.search, .editor-area input.text{float:left;width:120px;font-size:12px;background-color:#202020;border:1px solid #555;padding:4px;margin:2px 10px;color:#aaa} #HTML-EDITOR-OPTION input.button, .editor-area input.button, #HTML-IMAGE-PANEL input.search-button{float:right;width:80px;text-transform:uppercase;font-size:12px;background-color:#202020;border:1px solid #555;padding:4px;margin:2px 10px;color:#aaa} #HTML-IMAGE-PANEL input.search-button{float:left;margin-left:20px;} .editor-area input.button {width:auto} #HTML-EDITOR-OPTION input.button:hover, .editor-area input.button:hover, #HTML-IMAGE-PANEL input.search-button:hover{background-color:#000;} #Document-Option label{float:none;display:block;margin-left:5px;} #Document-Option input.code{float:none;width:58px;margin:5px 2px;} #Document-Option input.button{float:none;width:70px;margin:5px 2px;} .image_list_header {float:left;width:100%;height:35px;border-bottom:1px solid #555;margin-bottom:5px;padding-top:5px;background: url(images/window_header.jpg) -20px -3px no-repeat;} .image_list_header form{float:left;width:45%;padding-left:2%} .image_list_header a.exit, .image_list_header a.modify {float:right;background: url(images/close_red.png) center no-repeat;border:1px solid #555;width:30px;height:30px;padding:0;margin:0;margin-right:2%;text-indent:-9000px;} .image_list_header a.modify {float:right;background: url(images/modify.png) center no-repeat;} .image_list_header a.exit:hover, .image_list_header a.modify:hover {background-color:#393939;border:1px solid #999;} #image-container {width:100%;color:#aaa;float:left;border-bottom:4px solid #555;max-height:200px;padding-bottom:50px;overflow-x:hidden;overflow-y:auto;} .editor-area form{background-color:#393939;float:right;width:450px;border:1px solid #555;padding:10px;margin-right:60px; } .editor-area form ul.radio li{color:#aaa;font-size:14px;} .editor-area input.text{float:left;width:220px;} #HTML-IMAGE-PANEL .image_list_header h4 {float:left;font-size:16px;line-height:32px;padding:0 10px;color:#aaa} ul.radio {float:left;} .radio-icon {float:left;width:80px;} ul.radio li {list-style:none;min-width:90px;margin:0px;border:0px;padding:5px;color:#333;font-size:16px;} #image_list_stepper {float:right;width:45%;padding-right:2%} #HTML-IMAGE-PANEL #image {float:left;width:100%;} ul.PageNumbers {float:left;} ul.PageNumbers li, ul.PageNumNavi li {list-style:none;float:left;margin:0;padding:0;} ul.PageNumbers li a {float:left;margin:0;margin-left:10px;padding:5px 10px;font-size:14px;color:#aaa;border:1px solid #555;} ul.PageNumbers li a:hover, ul.PageNumbers li a.current {border:1px solid #999;background-color:#393939;} ul.PageNumNavi{float:right;} ul.PageNumNavi li.back_active a{background: url(images/back.png) center no-repeat;display:block;float:left;width:34px;height:34px;padding:0;margin:0;text-indent:-9000px;} ul.PageNumNavi li.next_active a{background: url(images/next.png) center no-repeat;display:block;float:left;width:34px;height:34px;padding:0;margin:0;text-indent:-9000px;} ul.PageNumNavi li.back_inactive a, ul.PageNumNavi li.next_inactive a{display:none;} ul.PageNumNavi li.back_active, ul.PageNumNavi li.back_inactive, ul.PageNumNavi li.next_active, ul.PageNumNavi li.next_inactive{display:block;float:left;width:34px;height:34px;padding:0;margin:0;} /*#HTML-EDITOR-Preview img{width:50% ! important}*/ /*#HTML-EDITOR-OPTION ul li#NODE-TEXT-Style .style_text_italic {clear:left;}*/ /*#HTML-OPTION-PANEL.closed img.zoom_source {float:right;background: url(images/frame_header.png) right -82px no-repeat;margin:0px 0;margin-bottom:2px;padding:4px 33px;border:0 ! important;} #HTML-OPTION-PANEL.open img.zoom_source {float:right;background: url(images/frame_header.png) right -3px no-repeat;margin:0px 0;margin-bottom:0px;padding:4px 33px;border:0 ! important;} */ #UDTEditorLayout img, #editor_plugin img{cursor:pointer;background-color:transparent;float:left; padding:3px;margin:3px;border:1px solid #555;} #HTML-OPTION-PANEL .node_selector img, #HTML-OPTION-PANEL .style_selector img {background-color:#B7B7B7;border:1px solid #555;} /*#HTML-OPTION-PANEL .img_align_selector img {margin-top:2px;margin-bottom:2px;padding:2px 5px;}*/ #HTML-OPTION-PANEL img.option_feature {float:right;margin:2px 0;margin-bottom:2px;padding:3px 32px;border:0 ! important;} #UDTEditorLayout img:hover {border:1px solid #999;background-color:#393939;} #HTML-CONTROL-PANEL img {border:0;border-top:1px solid #555;border-bottom:1px solid #555;margin:0 0 10px 0;padding:4px 10px 5px 10px;background: url(images/frame_header.png) right -82px no-repeat;} #HTML-CONTROL-PANEL img:hover {border:0;border-top:1px solid #999;border-bottom:1px solid #999;background: url(images/frame_header.png) right -3px no-repeat;} #HTML-CONTROL-PANEL img.current {background-color:#292929;background: url(images/frame_header_inverse.png) left -3px no-repeat;} #HTML-OPTION-PANEL .node_selector img:hover, #HTML-OPTION-PANEL .style_selector img:hover {border:1px solid #B7B7B7;background-color:#eee} /*#HTML-OPTION-PANEL .img_align_selector img:hover {border:0;}*/ #HTML-OPTION-PANEL img.current, #HTML-OPTION-PANEL .node_selector img.current, #HTML-OPTION-PANEL .style_selector img.current, #HTML-IMAGE-PANEL .image_categories a.current img {background-color:#ffc;border:1px solid orange;} #UDTEditorLayout img.transparent {border:0;background-color:transparent} .image_categories p {padding:0;margin:0;} #SAVE-INFO h2 {font-size:24px;margin:0;padding:10px 5px;font-weight:normal;font-style:italic;line-height:30px;font-family:Georgia, Arial, Helvetica, sans-serif;color:#888;} #SAVE-INFO p{color:#999;padding:10px 5px;} /*img#clear-style{float:right;}*/ /*-------------------------HTML-EDITOR-SOURCE------------------------*/ #HTML-IMAGE-PANEL ul.PageStepper li.next_active a{color:#292929;} #HTML-IMAGE-PANEL ul.PageStepper li.back_active a{color:#292929;} ul li.system {float:left;display:none;width:100%;list-style:none;padding-bottom:5px;margin-bottom:5px;} #UDTEditorLayout select {float:left;margin-top:2px;width:200px;font-size:16px;color:#000;background-color:#eee;} #UDTEditorLayout .panel_header select {float:right;margin-right:10px;margin-top:10px;width:160px;border:1px solid #F5C59C;background:#AB5611;color:#FFFEE7;height:24px;} #UDTEditorLayout .panel_header select option{background:#AB5611;color:#FFFEE7;} #HTML-EDITOR-PANEL .panel_header img {float:right;margin-top:2px;margin-right:10px;border:0px solid #AB5611;} #HTML-EDITOR-PANEL .panel_header img:hover {background-color:#AB5611;} #HTML-EDITOR-PANEL .panel_header.left img {float:left;margin-right:0px;} /*-------------------------EasyRiderEngine - EDITOR ------------------------*/ #editor_content div { padding-top:5px; padding-bottom:5px; margin-top:5px; margin-bottom:5px; border:1px dotted blue; } #editor_content {float:left;width:100%;} #editor_content div.enable-editor, div.enable-editor{float:left;width:100%;border:0px;border-bottom:3px solid red;border-top:3px solid red} #PageListFrame, #show_xml_tree {height:300px;width:98%;padding:0;margin:0;overflow-y:auto;overflow-x:hidden;} #OFFICE-PANEL-Body #PageListFrame {height:auto;} #SectionXMLPreview {height:300px;width:98%;padding:0;margin:0;overflow-y:auto;overflow-x:auto;} #SectionXMLCode {float:left;width:100%;margin:0;margin-top:10px;height:400px;display:block;} ul.editor_menu {padding:0;margin:0;} ul.editor_menu li{list-style:none;float:left;width:100%;margin-left:2%;border-top: 1px solid #3b3b3b;} ul.editor_menu li a{color:#eee;border-bottom: 1px solid #242424;float:left;width:100%;height:30px;padding:10px 0px 0px 40px;margin-right:0px;font-size:16px;font-weight:normal;} ul.editor_menu li ul{float:left;width:90%;display:block;padding:0;margin:0;margin-left:8%;} ul.editor_menu li a{background:url(/icons/admin/folder.png) no-repeat 2px 4px;} ul.editor_menu li.public a{background:url(/icons/admin/site_public.png) no-repeat 2px 4px;} ul.editor_menu li.extranet a{background:url(/icons/admin/site_extranet.png) no-repeat 2px 4px;} ul.editor_menu li.office a{background:url(/icons/admin/site_office.png) no-repeat 2px 4px;} ul.editor_menu li.admin a{background:url(/icons/admin/site_admin.png) no-repeat 2px 4px;} /*ul.editor_menu ul li.close-folder, ul.editor_menu ul li.folder {width:98%;margin-left:2%;}*/ ul.editor_menu li a.folder{background:url(/icons/admin/folder.png) no-repeat 2px 4px;} ul.editor_menu li a.close-folder{background:url(/icons/admin/close_folder.png) no-repeat 2px 4px ! important;} ul.editor_menu li a:hover, ul.editor_menu li a.current, ul.editor_menu li a.close-folder{background-color:#242424 ! important;text-decoration:none;} img.alignright {float: right;margin:10px 0 10px 20px;padding:0px;} img.alignleft {float: left;margin:10px 20px 10px 0px;padding:0px;} div.alignleft {float: left;} img.icon {border: 0;float: left;margin:2px 10px 2px 0px;} img.icon.alignright {float: right;margin:2px 0px 2px 10px;} img.icon.clearboth {clear:both;} #page_tip{ width:250px; background-color:#ffc; font-size:12px; color:#222 ! important; border: 2px solid #666; padding:5px; } #page_tip p{ padding:3px 0px 0px 3px; margin:0px; } #page_tip p img{ float:left; padding:0; margin:0; border:0; margin-right:5px; } @media print { #HTML-EDITOR-PANEL {display:none;} }