HTML5 and CSS3, Second Edition

html5_indexedDB/stylesheets/style.css

#container{

margin:0 auto;

width:80%;

}

#sidebar,#main{

display:block;

float:left;

}

#main{width:80%;}

#sidebar{width:20%;}

formol{

list-style:none;

margin:0;

padding:0;

}

formli, #sidebarli{

margin:0;

padding:0;

}

formli label{ display:block;}

#note,#title{

border:1px solid#000;

font-size:20px;

width:100%;

}

#sidebarul{

list-style:none;

padding:0;

};

#sidebarli{ cursor:hand;cursor:pointer;}

#title{height:20px;}

#note{height:80px;}

This style sheet turns off the bullet points, sizes the text areas, and lays things

out in two columns. With the interface done, we can build the JavaScript we

need to make this work.

Chapter 9. Saving Data on the Client • 192

Download from Wow! eBook <www.wowebook.com> report erratum • discuss