yzms/umeditor/themes/default/css/umeditor.css

773 lines
17 KiB
CSS

.edui-container{
position: relative;
border: 1px solid #d4d4d4;
box-shadow: 2px 2px 5px #d3d6da;
background-color: #fff;
}
.edui-container .edui-toolbar{
position: relative;
width:auto;
border-bottom: 1px solid #e1e1e1;
box-shadow: 2px 2px 5px #d3d6da;
background-color: #fafafa;
z-index: 99999;
}
.edui-toolbar .edui-btn-toolbar{
position: relative;
padding: 5px;
}
.edui-container .edui-editor-body{
background-color: #fff;
}
.edui-editor-body .edui-body-container{
}
.edui-editor-body .edui-body-container p{margin:5px 0;}
.edui-editor-body .edui-body-container{
border:0;
outline:none;
cursor:text;
padding:0 10px 0;
overflow:auto;
display:block;
word-wrap:break-word;
font-size:16px;
font-family:sans-serif;
}
.edui-editor-body.focus{border:1px solid #5c9dff}
.edui-editor-body table{margin:10px 0 10px;border-collapse:collapse;display:table;}
.edui-editor-body td{padding: 5px 10px;border: 1px solid #DDD;}
.edui-editor-body iframe.mathquill-embedded-latex{
border: 0px;
padding: 0px;
display: inline;
margin: 0px;
background: none;
vertical-align: middle;
width: 0px;
height: 0px;
}
/*普通按钮*/
.edui-btn-toolbar .edui-btn{
position: relative;
display: inline-block;
vertical-align: top;
*display: inline;
*zoom:1;
width:auto;
margin: 0 1px;
padding:1px;
border:none;
background: none;
}
.edui-btn-toolbar .edui-btn .edui-icon{
width: 20px;
height: 20px;
margin: 0;
padding:0;
background-repeat: no-repeat;
background-image: url(../images/icons.png);
background-image: url(../images/icons.gif) \9;
}
/*状态反射*/
.edui-btn-toolbar .edui-btn.edui-hover,
.edui-btn-toolbar .edui-btn.edui-active{
background-color: #d5e1f2;
padding: 0;
border: 1px solid #a3bde3;
_z-index: 1;
}
.edui-btn-toolbar .edui-btn.edui-disabled{
opacity: 0.3;
filter: alpha(opacity = 30);
}
.edui-btn-toolbar .edui-btn .edui-icon-source {
background-position:-260px -0px;
}
.edui-btn-toolbar .edui-btn .edui-icon-undo {
background-position: -160px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-redo {
background-position: -100px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-bold{
background-position: 0 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-italic {
background-position: -60px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-underline {
background-position: -140px 0
}
.edui-btn-toolbar .edui-btn .edui-icon-strikethrough {
background-position: -120px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-superscript {
background-position: -620px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-subscript {
background-position: -600px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-font, .edui-btn-toolbar .edui-btn .edui-icon-forecolor {
background-position: -720px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-backcolor {
background-position: -760px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-insertorderedlist {
background-position: -80px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-insertunorderedlist {
background-position: -20px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-selectall {
background-position: -400px -20px;
}
.edui-btn-toolbar .edui-btn .edui-icon-cleardoc {
background-position: -520px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-paragraph {
background-position: -140px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-fontfamily {
background-position: -140px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-fontsize {
background-position: -140px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-justifyleft {
background-position: -460px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-justifycenter {
background-position: -420px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-justifyright {
background-position:-480px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-justifyjustify {
background-position: -440px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-link {
background-position: -500px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-unlink {
background-position: -640px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-image {
background-position: -380px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-emotion {
background-position: -60px -20px;
}
.edui-btn-toolbar .edui-btn .edui-icon-video {
background-position: -320px -20px;
}
.edui-btn-toolbar .edui-btn .edui-icon-map {
background-position: -40px -40px;
}
.edui-btn-toolbar .edui-btn .edui-icon-gmap {
background-position: -260px -40px;
}
.edui-btn-toolbar .edui-btn .edui-icon-horizontal {
background-position: -360px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-print {
background-position: -440px -20px;
}
.edui-btn-toolbar .edui-btn .edui-icon-preview {
background-position: -420px -20px;
}
.edui-btn-toolbar .edui-btn-fullscreen{
float:right;
}
.edui-btn-toolbar .edui-btn .edui-icon-fullscreen {
background-position: -100px -20px;
}
.edui-btn-toolbar .edui-btn .edui-icon-removeformat {
background-position: -580px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-drafts {
background-position: -560px 0;
}
.edui-btn-toolbar .edui-btn .edui-icon-formula {
background-position: -80px -20px;
}
.edui-btn-toolbar .edui-splitbutton{
position: relative;
display: inline-block ;
vertical-align: top;
*display: inline ;
*zoom:1;
margin:0 2px;
}
.edui-splitbutton .edui-btn{
margin: 0;
}
.edui-splitbutton .edui-caret{
position: relative;
display: inline-block ;
vertical-align: top;
*display: inline ;
*zoom:1;
width: 8px;
height: 20px;
background: url(../images/icons.png) -741px 0;
_background: url(../images/icons.gif) -741px 0;
}
.edui-btn-toolbar .edui-splitbutton,
.edui-btn-toolbar .edui-splitbutton{
_border: none;
}
/*状态反射*/
.edui-btn-toolbar .edui-splitbutton.edui-hover .edui-btn{
background-color: #d5e1f2;
}
.edui-btn-toolbar .edui-splitbutton.edui-disabled{
opacity: 0.3;
filter: alpha(opacity = 30);
}
.edui-btn-toolbar .edui-splitbutton.edui-disabled .edui-caret{
opacity: 0.3 \0;
filter: alpha(opacity = 30)\0;
}
.edui-btn-toolbar .edui-combobox{
border: 1px solid #CCC;
padding:0;
margin:0 2px;
line-height: 20px;
}
.edui-combobox .edui-button-label{
position: relative;
display: inline-block;
vertical-align: top;
*display: inline ;
*zoom:1;
width:60px;
height:20px;
line-height: 20px;
padding: 2px;
margin: 0;
font-size: 12px;
text-align: center;
cursor: default;
}
.edui-combobox .edui-button-spacing{
position: relative;
display: inline-block ;
vertical-align: top;
*display: inline ;
*zoom:1;
height:20px;
margin: 0;
padding:0 3px;
}
.edui-combobox .edui-caret{
position: relative;
display: inline-block ;
vertical-align: top;
*display: inline ;
*zoom:1;
height:20px;
width: 12px;
margin: 0;
padding: 0;
background: url(../images/icons.png) -741px 0;
_background: url(../images/icons.gif) -741px 0;
}
.edui-btn-toolbar .edui-combobox.edui-disabled{
opacity: 0.2;
filter: alpha(opacity = 20);
}
.edui-btn-toolbar .edui-combobox.edui-disabled .edui-button-label,
.edui-btn-toolbar .edui-combobox.edui-disabled .edui-caret{
opacity: 0.2 \0;
filter: alpha(opacity = 20)\0;
}
.edui-combobox-menu{
position: absolute;
top: 100%;
left: 0;
display: none;
list-style: none;
text-decoration: none;
margin: 0;
padding:5px;
background-color: #ffffff;
border: 1px solid #ccc;
font-size: 12px;
box-shadow: 2px 2px 5px #d3d6da;
min-width: 160px;
_width: 160px;
}
.edui-combobox-menu .edui-combobox-item {
display: block;
border: 1px solid white;
}
.edui-combobox-menu .edui-combobox-item-label {
height: 25px;
line-height: 25px;
display: inline-block;
_display: inline;
_zoom: 1;
margin-left: 10px;
}
.edui-combobox-menu .edui-combobox-item:hover, .edui-combobox-menu .edui-combobox-stack-item:hover, .edui-combobox-menu .edui-combobox-item-hover {
background-color: #d5e1f2;
padding: 0;
border: 1px solid #a3bde3;
}
.edui-combobox-menu .edui-combobox-item .edui-combobox-icon {
display: inline-block;
*zoom: 1;
*display: inline;
width: 24px;
height: 25px;
background: red;
vertical-align: bottom;
background: url(../images/ok.gif) no-repeat 1000px 1000px;
}
.edui-combobox-menu .edui-combobox-checked .edui-combobox-icon {
background-position: 10px 7px;
}
.edui-combobox-menu .edui-combobox-item-separator {
min-width: 160px;
height: 1px;
line-height: 1px;
overflow: hidden;
background: #d3d3d3;
margin: 5px 0;
*margin-top: -8px;
}
/* 字体样式校正 */
.edui-combobox-fontsize .edui-combobox-item-0.edui-combobox-checked .edui-combobox-icon {
background-position: 10px 7px;
}
.edui-combobox-fontsize .edui-combobox-item-1.edui-combobox-checked .edui-combobox-icon {
background-position: 10px 7px;
}
.edui-combobox-fontsize .edui-combobox-item-2.edui-combobox-checked .edui-combobox-icon {
background-position: 10px 7px;
}
.edui-combobox-fontsize .edui-combobox-item-3.edui-combobox-checked .edui-combobox-icon {
background-position: 10px 7px;
}
/* 24 */
.edui-combobox-fontsize .edui-combobox-item-4 .edui-combobox-item-label {
height: 27px;
line-height: 27px;
}
.edui-combobox-fontsize .edui-combobox-item-4.edui-combobox-checked .edui-combobox-icon {
background-position: 10px 5px;
}
/* 32 */
.edui-combobox-fontsize .edui-combobox-item-5 .edui-combobox-item-label {
height: 31px;
line-height: 31px;
}
.edui-combobox-fontsize .edui-combobox-item-5.edui-combobox-checked .edui-combobox-icon {
background-position: 10px 4px;
}
/* 48 */
.edui-combobox-fontsize .edui-combobox-item-6 .edui-combobox-item-label {
height: 47px;
line-height: 47px;
}
/*.edui-combobox-fontsize .edui-combobox-item-6 .edui-combobox-icon {*/
/*height: 25px;*/
/*margin-bottom: 11px;*/
/*}*/
/*.edui-combobox-fontsize .edui-combobox-item-6.edui-combobox-checked .edui-combobox-icon {*/
/*background-position: 10px 7px;*/
/*}*/
/* 段落样式校正 */
/* h1 */
.edui-combobox-paragraph .edui-combobox-item-1 .edui-combobox-item-label {
font-size: 32px;
height: 36px;
line-height: 36px;
}
.edui-combobox-paragraph .edui-combobox-item-1 .edui-combobox-icon {
height: 25px;
margin-bottom: 5px;
}
.edui-combobox-paragraph .edui-combobox-item-1.edui-combobox-checked .edui-combobox-icon {
background-position: 10px 7px;
}
/* h2 */
.edui-combobox-paragraph .edui-combobox-item-2 .edui-combobox-item-label {
font-size: 28px;
height: 27px;
line-height: 27px;
}
.edui-combobox-paragraph .edui-combobox-item-2 .edui-combobox-icon {
margin-bottom: 5px;
}
.edui-combobox-paragraph .edui-combobox-item-2.edui-combobox-checked .edui-combobox-icon {
background-position: 10px 10px;
}
/* h3 */
.edui-combobox-paragraph .edui-combobox-item-3 .edui-combobox-item-label {
font-size: 24px;
height: 25px;
line-height: 25px;
}
.edui-combobox-paragraph .edui-combobox-item-3 .edui-combobox-icon {
height: 25px;
margin-bottom: 5px;
}
.edui-combobox-paragraph .edui-combobox-item-3.edui-combobox-checked .edui-combobox-icon {
background-position: 10px 11px;
}
/* h4 */
.edui-combobox-paragraph .edui-combobox-item-4 .edui-combobox-item-label {
font-size: 18px;
height: 25px;
line-height: 25px;
}
.edui-combobox-paragraph .edui-combobox-item-4.edui-combobox-checked .edui-combobox-icon {
background-position: 10px 6px;
}
/* h5 */
.edui-combobox-paragraph .edui-combobox-item-5 .edui-combobox-item-label {
font-size: 16px;
}
/* h6 */
.edui-combobox-paragraph .edui-combobox-item-6 .edui-combobox-item-label {
font-size: 12px;
}
.edui-modal {
position: fixed;
_position: absolute;
top: 10%;
left: 50%;
border: 1px solid #acacac;
box-shadow: 2px 2px 5px #d3d6da;
background-color: #ffffff;
outline: 0;
}
.edui-modal-header {
padding: 5px 10px;
border-bottom: 1px solid #eee;
}
.edui-modal-header .edui-close {
float: right;
width:20px;
height:20px;
margin-top: 2px;
padding: 1px;
border: 0;
background: url("../images/close.png") no-repeat center center;
cursor: pointer;
}
.edui-modal-header .edui-close.edui-hover {
background-color: #d5e1f2;
padding:0;
border: 1px solid #a3bde3;
}
.edui-modal-header .edui-title {
margin: 0;
line-height: 25px;
font-size: 20px;
}
.edui-modal-body {
position: relative;
max-height: 400px;
font-size: 12px;
overflow-y: auto;
}
.edui-modal-footer {
float: right;
padding: 5px 15px 15px;
overflow: hidden;
}
.edui-modal-footer .edui-btn {
float: left;
height: 24px;
width: 96px;
margin: 0 10px;
background-color: #ffffff;
padding: 0;
border: 1px solid #ababab;
font-size: 12px;
line-height: 24px;
text-align: center;
cursor: pointer;
}
.edui-modal-footer .edui-btn.edui-hover{
background-color: #d5e1f2;
border: 1px solid #a3bde3;
}
.edui-modal-backdrop{
opacity: 0.5;
filter: alpha(opacity=50);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #c6c6c6;
}
.edui-modal .edui-modal-tip {
color: red;
position: absolute;
bottom: 10px;
left: 10px;
height: 30px;
line-height: 30px;
display: none;
}
/*图片上传*/
.edui-dialog-image-body {
width: 700px;
height: 400px;
}
/*插入视频*/
.edui-dialog-video-body{
width: 600px;
height: 350px;
}
/*谷歌地图*/
.edui-dialog-gmap-body{
width:550px;
height: 400px;
}
/*百度地图*/
.edui-dialog-map-body{
width:580px;
height: 400px;
}
/*链接*/
.edui-dialog-link-body{
width:400px;
height:200px;
}
.edui-popup{
display: none;
background: url('../images/pop-bg.png') repeat #fff;
padding: 2px;
}
.edui-popup .edui-popup-body{
border: 1px solid #bfbfbf;
background-color: #fff;
}
.edui-popup .edui-popup-caret{
width: 21px;
height: 11px;
}
.edui-popup .edui-popup-caret.up{
background:url('../images/caret.png') no-repeat 0 0;
}
.edui-popup .edui-popup-caret.down{
background:url('../images/caret.png') no-repeat 0 0;
}
.edui-tab-nav {
margin: 0;
padding:0;
border-bottom: 1px solid #ddd;
list-style: none;
height:30px;
}
.edui-tab-nav .edui-tab-item {
float:left;
margin-bottom: -1px;
margin-top: 1px;
margin-top: 0\9;
}
.edui-tab-nav .edui-tab-item .edui-tab-text{
display: block;
padding:8px 12px;
border: 1px solid transparent;
color: #0088cc;
text-decoration: none;
outline: 0;
_border:1px solid #fff ;
cursor: pointer;
}
.edui-tab-nav .edui-tab-item .edui-tab-text:FOCUS {
outline: none;
}
.edui-tab-nav .edui-tab-item.edui-active .edui-tab-text{
border: 1px solid #ddd;
border-bottom-color: transparent;
background-color: #fff;
padding:8px 12px;
color: #555555;
cursor: default;
}
.edui-tab-content .edui-tab-pane{
padding: 1px;
position: relative;
display: none;
background-color: #fff;
clear: both;
}
.edui-tab-content .edui-tab-pane.edui-active{
display: block;
}
.edui-btn-toolbar .edui-tooltip{
position: absolute;
padding: 5px 0;
display: none;
/*opacity: 0.8;*/
/*filter: alpha(opacity=80);*/
z-index: 99999;
}
.edui-tooltip .edui-tooltip-arrow{
position: absolute;
top: 0;
_top: -2px;
left: 50%;
width: 0;
height: 0;
padding: 0;
font-size:0;
margin-left: -5px;
border-color: transparent;
border-style: dashed dashed solid dashed;
border-bottom-color: #000000;
border-width: 0 5px 5px;
background: transparent;
}
.edui-tooltip .edui-tooltip-inner{
padding: 6px;
color: #ffffff;
text-align: center;
text-decoration: none;
font-size: 10px;
background-color: #000000;
white-space: nowrap;
line-height: 12px;
}
.edui-splitbutton-color-label {
width: 16px;
height: 3px;
position: absolute;
bottom: 2px;
left: 50%;
margin-left: -8px;
overflow: hidden;
line-height: 3px;
}
.edui-popup .edui-colorpicker {
margin: 10px;
font-size: 12px;
}
.edui-colorpicker .edui-colorpicker-topbar{
height: 27px;
width: 200px;
overflow: hidden;
}
.edui-colorpicker .edui-colorpicker-topbar .edui-colorpicker-preview{
height: 20px;
border: 1px inset black;
margin-left: 1px;
width: 128px;
float: left;
}
.edui-colorpicker .edui-colorpicker-topbar .edui-colorpicker-nocolor{
float: right;
margin-right: 1px;
font-size: 12px;
line-height: 14px;
height: 14px;
border: 1px solid #333;
padding: 3px 5px;
cursor: pointer;
}
.edui-colorpicker table{
border-collapse: collapse;
border-spacing: 2px;
}
.edui-colorpicker tr.edui-colorpicker-firstrow{
height: 30px;
}
.edui-colorpicker table td{
padding: 0 2px;
}
.edui-colorpicker table td .edui-colorpicker-colorcell{
display: block;
text-decoration: none;
color: black;
width: 14px;
height: 14px;
margin: 0;
cursor: pointer;
}
.edui-toolbar .edui-separator{
width: 2px;
height: 20px;
padding: 1px 2px;
background: url(../images/icons.png) -179px 1px;
background: url(../images/icons.gif) -179px 1px \9;
display: inline-block ;
vertical-align: top;
*display: inline ;
*zoom:1;
border:none;
}