mirror of https://github.com/avecms/AVE.cms
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
754 lines
15 KiB
754 lines
15 KiB
/*! |
|
* 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; |
|
}
|
|
|