New major release: Styling issues on safari fixed, second and third level keys added

Author: Andr3as

LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Andr3as
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -4,18 +4,31 @@ Create your own keymap to display the keybinings of your software with jQuery.
 
 ##Installation/Quickstart
 
-- Download the zip file and unzip it to your server directory.
-- Include the file: ``<script src="/js/keymap.js"></script>``
-- Call the plugin on the ``div`` you want to place the keymap.
-  - ``$('.keymap').keymap();``
-- Creating your keybings by calling ``$('.shortcut').createShortcut('.keymap', ["ctrl", "s"], {},":first");``
+- Download the zip file and unzip it.
+- Include `keymap.js` and `keymap.css`  
+```HTML
+<!--
+    Include Keymap
+-->
+<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
+<script src="keymap.js"></script>
+<link href=keymap.css" rel="stylesheet">
+```
+- Initiate the plugin
+```Javascript
+$(document).ready(function(){
+    $.getJSON('layouts/qwerty.json', function(json){
+        $('.keymap').keymap({"css": {"key": {"background": "white", "color": "black"}}});
+        $('.shortcut').createShortcut('.keymap', ["ctrl", "s"], {}, ":first");
+    });
+});
+```
 - For more details: Check the [wiki](https://github.com/Andr3as/jQuery-Keymap/wiki)
 
 ##Examples
 
-####[Live preview](http://andr3as.github.io/jQuery-Keymap)
-
-![Example](http://andrano.de/Plugins/img/keymap.jpg "Example")
+![Example](http://andrano.de/Plugins/img/screenshot.png "Example")
+#####[Live preview on Andrano.de](https://andrano.de/Keymap)
 
 ##Contribute
 You want to contribute a new layout or some fixes create a pull request or send an email to [andranode[at]gmail.com](mailto://andranode@gmail.com)

keymap.css

@@ -0,0 +1,62 @@
+/**
+ *  @author Andr3as <andranode@gmail.com>
+ *  @license https://github.com/Andr3as/jQuery-Keymap/blob/master/LICENSE.md MIT
+ *  @version 2.0.0
+ *  @date 15/08/2015
+ */
+
+/*
+ * Copyright (c) Andr3as
+ * as-is and without warranty under the MIT License.
+ * See http://opensource.org/licenses/MIT for more information. 
+ * This information must remain intact.
+ */
+.keymap span {
+    display: block;
+    margin: 1px 1px 1px 0;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+}
+
+.keymap .keymap-line {
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+}
+
+.keymap p {
+    text-align: center;
+}
+
+.keymap span[data-height] {
+    position: absolute;
+    z-index: 2;
+}
+
+.keymap span[data-index] {
+    position: absolute;
+    z-index: 3;
+}
+
+.keymap .first, .keymap .second {
+    margin: 0.5em;
+}
+
+.keymap .hasFirst .second, .keymap .hasSecond .first {
+    margin: 0.2em;
+}
+
+.keymap .hasSecond .third {
+    bottom: 1.5em;
+    position: relative;
+    z-index: 3;
+    right: -1em;
+}
+
+.keymap span:not(.hasSecond) .third {
+    bottom: 1em;
+    position: relative;
+    right: -1em;
+}

keymap.jquery.json

@@ -6,7 +6,7 @@
 		"ui",
 		"animation"
 	],
-	"version": "1.0.4",
+	"version": "2.0.0",
 	"author": {
 		"name": "Andr3as",
 		"email": "andranode@gmail.com",