Drupal Theme - iPad Them

file ipad.info

name = iPad Theme
description = This is just affect style only
core = 7.x
package = Apple
engine = phptemplate
stylesheets[all][] = style.css

file style.css

/**
 * This theme just theming the drupal base system because

 * these module doesn't have any template file
 *
 * @name    : iPad Theme
 * @author  : irfanudin ridho
 * @email   : irfan.ub@gmail.com
 * @version : 1.0
 * @date    : March 1, 2011
 */





/**
 * LIST OF CONTENTS:
 * 1. GENERAL
 * 2. HEADER
 * 3. MENU
 * 4. CONTENT
 * 5. SIDEBAR-FIRST
 * 6. FOOTER
 */
 
/**
 * 1. GENERAL
 */
html, body, div, p, h1, h2, h3 {
    margin: 0px;
    padding: 0px;
}

html {
   background: #eee;
}
body{
    margin: -5px 20px 20px;
    padding: 20px;
    -moz-box-shadow: 0 0 4px #ccc;
    -moz-border-radius: 4px;
    border: 1px solid #ccc;
    background: white;
}

#page-wrapper {
   
}

#page {
   
}

/**
 * 2. HEADER
 */
#header {
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    padding: 10px;
    clear: both;
    -moz-box-shadow: 0 0 4px #ccc;
    background: ivory;
}

#header .section {
   
}
#name-and-slogan {
   
}
#name-and-slogan  a{
    text-decoration: none;
    font-family: sans-serif;
}


/**
 * 3. MENU
 */
#navigation {
    margin: 10px 0px 20px;
}
#navigation .section h2 {
    display: none;
}
#navigation .section {
    border: 1px solid #ccc;
    background: #eee;
    -moz-border-radius: 4px;
    -moz-box-shadow: 0 0 4px #ccc;
    padding: 10px 0px;
}
#main-menu a{
    text-decoration: none;
    padding: 10px 10px;
    margin: 0px;
    font: 14px sans-serif;
    font-weight: bold;
    color: #777;
}
#main-menu li{
    margin: 0px;
    padding: 0px;
}
#main-menu a:hover{
    color: #222;
}

/**
 * 4. CONTENT
 */
#main-wrapper {
    border: 1px solid #eee;
    -moz-box-shadow: 0 0 4px #ccc;
    -moz-border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px;
}

#main-wrapper #main #content {
    float: right;
    width: 700px;
   
}

#main-wrapper .node-article{
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
    -moz-border-radius: 4px;
    -moz-box-shadow: 0 0 4px #ccc;
}

#main-wrapper .node-article h2 a{
    text-decoration: none;
    font-family: sans-serif;
}

#main-wrapper #content  .section  .node-article .submitted{
    font: 12px sans-serif;
    margin: 10px 0px;
}

#main-wrapper #content .section .node-article .content {
    font: 12px arial;
    margin-bottom: 10px;
}

#main-wrapper #content .section .node-article .content .field-name-field-tags .field-label{
    font: 12px arial;
    font-weight: bold;
    margin-top: 5px;
}

#main-wrapper #content .section .node-article .content .field-name-field-tags .field-items a{
    font: 12px arial;   
    text-decoration: none;
}

#main-wrapper #content .section .node-article .content .field-name-field-tags .field-items a:hover{
    text-decoration: underline;
}

#main-wrapper #content .section .node-article .links .node-readmore a {
    font: 12px arial;
    text-decoration: none;
}

#main-wrapper #content .section .node-article .links .node-readmore a:hover {   
    text-decoration: underline;
}

#main-wrapper #content .section .node-article .links .comment_forbidden a {
    font: 12px arial;
    text-decoration: none;
}

#main-wrapper #content .section .node-article .links .comment_forbidden a:hover {   
    text-decoration: underline;
}


/**
 * 5. SIDEBAR-FIRST
 */
#main-wrapper #main #sidebar-first{
    border: 1px solid #ccc;
    float: left;
    padding: 10px;
    background: ivory;
    -moz-box-shadow: 0 0 4px #ccc;
    -moz-border-radius: 4px;
}
#block-user-login{
    color: #444;
}
#block-user-login h2{
    font-family: arial;
    font-weight: bold;
}
#user-login-form label{
    font-family: sans-serif;
}
#user-login-form #edit-name, #user-login-form #edit-pass{
    border: 1px solid #ccc;
    -moz-box-shadow: 0 0 4px #ccc;
    -moz-border-radius: 4px;
    padding: 2px;
}
#user-login-form #edit-name:focus, #user-login-form #edit-pass:focus{
    -moz-box-shadow: 0 0 4px orange;
}
#user-login-form .item-list a{
    text-decoration: none;
    font: 12px arial;
}
#user-login-form ul{
    list-style: square;
}

#user-login-form #edit-actions #edit-submit{
    background: #55f;
    color: white;
    border: 1px solid #ccc;
    padding: 5px 10px;
    -moz-border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
}

#user-login-form #edit-actions #edit-submit:hover {
    background: #22f;
}
/**
 * 6. FOOTER
 */
#footer {
    border: 1px solid #ccc;
    padding: 10px;
    -moz-border-radius: 4px;
    -moz-box-shadow: 0 0 4px #ccc;
    background: #eee;
    color: #444;
    font: 12px sans-serif;
    text-align: center;
}