Initial commit

Hello!

Thank you for your interest in Building Android Apps with HTML, CSS, and JavaScript. At the moment, some example files are being revised. New files will be posted here as they are completed. Follow me on twitter @jonathanstark to be notified of updates. 

Thanks for your patience!

Jonathan Stark

October 19th, 2010

## Example files for the title:  

# Building Android Apps with HTML, CSS, and JavaScript, by Paco Hope

[![Building Android Apps with HTML, CSS, and JavaScript, by Paco Hope](http://akamaicovers.oreilly.com/images/9781449383268/cat.gif)](https://www.safaribooksonline.com/library/view/title/9781449399122//)

The following applies to example files from material published by O’Reilly Media, Inc. Content from other publishers may include different rules of usage. Please refer to any additional usage rights explained in the actual example files or refer to the publisher’s website.

O'Reilly books are here to help you get your job done. In general, you may use the code in O'Reilly books in your programs and documentation. You do not need to contact us for permission unless you're reproducing a significant portion of the code. For example, writing a program that uses several chunks of code from our books does not require permission. Answering a question by citing our books and quoting example code does not require permission. On the other hand, selling or distributing a CD-ROM of examples from O'Reilly books does require permission. Incorporating a significant amount of example code from our books into your product's documentation does require permission.

We appreciate, but do not require, attribution. An attribution usually includes the title, author, publisher, and ISBN.

If you think your use of code examples falls outside fair use or the permission given here, feel free to contact us at <permissions@oreilly.com>.

Please note that the examples are not production code and have not been carefully testing. They are provided "as-is" and come with no warranty of any kind.

android.css                     // CSS for Android browser styles referenced in index.html

android.js                      // Custom JavaScript referenced in index.html

desktop.css                     // CSS stub file for desktop browsers styles referenced in index.html

explorer.css                    // CSS stub file for Internet Explorer styles referenced in index.html

images/button.png               // Border image referenced in android.css

images/button_clicked.png       // Border image referenced in android.css

index.html                      // The main page; this is the page you would load in your browser

jonathanstark-manga-small.png   // Sidebar graphic referenced in index.html

jquery.js                       // Public jQuery JavaScript library referenced in index.html

body { 

    background-color: #ddd; /* Background color */

    color: #222;	        /* Foreground color used for text */

    font-family: Helvetica; 

    font-size: 14px; 

    margin: 0;	            /* Amount of negative space around the outside of the body */

    padding: 0;	            /* Amount of negative space around the inside of the body */

}

#header h1 { 

    margin: 0;

    padding: 0;

} 

#header h1 a {

    background-color: #ccc;

    border-bottom: 1px solid #666;

    color: #222;

    display: block;

    font-size: 20px;

    font-weight: bold;

    padding: 10px 0;

    text-align: center;

    text-decoration: none;

}

#header ul {

    list-style: none;

    margin: 10px;

    padding: 0;

}

#header ul li a {

    background-color: #FFFFFF;

    border: 1px solid #999999;

    color: #222222;

    display: block;

    font-size: 17px;

    font-weight: bold;

    margin-bottom: -1px;

    padding: 12px 10px;

    text-decoration: none;

}

#content, #sidebar {

    padding: 10px;

}

#footer {

    display: none;

}

#header h1 a {

    text-shadow: 0px 1px 1px #fff;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));

}

#header ul li:first-child a {

    -webkit-border-top-left-radius: 8px;

    -webkit-border-top-right-radius: 8px;

}

#header ul li:last-child a {

    -webkit-border-bottom-left-radius: 8px;

    -webkit-border-bottom-right-radius: 8px;

}

#header ul.hide {

    display: none;

}

#header div.leftButton {

    position: absolute;

    top: 7px;

    left: 6px;

    height: 30px;

    font-weight: bold;

    text-align: center;

    color: white;

    text-shadow: rgba (0,0,0,0.6) 0px -1px 1px;

    line-height: 28px;

    border-width: 0 8px 0 8px;

    -webkit-border-image: url(images/button.png) 0 8 0 8;

}

#header div.pressed {

    -webkit-border-image: url(images/button_clicked.png) 0 8 0 8;

}