[www-index] Splits Releases and Languages items

It has not been easy to select language pages on
"More Releases & Languages" dropdown list since
there are many releases (currently, 18).

This patch splits into "More Releases" and "Languages"
dropdown lists by:
- Changing from 9 to 8 for col-lg/md/sm-* in the left part
- Allocating 2 for col-lg/md/sm-* in each dropdown list
- Removing unnecessary dropdown-header part
- Changing on dropdown-menu width from 100% to 150%
  since original "More Releases & Languages" was allocated
  as 3 and the number 3 was changed to 2.

Change-Id: I4fd1c345dfd3debd14167839c1b93c69a3d3027e

www/static/common/css/bootstrap.css

@@ -3207,14 +3207,6 @@ tbody.collapse.in {
   right: auto;
   left: 0;
 }
-.dropdown-header {
-  display: block;
-  padding: 3px 20px;
-  font-size: 12px;
-  line-height: 1.42857143;
-  color: #777;
-  white-space: nowrap;
-}
 .dropdown-backdrop {
   position: fixed;
   top: 0;
@@ -3943,7 +3935,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
             box-shadow: none;
   }
   .navbar-nav .open .dropdown-menu > li > a,
-  .navbar-nav .open .dropdown-menu .dropdown-header {
+  .navbar-nav .open .dropdown-menu {
     padding: 5px 15px 5px 25px;
   }
   .navbar-nav .open .dropdown-menu > li > a {

www/static/common/css/combined.css

@@ -3743,7 +3743,7 @@ input.docs-main-search:-ms-input-placeholder {
   font-size: 18px; }
 
 .docs-dropdown .dropdown-menu {
-  width: 100%;
+  width: 150%;
   margin-top: 10px; }
 
 .docs-dropdown > .dropdown-menu:after, .docs-dropdown > .dropdown-menu:before, .docs-sidebar-dropdown:before, .docs-sidebar-dropdown:after {

www/templates/dropdown_releases_and_languages.tmpl

@@ -1,13 +1,18 @@
-            <div class="col-lg-3 col-md-3 col-sm-3">
+            <div class="col-lg-2 col-md-2 col-sm-2">
                 <div class="dropdown docs-dropdown">
-                  <a data-toggle="dropdown" href="#">More Releases &amp; Languages <i class="fa fa-caret-down fa-3"></i></a>
+                  <a data-toggle="dropdown" href="#">More Releases <i class="fa fa-caret-down fa-3"></i></a>
                   <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
-                      <li role="presentation" class="dropdown-header">Releases</li>
                     <li role="presentation"><a role="menuitem" tabindex="-1" href="/{{SERIES_IN_DEVELOPMENT}}/">{{SERIES_IN_DEVELOPMENT|title}} (under development)</a></li>
 {% for series_name in PAST_SERIES|reverse %}
                     <li role="presentation"><a role="menuitem" tabindex="-1" href="/{{series_name}}/">{{series_name|title}}{% if series_name == RELEASED_SERIES %} (current release){% endif %}</a></li>
 {% endfor %}
-                    <li role="presentation" class="dropdown-header">Languages</li>
+                  </ul>
+                </div>
+            </div>
+            <div class="col-lg-2 col-md-2 col-sm-2">
+                <div class="dropdown docs-dropdown">
+                  <a data-toggle="dropdown" href="#">Languages <i class="fa fa-caret-down fa-3"></i></a>
+                  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                     <li role="presentation"><a role="menuitem" tabindex="-1" href="/de/">Deutsch (German)</a></li>
                     <li role="presentation"><a role="menuitem" tabindex="-1" href="/fr/">Français (French)</a></li>
                     <li role="presentation"><a role="menuitem" tabindex="-1" href="/id/">Bahasa Indonesia (Indonesian)</a></li>

www/templates/indexbase.tmpl

@@ -39,7 +39,7 @@
     <div class="mid-docs-wrapper" id="docs-main-body">
       <div class="container">
         <div class="row">
-          <div class="col-lg-9 col-md-9 col-sm-9">
+          <div class="col-lg-8 col-md-8 col-sm-8">
             <h2>Documentation for {{SERIES_TITLE}} ({{SERIES_INFO.date}})</h2>
             {% include "templates/series_status.tmpl" %}
           </div>