improve social buttons in layout
This commit is contained in:
parent
45e9884257
commit
e27bc8db19
@ -85,7 +85,7 @@
|
||||
<div class="social-buttons">
|
||||
<iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=CloudMade&repo=Leaflet&type=watch&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&repo=Leaflet&type=fork&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&repo=Leaflet&type=fork&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&layout=button_count&show_faces=false&width=430&action=like&font=arial&colorscheme=light&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 }}
|
||||
|
@ -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;
|
||||
}
|
||||
@ -338,3 +323,17 @@ 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;
|
||||
}
|
Loading…
Reference in New Issue
Block a user