TinyMCE 3.5

Aleksander Machniak

2012-05-08 e6e0d410ac92818679c03fc9bf5359562df81921

 program/js/tiny_mce/themes/advanced/skins/default/ui.css

@@ -4,8 +4,8 @@
.defaultSkin table td {vertical-align:middle}



/* Containers */

.defaultSkin table {background:#F0F0EE}

.defaultSkin iframe {display:block; background:#FFF}

.defaultSkin table {direction:ltr;background:transparent}

.defaultSkin iframe {display:block;}

.defaultSkin .mceToolbar {height:26px}

.defaultSkin .mceLeft {text-align:left}

.defaultSkin .mceRight {text-align:right}

@@ -20,11 +20,11 @@
.defaultSkin table.mceLayout tr.mceFirst td {border-top:1px solid #CCC}

.defaultSkin table.mceLayout tr.mceLast td {border-bottom:1px solid #CCC}

.defaultSkin table.mceToolbar, .defaultSkin tr.mceFirst .mceToolbar tr td, .defaultSkin tr.mceLast .mceToolbar tr td {border:0; margin:0; padding:0;}

.defaultSkin td.mceToolbar {padding-top:1px; vertical-align:top}

.defaultSkin td.mceToolbar {background:#F0F0EE; padding-top:1px; vertical-align:top}

.defaultSkin .mceIframeContainer {border-top:1px solid #CCC; border-bottom:1px solid #CCC}

.defaultSkin .mceStatusbar {font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:9pt; line-height:16px; overflow:visible; color:#000; display:block; height:20px}

.defaultSkin .mceStatusbar {background:#F0F0EE; font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:9pt; line-height:16px; overflow:visible; color:#000; display:block; height:20px}

.defaultSkin .mceStatusbar div {float:left; margin:2px}

.defaultSkin .mceStatusbar a.mceResize {display:block; float:right; background:url(../../img/icons.gif) -800px 0; width:20px; height:20px; cursor:se-resize}

.defaultSkin .mceStatusbar a.mceResize {display:block; float:right; background:url(../../img/icons.gif) -800px 0; width:20px; height:20px; cursor:se-resize; outline:0}

.defaultSkin .mceStatusbar a:hover {text-decoration:underline}

.defaultSkin table.mceToolbar {margin-left:3px}

.defaultSkin span.mceIcon, .defaultSkin img.mceIcon {display:block; width:20px; height:20px}

@@ -37,7 +37,7 @@
.defaultSkin .mceButton {display:block; border:1px solid #F0F0EE; width:20px; height:20px; margin-right:1px}

.defaultSkin a.mceButtonEnabled:hover {border:1px solid #0A246A; background-color:#B2BBD0}

.defaultSkin a.mceButtonActive, .defaultSkin a.mceButtonSelected {border:1px solid #0A246A; background-color:#C2CBE0}

.defaultSkin .mceButtonDisabled .mceIcon {opacity:0.3; filter:alpha(opacity=30)}

.defaultSkin .mceButtonDisabled .mceIcon {opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30)}

.defaultSkin .mceButtonLabeled {width:auto}

.defaultSkin .mceButtonLabeled span.mceIcon {float:left}

.defaultSkin span.mceButtonLabel {display:block; font-size:10px; padding:4px 6px 0 22px; font-family:Tahoma,Verdana,Arial,Helvetica}

@@ -47,7 +47,6 @@
.defaultSkin .mceSeparator {display:block; background:url(../../img/icons.gif) -180px 0; width:2px; height:20px; margin:2px 2px 0 4px}



/* ListBox */

.defaultSkin .mceListBox {direction:ltr}

.defaultSkin .mceListBox, .defaultSkin .mceListBox a {display:block}

.defaultSkin .mceListBox .mceText {padding-left:4px; width:70px; text-align:left; border:1px solid #CCC; border-right:0; background:#FFF; font-family:Tahoma,Verdana,Arial,Helvetica; font-size:11px; height:20px; line-height:20px; overflow:hidden}

.defaultSkin .mceListBox .mceOpen {width:9px; height:20px; background:url(../../img/icons.gif) -741px 0; margin-right:2px; border:1px solid #CCC;}

@@ -63,13 +62,12 @@
.defaultSkin .mceSplitButton {width:32px; height:20px; direction:ltr}

.defaultSkin .mceSplitButton a, .defaultSkin .mceSplitButton span {height:20px; display:block}

.defaultSkin .mceSplitButton a.mceAction {width:20px; border:1px solid #F0F0EE; border-right:0;}

.defaultSkin .mceSplitButton span.mceAction {width:20px; background:url(../../img/icons.gif) 20px 20px;}

.defaultSkin .mceSplitButton a.mceOpen {width:9px; border:1px solid #F0F0EE;}

.defaultSkin .mceSplitButton span.mceOpen {width:9px; background:url(../../img/icons.gif) -741px 0;}

.defaultSkin .mceSplitButton span.mceAction {width:20px; background-image:url(../../img/icons.gif);}

.defaultSkin .mceSplitButton a.mceOpen {width:9px; background:url(../../img/icons.gif) -741px 0; border:1px solid #F0F0EE;}

.defaultSkin .mceSplitButton span.mceOpen {display:none}

.defaultSkin table.mceSplitButtonEnabled:hover a.mceAction, .defaultSkin .mceSplitButtonHover a.mceAction, .defaultSkin .mceSplitButtonSelected a.mceAction {border:1px solid #0A246A; border-right:0; background-color:#B2BBD0}

.defaultSkin table.mceSplitButtonEnabled:hover a.mceOpen, .defaultSkin .mceSplitButtonHover a.mceOpen, .defaultSkin .mceSplitButtonSelected a.mceOpen {border:1px solid #0A246A;}

.defaultSkin table.mceSplitButtonEnabled:hover span.mceOpen, .defaultSkin .mceSplitButtonHover span.mceOpen, .defaultSkin .mceSplitButtonSelected span.mceOpen {background-color:#B2BBD0}

.defaultSkin .mceSplitButtonDisabled .mceAction, .defaultSkin .mceSplitButtonDisabled span.mceOpen {opacity:0.3; filter:alpha(opacity=30)}

.defaultSkin table.mceSplitButtonEnabled:hover a.mceOpen, .defaultSkin .mceSplitButtonHover a.mceOpen, .defaultSkin .mceSplitButtonSelected a.mceOpen {background-color:#B2BBD0; border:1px solid #0A246A;}

.defaultSkin .mceSplitButtonDisabled .mceAction, .defaultSkin .mceSplitButtonDisabled a.mceOpen {opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30)}

.defaultSkin .mceSplitButtonActive a.mceAction {border:1px solid #0A246A; background-color:#C2CBE0}

.defaultSkin .mceSplitButtonActive a.mceOpen {border-left:0;}



@@ -85,7 +83,7 @@
.defaultSkin .mce_forecolor span.mceAction, .defaultSkin .mce_backcolor span.mceAction {overflow:hidden; height:16px}



/* Menu */

.defaultSkin .mceMenu {position:absolute; left:0; top:0; z-index:1000; border:1px solid #D4D0C8}

.defaultSkin .mceMenu {position:absolute; left:0; top:0; z-index:1000; border:1px solid #D4D0C8; direction:ltr}

.defaultSkin .mceNoIcons span.mceIcon {width:0;}

.defaultSkin .mceNoIcons a .mceText {padding-left:10px}

.defaultSkin .mceMenu table {background:#FFF}

@@ -105,11 +103,15 @@
.defaultSkin .mceNoIcons .mceMenuItemSelected a {background:url(img/menu_arrow.gif) no-repeat -6px center}

.defaultSkin .mceMenu span.mceMenuLine {display:none}

.defaultSkin .mceMenuItemSub a {background:url(img/menu_arrow.gif) no-repeat top right;}

.defaultSkin .mceMenuItem td, .defaultSkin .mceMenuItem th {line-height: normal}



/* Progress,Resize */

.defaultSkin .mceBlocker {position:absolute; left:0; top:0; z-index:1000; opacity:0.5; filter:alpha(opacity=50); background:#FFF}

.defaultSkin .mceBlocker {position:absolute; left:0; top:0; z-index:1000; opacity:0.5; -ms-filter:'alpha(opacity=50)'; filter:alpha(opacity=50); background:#FFF}

.defaultSkin .mceProgress {position:absolute; left:0; top:0; z-index:1001; background:url(img/progress.gif) no-repeat; width:32px; height:32px; margin:-16px 0 0 -16px}

.defaultSkin .mcePlaceHolder {border:1px dotted gray}



/* Rtl */

.mceRtl .mceListBox .mceText {text-align: right; padding: 0 4px 0 0}

.mceRtl .mceMenuItem .mceText {text-align: right}



/* Formats */

.defaultSkin .mce_formatPreview a {font-size:10px}

@@ -212,4 +214,6 @@
.defaultSkin span.mce_del {background-position:-940px -20px}

.defaultSkin span.mce_ins {background-position:-960px -20px}

.defaultSkin span.mce_pagebreak {background-position:0 -40px}

.defaultSkin .mce_spellchecker span.mceAction {background-position:-540px -20px}

.defaultSkin span.mce_restoredraft {background-position:-20px -40px}

.defaultSkin span.mce_spellchecker {background-position:-540px -20px}

.defaultSkin span.mce_visualblocks {background-position: -40px -40px}