Most downloaded section done

Project: http://git-wip-us.apache.org/repos/asf/cordova-docs/repo
Commit: http://git-wip-us.apache.org/repos/asf/cordova-docs/commit/abe784e7
Tree: http://git-wip-us.apache.org/repos/asf/cordova-docs/tree/abe784e7
Diff: http://git-wip-us.apache.org/repos/asf/cordova-docs/diff/abe784e7

Branch: refs/heads/cordova-website
Commit: abe784e7db99beb1f61831be6d67439f0ee25bec
Parents: a38b239
Author: Brad Gashler <[email protected]>
Authored: Fri Aug 14 16:39:40 2015 -0700
Committer: Brad Gashler <[email protected]>
Committed: Fri Aug 14 16:39:40 2015 -0700

----------------------------------------------------------------------
 www/plugins/index.html           | 68 ++++++++++++++++++++++++++++++++---
 www/static/css-src/_plugins.scss | 21 ++++++++---
 2 files changed, 81 insertions(+), 8 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/abe784e7/www/plugins/index.html
----------------------------------------------------------------------
diff --git a/www/plugins/index.html b/www/plugins/index.html
index b1f0f85..6fb846b 100644
--- a/www/plugins/index.html
+++ b/www/plugins/index.html
@@ -43,9 +43,69 @@ title: Apache Cordova Plugins
 
     <div class="row">
         <div class="col-sm-6">
-            <div class="well">
-                <h2 class="text-center">Most Downloaded</h2>
-                <ul class="featured-list">
+            <div class="well featured-list">
+                <h2>Most Downloaded</h2>
+                <ul>
+                    <li>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" 
role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"
+                            style="width: 40%">
+                                <span class="sr-only">40% Complete 
(success)</span>
+                            </div>
+                        </div>
+                        <span class="plugin">Cordova Device</span>
+                        <span class="plugin-stats">2,339,658</span>
+                    </li>
+                    <li>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" 
role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"
+                            style="width: 40%">
+                                <span class="sr-only">40% Complete 
(success)</span>
+                            </div>
+                        </div>
+                        <span class="plugin">Cordova Device</span>
+                        <span class="plugin-stats">2,339,658</span>
+                    </li>
+                    <li>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" 
role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"
+                            style="width: 40%">
+                                <span class="sr-only">40% Complete 
(success)</span>
+                            </div>
+                        </div>
+                        <span class="plugin">Cordova Device</span>
+                        <span class="plugin-stats">2,339,658</span>
+                    </li>
+                    <li>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" 
role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"
+                            style="width: 40%">
+                                <span class="sr-only">40% Complete 
(success)</span>
+                            </div>
+                        </div>
+                        <span class="plugin">Cordova Device</span>
+                        <span class="plugin-stats">2,339,658</span>
+                    </li>
+                    <li>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" 
role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"
+                            style="width: 40%">
+                                <span class="sr-only">40% Complete 
(success)</span>
+                            </div>
+                        </div>
+                        <span class="plugin">Cordova Device</span>
+                        <span class="plugin-stats">2,339,658</span>
+                    </li>
+                    <li>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" 
role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"
+                            style="width: 40%">
+                                <span class="sr-only">40% Complete 
(success)</span>
+                            </div>
+                        </div>
+                        <span class="plugin">Cordova Device</span>
+                        <span class="plugin-stats">2,339,658</span>
+                    </li>
                     <li>
                         <div class="progress">
                             <div class="progress-bar progress-bar-success" 
role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"
@@ -62,7 +122,7 @@ title: Apache Cordova Plugins
         </div>
         <div class="col-sm-6">
             <div class="well">
-                <h2 class="text-center">Most Downloaded</h2>
+                <h2 class="featured-list-header text-center">Most 
Downloaded</h2>
                 <ul class="featured-list">
                     <li>
                         <div class="progress">

http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/abe784e7/www/static/css-src/_plugins.scss
----------------------------------------------------------------------
diff --git a/www/static/css-src/_plugins.scss b/www/static/css-src/_plugins.scss
index 8201785..fba7a21 100644
--- a/www/static/css-src/_plugins.scss
+++ b/www/static/css-src/_plugins.scss
@@ -26,10 +26,23 @@ button.btn {
 .featured-list-header{
        margin-top:0;   
 }
-.featured-list {
-       list-style: none;
-       padding-left:0;
-       div { display:inline-block; }
+.well.featured-list {
+       padding:0;
+       h2 { text-align: center; }
+       ul {
+               list-style: none;
+               padding-left:0;
+               div { display:inline-block; }
+               li {
+                       padding-left:19px;
+                       padding-right:19px;
+                       padding-top:5px;
+                       height:33px;
+               }
+               li:nth-child(odd) {
+                       background-color:$gray-20;
+               }
+       }
 }
 .plugin {
        position:absolute;


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to