.nowrap {white-space: nowrap}
/* Forms */
+form {margin: 0;}
fieldset {margin:0; padding:4px; border:1px solid #dfdfdf; font-family:Verdana, Arial; font-size:10px;}
legend {color:#2B6FB6; font-weight:bold;}
label.msg {display:none;}
.input_noborder {border:0;}
/* Buttons */
-#insert, #cancel, #apply, .mceActionPanel .button, input.mceButton, .updateButton {
+#insert,
+#cancel,
+#apply,
+.mceActionPanel .button,
+input.mceButton,
+.updateButton {
border: 1px solid #bbb;
margin:0;
padding:0 0 1px;
cursor:pointer;
-webkit-border-radius: 3px;
border-radius: 3px;
- background-color: #eee; /* Fallback */
- background-image: -ms-linear-gradient(bottom, #ddd, #fff); /* IE10 */
- background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */
- background-image: -o-linear-gradient(bottom, #ddd, #fff); /* Opera */
- background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff)); /* old Webkit */
- background-image: -webkit-linear-gradient(bottom, #ddd, #fff); /* new Webkit */
- background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */
+ background-color: #eee;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff));
+ background-image: -webkit-linear-gradient(bottom, #ddd, #fff);
+ background-image: -moz-linear-gradient(bottom, #ddd, #fff);
+ background-image: -o-linear-gradient(bottom, #ddd, #fff);
+ background-image: linear-gradient(to top, #ddd, #fff);
}
-#insert:hover, #cancel:hover, input.mceButton:hover, .updateButton:hover,
-#insert:focus, #cancel:focus, input.mceButton:focus, .updateButton:focus {
+
+#insert:hover,
+#cancel:hover,
+input.mceButton:hover,
+.updateButton:hover,
+#insert:focus,
+#cancel:focus,
+input.mceButton:focus,
+.updateButton:focus {
border: 1px solid #555;
}
+.mceActionPanel #insert {
+ float: right;
+}
+
/* Browse */
a.browse span {display:block; width:20px; height:18px; background:url(../../img/icons.gif) -860px 0; border:1px solid #FFF; margin-left:1px;}
.mceOldBoxModel a.browse span {width:22px; height:20px;}
.mceOldBoxModel a.pickcolor span {width:21px; height:17px;}
a.pickcolor:hover span {background-color:#B2BBD0;}
a.pickcolor, a.browse {text-decoration:none}
+div.iframecontainer {background: #fff;}
/* Charmap */
table.charmap {border:1px solid #AAA; text-align:center}
#plugintable, #about #plugintable td {border:1px solid #919B9C;}
#plugintable {width:96%; margin-top:10px;}
#pluginscontainer {height:290px; overflow:auto;}
-#colorpicker #preview {float:right; width:50px; height:14px;line-height:1px; border:1px solid black; margin-left:5px;}
+#colorpicker #preview {display:inline-block; padding-left:40px; height:14px; border:1px solid black; margin-left:5px; margin-right: 5px}
+#colorpicker #previewblock {position: relative; top: -3px; padding-left:5px; padding-top: 0px; display:inline}
+#colorpicker #preview_wrapper {text-align:center; padding-top:4px; white-space: nowrap; float: right;}
+#colorpicker #insert, #colorpicker #cancel {width: 90px}
#colorpicker #colors {float:left; border:1px solid gray; cursor:crosshair;}
#colorpicker #light {border:1px solid gray; margin-left:5px; float:left;width:15px; height:150px; cursor:crosshair;}
#colorpicker #light div {overflow:hidden;}
-#colorpicker #previewblock {float:right; padding-left:10px; height:20px;}
#colorpicker .panel_wrapper div.current {height:175px;}
#colorpicker #namedcolors {width:150px;}
#colorpicker #namedcolors a {display:block; float:left; width:10px; height:10px; margin:1px 1px 0 0; overflow:hidden;}