Redesing tutorial page (#267)

* Redesing tutorial page

* Fixing empty link

* Add link to moveit website

* Change link color

* Fixing font-size and white space between link to Move It Web and Git hub

Author: L4co77

Diff for: _static/favicon.ico

@@ -1,15 +1,11 @@
 .icon:before {
-    white-space: pre-wrap !important;
+  white-space: pre-wrap !important;
 }
+
 .header-override {
-  margin-bottom: 20px;
-}
-.header-override p {
-  padding: 5px;
-  font-size: 1.2em;
-  text-align: right;
-  float: right;
+  margin-bottom: 12px;
 }
+
 .header-override img {
   width: 200px;
 }
@@ -20,6 +16,71 @@
   text-align: right;
   margin-bottom: -25px;
 }
+
+.wy-body-for-nav .wy-side-nav-search {
+  background-color: #33343f;
+}
+
 .red {
   color: red;
 }
+
+a {
+  color: #005cfa;
+}
+
+a:hover {
+  color: #9B58B6;
+}
+
+.rst-content .note {
+  background-color: #ECECEC;
+}
+
+.rst-content .note .admonition-title {
+  background-color: #777986;
+}
+
+.wy-menu {
+  margin-top: 24px;
+}
+
+.wy-nav-side {
+  background-color: #2D2E38;
+}
+
+.wy-side-nav-search {
+  background-color: #33343F;
+}
+
+.wy-side-nav-search input[type=text] {
+  border-radius: 4px;
+  width: 200px;
+  border-color: #fff;
+}
+
+.wy-side-nav-search img {
+  margin: 12px auto 5px;
+  width: 180px;
+  height: auto;
+  background-color: transparent;
+  padding: 0;
+  border-radius: 0;
+}
+
+.wy-side-nav-search span {
+  font-size: 12px;
+  color: rgba(255,255,255,0.4);
+  text-transform: uppercase;
+  display: block;
+  text-align: center;
+}
+
+.wy-menu-vertical a {
+  color: #b3b3b3;
+}
+
+.header-override p {
+  margin-bottom: 0;
+  text-align: right;
+}

Diff for: _static/logo.png

@@ -98,18 +98,9 @@
       <div class="wy-side-nav-search">
         {% block sidebartitle %}
 
-        {% if logo and theme_logo_only %}
-          <a href="{{ pathto(master_doc) }}">
-        {% else %}
-          <a href="{{ pathto(master_doc) }}" class="icon icon-home">
-        {% endif %}
-
-          MoveIt! Motion<br/>Planning Framework
-
-        {% if logo %}
-          {# Not strictly valid HTML, but it's the only way to display/scale it properly, without weird scripting or heaps of work #}
-          <img src="{{ pathto('_static/' + logo, 1) }}" class="logo" />
-        {% endif %}
+        <a href="{{ pathto(master_doc) }}">
+          <img src="{{ pathto('_static/logo.png', 1) }}"/>
+          <span>Planning Framework</span>
         </a>
 
         {% include "searchbox.html" %}
@@ -141,17 +132,11 @@
 
       {# PAGE CONTENT #}
       <div class="wy-nav-content">
-
         <div class="header-override">
           <p>
             <a href="http://moveit.ros.org">MoveIt! Website</a><br/>
-            <a href="http://moveit.ros.org/blog">Blog</a>
           </p>
-          <a href="http://moveit.ros.org">
-            <img src="{{ pathto('_static/logo.png', 1) }}"/>
-          </a>
         </div>
-
         <div class="rst-content">
           {% include "breadcrumbs.html" %}
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">