Leaflet minimal map

HTML

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<div id="map"></div>

CSS

#map { 
    height: 400px; 
}

JavaScript

// Create the map
var latLng = new L.latLng([47.5107918, 19.1025848]);
var opt = {
  //paddingTopLeft: [100, 20]
  paddingTopLeft: new L.Point(100, 20)
};
var map = L.map('map').setView(latLng, 14);

console.log('Map size: ' + map.getSize());
var offset = map.getSize().x*0.15;
// Then move the map
map.panBy(new L.Point(-offset, 0), {animate: false});

// Set up the OSM layer
L.tileLayer(
    'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', 
    {maxZoom: 18}).addTo(map);

// add a marker in the given location
L.marker(latLng).addTo(map);