improve social buttons in layout

This commit is contained in:
mourner 2012-07-16 23:56:58 +03:00
parent 45e9884257
commit e27bc8db19
2 changed files with 27 additions and 28 deletions

View File

@ -85,7 +85,7 @@
<div class="social-buttons">
<iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=CloudMade&amp;repo=Leaflet&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="113px" height="20px"></iframe>
<iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=CloudMade&amp;repo=Leaflet&amp;type=fork&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="96px" height="20px"></iframe>
<!--<iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=CloudMade&amp;repo=Leaflet&amp;type=fork&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="96px" height="20px"></iframe>-->
<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://leaflet.cloudmade.com" data-text="Leaflet — an open-source JavaScript library for mobile-friendly interactive maps by @cloudmade" data-via="LeafletJS" data-related="CloudMade">Tweet</a>
@ -95,7 +95,7 @@
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fleaflet.cloudmade.com&amp;layout=button_count&amp;show_faces=false&amp;width=430&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:87px; height:20px;" allowTransparency="true"></iframe>
<div class="g-plusone" data-size="medium" data-href="http://leaflet.cloudmade.com/"></div>
<!--<div class="g-plusone" data-size="medium" data-href="http://leaflet.cloudmade.com/"></div>
<script type="text/javascript">
(function() {
@ -103,7 +103,7 @@
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</script>-->
</div>
{{ content }}

View File

@ -4,6 +4,7 @@ body {
.container {
background: white;
position: relative;
padding: 15px 40px 20px;
width: 790px;
@ -142,7 +143,7 @@ td {
}
.nav li a, .nav li span {
float: left;
padding: 10px 17px;
padding: 10px 14px;
border-right: 1px solid #ddd;
}
.nav a {
@ -179,23 +180,15 @@ td {
border-left: 1px solid #ddd;
filter: none;
}
/*.nav li a.cloudmade-link {
padding: 4px 8px;
opacity: 0.7;
}
.nav li a.cloudmade-link img {
margin: 0;
display: block;
}*/
.nav li a.github-link {
padding-left: 34px;
padding-right: 12px;
background: url(https://github.com/favicon.png) 12px 12px no-repeat;
padding-left: 30px;
padding-right: 10px;
background: url(https://github.com/favicon.png) 10px 12px no-repeat;
}
.nav li a.twitter-link {
padding-left: 32px;
padding-right: 14px;
background: url(http://twitter.com/phoenix/favicon.ico) 12px 13px no-repeat;
padding-left: 28px;
padding-right: 12px;
background: url(http://twitter.com/phoenix/favicon.ico) 10px 13px no-repeat;
}
#forkme {
@ -250,9 +243,9 @@ a.nodocs {
h3 span {
color: #888;
}
h3.alt a {
/*h3.alt a {
color: #888;
}
}*/
.example-img {
float: left;
@ -279,14 +272,6 @@ h3.alt a {
margin-right: 0;
}
.social-buttons {
margin: 18px 0;
}
.twitter-follow-button {
margin-left: -9px;
}
table td {
color: #666;
}
@ -337,4 +322,18 @@ table.factory-table td, table.factory-table th {
.factory-usage code {
color: black;
}
.social-buttons {
margin: 18px 0;
padding: 6px 0 2px 8px;
background: #f7f7f7;
position: absolute;
top: 10px;
right: 40px;
border-radius: 5px;
}
.twitter-follow-button {
margin-left: -9px;
}