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

more design tweaks

Browse Source
This commit is contained in:
Vladimir Agafonkin 2014-04-30 01:24:41 +03:00
parent 6fc61b89b3
commit 69b80af03e
2 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
docs/css/main.css
View File

@ -11,7 +11,7 @@ body {
}
p {
margin: 22px 0;
margin: 24px 0;
}
.container code, .container pre code {
@ -107,6 +107,7 @@ a {
.map-home {
height: 300px;
margin-top: 50px;
margin-bottom: 50px;
}
@ -116,12 +117,20 @@ a {
}
h2.usedby-title {
background: #888;
border-radius: 0;
margin-bottom: 0;
text-align: center;
font-weight: normal;
text-shadow: none;
}
.usedby {
background: #f0f0f0;
margin: 60px 0 70px;
margin: 0px 0 70px;
text-align: center;
padding: 10px 10px 15px;
box-shadow: inset 0 0 25px rgba(0,0,0,0.05);
box-shadow: inset 0 0 25px rgba(0,0,0,0.1);
}
.logo {

5
index.html
View File

@ -15,12 +15,12 @@ and a simple, readable&nbsp;<a title="Leaflet source code repository on GitHub"
<div id="map" class="map map-home" style="height: 300px; margin-top: 50px"></div>
<p>Let's create a map in the <code>'map'</code> div, add <abbr title="Here we use OpenStreetMap tiles, but Leaflet doesn't force you to &mdash; use whatever works for you, it's open source!">tiles of our choice</abbr>, and then add a marker with some text in a popup:</p>
<p>Here we create a map in the <code>'map'</code> div, add <abbr title="Here we use OpenStreetMap tiles, but Leaflet doesn't force you to &mdash; use whatever works for you, it's open source!">tiles of our choice</abbr>, and then add a marker with some text in a popup:</p>
<pre class="basic-code javascript"><code>var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '&copy; &lt;a href="http://osm.org/copyright"&gt;OpenStreetMap&lt;/a&gt; contributors'
attribution: '&amp;copy; &lt;a href="http://osm.org/copyright"&gt;OpenStreetMap&lt;/a&gt; contributors'
}).addTo(map);
L.marker([51.5, -0.09]).addTo(map)
@ -34,6 +34,7 @@ If you have any questions, take a look at the <a href="https://github.com/Leafle
</div>
<h2 class="usedby-title">Trusted by the best &hearts;</h2>
<div class="usedby">
<a class="logo logo-github" href="#">GitHub</a>
<a class="logo logo-foursquare" href="#">foursquare</a>