/* Theme Name: Android Theme URI: http://l0uy.com/themes/android/ Description: Andriod theme for WordPress. Author: Louy Alakkad Author URI: http://l0uy.com/ Version: 1.1.1 Tags: blue, red, green, white, light, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, rtl-language-support, editor-style, custom-menu License: GNU General Public License (GPL), version 2 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* Main Colors: #95c03b #88BF00 #de8800 #e7f6bb */ /*==== Elements ====*/ body { font-family: Verdana, Geneva, sans-serif; } a:link { color: #95c03b; text-decoration: underline; } a:visited { color: #88BF00; } a:active, a:hover { color: #de8800; } a img { border: none; } input[type=submit], input[type=button] { color: #FFF; background: #95c03b; border: 1px solid #88BF00; display: inline-block; padding: 2px 5px; } p { margin-bottom: 10px; } ul { list-style: square; margin: 0 0 10px 1em; } ol { list-style: decimal; margin: 0 0 10px 1em; } ol ol { list-style:upper-alpha; } ol ol ol { list-style:lower-roman; } ol ol ol ol { list-style:lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom:0; } dl { margin:0 0 24px 0; } dt { font-weight: bold; } dd { margin-bottom: 10px; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big { font-size: 131.25%; } ins { background: #ffc; text-decoration: none; } blockquote { font-style: italic; padding: 1px 2em; margin: 3px 1em; border-left: solid 2px #95c03b; display: block; } blockquote cite, blockquote em, blockquote i { font-style: normal; } code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; color: #666; } pre { font-family: "Courier 10 Pitch", Courier, monospace; display: block; color: #222; line-height: 10px; margin-bottom: 10px; padding: 1em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; } input[type="text"], textarea { padding: 2px; background: #f9f9f9; border: 1px solid #ccc; } input, textarea { color: #333; font-size: 14px; line-height: 20px; } p, ul, ol, dd, pre, hr { margin-bottom:24px; } ul ul, ol ol, ul ol, ol ul { margin-bottom:0; } pre, kbd, tt, var { font-size: 15px; line-height: 21px; } code { font-size: 13px; } dt, th { color: #000; } h1, h2, h3, h4, h5, h6 { color: #000; margin: 0 0 5px 0; line-height: 1.5em; } table { border: 1px solid #e7e7e7; text-align: left; margin: 0 -1px 24px 0; width: 100%; } tr th, thead th { color: #888; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 24px; } tr td { border-top: 1px solid #e7e7e7; padding: 6px 24px; } tr.odd td { background: #F2F7FC; } /*==== Meta boxes ====*/ .meta { font-size: 14px; color: #FFF; background: #95c03b; border: 1px solid #88BF00; display: inline-block; padding: 2px; z-index: 3; } .meta a:link, .meta a:hover, .meta a:active { color: #FFF; text-decoration: none; } .meta a:visited { color: #FCFCFC; } .meta a:hover { color: #e7f6bb; text-decoration: underline; } div.post-date{ float: left; margin: 5px 0; } .post.has-thumbnail div.post-date{ position: absolute; margin: 0; top: 5px; left: 0; } /*==== Basic Layout ====*/ #wrapper { text-align: center; } .wrap { width: 950px; position: relative; display: inline-block; text-align: left; height: 100%; } /*=== Header ===*/ #header { height: 140px; border-bottom: #95c03b 7px solid; } #site-title, #site-description { display: none; } #logo img { background: #95c03b; border: none; padding: 0; margin: 0; } #search { position: absolute; top: 20px; right: 10px; } #s { width: 175px; margin: 0; } #searchsubmit { width: 70px; margin: 0; } #social-icons { position: absolute; top: 65px; right: 10px; } #social-icons a { display: inline-block; margin: 0 3px; width: 32px; height: 32px; } /*== Top Navigation ==*/ #navigation { position: absolute; top: 100px; margin-top: 7px; right: 10px; text-align: right; } .theme-navigation ul { list-style: none; padding: 0; } .theme-navigation li { display: inline-block; position: relative; width: auto; margin: 5px 2px; padding: 5px 10px; } .theme-navigation li a { text-decoration: none; display: inline-block; } .theme-navigation li a:hover { text-decoration: underline; } .theme-navigation li.current_page_item, .theme-navigation li.current-menu-item { background-color: #95c03b; border: 1px solid #999; color: #FFF; } .theme-navigation li li.current_page_item, .theme-navigation li li.current-menu-item { background: none; border: none; padding: 0; } #navigation li.current_page_item, #navigation li.current-menu-item { border-bottom: none; } .theme-navigation .current_page_item a, .theme-navigation .current-menu-item a, .theme-navigation li:hover a { color: #FFF; } .theme-navigation li:hover { background-color: #88BF00; color: #FFF; } .theme-navigation li ul.sub-menu { display: none; position: absolute; top: 27px; right: 0; z-index: 10; width: 200px; background-color: #88BF00; padding: 0; margin: 0; } .theme-navigation li:hover ul.sub-menu { display: block; } .theme-navigation li li { width: 200px; margin: 0; padding: 0; } .theme-navigation li li a { display: inline-block; text-align: right; margin: 0; padding: 7px; } .theme-navigation li ul.sub-menu ul.sub-menu { display: none; position: absolute; top: 0; right: 200px; z-index: 10; width: 200px; background-color: #88BF00; } .theme-navigation li ul.sub-menu li:hover ul.sub-menu { display: block; } .theme-navigation li ul.sub-menu li:hover li ul.sub-menu { display: none !important; } .theme-navigation li ul.sub-menu li li:hover ul.sub-menu { display: block !important; } .theme-navigation li ul.sub-menu li li:hover li ul.sub-menu { display: none !important; } .theme-navigation li ul.sub-menu li li li:hover ul.sub-menu { display: block !important; } /*== 2nd Navigation ==*/ #navbar { text-align: left; margin: 0; padding: 0; } #navbar ul { margin: 0; } #navbar ul ul { margin: 0; } #navbar li { margin-top: 0; margin-bottom: 0; } #navbar li.current-menu-item { border-top: none; } #navbar li ul.sub-menu { top: 26px; right: auto; left: 0; } #navbar li ul.sub-menu ul.sub-menu { top: 0; right: auto; left: 200px; } /*=== Colmuns ===*/ #main { font-family: Tahoma, Geneva, sans-serif; } /*== Content ==*/ #content { float: left; width: 668px; padding: 10px 5px; } #content.onecolumn { width: 940px; } #content img { margin: 0; max-width: 660px; } #content.onecolumn img { max-width: 940px; } /*= Post =*/ .post { padding-bottom: 5px; } .home .sticky { background: #e7f6bb; border-top: 4px solid #95c03b; margin: 5px -7px; padding: 0 5px 7px; } .home .tip { border-right: 2px solid #95c03b; } .post-title { color: #95c03b; border-bottom: solid 1px #95c03b; margin: 0; } .post-title a { color: #95c03b; text-decoration: none; } .post-wrap { position: relative; margin: 0; padding: 0; } .post-content { padding: 5px 0; } .post-meta { float: right; background-color: #fff; font-size: 13px; padding: 5px; } .post-meta a:link, .post-meta a:active, .post-meta a:visited { text-decoration: none; } .post-meta span { margin: 3px; padding-left: 16px; background: top left no-repeat none #95c03b; } .post-meta span span, .post-meta span a { margin: 0; padding: 0 4px; background: none #fff; } .post-meta span span a { padding: 0; } .post-meta span.post-author { background-image: url(images/author.png); } .post-meta span.post-category { background-image: url(images/category.png); } .post-meta span.post-tags { background-image: url(images/tags.png); } .post-meta span.post-comments-count { background-image: url(images/comments.png); } .post-meta span.post-edit-link { padding-left: 2px; } div.post-thumbnail { z-index: 1; margin: 4px !important; } .onecolumn div.post-thumbnail { margin: 4px 0 !important; } /*= Post Author =*/ #post-author { border-top: solid 3px #95c03b; margin: 7px 0; padding: 0; background-color: #e7f6bb; height: 124px; } #post-author #author-avatar { margin: 10px; width: 100px; height: 100px; float: left; display: inline-block; padding: 2px; background-color: #FEFEFE; } #post-author #author-name { margin: 5px 0; padding: 0; width: 540px; height: 25px; float: left; display: inline-block; } #post-author #author-description { margin: 0 5px; padding: 0; width: 530px; height: 60px; float: left; display: inline-block; font-size: 14px; } #post-author #author-links { margin: 2px 0; padding: 0; width: 530px; height: 15px; float: left; display: inline-block; font-size: 14px; } #post-author #author-links #author-url { float: left; } #post-author #author-links #posts-link { float: right; } /*= Gallery =*/ #content .gallery { margin: auto; } #content .gallery .gallery-item { float: left; margin-top: 10px; text-align: center; width: 25%; } #content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } #content .gallery dl { margin: 0; } #content .gallery img { border: 5px solid #e7f6bb; } #content .gallery br+br { display: none; } /*= Comments =*/ #comments ol, #comments ul { list-style: none; padding: 0; margin: 0 0 0 15px; font-size: 14px; } .comment { border-left: solid 3px #95c03b; padding: 5px 0 5px 7px; margin: 5px 0; } .comment.bypostauthor { border-color: #ddff77; } .comment.odd { border-left: solid 3px #88BF00; } .comment .avatar { float: right; border: 1px solid #ccc; margin: 5px; } #commentform { } #commentform .comment-form-comment label { display: block; } #commentform .comment-form-comment textarea { width: 100%; } #submit { float: right; margin-right: 0; } /*== Page Navigation ==*/ .navigation { margin: 10px 0; padding: 10px 0; border-top: 3px solid #95c03b; font-size: 14px; width: 668px; } .navigation.post-navigation { } .navigation div a { background-color: #95c03b; border: 1px solid #88BF00; display: inline-block; padding: 2px; color: #FFF; text-decoration: underline; } .navigation div a:visited { color: #EEE; } .navigation div.older a { float: left; } .navigation div.newer a { float: right; } /*== Sidebar ==*/ #sidebar { float: right; width: 260px; border-left: solid 2px #95c03b; margin: 10px 5px; padding: 0; } #sidebar ul.widgets { list-style: none; padding: 7px; margin: 0; } #sidebar .widget-container { position: relative; margin-bottom: 10px; } #sidebar .widget-title { color: #95c03b; border-bottom: solid 1px #95c03b; margin-bottom: 5px; } #sidebar a:link, #sidebar a:active, #sidebar a:visited { text-decoration: none; } #sidebar ul { list-style: none; margin: 0; padding: 0; } #sidebar .widget-container ul li { padding: 3px 0 3px 5px; } #sidebar .widget-container ul li:hover { border-left: 2px solid #95c03b; margin: 0 0 0 -7px; padding-left: 9px; } /*=== Footer ===*/ #footer { clear: both; border-top: solid 2px #95c03b; text-align: center; padding-top: 10px; } #site-generator { font-style: italic; } #site-generator a { color: #666; display:inline-block; text-decoration: none; background: url(images/wordpress.png) center left no-repeat; padding-left: 20px; line-height: 16px; } #site-generator a:hover { text-decoration: underline; } img#wpstats { display: block; margin: 0 auto 10px; } /*==== Wordpress Styles ====*/ #content .alignleft, #content img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } #content .alignright, #content img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } #content .aligncenter, #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #content img.alignleft, #content img.alignright, #content img.aligncenter { margin-bottom: 12px; } #content .wp-caption { background: #e7f6bb; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; } #content .wp-caption img { margin: 5px 5px 0; } #content .wp-caption p.wp-caption-text { margin: 5px; color: #888; font-size: 12px; text-align: center; } #content .wp-smiley { margin:0; } /*==== Misc ====*/ .fr { float: right; } .fl { float: left; } .fn { float: none; } .clear { display: block; height: 1px; margin: -1px 0 0 0; clear: both; }