/*! * elRTE WYSIWYG HTML-editor * Version 1.3 (2011-06-23) * http://elrte.org * * Copyright 2009-2011, Studio 42 Ltd. * Licensed under a 3 clauses BSD license */ @charset "UTF-8"; a { outline: none; } /************* clearfix **********************/ .clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; } .rounded-2 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .rounded-3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .rounded-4 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .rounded-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .rounded-6 { -moz-border-radius: 6px; -webkit-border-radius: 5px; border-radius: 6px; } .rounded-7 { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } .rounded-left-3 { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; } .rounded-bottom-7 { -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } /*.ui-widget { font-size:.9em;}*/ .ui-dialog .ui-dialog-buttonpane button { padding: .1em .6em .2em .6em; } /* colorpicker "button" */ .el-colorpicker { width : 16px; height : 16px; border:1px solid #ccc; position:relative; cursor:default; } /* colors palette */ .el-palette { width: 182px; border:1px solid #ccc; background:#fff; padding:3px 2px 3px 3px; z-index:99000; /* fight with ui.dialog 0_o */ position:absolute; top:16px; left:0; } /* color cell in palette */ .el-palette .color { float:left; width:14px; height:14px; line-height:1px; border-top: 1px solid #eee; border-left:1px solid #eee; } /* side below color cells */ .el-palette .panel { border-top:1px solid #ccc; margin-top:7px; padding:5px 3px 5px 3px; } /* "window" with selected color */ .el-palette .panel .preview { float:right; width:18px; height:18px; border:1px solid #ccc; } /* color value text field */ .el-palette .panel input { border:1px solid #ccc; } /* dialog container */ .ui-widget .el-dialogform { padding:5px 3px; } .ui-widget .el-dialogform-rtl { direction: rtl; } .ui-widget .el-dialogform-rtl .ui-tabs-nav li { float:right; } .el-dialogform div.tab:hover { background:transparent; } .ui-dialog .ui-dialog-title, .ui-dialog .ui-dialog-content { /*font-size:.9em;*/ } /* tabs nav */ .ui-tabs .ui-tabs-nav li a { padding:.2em .7em; } /* tab container */ .el-dialogform .tab { padding:5px 0 12px 0; border:none; } /* line separator */ .el-dialogform .separator { border-top:1px solid #ccc; margin: 5px 2px; } /* table in dialog or in tab */ .el-dialogform table { width:100%; border: none; background: #fff; } .el-dialogform table td { padding: 2px; } .el-dialogform input, .el-dialogform textarea { border:1px solid #ccc; } .el-dialogform select { padding:0;/* font-size:11px;*/ } .el-dialogform .spinner { background:url(../images/loading.gif) 50% 50% no-repeat; text-align:center; width:150px; height:50px; margin:10px auto; padding-top:33px; font-weight:bold; } .el-dialogform-error { background: #fee; color:#ff0000; border: 2px #844 solid; padding: 10px; margin-bottom: 1em 0; } .el-dialogform-message { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em 0; } .el-dialogform table td .el-borderselect table { width:auto; } .el-dialogform table td .el-borderselect table td { padding-left :0; padding-right:2px; } .el-paddinginput { display: block; white-space: nowrap; } .el-paddinginput input { margin :0 1px 0 0; border:1px solid #ccc; } .el-paddinginput select { padding:0; }/* container for elselect */ .el-select { height:17px; width : 110px; border:1px solid #ccc; cursor: default; position:relative; } .el-select.hover { background-color:#eee; } /* selected element */ .el-select label { height:17px; line-height:17px; /* font-size:.92em;*/ padding: 0 5px; margin: 0 12px 0 0; display:block; white-space:nowrap; overflow:hidden; background: #fff; border-right:1px solid #ccc; } /* drop-down list */ .el-select .list { border:1px solid #ccc; display:block; position:absolute; overflow:auto; background:#fff; z-index:1000;/* height:1610px*/ } /* drop-down list item */ .el-select .list div { position:relative; padding:3px 25px 3px 7px; border-bottom:1px solid #eee; } /* drop-down list item hovered */ .el-select .list .hover { background:#efefef; } /* drop-down list item selected */ .el-select .list .active { background-color:#c3dbef; } /* any elements in drop-down list item */ .el-select .list div * { padding:0; margin:0; border:none; white-space:nowrap; display:block; } /* контейнер */ .el-rte { font-family: Trebuchet MS, Verdana, Geneva, sans-serif; overflow:hidden;/* border:1px solid #aaa;*/ } .el-rte.el-fullscreen { position:absolute; width:99%; /* height:100%;*/ top:0; left:0; margin:0; z-index:10; } .elrte-swf-placeholder { width:1px; background: url('../images/swf.png') 0 0 no-repeat; } /* style to detect images url */ /*.el-rte */ .elrtetesturl { color:red; background-image:url(../images/pixel.gif); } /* панель инструментов */ .el-rte .toolbar { background-color:#eee; padding:3px 7px 2px 7px; border:1px solid #ccc; white-space:normal; } .el-rte-rtl .toolbar { direction: rtl; } /* панель кнопок */ .el-rte .toolbar ul { position:relative; display:inline-block; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin:0; list-style:none; padding:0 2px 0 5px; background: url('../images/elrte-toolbar.png') -934px -2px no-repeat; } /* первая панель кнопок */ .el-rte .toolbar ul.elrte_first { background:transparent; padding-left:0; } /* кнопка */ .el-rte .toolbar ul li { display:inline-block; display: -moz-inline-stack; display: inline-block; height:22px; width:22px; vertical-align: top; zoom: 1; *display: inline; margin:1px 1px; padding:0; /* Joomla 1.6 compat */ background:url('../images/elrte-toolbar.png') no-repeat; border:1px solid #ccc; z-index:100; } /* активная и подсвеченная и неактивная кнопка */ .el-rte .toolbar ul li.hover { border:1px solid #54b9bf; } .el-rte .toolbar ul li.active { background-color:#c3dbef; border:1px solid #fff; } .el-rte .toolbar ul li.disabled { opacity:alpha(0.3); opacity: 0.3; filter:Alpha(Opacity=30); } /* кнопки */ .el-rte .toolbar ul li.about { background-position:-829px -5px; } .el-rte .toolbar ul li.save { background-position:-30px -2px; } .el-rte .toolbar ul li.new { background-position:-55px -2px } .el-rte .toolbar ul li.copy { background-position:-78px -2px } .el-rte .toolbar ul li.css { background-position:-801px -5px } .el-rte .toolbar ul li.cut { background-position:-104px -2px } .el-rte .toolbar ul li.paste { background-position:-128px -2px } .el-rte .toolbar ul li.pastetext { background-position:-534px -2px } .el-rte .toolbar ul li.pasteformattext { background-position:-154px -2px } .el-rte .toolbar ul li.removeformat { background-position:-180px -2px } .el-rte .toolbar ul li.docstructure { background-position:-712px -4px } .el-rte .toolbar ul li.undo { background-position:-205px -2px } .el-rte .toolbar ul li.redo { background-position:-230px -2px } .el-rte .toolbar ul li.bold { background-position:-252px -2px; } .el-rte .toolbar ul li.italic { background-position:-270px -2px; } .el-rte .toolbar ul li.underline { background-position:-290px -2px; } .el-rte .toolbar ul li.strikethrough { background-position:-149px -29px } .el-rte .toolbar ul li.subscript { background-position:-54px -29px } .el-rte .toolbar ul li.superscript { background-position:-76px -29px } .el-rte .toolbar ul li.justifyleft { background-position:-311px -2px } .el-rte .toolbar ul li.justifycenter { background-position:-335px -2px } .el-rte .toolbar ul li.justifyright { background-position:-360px -2px } .el-rte .toolbar ul li.justifyfull { background-position:-174px -29px } .el-rte .toolbar ul li.insertunorderedlist { background-position:-100px -29px } .el-rte .toolbar ul li.insertorderedlist { background-position:-124px -29px } .el-rte .toolbar ul li.outdent { background-position:-6px -29px } .el-rte .toolbar ul li.indent { background-position:-32px -29px } .el-rte .toolbar ul li.blockquote { background-position:-220px -30px } .el-rte .toolbar ul li.div { background-position:-655px -29px } .el-rte .toolbar ul li.stopfloat { background-position:-771px -5px } .el-rte .toolbar ul li.nbsp { background-position:-580px -2px } .el-rte .toolbar ul li.forecolor { background-position:-372px -30px } .el-rte .toolbar ul li.hilitecolor { background-position:-395px -30px } .el-rte .toolbar ul li.link { background-position:-244px -29px } .el-rte .toolbar ul li.unlink { background-position:-270px -29px } .el-rte .toolbar ul li.anchor { background-position:-296px -30px } .el-rte .toolbar ul li.image { background-position:-384px -2px } .el-rte .toolbar ul li.flash { background-position:-410px -2px } .el-rte .toolbar ul li.file { background-position:-436px -3px } .el-rte .toolbar ul li.table { background-position:-421px -30px } .el-rte .toolbar ul li.tableprops { background-position:-602px -29px } .el-rte .toolbar ul li.tbcellprops { background-position:-806px -27px } .el-rte .toolbar ul li.tablerm { background-position:-461px -2px } .el-rte .toolbar ul li.tbrowbefore { background-position:-683px -4px } .el-rte .toolbar ul li.tbrowafter { background-position:-654px -4px } .el-rte .toolbar ul li.tbrowrm { background-position:-500px -30px } .el-rte .toolbar ul li.tbcolbefore { background-position:-741px -27px } .el-rte .toolbar ul li.tbcolafter { background-position:-772px -27px } .el-rte .toolbar ul li.tbcolrm { background-position:-526px -30px } .el-rte .toolbar ul li.tbcellsmerge { background-position:-552px -30px } .el-rte .toolbar ul li.tbcellsplit { background-position:-629px -29px } .el-rte .toolbar ul li.smiley { background-position:-322px -29px } .el-rte .toolbar ul li.spec-text { background-position:-487px -2px } .el-rte .toolbar ul li.print { background-position:-509px -2px } .el-rte .toolbar ul li.horizontalrule { background-position:-199px -29px } .el-rte .toolbar ul li.fullscreen { background-position:-348px -30px } .el-rte .toolbar ul li.elfinder { background-position:-436px -2px } .el-rte .toolbar ul li.ltr { background-position:-855px -27px } .el-rte .toolbar ul li.rtl { background-position:-855px -3px } .el-rte .toolbar ul li.pagebreak { background-position:-711px -28px } /* рабочая зона (обертка над iframe) */ .el-rte .workzone { border:1px solid #eee; border-top:none; height:400px; overflow:hidden; } .el-rte.small .workzone { min-height:250px; } /* source code */ .el-rte textarea { width:100%; height:100%; border:none; zoom:1; padding:0; outline:none; } .el-rte.small textarea { min-height:250px; } /* редактор */ .el-rte iframe { width: 100%; height:400px; display:block; outline:none; border:0 solid; padding:0; margin:0; background:#fff; } .el-rte.small iframe { min-height:250px; } /* панель статуса (путь) */ .el-rte .statusbar { height: 21px; padding: 0 9px; font: 11px/21px 'monaco', 'andale mono', 'lucida console', monospace; background-color:#eee; border-top:1px solid #ccc; border-top:none; } .el-rte-rtl .statusbar { direction:rtl;/* text-align:right;*/ } /* табы */ .el-rte .tabsbar { display: block; } .el-rte .tabsbar .tab { float:left; margin-right:2px; padding: 6px 17px; /*font-size: .82em; */ font-weight:bold; color:#777; text-align:center; border:1px solid #eee; border-top:none; background: #fff; cursor: default; } .el-rte .tabsbar div.active { background: #eee; color:#444; } .el-rte-rtl .tabsbar .tab { float:right; } /* выпадающие меню */ /* container for elselect */ .el-rte .toolbar ul li.el-select { height:22px; width : 120px; border:1px solid #ccc; /*font-size:.82em;*/ cursor: default; background-position:-475px -30px; } .el-rte .toolbar ul li.el-select.hover { background-color:#fefefe; } .el-rte .toolbar ul li.el-select label { height:19px; padding: 3px 5px 0 5px; float:none; /* Joomla 1.6 compat */ width:96px; /* Joomla 1.6 compat */ } /* textarea & iframe в диплогах вставки текста */ .el-rte-paste-input { width : 99%; height: 250px; border: 1px solid #ccc; padding:0; margin:0; outline:none; } /* индикатор выбраного цвета на кнопке */ .el-rte .toolbar ul li div.color-indicator { width:18px; height:4px; margin:16px 0 2px 2px; background-color: #000; } .el-rte-rtl .toolbar ul li div.color-indicator { margin:16px 2px 2px 0; } .el-rte .toolbar .panel-format { z-index: 10; } /* colors palette */ .el-palette { top:20px; } /*.el-dialogform, .el-dialogform td { font-size:.9em; } .el-dialogform select { font-size:.9em;}*/ .ui-dialog .ui-dialog-buttonpane { padding: .4em, 1em; } .ui-dialog .ui-dialog-buttonpane button { margin: .3em .4em .1em 0; /*font-size:.9em;*/ } .ui-dialog .ui-dialog-titlebar { /*padding: .3em 1em .3em;*/ } /*.ui-dialog-buttonset { padding:0; background-color:#333;}*/ /* диалоговые окна */ .el-dialogform label { display:block; } .el-dialogform label input { margin-right:2px; } .el-dialogform iframe.el-rte-preview { width : 100%; height : 235px; margin:0; padding:0; outline:none; border:none; } .el-dialogform fieldset { border:1px solid #ccc; padding : 0; background-color: #fff; } .el-dialogform fieldset legend { /*font-size:.9em;*/ padding: .1em .5em; margin: 0 0 5px 1em; border:1px solid #ccc; background-color: #eee; } .el-dialogform p { padding:.2em .3em; } .el-dialogform h3 { color:#555; padding:1.2em 0 0 0; margin:0; font-size:1.2em; } .el-dialogform h4 { color:#555; font-size:1em; padding:0; margin: 3px 9px; } .elrte-logo { width:48px; height:46px; float:left; margin:.5em 1em; background:url('../images/elrte-toolbar.png') -880px -7px no-repeat; } .elrte-ver { font-size:10px; padding-left:.7em; } .elrte-copy { font-size:10px; padding-left:.3em; } table.elrte-authors { margin-bottom:1em; } table.elrte-authors td { border-bottom:1px solid #eee; } /* widgets */ .el-borderselect { } .el-borderselect table { margin:0; } .el-borderselect table td { padding : 0 2px 0 0; vertical-align:middle; } .el-borderselect input { margin:0; border:1px solid #ccc; } .el-paddinginput { display: block; white-space: nowrap; } .el-paddinginput input { margin :0 1px 0 0; border:1px solid #ccc; } .el-paddinginput select { padding:0; } .el-rte-smiley { margin:5px; } .elrte-image-src-fm .ui-state-default { float:right; } .el-dialogform-rtl .elrte-image-src-fm .ui-state-default { float:left; } .elrte-image-preview { font-size:10px; overflow:auto; height:240px; width:480px; }