Android Design inspired CSS for Onpub frontends.

onpub.css

/* Onpub (TM)
 * Copyright (C) 2012 Onpub.com <http://onpub.com/>
 * Author: Corey H.M. Taylor <[email protected]>
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; version 2.
 */

/* Android Design inspired CSS for Onpub frontends.
 * Place this file in your onpub/local directory to use.
 */

a:link { color: #0099CC; text-decoration: none; }
a:visited { color: #0099CC; text-decoration: none; }
a:hover { color: #0099CC; text-decoration: underline; }
a:active { color: #0099CC; text-decoration: underline; }

a.onpub-section-nav:link { color: #0099CC; text-decoration: none; }
a.onpub-section-nav:visited { color: #0099CC; text-decoration: none; }
a.onpub-section-nav:hover { color: #0099CC; text-decoration: underline; }
a.onpub-section-nav:active { color: #0099CC; text-decoration: underline; }

a.onpub-footer-nav:link { color: #7AA1B0; text-decoration: none; font-weight: bold; }
a.onpub-footer-nav:visited { color: #7AA1B0; text-decoration: none; }
a.onpub-footer-nav:hover { color: #7AA1B0; text-decoration: underline; }
a.onpub-footer-nav:active { color: #7AA1B0; text-decoration: underline; }

html {
background-color: #F9F9F9;
}

body {
background-color: #F9F9F9;
font-family: 'Droid Sans', sans-serif;
font-size: 100%;
}

#onpub-banner {
text-align: center;
}

#onpub-header {
background-color: #F9F9F9;

}

#onpub-logo {
width: 970px;
margin: auto;
font-weight: normal;
padding-top: .25em;
padding-bottom: .5em;
border-bottom: 1px solid #33B5E5;
}

#onpub-menubar {
margin-top: 1.5em;
}

#onpub-page {
width: 970px;
margin: auto;
}

#onpub-body {
color: #333333;
background-color: #F9F9F9;
padding-bottom: 1em;
margin-top: .75em;
}

#onpub-footer {
margin-top: 1.5em;
padding-bottom: .5em;
background-color: transparent;
}

#onpub-footer-content {
width: 970px;
margin: auto;
font-size: 85%;
color: #999999;
padding-top: 2em;
border-top: 1px solid #CCCCCC;
}

.yui3-loading #onpub-menubar {
visibility: hidden;
}

.onpub-error {
color: red;
}

textarea, select {
color: #333333;
font-size: 100%;
width:auto;*width:auto;
}

input[type=text], input[type=password] {
color: #333333;
background-color: #92B83E;
border: 1px solid #EDCC61;
padding: 0.2em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 100%;
width:auto;*width:auto;
}

input[type=submit], input[type=button], input[type=file] {
color: #333333;
padding: 0.1em;
font-size: 100%;
}

div.onpub-section-nav {
background-color: #ECECEC;
color: #333333;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
padding-bottom: 1em;
}

div.onpub-section-nav-link {
font-size: 93%;
margin-left: 1.5em;  
margin-right: 1.5em;
margin-bottom: .5em;
padding-bottom: .5em;
border-bottom: 1px solid #F9F9F9;
}

th, td {
border-color: #E6EAEF;
}

th {
font-size: 108%;
font-weight: bold;
}

h1 {
color: #000000;
font-weight: bold;
margin-right: .75em;
margin-top: .75em;
margin-bottom: .75em;
}

h1.onpub-section-nav {
padding-left: 1em;
background: none;
border-bottom-style: none;
font-weight: bold;
}

h2, h3 {
margin-top: 0;
}

h2, h3, h4, h5, h6 {
color: #333333;
font-weight: bold;
}

h4, h5, h6 {
margin-bottom: 1em;
}

h3.onpub-field-header {
margin-bottom: 0;
}

b, strong {
color: #333333;
}

h2.onpub-article-link {
margin-bottom: 0em;
}

td.onpub-highlight1 {
background-color: #EFEFEF;
}

td.onpub-highlight2 {
background-color: #DFDFDF;
}

p.onpub-article-info {
font-size: 85%;
color: #333333;
margin-bottom: 1.75em;
font-weight: bold;
}

p.onpub-article-summary {
font-size: 85%;
color: #333333;
margin-bottom: 1.75em;
}

span.onpub-article-summary-date {
color: #333333;
font-weight: bold;
}

span.onpub-edit {
font-size: 93%;
padding: 0.25em;
padding-top: .75em;
border: 1px solid #3AAD79;
background-color: #5BCD9A;
}

span.onpub-login {
padding: 0.5em;
padding-top: .75em;
border: 1px solid #CCCCCC;
text-align: right;
background-color: #F9F9F9;
}

span.onpub-field-header {
font-size: 108%;
font-weight: bold;
}

div.onpub-save-overlay {
width: 15em;
font-size: 93%;
font-weight: bold;
text-align: center;
padding: 0.5em;
background-color: #92B83E;
color: #333333;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border: 1px solid #D3D3D3;
}

img.onpub-image-preview {
border: 1px solid #BEBEBE;
-moz-box-shadow: 0px 0px 2px #BEBEBE;
-webkit-box-shadow: 0px 0px 2px #BEBEBE;
box-shadow: 0px 0px 2px #BEBEBE;
}

p.onpub-image-preview-name {
text-align: center;
font-size: 85%;
background-color: #D4D4D4;
border: 1px solid #BEBEBE;
-moz-box-shadow: 0px 0px 2px #BEBEBE;
-webkit-box-shadow: 0px 0px 2px #BEBEBE;
box-shadow: 0px 0px 2px #BEBEBE;
}