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