| /*! |
| * 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; |
| } |
| |
| .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.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; |
| } |
| .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:.9em; padding-left:.7em; } |
| .elrte-copy { font-size:.9em; 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:.7em; |
| overflow:auto; |
| height:240px; |
| width:480px; |
| } |
| |