Better resizing CSS

git-svn-id: http://svn.automattic.com/wordpress/trunk@2791 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
matt 2005-08-18 23:19:06 +00:00
parent 4b2090d592
commit 18891bd2af
1 changed files with 170 additions and 167 deletions

View File

@ -1,167 +1,170 @@
/* This file contains the CSS data for the editor UI of TinyMCE instances */ /* This file contains the CSS data for the editor UI of TinyMCE instances */
.mceButtonNormal, .mceButtonOver, .mceButtonDown, .mceSeparator, .mceButtonDisabled, .mceButtonSelected { .mceButtonNormal, .mceButtonOver, .mceButtonDown, .mceSeparator, .mceButtonDisabled, .mceButtonSelected {
margin-top: 1px; margin-top: 1px;
margin-left: 1px; margin-left: 1px;
} }
.mceButtonNormal { .mceButtonNormal {
border-top: 1px solid; border-top: 1px solid;
border-left: 1px solid; border-left: 1px solid;
border-bottom: 1px solid; border-bottom: 1px solid;
border-right: 1px solid; border-right: 1px solid;
border-color: #F0F0EE; border-color: #F0F0EE;
cursor: arrow; cursor: arrow;
} }
.mceButtonOver { .mceButtonOver {
border: 1px solid #0A246A; border: 1px solid #0A246A;
cursor: arrow; cursor: arrow;
background-color: #B6BDD2; background-color: #B6BDD2;
} }
.mceButtonDown { .mceButtonDown {
cursor: arrow; cursor: arrow;
border: 1px solid #0A246A; border: 1px solid #0A246A;
background-color: #8592B5; background-color: #8592B5;
} }
.mceButtonSelected { .mceButtonSelected {
border: 1px solid; border: 1px solid;
border-color: #C0C0BB; border-color: #C0C0BB;
cursor: arrow; cursor: arrow;
} }
.mceButtonDisabled { .mceButtonDisabled {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity:0.3; -moz-opacity:0.3;
opacity: 0.3; opacity: 0.3;
border-top: 1px solid; border-top: 1px solid;
border-left: 1px solid; border-left: 1px solid;
border-bottom: 1px solid; border-bottom: 1px solid;
border-right: 1px solid; border-right: 1px solid;
border-color: #F0F0EE; border-color: #F0F0EE;
cursor: arrow; cursor: arrow;
} }
.mceSeparator { .mceSeparator {
border-top: 1px solid buttonhighlight; border-top: 1px solid buttonhighlight;
border-left: 1px solid buttonhighlight; border-left: 1px solid buttonhighlight;
border-bottom: 1px solid buttonshadow; border-bottom: 1px solid buttonshadow;
border-right: 1px solid buttonshadow; border-right: 1px solid buttonshadow;
margin-right: 2px; margin-right: 2px;
margin-left: 2px; margin-left: 2px;
} }
.mceSeparatorLine { .mceSeparatorLine {
margin:2px; margin:2px;
margin-left: 4px; margin-left: 4px;
background-color: #F0F0EE; background-color: #F0F0EE;
border-top: 1px solid buttonshadow; border-top: 1px solid buttonshadow;
border-left: 1px solid buttonshadow; border-left: 1px solid buttonshadow;
border-bottom: 1px solid buttonhighlight; border-bottom: 1px solid buttonhighlight;
border-right: 1px solid buttonhighlight; border-right: 1px solid buttonhighlight;
width: 0px; width: 0px;
height: 15px; height: 15px;
} }
.mceSelectList { .mceSelectList {
font-family: "MS Sans Serif"; font-family: "MS Sans Serif";
font-size: 7pt; font-size: 7pt;
font-weight: normal; font-weight: normal;
margin-top: 3px; margin-top: 3px;
padding: 0px; padding: 0px;
display: inline; display: inline;
vertical-align: top; vertical-align: top;
background-color: #F0F0EE background-color: #F0F0EE
} }
.mceLabel, .mceLabelDisabled { .mceLabel, .mceLabelDisabled {
font-family: "MS Sans Serif"; font-family: "MS Sans Serif";
font-size: 9pt; font-size: 9pt;
} }
.mceLabel { .mceLabel {
color: #000000; color: #000000;
} }
.mceLabelDisabled { .mceLabelDisabled {
cursor: text; cursor: text;
color: #999999; color: #999999;
} }
.mceEditor { .mceEditor {
background: #F0F0EE; background: #F0F0EE;
border: 1px solid #cccccc; border: 1px solid #cccccc;
} }
.mceEditorArea { .mceEditorArea {
font-family: "MS Sans Serif"; font-family: "MS Sans Serif";
background: #FFFFFF; background: #FFFFFF;
} }
.mceToolbarTop, .mceToolbarBottom { .mceToolbarTop, .mceToolbarBottom {
background: #F0F0EE; background: #F0F0EE;
} }
.mceToolbarTop { .mceToolbarTop {
border-bottom: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
} }
.mceToolbarBottom { .mceToolbarBottom {
border-top: 1px solid #cccccc; border-top: 1px solid #cccccc;
} }
.mceStatusbarTop, .mceStatusbarBottom, .mceStatusbar { .mceStatusbarTop, .mceStatusbarBottom, .mceStatusbar {
height: 20px; height: 20px;
} }
.mceStatusbarTop .mceStatusbarPathText, .mceStatusbarBottom .mceStatusbarPathText, .mceStatusbar .mceStatusbarPathText { .mceStatusbarTop .mceStatusbarPathText, .mceStatusbarBottom .mceStatusbarPathText, .mceStatusbar .mceStatusbarPathText {
font-family: "MS Sans Serif"; font-family: "MS Sans Serif";
font-size: 9pt; font-size: 9pt;
padding: 2px; padding: 2px;
line-height: 16px; line-height: 16px;
} }
.mceStatusbarTop { .mceStatusbarTop {
border-bottom: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
} }
.mceStatusbarBottom { .mceStatusbarBottom {
border-top: 1px solid #cccccc; border-top: 1px solid #cccccc;
} }
.mceStatusbar { .mceStatusbar {
border-bottom: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
} }
.mcePathItem, .mcePathItem:link, .mcePathItem:visited, .mcePathItem:hover { .mcePathItem, .mcePathItem:link, .mcePathItem:visited, .mcePathItem:hover {
text-decoration: none; text-decoration: none;
font-family: "MS Sans Serif"; font-family: "MS Sans Serif";
font-size: 9pt; font-size: 9pt;
color: #000000; color: #000000;
} }
.mcePathItem:hover { .mcePathItem:hover {
text-decoration: underline; text-decoration: underline;
} }
.mceStatusbarPathText { .mceStatusbarPathText {
float: left; float: left;
} }
.mceStatusbarResize { .mceStatusbarResize {
float: right; float: right;
background-image: url('images/statusbar_resize.gif'); background-image: url('images/statusbar_resize.gif');
background-repeat: no-repeat; background-repeat: no-repeat;
width: 11px; width: 11px;
height: 20px; height: 20px;
cursor: se-resize; cursor: se-resize;
} }
.mceResizeBox { .mceResizeBox {
width: 10px; width: 10px;
height: 10px; height: 10px;
display: none; display: none;
border: 1px dotted gray; border: 1px dotted gray;
} margin: 0px;
padding: 0px;
}