cartodb/Leaflet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve social buttons in layout

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
_layouts/default.html
View File

@ -85,7 +85,7 @@
<div class="social-buttons"> <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=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> <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> <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"> <script type="text/javascript">
(function() { (function() {
@ -103,7 +103,7 @@
po.src = 'https://apis.google.com/js/plusone.js'; po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})(); })();
</script> </script>-->
</div> </div>
{{ content }} {{ content }}

49
docs/css/screen.css
View File

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