20 .defaultSkin table.mceLayout tr.mceFirst td {border-top:1px solid #CCC} |
20 .defaultSkin table.mceLayout tr.mceFirst td {border-top:1px solid #CCC} |
21 .defaultSkin table.mceLayout tr.mceLast td {border-bottom:1px solid #CCC} |
21 .defaultSkin table.mceLayout tr.mceLast td {border-bottom:1px solid #CCC} |
22 .defaultSkin table.mceToolbar, .defaultSkin tr.mceFirst .mceToolbar tr td, .defaultSkin tr.mceLast .mceToolbar tr td {border:0; margin:0; padding:0;} |
22 .defaultSkin table.mceToolbar, .defaultSkin tr.mceFirst .mceToolbar tr td, .defaultSkin tr.mceLast .mceToolbar tr td {border:0; margin:0; padding:0;} |
23 .defaultSkin td.mceToolbar {padding-top:1px; vertical-align:top} |
23 .defaultSkin td.mceToolbar {padding-top:1px; vertical-align:top} |
24 .defaultSkin .mceIframeContainer {border-top:1px solid #CCC; border-bottom:1px solid #CCC} |
24 .defaultSkin .mceIframeContainer {border-top:1px solid #CCC; border-bottom:1px solid #CCC} |
25 .defaultSkin .mceStatusbar {position:relative; font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:9pt; line-height:16px; overflow:visible; padding:2px; color:#000; display:block} |
25 .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} |
26 .defaultSkin .mceStatusbar a.mceResize {display:block; position:absolute; top:0; right:0; background:url(../../img/icons.gif) -800px 0; width:20px; height:20px; cursor:se-resize} |
26 .defaultSkin .mceStatusbar div {float:left; margin:2px} |
|
27 .defaultSkin .mceStatusbar a.mceResize {display:block; float:right; background:url(../../img/icons.gif) -800px 0; width:20px; height:20px; cursor:se-resize} |
27 .defaultSkin .mceStatusbar a:hover {text-decoration:underline} |
28 .defaultSkin .mceStatusbar a:hover {text-decoration:underline} |
28 .defaultSkin table.mceToolbar {margin-left:3px} |
29 .defaultSkin table.mceToolbar {margin-left:3px} |
29 .defaultSkin span.mceIcon, .defaultSkin img.mceIcon {display:block; width:20px; height:20px} |
30 .defaultSkin span.mceIcon, .defaultSkin img.mceIcon {display:block; width:20px; height:20px} |
30 .defaultSkin .mceIcon {background:url(../../img/icons.gif) no-repeat 20px 20px} |
31 .defaultSkin .mceIcon {background:url(../../img/icons.gif) no-repeat 20px 20px} |
31 .defaultSkin td.mceCenter {text-align:center;} |
32 .defaultSkin td.mceCenter {text-align:center;} |
32 .defaultSkin td.mceCenter table {margin:0 auto; text-align:left;} |
33 .defaultSkin td.mceCenter table {margin:0 auto; text-align:left;} |
33 .defaultSkin td.mceRight table {margin:0 0 0 auto;} |
34 .defaultSkin td.mceRight table {margin:0 0 0 auto;} |
34 |
35 |
35 /* Button */ |
36 /* Button */ |
36 .defaultSkin .mceButton {display:block; border:1px solid #F0F0EE; width:20px; height:20px; margin-right:1px;} |
37 .defaultSkin .mceButton {display:block; border:1px solid #F0F0EE; width:20px; height:20px; margin-right:1px} |
37 .defaultSkin a.mceButtonEnabled:hover {border:1px solid #0A246A; background-color:#B2BBD0} |
38 .defaultSkin a.mceButtonEnabled:hover {border:1px solid #0A246A; background-color:#B2BBD0} |
38 .defaultSkin a.mceButtonActive, .defaultSkin a.mceButtonSelected {border:1px solid #0A246A; background-color:#C2CBE0} |
39 .defaultSkin a.mceButtonActive, .defaultSkin a.mceButtonSelected {border:1px solid #0A246A; background-color:#C2CBE0} |
39 .defaultSkin .mceButtonDisabled .mceIcon {opacity:0.3; filter:alpha(opacity=30)} |
40 .defaultSkin .mceButtonDisabled .mceIcon {opacity:0.3; filter:alpha(opacity=30)} |
|
41 .defaultSkin .mceButtonLabeled {width:auto} |
|
42 .defaultSkin .mceButtonLabeled span.mceIcon {float:left} |
|
43 .defaultSkin span.mceButtonLabel {display:block; font-size:10px; padding:4px 6px 0 22px; font-family:Tahoma,Verdana,Arial,Helvetica} |
|
44 .defaultSkin .mceButtonDisabled .mceButtonLabel {color:#888} |
40 |
45 |
41 /* Separator */ |
46 /* Separator */ |
42 .defaultSkin .mceSeparator {display:block; background:url(../../img/icons.gif) -180px 0; width:2px; height:20px; margin:2px 2px 0 4px} |
47 .defaultSkin .mceSeparator {display:block; background:url(../../img/icons.gif) -180px 0; width:2px; height:20px; margin:2px 2px 0 4px} |
43 |
48 |
44 /* ListBox */ |
49 /* ListBox */ |
|
50 .defaultSkin .mceListBox {direction:ltr} |
45 .defaultSkin .mceListBox, .defaultSkin .mceListBox a {display:block} |
51 .defaultSkin .mceListBox, .defaultSkin .mceListBox a {display:block} |
46 .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} |
52 .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} |
47 .defaultSkin .mceListBox .mceOpen {width:9px; height:20px; background:url(../../img/icons.gif) -741px 0; margin-right:2px; border:1px solid #CCC;} |
53 .defaultSkin .mceListBox .mceOpen {width:9px; height:20px; background:url(../../img/icons.gif) -741px 0; margin-right:2px; border:1px solid #CCC;} |
48 .defaultSkin table.mceListBoxEnabled:hover .mceText, .defaultSkin .mceListBoxHover .mceText, .defaultSkin .mceListBoxSelected .mceText {border:1px solid #A2ABC0; border-right:0; background:#FFF} |
54 .defaultSkin table.mceListBoxEnabled:hover .mceText, .defaultSkin .mceListBoxHover .mceText, .defaultSkin .mceListBoxSelected .mceText {border:1px solid #A2ABC0; border-right:0; background:#FFF} |
49 .defaultSkin table.mceListBoxEnabled:hover .mceOpen, .defaultSkin .mceListBoxHover .mceOpen, .defaultSkin .mceListBoxSelected .mceOpen {background-color:#FFF; border:1px solid #A2ABC0} |
55 .defaultSkin table.mceListBoxEnabled:hover .mceOpen, .defaultSkin .mceListBoxHover .mceOpen, .defaultSkin .mceListBoxSelected .mceOpen {background-color:#FFF; border:1px solid #A2ABC0} |
52 .defaultSkin .mceOldBoxModel .mceListBox .mceText {height:22px} |
58 .defaultSkin .mceOldBoxModel .mceListBox .mceText {height:22px} |
53 .defaultSkin .mceOldBoxModel .mceListBox .mceOpen {width:11px; height:22px;} |
59 .defaultSkin .mceOldBoxModel .mceListBox .mceOpen {width:11px; height:22px;} |
54 .defaultSkin select.mceNativeListBox {font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:7pt; background:#F0F0EE; border:1px solid gray; margin-right:2px;} |
60 .defaultSkin select.mceNativeListBox {font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:7pt; background:#F0F0EE; border:1px solid gray; margin-right:2px;} |
55 |
61 |
56 /* SplitButton */ |
62 /* SplitButton */ |
57 .defaultSkin .mceSplitButton {width:32px; height:20px} |
63 .defaultSkin .mceSplitButton {width:32px; height:20px; direction:ltr} |
58 .defaultSkin .mceSplitButton a, .defaultSkin .mceSplitButton span {height:20px; display:block} |
64 .defaultSkin .mceSplitButton a, .defaultSkin .mceSplitButton span {height:20px; display:block} |
59 .defaultSkin .mceSplitButton a.mceAction {width:20px; border:1px solid #F0F0EE; border-right:0;} |
65 .defaultSkin .mceSplitButton a.mceAction {width:20px; border:1px solid #F0F0EE; border-right:0;} |
60 .defaultSkin .mceSplitButton span.mceAction {width:20px; background:url(../../img/icons.gif) 20px 20px;} |
66 .defaultSkin .mceSplitButton span.mceAction {width:20px; background:url(../../img/icons.gif) 20px 20px;} |
61 .defaultSkin .mceSplitButton a.mceOpen {width:9px; border:1px solid #F0F0EE;} |
67 .defaultSkin .mceSplitButton a.mceOpen {width:9px; border:1px solid #F0F0EE;} |
62 .defaultSkin .mceSplitButton span.mceOpen {width:9px; background:url(../../img/icons.gif) -741px 0;} |
68 .defaultSkin .mceSplitButton span.mceOpen {width:9px; background:url(../../img/icons.gif) -741px 0;} |
73 .defaultSkin .mceColorSplitMenu a {display:block; width:9px; height:9px; overflow:hidden; border:1px solid #808080} |
79 .defaultSkin .mceColorSplitMenu a {display:block; width:9px; height:9px; overflow:hidden; border:1px solid #808080} |
74 .defaultSkin .mceColorSplitMenu td.mceMoreColors {padding:1px 3px 1px 1px} |
80 .defaultSkin .mceColorSplitMenu td.mceMoreColors {padding:1px 3px 1px 1px} |
75 .defaultSkin .mceColorSplitMenu a.mceMoreColors {width:100%; height:auto; text-align:center; font-family:Tahoma,Verdana,Arial,Helvetica; font-size:11px; line-height:20px; border:1px solid #FFF} |
81 .defaultSkin .mceColorSplitMenu a.mceMoreColors {width:100%; height:auto; text-align:center; font-family:Tahoma,Verdana,Arial,Helvetica; font-size:11px; line-height:20px; border:1px solid #FFF} |
76 .defaultSkin .mceColorSplitMenu a.mceMoreColors:hover {border:1px solid #0A246A; background-color:#B6BDD2} |
82 .defaultSkin .mceColorSplitMenu a.mceMoreColors:hover {border:1px solid #0A246A; background-color:#B6BDD2} |
77 .defaultSkin a.mceMoreColors:hover {border:1px solid #0A246A} |
83 .defaultSkin a.mceMoreColors:hover {border:1px solid #0A246A} |
78 .defaultSkin .mceColorPreview {position:absolute; top:15px; left:2px; width:16px; height:4px; overflow:hidden} |
84 .defaultSkin .mceColorPreview {margin-left:2px; width:16px; height:4px; overflow:hidden; background:#9a9b9a} |
79 .defaultSkin .mce_forecolor, .defaultSkin .mce_backcolor {position:relative} |
85 .defaultSkin .mce_forecolor span.mceAction, .defaultSkin .mce_backcolor span.mceAction {overflow:hidden; height:16px} |
80 |
86 |
81 /* Menu */ |
87 /* Menu */ |
82 .defaultSkin .mceMenu {position:absolute; left:0; top:0; z-index:1000; border:1px solid #D4D0C8} |
88 .defaultSkin .mceMenu {position:absolute; left:0; top:0; z-index:1000; border:1px solid #D4D0C8} |
83 .defaultSkin .mceNoIcons span.mceIcon {width:0;} |
89 .defaultSkin .mceNoIcons span.mceIcon {width:0;} |
84 .defaultSkin .mceNoIcons a .mceText {padding-left:10px} |
90 .defaultSkin .mceNoIcons a .mceText {padding-left:10px} |
102 |
108 |
103 /* Progress,Resize */ |
109 /* Progress,Resize */ |
104 .defaultSkin .mceBlocker {position:absolute; left:0; top:0; z-index:1000; opacity:0.5; filter:alpha(opacity=50); background:#FFF} |
110 .defaultSkin .mceBlocker {position:absolute; left:0; top:0; z-index:1000; opacity:0.5; filter:alpha(opacity=50); background:#FFF} |
105 .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} |
111 .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} |
106 .defaultSkin .mcePlaceHolder {border:1px dotted gray} |
112 .defaultSkin .mcePlaceHolder {border:1px dotted gray} |
|
113 |
|
114 /* Formats */ |
|
115 .defaultSkin .mce_formatPreview a {font-size:10px} |
|
116 .defaultSkin .mce_p span.mceText {} |
|
117 .defaultSkin .mce_address span.mceText {font-style:italic} |
|
118 .defaultSkin .mce_pre span.mceText {font-family:monospace} |
|
119 .defaultSkin .mce_h1 span.mceText {font-weight:bolder; font-size: 2em} |
|
120 .defaultSkin .mce_h2 span.mceText {font-weight:bolder; font-size: 1.5em} |
|
121 .defaultSkin .mce_h3 span.mceText {font-weight:bolder; font-size: 1.17em} |
|
122 .defaultSkin .mce_h4 span.mceText {font-weight:bolder; font-size: 1em} |
|
123 .defaultSkin .mce_h5 span.mceText {font-weight:bolder; font-size: .83em} |
|
124 .defaultSkin .mce_h6 span.mceText {font-weight:bolder; font-size: .75em} |
107 |
125 |
108 /* Theme */ |
126 /* Theme */ |
109 .defaultSkin span.mce_bold {background-position:0 0} |
127 .defaultSkin span.mce_bold {background-position:0 0} |
110 .defaultSkin span.mce_italic {background-position:-60px 0} |
128 .defaultSkin span.mce_italic {background-position:-60px 0} |
111 .defaultSkin span.mce_underline {background-position:-140px 0} |
129 .defaultSkin span.mce_underline {background-position:-140px 0} |
138 .defaultSkin span.mce_copy {background-position:-700px 0} |
156 .defaultSkin span.mce_copy {background-position:-700px 0} |
139 .defaultSkin span.mce_cut {background-position:-680px 0} |
157 .defaultSkin span.mce_cut {background-position:-680px 0} |
140 .defaultSkin span.mce_blockquote {background-position:-220px 0} |
158 .defaultSkin span.mce_blockquote {background-position:-220px 0} |
141 .defaultSkin .mce_forecolor span.mceAction {background-position:-720px 0} |
159 .defaultSkin .mce_forecolor span.mceAction {background-position:-720px 0} |
142 .defaultSkin .mce_backcolor span.mceAction {background-position:-760px 0} |
160 .defaultSkin .mce_backcolor span.mceAction {background-position:-760px 0} |
143 .defaultSkin .mce_forecolorpicker {background-position:-720px 0} |
161 .defaultSkin span.mce_forecolorpicker {background-position:-720px 0} |
144 .defaultSkin .mce_backcolorpicker {background-position:-760px 0} |
162 .defaultSkin span.mce_backcolorpicker {background-position:-760px 0} |
145 |
163 |
146 /* Plugins */ |
164 /* Plugins */ |
147 .defaultSkin span.mce_advhr {background-position:-0px -20px} |
165 .defaultSkin span.mce_advhr {background-position:-0px -20px} |
148 .defaultSkin span.mce_ltr {background-position:-20px -20px} |
166 .defaultSkin span.mce_ltr {background-position:-20px -20px} |
149 .defaultSkin span.mce_rtl {background-position:-40px -20px} |
167 .defaultSkin span.mce_rtl {background-position:-40px -20px} |