New steps on page customization.

wise-editor/src/main/webapp/css/embedded.less

@@ -0,0 +1,32 @@
+@import "editor.less";
+
+/* Overwrite some styles */
+
+div#headerInfo{
+   height:0;
+}
+div#header {
+    height:35px;
+}
+
+div#headerMapTitle,#headerActions,#headerLogo {
+    display:none;
+}
+
+/* Footer Styles */
+div#footer {
+    position: absolute;
+    height: 0px;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+}
+
+div#footerLogo {
+    height: 65px;
+    width: 80px;
+    position: absolute;
+    background: url(../images/logo-small.png) no-repeat right top;
+    right: 10px;
+    top: -50px;
+}

wise-editor/src/main/webapp/css/header.less

@@ -82,3 +82,14 @@ div#headerNotifier {
 }
 
 @import "toolbar.less";
+
+div#embFooter {
+    position: absolute;
+    height: 35px;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+    border-top: 1px solid black;
+    background: #E5E5E5;
+    font-family: Arial;
+}

wise-editor/src/main/webapp/css/viewmode.css

@@ -44,7 +44,8 @@ html {
 }
 
 /* ------------- Footer Styles -------------------------*/
-div#embFooter {
+div#    <div id="footer"></div>
+ {
     position: absolute;
     height: 35px;
     width: 100%;