Better resizing CSS
git-svn-id: http://svn.automattic.com/wordpress/trunk@2791 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
4b2090d592
commit
18891bd2af
|
@ -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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue