Untitled

dabblet.css

#menu{margin:0;padding0;font-size:20px;color:white;}

#menu ul ul{display:none;}

#menu li{display:inline-block;float:left;background:green;padding:25px;}
#menu li:hover{background:pink;}

#menu li:hover>ul{display:block;}
#ziga{color:black; 
width:50px;
height:160px;}
#ziga:hover{color:white;margin:0;padding:0;}
#ziga li {display: inline;float:center;}

dabblet.html

<div id="menu"><ul>
<li>Gansta-Paradise</li>
<li>zopo
<ul id="ziga">
<li>zopo</li>
<li>zopo</li>
<li>zopo</li></ul>
</li></li>
<li>zopo</li>
<li>zopo
<ul>
<li>zopo</li>
<li>zopo</li>
<li>zopo</li></ul>
</li>
</ul></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}