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;height:30px;}

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

dabblet.html

<div id="menu"><ul>
<li>Gansta-Paradise<ul>
<li>gansta</li>
</ul></li>
<li>zopo
<ul id="ziga">
<li>zopo</li>
<li>zopo</li>
<li>zopo</li></ul>
</li></li>
<li>zopo</li>
<li>zopo
<ul id="zigor">
<li>zopo</li>
<li>zopo</li>
<li>zopo</li></ul>
</li>
</ul>
<li>PROFILE</li>
<li>USER THEMES</li>

</div>
<br>

dabblet.js

// alert('Hello world!');

settings.json

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