Header background and footer

frappe/docs/current/api/utils/frappe.utils.html

@@ -300,7 +300,7 @@
 		frappe.utils.<b>get_formatted_email</b>
         <i class="text-muted">(user)</i>
     </p>
-	<div class="docs-attr-desc"><p>get email id of user formatted as: John Doe <a href="&#x6d;&#97;&#x69;&#x6c;&#x74;&#111;&#58;&#106;&#111;&#104;&#110;&#100;&#111;&#101;&#64;&#101;&#120;&#x61;&#x6d;&#112;&#108;&#x65;&#46;&#99;&#x6f;&#x6d;">&#106;&#111;&#104;&#110;&#100;&#111;&#101;&#64;&#101;&#120;&#x61;&#x6d;&#112;&#108;&#x65;&#46;&#99;&#x6f;&#x6d;</a></p>
+	<div class="docs-attr-desc"><p>get email id of user formatted as: John Doe <a href="&#x6d;&#x61;i&#x6c;&#x74;&#x6f;&#58;&#x6a;&#x6f;h&#x6e;&#x64;&#111;&#101;&#x40;&#101;&#120;a&#x6d;p&#x6c;&#x65;&#x2e;c&#111;&#x6d;">&#x6a;&#x6f;h&#x6e;&#x64;&#111;&#101;&#x40;&#101;&#120;a&#x6d;p&#x6c;&#x65;&#x2e;c&#111;&#x6d;</a></p>
 </div>
 	<br>
 

frappe/public/css/docs.css

@@ -245,7 +245,8 @@ body {
   max-width: 870px;
 }
 .splash {
-  background: #383851;
+  background-color: #383851;
+  background-image: url('/assets/img/background.png');
   color: #ffffff;
   padding-top: 128px;
 }
@@ -272,11 +273,16 @@ body {
 .splash .section {
   padding: 30px 0 0 0;
 }
+code {
+  color: #ff0000;
+}
 .navbar {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
+  width: 870px;
+  margin: 0 auto;
 }
 .navbar a {
   font-size: 16px;
@@ -330,16 +336,32 @@ h2 {
   margin-bottom: 30px;
 }
 .docs-footer {
-  margin-top: 80px;
   padding: 30px 0px 60px 0px;
   border-top: 1px solid #d1d8dd;
+  width: 870px;
+  margin: 0 auto;
+  margin-top: 80px;
+  font-size: 14px;
+}
+.docs-footer h3 {
+  font-size: 16px;
+}
+.docs-footer img.frappe-bird {
+  width: 40px;
+  height: 40px;
+  background: #fff;
+  margin-bottom: 10px;
+  padding: 5px;
 }
 .docs-footer a {
   color: #8D99A6;
 }
 .docs-footer li {
   display: inline-block;
-  margin: 0 15px;
+  margin: 0 10px;
+}
+.docs-footer .built-with-frappe {
+  margin-top: -50px;
 }
 .browser-image {
   min-height: 300px;

frappe/public/less/docs.less

@@ -15,7 +15,8 @@ body {
 }
 
 .splash{
- background: #383851;
+ background-color: #383851;
+ background-image: url('/assets/img/background.png');
  color: #ffffff;
  padding-top: 128px;
  
@@ -47,6 +48,11 @@ body {
  }
 }
 
+
+  code{
+  color: #ff0000;
+ }
+
 .navbar {
 	//background-color: @navbar-bg !important;
 	//background-color: @text-color !important;
@@ -55,6 +61,8 @@ body {
  top:0;
  right: 0;
  left: 0;
+ width:870px;
+ margin:0 auto;
 }
 .navbar a {
 	font-size: 16px;
@@ -112,18 +120,34 @@ h2 {
 }
 
 .docs-footer {
-	margin-top: 80px;
 	padding: 30px 0px 60px 0px;
 	border-top: 1px solid @border-color;
-
+ width:870px;
+ margin:0 auto;
+ margin-top: 80px;
+ font-size: 14px;
+ 
+ h3 {
+  font-size:16px;
+ }
+ img.frappe-bird {
+  width:40px;
+  height:40px;
+  background:#fff;
+  margin-bottom:10px;
+  padding:5px;
+ }
 	a {
 		color: @text-muted;
 	}
 
 	li {
 		display: inline-block;
-		margin: 0 15px;
+		margin: 0 10px;
 	}
+ .built-with-frappe{
+  margin-top:-50px;
+ }
 }
 
 // fake frames

frappe/templates/autodoc/base_template.html

@@ -68,7 +68,11 @@
 					<footer class="docs-footer">
 						<div class="container">
 						{%- if footer is defined -%}{{ footer }}{%- endif -%}
-                        <br>
+                        
+                        <div class="built-with-frappe text-center">
+                            <img class="frappe-bird" src="{{ docs_base_url }}/assets/img/frappe-bird-grey.svg">
+                            <h3>By Frappe Technologies</h3>
+                        </div>
                         <div class="text-center">
                             <ul class="list-unstyled">
                                 <li>
@@ -93,9 +97,7 @@
                                 </li>
                             </ul>
                         </div>
-                        <div class="built-with-frappe text-center">
-                            <img src="{{ docs_base_url }}/assets/img/frappe-bird-grey.svg" style="width: 40px; height: 40px; margin-top: 20px;">
-                        </div>
+                        
                     </div>
 					</footer>
 				</div>