Untitled

dabblet.css

#background {
background-image: url(http://www.a-castle-for-rent.com/images/les-moutons.jpg);
width: 1300px;
height: 750px;
}

#container {
position: relative;
}

#menu {
position: absolute;
bottom: 20px;
left: 20px;
list-style: none;
padding: 0;
margin: 0;
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
border: 10px solid white;
border: 10px solid rgba(255,255,255,0.9);
}

.menu-item {
background: white;
background: rgba(255,255,255,0.9);
padding: 5px 0;
margin-bottom: 2px;
min-width: 170px;
}

.menu-title {
color: #6e6e6e;
background: white;
background: rgba(255,255,255,0.9);
padding-top: 20px;
}


.menu-item:hover {
color: #2cefed;
cursor: pointer;
}

dabblet.html

<div id="container">
<div id="background"></div>
<ul id="menu">
<li class="menu-item">LOOK BOOK</li>
<li class="menu-item">SHOP BY ROOM</li>
<li class="menu-item">SHOP CATEGORY</li>
<li class="menu-item">VIDEO</li>
<li class="menu-item">GALLERY</li>
<li class="menu-title">MENU</li>
</ul>
</div>

settings.json

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