/* Theme Name: WP Worksheet Theme URI: http://arie.putranto.com/design/wp-theme/wp-worksheet.html/ Description: WP Worksheet is a WordPress Theme Framework designed by Arie Putranto.You can customize the layout by adding required files to its installation directory. Version: 1.0.0 Author: Arie Putranto Author URI: http://arie.putranto.com/ Tags: Framework, Theme Option, Three Column, Widget WP Worksheet http://arie.putranto.com/ Released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* The HTML Body */ body { background: #ffffff url('./images/bg-body.png') top left repeat-x; margin: 3pt 0; padding: 0; font: 9pt Verdana, Arial, Helvetica, sans-serif; line-height: 160%; } /* Paragraph and text */ h1 { margin: 0; padding: 0; font-weight: normal; font-size: 200%; } h2 { margin: 0; padding: 0; font-weight: normal; font-size: 180%; } h3 { margin: 0; padding: 0; font-weight: normal; font-size: 140%; } h4 { margin: 0; padding: 0; font-weight: normal; font-size: 110%; } p { margin: 0; padding: 0; } blockquote { margin: 0; padding: 0 0 0 20px; color: #555555; } pre { margin: 0; padding: 0; } acronym, abbr {} code {} small { font-size: 8pt; } /* Images */ img {} p.attachment img { padding: 2px; margin: 10px auto; border: 1px solid #eaeef4; clear: both; } /* Hyperlinks */ a:link, a:visited { color: #506179; text-decoration: none; } a:hover { color: #7a8799; } a img { border: none; text-decoration: none; } /* Forms */ form {} input {} input[type=submit] {} select {} option {} textarea {} /* Lists */ ul,ul {} ul li, ol li {} li ul, li ol {} li li li {} /* Tables */ table { margin: 0px; padding: 0; border-collapse: collapse; width: 100%; font-size: 8pt; } table caption { margin: 0; padding: 3px 0 3px 5px; font-weight: bold; text-align: center; } table thead {} table tfoot td { background: #ffffff; border: none; color: #555555; font-size: 8pt; text-align: left; margin: 0; padding: 2px 0; border: none; } table tbody {} table th { background: #eaeef5; border: 1px solid #eaeef4; text-align: center; font-weight: bold; margin: 0; padding: 2px 0; } table td { background: #ffffff; border: 1px solid #eaeef4; font-weight: normal; } /* Calendar Widget */ #calendar_wrap { background: #f7f9fc; border: 1px solid #eaeef4; padding: 5px; } table#wp-calendar td { text-align: center; padding: 0; } table#wp-calendar tfoot td { background: #f7f9fc; text-align: left; padding: 2px 5px; } table#wp-calendar a { display: block; color: #7790b4; background: #eaeef4; } table#wp-calendar #next a { background: transparent; } table#wp-calendar #prev a { background: transparent; } table#wp-calendar td#today { background: #7790b4; color: #ffffff; } table#wp-calendar td#today a { background: #7790b4; color: #ffffff; } /* Search Form Widget */ form#searchform { margin-top: 45px; } form#searchform input { padding: 3px 5px; } form#searchform input[type=submit] { padding: 3px 6px; cursor: pointer; } /* Comments */ ul#commentlist { margin: 5px 0 0 0; padding: 0; } ul#commentlist li { border: 1px solid #eaeef4; padding: 5px; margin: 5px 0 0 0; font-size: 8pt; line-height: normal; list-style: none; } ul#commentlist li img.avatar { float: left; padding: 3px; } ul#commentlist li div.postdata { padding-left: 45px; text-align: left; } ul#commentlist li.odd { background: #f7f9fc; } ul#commentlist li.even { background: #ffffff; } ul#commentlist li.thread-odd { background: #f7f9fc; } ul#commentlist li.thread-even { background: #ffffff; } ul#commentlist li.bypostauthor { background: #ffffff; border: 1px solid #506179; } ul#commentlist div.comment-reply a { float: right; width: 30px; margin: 5px 8px; font-weight: bold; } ul#commentlist p.commentmeta { padding: 0 0 5px 0; } /* Trackbacks */ ol#trackbacks { margin: 10px 25px; padding: 0; font-size: 8pt; line-height: 150%; } /* Main menu */ #mainmenu { clear: both; height: 30px; width: 900px; font: 8pt Arial, Helvetica, sans-serif; letter-spacing: 0.2em; text-transform: uppercase; margin-left: -10px; } #mainmenu ul { margin: 0 10px; padding: 0; line-height: 30px; } #mainmenu li { float: left; margin-right: 5px; list-style-type: none; } #mainmenu li a { border-top: 2px solid #f7f9fc; display: block; padding: 0 5px; } #mainmenu li a:hover { border-top: 2px solid #506179; } /* Breadcrumb */ #breadcrumb { background: #f7f9fc; border-left: 20px solid #506179; height: 25px; font-size: 7pt; letter-spacing: 0.05em; text-transform: uppercase; clear: both; } #breadcrumb ul { margin: 0 10px; padding: 0; line-height: 25px; } #breadcrumb li { background: transparent url('./images/img-arrow.png') left no-repeat; float: left; margin-right: 0; padding: 0 10px; list-style-type: none; } #breadcrumb li a { display: block; } #breadcrumb li.start { background: none; padding: 0 10px 0 0; } /* Layers */ #page { background: transparent; width: 880px; margin: 0 auto; padding: 0; } #header { background: /*#304159*/#FFFFFF; margin-top: 10pt; height: 178px /*85px*/; } #headertitle { float: left; } #headerform { height: 85px; text-align: center; float: right; } #blogtitle { height: 40px; margin-top: 25px; } #blogtitle h1 { line-height: 40px; font-family: Georgia, "Times New Roman", Times, serif; } #blogtitle hi img { margin-left: -5px; } #blogdesc {} #blogdesc h2 { font-size: 10pt; letter-spacing: -1px; margin-top: -5px; } #wrapper { padding: 10px 0; } /* Content */ #content { width: 475px; text-align: justify; float: left; } #content2 { width: 800px; line-height: +2; margin-left: 30px; text-align: justify; float: left; } #content h2 { font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; padding: 10px 0; color: #506179; } #content2 h2 { font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; padding: 10px 0; color: #506179; } #content p { padding-bottom: 5px; } #content2 p { padding-bottom: 10px; } #content code { background: #f7f9fc; border: 1px solid #eaeef4; padding: 0 5px; } #content pre { background: #f7f9fc; border: 1px solid #eaeef4; border-top: 10px solid #eaeef4; padding: 5px 10px; margin: 10px auto; font-size: 8pt; line-height: normal; overflow: auto; } #content acronym, abbr { color: #506179; cursor: help; border-bottom: 1px dashed #506179; } #content div.post { margin-bottom: 5px; } #content div.post a { text-decoration: underline; } #content div.post a:hover { text-decoration: none; } #content div.post h2 a { text-decoration: none; } #content div.post h3 { border-bottom: 1px solid #eaeef4; padding: 5px 0; margin-bottom: 5px; color: #506179; letter-spacing: -1px; font-size: 12pt; } #content div.post h3 a { text-decoration: none; } #content div.post h3.noborder { border: none; padding: 5px 0 0 0; margin: 0; } #content table { margin: 10px auto; } /* WP Caption IMG */ #content div.wp-caption { background: #f7f9fc; border: 1px solid #eaeef4; margin: 2px 8px 10px 0; padding: 5px 0 0 0; text-align: center; } #content div.wp-caption img { margin: 0; padding: 0; border: none; } #content p.wp-caption-text { padding: 0; margin: 0; font-size: 8pt; letter-spacing: -1px; } /* Related posts */ #content ul.related_post { font-size: 8pt; } #content ul.related_post li { } #content ul.related_post li a { text-decoration: none; } /* Post Meta data */ #content div.postmetadata { padding: 10px 0 0 0; font-size: 7pt; letter-spacing: 0.05em; text-transform: uppercase; line-height: 150%; border-top: 1px solid #506179; } /* Post information on index page, archive and search result */ #content div.postinfo { background: #f7f9fc; border-left: 20px solid #506179; height: 25px; clear: both; } #content div.postinfo ul { margin: 0 10px; padding: 0; line-height: 25px; } #content div.postinfo li { background: transparent url('./images/img-arrow.png') right no-repeat; float: left; margin-right: 5px; padding: 0 10px 0 0; list-style-type: none; font-size: 8pt; } #content div.postinfo li a { display: block; border: none; text-decoration: none; } /* Page navigation */ #content div.pagination { margin-top: 15px; font-size: 7pt; text-transform: uppercase; text-align: center; } #content div.pagination a, #content div.pagination span.current { background: #f7f9fc; border: 1px solid #eaeef4; padding: 5px 10px; text-decoration: none; } #content div.pagination a:hover { background: #eaeef4; } #content div.postnavigation { font-weight: bold; text-align: right; padding-bottom: 5px; } #content div#navigation { font-size: 8pt; text-align: center; padding: 5px 0; } /* Comment block */ #comments { margin: 0; } #comments h3 { background: #f7f9fc; border-left: 20px solid #506179; font-size: 7pt; padding: 5px; margin: 10px 0 0 0; color: #506179; letter-spacing: 0.1em; text-transform: uppercase; } #comments h4 { padding: 5px 0 0 0; font-size: 9pt; font-weight: bold; } /* Form comment box */ #respond { background: #ffffff; border: 1px solid #eaeef4; padding: 0 8px; margin: 10px 0 0 0; font-size: 8pt; text-align: left; width: 350px; } #respond h4 { font-size: 8pt; margin: 5px 0; } #respond form#commentform p { margin: 1px 0; padding: 0; } #respond form#commentform small { letter-spacing: -1px; color: #555555; } #respond form#commentform { font-size: 8pt; margin: 5px 0; padding: 0; width: 338px; } #respond form#commentform input { background: #f7f9fc; border: 1px solid #eaeef4; margin: 0; padding: 5px; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; width: 40%; } #respond form#commentform input#submit { background: #7790b4; color: #ffffff; width: 110px; padding: 2px 5px; cursor: pointer; letter-spacing: -1px; } #respond form#commentform textarea { background: #f7f9fc; border: 1px solid #eaeef4; margin: 0; padding: 5px; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; width: 100%; } /* Advertiser */ #advertiser { } #advertiser div.ad-block { background: transparent url('./images/img-ads.png') no-repeat; width: 125px; height: 125px; margin: 5px 5px 0 0; float:left; overflow: hidden; } /* Sidebar */ #sidebar { padding: 0; float: right; width: 390px; font-size: 8pt; letter-spacing: 0.02em; } #sidebar h2 { font: 10pt Arial, Helvetica, sans-serif; padding: 0 0 5px 0; border-bottom: 1px solid #eaeef4; font-weight: bold; } #sidebar ul { margin: 0; padding: 0; line-height: 150%; } #sidebar ul li ul { margin: 0; padding: 0; } #sidebar ul li ol { margin: 0; padding: 0 0 0 25px; } #sidebar ul li { margin: 0 0 10px 0; padding: 0; list-style: none; } #sidebar ol li { margin: 0 0 10px 0; padding: 0; list-style: decimal outside; } #sidebar li li { background: transparent url('./images/img-arrow.png') left no-repeat; margin: 0; padding: 5px 5px 5px 10px; border-bottom: 1px solid #eaeef4; } #sidebar li li:hover { background: #f7f9fc; padding-left: 5px; border-left: 5px solid #506179; } #sidebar li li li { background: transparent; margin: 0; padding: 0 0 0 10px; border: none; } #sidebar li#calendar h2 { border: none; } #sidebar-1 { margin: 0 0 15px 0; padding: 0; } #sidebar-1 ul li { margin: 0; } #sidebar-2 { margin: 0 10px 0 0; padding: 0; width: 190px; float: left; } #sidebar-3 { margin: 0; padding: 0; width: 190px; float: left; } /* Footer block */ #footer { margin: 15px 0; padding: 5px 0; font-size: 7pt; text-transform: uppercase; line-height: normal; } /* Other classes */ .aligncenter,centered { margin: 0 auto; display: block; } .alignright { display: inline; float: right; } .alignleft { display: inline; float: left; } .center { display: inline; text-align: center; } .hidden { display: none; } .clear { clear: both; } .more-link { display: none; } .sticky { }