[svn r20427] styles button in fck editor see FS#3901

main/inc/lib/fckeditor/editor/fckdialog.html

@@ -814,9 +814,9 @@ document.write( Args().Title ) ;
 					<tr>
 						<td width="100%">&nbsp;</td>
 						<td nowrap="nowrap">
-							<input id="btnOk" style="visibility: hidden;" type="button" value="Ok" class="Button" onclick="Ok();" fckLang="DlgBtnOK" />
+							<button id="btnOk" style="visibility: hidden;" type="button" value="Ok" class="save" onclick="Ok();" fckLang="DlgBtnOK" >Ok</button>
 							&nbsp;
-							<input id="btnCancel" type="button" value="Cancel" class="Button" onclick="Cancel();" fckLang="DlgBtnCancel" />
+							<button id="btnCancel" type="button" value="Cancel" class="cancel" onclick="Cancel();" fckLang="DlgBtnCancel" >Cancel</button>
 						</td>
 					</tr>
 				</table>

main/inc/lib/fckeditor/editor/filemanager/browser/default/frmcreatefolder.html

@@ -129,7 +129,7 @@ window.onload = function()
 		<table class="fullHeight" cellSpacing="0" cellPadding="0" width="100%" border="0">
 			<tr>
 				<td>
-					<button type="button" style="width: 100%" onclick="CreateFolder();">
+					<button type="add" style="width: 100%" onclick="CreateFolder();">
 						<table cellSpacing="0" cellPadding="0" border="0">
 							<tr>
 								<td><img height="16" alt="" src="images/Folder.gif" width="16"></td>

main/inc/lib/fckeditor/editor/plugins/ImageManager/assets/manager.css

@@ -48,3 +48,106 @@ select, input, button { font: 11px Tahoma,Verdana,sans-serif; }
 	width: 100px;
 }
 
+.button {
+    margin:2px 5px 3px 3px !important;
+    background-color: #DFDFDF;
+    border-width: 1px;
+/*    -moz-border-radius-topright : 5px;
+    -moz-border-radius-topleft : 5px;
+    -moz-border-radius-bottomright : 5px;
+    -moz-border-radius-bottomleft : 5px;
+*/
+    font-family: bold arial,verdana,helvetica,sans-serif;
+    font-size: 100%;
+    line-height :130%;
+    text-decoration: none;
+    color: black;
+    cursor: pointer;
+    padding:5px 15px 5px 15px;
+	vertical-align:middle;
+}
+button:hover {
+    background-color:#cbcbcb;
+    color:#545454; 
+    border-style: inset;
+}
+/* button with image */
+button.add, button.save, button.cancel, button.refresh, button.upload, button.search, button.login, button.plus, button.minus, button.next, button.back {
+    padding-left:30px;
+    background-position:10px;
+    background-repeat:no-repeat;
+    padding:5px 15px 5px 30px;
+}
+/* POSITIVE */
+button.save, button.add, button.refresh, button.login, button.plus, button.upload, button.search, button.minus, button.next, button.back {
+    background-color:#E5EDF9;
+    border-color: #D4E2F6;
+    padding:5px 15px 5px 30px;
+}
+button.save:hover, button.add:hover, button.refresh:hover, button.login:hover, button.upload:hover, button.search:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
+    border-color: #D4E2F6;    
+    background-color:#D4E2F6;
+    padding:5px 15px 5px 30px;
+}
+/* NEGATIVE */
+button.cancel {
+    background-color:#F8E8E6;
+    border-color: #FFE3DE;
+}
+
+button.cancel:hover {
+    border-color: #F4E1D0;    
+    background-color: #FFE3DE;
+}
+/*including "save" image*/
+button.save {
+    background-image:url(images/button_accept.gif);
+}
+/*including "add" image*/
+button.add {
+    background-image:url(images/button_add.gif);
+}
+
+/*including "cancel" image*/
+button.cancel {
+    background-image:url(images/button_delete.gif);
+}
+/*including "refresh" image*/
+button.refresh {
+    background-image:url(images/button_refresh.gif);
+}
+/*including "login" image*/
+button.login {
+    background-image:url(images/button_login.gif);
+	margin:2px 5px 3px 5px !important;
+	
+}
+
+/*including "plus" image*/
+button.plus {
+    background-image:url(images/button_plus.gif);
+}
+
+/*including "minus" image*/
+button.minus {
+    background-image:url(images/button_minus.gif);
+}
+
+/*including "next" image*/
+button.next {
+    background-image:url(images/button_next.gif);
+}
+
+/*including "back" image*/
+button.back {
+    background-image:url(images/button_back.gif);
+}
+/*including "upload" image*/
+button.upload {
+    background-image:url(images/button_upload.gif);
+}
+
+/*including "search" image*/
+button.search {
+    background-image:url(images/button_search.gif);
+}

main/inc/lib/fckeditor/editor/plugins/ImageManager/manager.php

@@ -27,7 +27,6 @@
 <title>Insert Image</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <link href="assets/manager.css" rel="stylesheet" type="text/css" />
-
 <script type="text/javascript">
 /*<![CDATA[*/
 
@@ -127,7 +126,7 @@
 				<table cellpadding="0" cellspacing="0" border="0">
                   <tr>
                     <td><input type="file" name="upload" id="upload"/></td>
-                    <td>&nbsp;<button type="submit" name="submit" onclick="doUpload();"/>Upload</button></td>
+                    <td>&nbsp;<button type="submit" class="upload" name="submit" onclick="doUpload();"/>Upload</button></td>
                   </tr>
                 </table>
 			</td>
@@ -186,9 +185,9 @@
 <!--// image properties -->
 	<div class="PopupButtons" style="width: 100%;">
 	<div style="text-align: right; margin-left: 15px; margin-right: 15px;">
-		  <button type="button" class="Button" onclick="return refresh();">Refresh</button>&nbsp;
-          <button type="button" class="Button" onclick="return onOK();">OK</button>&nbsp;
-          <button type="button" class="Button" onclick="return onCancel();">Cancel</button>
+		  <button type="button" class="refresh" onclick="return refresh();">Refresh</button>&nbsp;
+          <button type="button" class="save" onclick="return onOK();">Ok</button>&nbsp;
+          <button type="button" class="cancel" onclick="return onCancel();">Cancel</button>
     </div>
     </div>
 	<input type="hidden" id="f_file" name="f_file" />

main/inc/lib/fckeditor/editor/plugins/ImageManager/newFolder.html

@@ -2,6 +2,7 @@
 <html>
 <head>
 <title>New Folder</title>
+<link href="assets/manager.css" rel="stylesheet" type="text/css" />
  <style type="text/css">
  /*<![CDATA[*/
  html, body {  background-color: #f7f7f7;  color: ButtonText; font: 11px Tahoma,Verdana,sans-serif; margin: 0; padding: 0;}
@@ -70,8 +71,8 @@ form .elements{
 </div>
 <div style="text-align: right;"> 
 	  <hr noshade="noshade" style="height: 1px; color=#cec6b5;" />
-	  <button type="button" class="buttons" onclick="return onOK();">OK</button>
-	  <button type="button" class="buttons" onclick="return onCancel();">Cancel</button>
+	  <button type="button" class="save" onclick="return onOK();">OK</button>
+	  <button type="button" class="cancel" onclick="return onCancel();">Cancel</button>
 </div>
 </form>
 </body>

main/inc/lib/fckeditor/editor/plugins/audio/fck_audio.html

@@ -94,7 +94,7 @@ document.write( FCKTools.GetStyleHtml( GetCommonDialogCss() ) ) ;
 				<span fckLang="DlgLnkUpload">Upload</span><br />
 				<input id="txtUploadFile" style="width: 100%" type="file" size="40" name="NewFile" /><br />
 				<br />
-				<input id="btnUpload" type="submit" value="Send it to the Server" fckLang="DlgLnkBtnUpload" />
+				<button id="btnUpload" type="submit" class="save" value="Send it to the Server" fckLang="DlgLnkBtnUpload" />Send it to the ServerCarlos</button>
 				<script type="text/javascript">
 					document.write( '<iframe name="UploadWindow" style="display: none" src="' + FCKTools.GetVoidUrl() + '"><\/iframe>' ) ;
 				</script>

main/inc/lib/fckeditor/editor/skins/silver/fck_dialog.css

@@ -411,3 +411,98 @@ body, .BackColor
 {
 	background-color: #DEDEDE;
 }
+
+
+
+
+.button {
+    margin:2px 5px 3px 3px !important;
+    background-color: #DFDFDF;
+    border-width: 1px;
+/*    -moz-border-radius-topright : 5px;
+    -moz-border-radius-topleft : 5px;
+    -moz-border-radius-bottomright : 5px;
+    -moz-border-radius-bottomleft : 5px;
+*/
+    font-family: bold arial,verdana,helvetica,sans-serif;
+    font-size: 100%;
+    line-height :130%;
+    text-decoration: none;
+    color: black;
+    cursor: pointer;
+    padding:5px 15px 5px 15px;
+	vertical-align:middle;
+}
+button:hover {
+    background-color:#cbcbcb;
+    color:#545454; 
+    border-style: inset;
+}
+/* button with image */
+button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
+    padding-left:30px;
+    background-position:10px;
+    background-repeat:no-repeat;
+}
+/* POSITIVE */
+button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
+    background-color:#E5EDF9;
+    border-color: #D4E2F6;
+}
+button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
+    border-color: #D4E2F6;    
+    background-color:#D4E2F6;
+}
+/* NEGATIVE */
+button.cancel {
+    background-color:#F8E8E6;
+    border-color: #FFE3DE;
+}
+
+button.cancel:hover {
+    border-color: #F4E1D0;    
+    background-color: #FFE3DE;
+}
+/*including "save" image*/
+button.save {
+    background-image:url(images/button_accept.gif);
+}
+/*including "add" image*/
+button.add {
+    background-image:url(images/button_add.gif);
+}
+
+/*including "cancel" image*/
+button.cancel {
+    background-image:url(images/button_delete.gif);
+}
+/*including "search" image*/
+button.search {
+    background-image:url(images/button_search.gif);
+}
+/*including "login" image*/
+button.login {
+    background-image:url(images/button_login.gif);
+	margin:2px 5px 3px 5px !important;
+	
+}
+
+/*including "plus" image*/
+button.plus {
+    background-image:url(images/button_plus.gif);
+}
+
+/*including "minus" image*/
+button.minus {
+    background-image:url(images/button_minus.gif);
+}
+
+/*including "next" image*/
+button.next {
+    background-image:url(images/button_next.gif);
+}
+
+/*including "back" image*/
+button.back {
+    background-image:url(images/button_back.gif);
+}