diff options
author | Mark Otto <markotto@twitter.com> | 2012-07-06 21:10:56 +0400 |
---|---|---|
committer | Mark Otto <markotto@twitter.com> | 2012-07-06 21:10:56 +0400 |
commit | 095e052606a8e1afb496ec4a1e95567a7f123827 (patch) | |
tree | 66b5e961264401fb3e2f5bccd6e2d1e4b6c18078 | |
parent | cd6915cdb4f53f6c8e89599bfacbbb298412ec33 (diff) |
adding homepage social buttons
-rw-r--r-- | docs/assets/css/docs.css | 22 | ||||
-rw-r--r-- | docs/index.html | 19 | ||||
-rw-r--r-- | docs/templates/pages/index.mustache | 19 |
3 files changed, 51 insertions, 9 deletions
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index bee42dc362..6ad151181a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -147,7 +147,7 @@ hr.soften { font-size: 12px; } .quick-links { - min-height: 30px; + height: 20px; margin: 0; padding: 0; list-style: none; @@ -157,15 +157,10 @@ hr.soften { min-height: 0; } .quick-links li { - display: inline; + display: inline-block; margin: 0 8px; color: #999; -} -.quick-links .github-btn, -.quick-links .tweet-btn, -.quick-links .follow-btn { - position: relative; - top: 5px; + line-height: 1; } @@ -774,7 +769,7 @@ form.bs-docs-example { border-radius: 6px; } .jumbo { - padding: 100px 0; + padding: 80px 0; margin: -60px 0 60px; background-color: #222; color: #fff; @@ -859,6 +854,15 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cabc', end } +.jumbo-buttons { + padding: 20px 0; + margin-top: -60px; + text-align: center; + background-color: #f5f5f5; + border-top: 1px solid #fff; + border-bottom: 1px solid #ddd; +} + @media (max-width: 480px) { body { diff --git a/docs/index.html b/docs/index.html index 8ceee89336..88d2f6b6a9 100644 --- a/docs/index.html +++ b/docs/index.html @@ -83,6 +83,25 @@ </div> </div> +<div class="jumbo-buttons"> + <div class="bs-docs-container"> + <ul class="quick-links"> + <li> + <iframe class="github-btn" src="http://markdotto.github.com/github-buttons/github-btn.html?user=twitter&repo=bootstrap&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="112px" height="20px"></iframe> + </li> + <li> + <iframe class="github-btn" src="http://markdotto.github.com/github-buttons/github-btn.html?user=twitter&repo=bootstrap&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="98px" height="20px"></iframe> + </li> + <li class="follow-btn"> + <a href="https://twitter.com/twbootstrap" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @twbootstrap</a> + </li> + <li class="tweet-btn"> + <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://twitter.github.com/bootstrap/" data-count="horizontal" data-via="twbootstrap" data-related="mdo:Creator of Twitter Bootstrap">Tweet</a> + </li> + </ul> + </div> +</div> + <div class="bs-docs-container"> diff --git a/docs/templates/pages/index.mustache b/docs/templates/pages/index.mustache index a40659c5eb..2ca3ed887c 100644 --- a/docs/templates/pages/index.mustache +++ b/docs/templates/pages/index.mustache @@ -13,6 +13,25 @@ </div> </div> +<div class="jumbo-buttons"> + <div class="bs-docs-container"> + <ul class="quick-links"> + <li> + <iframe class="github-btn" src="http://markdotto.github.com/github-buttons/github-btn.html?user=twitter&repo=bootstrap&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="112px" height="20px"></iframe> + </li> + <li> + <iframe class="github-btn" src="http://markdotto.github.com/github-buttons/github-btn.html?user=twitter&repo=bootstrap&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="98px" height="20px"></iframe> + </li> + <li class="follow-btn"> + <a href="https://twitter.com/twbootstrap" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">{{_i}}Follow @twbootstrap{{/i}}</a> + </li> + <li class="tweet-btn"> + <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://twitter.github.com/bootstrap/" data-count="horizontal" data-via="twbootstrap" data-related="mdo:Creator of Twitter Bootstrap">Tweet</a> + </li> + </ul> + </div> +</div> + <div class="bs-docs-container"> |