]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
adding homepage social buttons
authorMark Otto <markotto@twitter.com>
Fri, 6 Jul 2012 17:10:56 +0000 (10:10 -0700)
committerMark Otto <markotto@twitter.com>
Fri, 6 Jul 2012 17:10:56 +0000 (10:10 -0700)
docs/assets/css/docs.css
docs/index.html
docs/templates/pages/index.mustache

index bee42dc362c6f20738135ff31aebe5c576741d75..6ad151181a886f40dcc3ce032cf2f617b46d398a 100644 (file)
@@ -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 {
index 8ceee89336692cda204ab2c90146f88c80a0b4fc..88d2f6b6a924058b109082931e152375da26c1ad 100644 (file)
   </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">
 
 
index a40659c5eb4457c2aa2c3125092720d7a4438ba0..2ca3ed887c46cc4a0dea37b254d5a67bf24cf6eb 100644 (file)
   </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">