/* Theme Name: Basically Theme URI: http://satrya.me/demo/basically/ Description: Seo friendly & optimized theme with microformats structure, clean theme, ad spots ready, breadcrumbs ready, 3 different layouts, 7 font stack, 9 different color schemes, stylesheet for print document ready, custom menu, custom header, custom body background, wordpress thumbnail and custom logo & favicon uploader. Compatible with WordPress 3.3 and above, valid XHTML & CSS, sticky posts, widget-ready, fullwidth page ready, threaded comments ready & translation ready Version: 2.0.7.9 Author: Satrya Author URI: http://satrya.me Tags: blue, black, red, green, gray, purple, brown, pink, orange, one-column, two-columns, right-sidebar, left-sidebar, fixed-width, custom-header, custom-background, threaded-comments, custom-menu, theme-options, full-width-template, sticky-post, microformats, editor-style, featured-images, translation-ready License: GNU General Public License v3 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /* Table of Contents ============================================================================= 0 - Reset Stylesheet 1 - Layout Section 2 - Structure Section 2.1 - Left Sidebar 2.2 - One Column Layout 2.3 - Alignment 3 - Global Elements Section 4 - Typography Section 5 - Global Fonts 6 - Table Section 7 - Images Section 7.1 - Image 7.2 - Image Caption 7.3 - Gallery 7.4 - Attachment page 8 - Links Section 9 - Header Section 10 - Menu Section 10.1 - Primary navigation section 10.2 - Secondary navigation section 11 - Search Form Section 12 - Content & Post Section 13 - Pagination 13.1 - Post pages 13.2 - Post navigation previous_post_link() & next_post_link() 14 - Sidebar Section 14.1 - Sidebar 14.2 - Widget = WordPress-Generated CSS Classes 14.2.1 - Search 14.2.2 - Meta 14.2.3 - Links 14.2.4 - Archive 14.2.5 - Pages 14.2.6 - Tag Cloud 14.2.7 - Calendar 14.2.8 - Categories 14.2.9 - Recent Comments 14.2.10 - Recent Posts 14.2.11 - Text 14.2.12 - Custom Twitter Widget 15 - Comments Section 15.1 - Comment Form 15.2 - Comments Style 16 - Footer Section 17 - Plugins 17.1 - Wp-pagenavi 17.2 - Custom & Yoast Breadcrumbs 18 - Miscellaneous 19 - Author Page 20 - Clearfix ============================================================================= */ /* ============================================================================= 0 - Reset Stylesheet http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 ============================================================================= */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ============================================================================= 1 - Layout Section ============================================================================= */ body { background:#f0f0f0; color:#111; font-size:13px; line-height:23px; margin:0; } *{ margin:0; padding:0; } #wrapper { background:#fff; margin:10px auto 10px; padding:20px; } #wrapper, #primary-navigation, #secondary-navigation { width:950px; } #container{ width:950px; overflow:hidden; margin-bottom: 20px; } #header { background-color:#337fda; height:auto; width:100%; } #content { display:inline; float:left; margin-bottom:10px; width:620px; border-right:1px dashed #e0e0e0; padding:20px 14px 0 5px; } #sidebar { display:inline; float:right; width:310px; margin:0; } #footer { border-top:5px solid #f0f0f0; color:#fff; width:950px; } /* LAYOUT: Full width, no sidebar DESCRIPTION: Full width page with no sidebar */ #full-width-content { margin-top:10px; width:950px; } /* ============================================================================= 2 - Structure Section 2.1 - Left sidebar 2.2 - One column layout 2.3 - Alignment ============================================================================= */ .left-sidebar #content { border-left:1px dashed #e0e0e0; border-right:none; display:inline; float:right; padding:20px 5px 0 14px; } .left-sidebar #sidebar { display:inline; float:left; } .left-sidebar #sidebar .sidebar-inner { padding:10px 10px 5px 0; } /* One column Layout */ .one-column #wrapper, .one-column #primary-navigation, .one-column #secondary-navigation, .one-column #header{ width:690px; } .one-column #header #header-left { width:45%; margin-right:5%; position:relative; } .one-column #header #header-right { width:45%; } .one-column .nav { width:100%; } .one-column .cat-nav { overflow:hidden; } .one-column .search { display:none; } .one-column #container { width: 100%; } .one-column #content { width:100%; padding:0; margin-top:30px; } .one-column .post, .one-column .page { padding:20px; } .one-column #footer { width: 100%; } .one-column #footer-left { width:49%; } .one-column #footer-right { width:45%; } .one-column #sidebar-footer .widget-footer { width:223px; } .one-column #sidebar-footer .footer-3 { margin-right:0; } /* Alignment */ .alignleft { display:inline; float:left; margin-right:25px; } .alignright { display:inline; float:right; margin-left:25px; } .aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; } .alignnone{ display:block; } /* ============================================================================= 3 - Global Elements Section ============================================================================= */ #primary-navigation, #secondary-navigation, .nav li a, .cat-nav li a, .nav li.first a , .nav li a:hover, .nav li a:active, .nav li.current_page_item a, .nav li.current_page_item ul li a, .nav li ul li a:hover, .cat-nav li ul li a:hover, .cat-nav a:hover, #sidebar .sidebar-inner ul .widget-title a, #sidebar .sidebar-inner ul .widget-title a:hover, .metadata a:hover,cite.fn a,cite.fn a:hover, .navigation .wp-pagenavi a:link, .navigation .wp-pagenavi a:visited, .navigation .wp-pagenavi .on, .navigation .wp-pagenavi .extend, .navigation .wp-pagenavi span.pages, #content .comments-box .comments-heading, #commentform input.txt, #commentform textarea{ background-color:inherit; color:#111; } pre, .nav li ul li a,.nav li ul li a:visited, .cat-nav li ul li a, .cat-nav li ul li a:visited, .cat-nav a:hover, .current-cat a, .post-pages a:hover span, #primary-navigation, .commentlist li.bypostauthor { background:#f0f0f0; color:inherit; } pre, .attachment img, .commentlist li, .navigation .wp-pagenavi .extend, .navigation .wp-pagenavi span.pages{ border:1px solid #e0e0e0; } pre, .entry-content img, .attachment img, .post-pages a span, .post-pages span, #sidebar .sidebar-inner ul .widget-title, .commentlist code { padding:5px; } #header h1 a, #header span a, #footer a, #footer a:hover, #footer a:visited { background-color:inherit; color:#fff; text-decoration:none; } #header h1 a:hover, #header span a:hover { text-decoration:none; } .nav li ul li ul, .searchform label, #searchsubmit, span.says,hr { display:none; } /* ============================================================================= 4 - Typography Section ============================================================================= */ p { margin:0 0 19.5px; padding:0; } ul { list-style:disc; margin-left:7px; padding:0 0 10px 25px; } ol { list-style:decimal; margin-left:7px; padding:0 0 10px 25px; } 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; } ul li, ol li { padding:3px 0 3px 3px; } hr { background-color:#e6e6e6; clear:both; height:1px; border:0; margin:0 0 15px; } b, strong { font-weight:bold; } em { font-style:italic; font-weight:400; } strong em,em strong { font-style:italic; font-weight:700; } del { text-decoration:line-through; } ins { background: #ffc; } pre{ overflow:auto; margin:0 0 10px; } code,tt { background:#f5f5f5; color:#666; display:inline; font-size:12px; line-height:20px; overflow:auto; margin:0; padding:2px 3px; } blockquote,q { quotes:none; background:url(images/quote.png) no-repeat left top ; overflow:hidden; color:#888; font-style:italic; clear:both; margin:0 0 11px; padding:0 0 0 40px; } blockquote i, blockquote em, blockquote cite { font-style:normal; } dl { margin:0 0 24px 0; } dt { font-weight:bold; } dd { margin-bottom:18px; } acronym, abbr { cursor:help; border-bottom:1px dotted; } sup, sub { height:0; line-height:1; position:relative; vertical-align:baseline; font-size:small; } sup { bottom:1ex; } sub { top:.5ex; } small { font-size:small; } big { font-size:large; } mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; } h1 { font-size:30px; line-height:42px; } h2 { font-size:25px; line-height:36px; } h3 { font-size:21px; line-height: 31px; } h4 { font-size:18px; line-height:28px; } h5 { font-size:15px; line-height:25px; } h6 { font-size:15px; line-height:25px; } h1, h2, h3, h4, h5, h6 { font-weight:bold; margin-bottom:10px; } /* ============================================================================= 5 - Global Fonts ============================================================================== */ #header h1, #header span, .site-description , .entry-title{ font-family:Georgia,"Times New Roman",Times,serif; } code, tt { font-family:'andale mono','lucida console', monospace; } /* ============================================================================= 6 - Table Section ============================================================================== */ table, th, td { border:1px solid #e8e8e8; border-collapse:collapse; margin:5px 0 10px; padding:5px 10px; } th { background-color:#e8e8e8; border-right:1px solid #e0e0e0; color:#666; font-size:10px; font-weight:500; letter-spacing:0.1em; line-height:2.6em; text-transform:uppercase; text-align:left; } table { margin-bottom:1.4em; width:100%; border-collapse:collapse; border-spacing:0; border-bottom:1px solid #ddd; margin:0 0 1.625em; } td { border-top:1px solid #ddd; padding:6px 10px 6px 10px; } /* ============================================================================= 7 - Images Section 7.1 - Image 7.2 - Image Caption 7.3 - Gallery 7.4 - Attachment page ============================================================================= */ .entry-content img, .comment-content img, .widget img{ max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large { max-width: 97.5%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } img.alignleft, img.alignright, img.aligncenter { margin-top: 5px; margin-bottom: 12px; } /* Image Caption */ p img, .wp-caption { margin-top: 0.4em; } .wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px; } .wp-caption img { display: block; margin: 0 auto; max-width: 98%; } .wp-caption .wp-caption-text, .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; } .wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative; } .wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px; } /* Gallery */ .gallery { margin:auto; overflow:hidden; width:100%; } .gallery .gallery-item { display:inline; float:left; margin-bottom:10px; text-align:center; } .gallery .gallery-caption { background:#f7f7f7; border:1px solid #e6e6e6; clear:both; color:#888; display:block; font-size:12px; line-height:1.5em; margin:10px 0; padding:5px 3px; text-align:center; width:100%; } .gallery dl { margin:0; } .gallery img { border:1px solid #e0e0e0; } .gallery a:hover img { border-color:#ccc; } .gallery br { clear:both } .gallery br+br { display:none; } /* available Columns */ .gallery-columns-1 .gallery-item { width:100%; } .gallery-columns-2 .gallery-item { width:50%; } .gallery-columns-3 .gallery-item { width:33.333%; } .gallery-columns-4 .gallery-item { width:23%; margin-right:2%; } .gallery-columns-5 .gallery-item { width:18%; margin-right:2%; } .gallery-columns-6 .gallery-item { width:14.666%; margin-right:2%; } .gallery-columns-7 .gallery-item { width:12.285%; margin-right:2%; } .gallery-columns-8 .gallery-item { width:10.5%; margin-right:2%; } .gallery-columns-9 .gallery-item{ width:9.111%; margin-right:2%; } /* Attachment Page */ .attachment-page { display:inline; float:left; width:650px; } .attachment img { display:block; margin:0 auto; max-width:650px; } .attachment-navigation { display:inline; float:left; margin-left:35px; width:265px; } .attachment-navigation img{ display:inline; float:left; margin:0 20px 10px 0; } p.download-image{ text-align:center; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* ============================================================================= 8 - Links Section ============================================================================= */ a { background-color:inherit; color:#337fda; text-decoration:none; } a:active, a:visited { color:#0350ad; text-decoration:none; } a:hover { text-decoration:underline; } a:focus { outline:thin dotted; } a:active, a:hover { outline:0; } /* ============================================================================= 9 - Header Section ============================================================================= */ #header-left { background:inherit; color:#fff; display:inline; float:left; font-weight:bold; margin-right:10px; padding:30px 0; width:430px; } #header-right { display:inline; float:right; padding:25px 0 20px; text-align:right; width:510px; } .site-title{ display: block; font-size:30px; font-style:italic; line-height:1em; margin:0; padding:10px 0 0 20px; } .site-description { letter-spacing:-1px; padding-left:20px; } .site-logo { overflow:hidden; padding-left:20px; max-height:80px; max-width:430px; } /* ============================================================================= 10 - Menu Section 10.1 - Primary navigation section 10.2 - Secondary navigation section ============================================================================= */ #primary-navigation, #secondary-navigation { height:auto; margin:0 0 1px; border-bottom: 1px solid #e6e6e6; } .nav { display:inline; float:left; margin-right:10px; width: 750px; } .nav, .cat-nav { z-index:99; list-style:none; line-height:1; overflow:visible; clear:both; margin:0; padding:1px 0; } .nav a { z-index:100; position:relative; display:block; } .nav li, .cat-nav li { float:left; display:inline-block; margin:0; padding:0; } .nav li a, .cat-nav li a { line-height:18px; text-decoration:none; padding:7px 15px; text-transform:uppercase; z-index:0; } .nav li a:hover, .nav li a:active { background:#ddd; text-decoration:none; } .nav li:hover > ul, .cat-nav li:hover > ul { display:block; padding:0; z-index:2; } .nav li ul li:hover ul, .cat-nav li ul li:hover ul { left:0; } .nav li ul, .cat-nav li ul { border-color:#f0f0f0 #e6e6e6 ; border-style:solid; border-width:1px 1px; left:-999em; position:absolute; width:226px; z-index:999; margin-left:0; } .nav li ul li, .cat-nav li ul li { border-bottom:1px solid #e0e0e0; border-top:1px solid #fafafa; list-style:none; } .nav li ul li:first-child, .cat-nav li ul li:first-child{ border-top:none; } .nav li ul li a, .nav li ul li a:visited, .cat-nav li ul li a, .cat-nav li ul li a:visited { border-bottom:none; color:#111; padding:7px 13px 6px; width:200px; } .nav li ul li a, .cat-nav li ul li a { padding:7px 13px 6px; } .nav li ul li a:hover, .cat-nav li ul li a:hover { background:#ddd; border-bottom:none; } .nav li ul ul, .cat-nav li ul ul { margin:-32px 0 0 226px; } .nav li:hover, .nav li.hover, .cat-nav li:hover, .cat-nav li.hover { position:static; } .nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .cat-nav li:hover ul ul, .cat-nav li:hover ul ul ul, .cat-nav li:hover ul ul ul ul { left:-999em; } .nav li:hover ul, .nav li li:hover ul.nav li li li:hover ul, .nav li li li li:hover ul, .cat-nav li:hover ul, .cat-nav li li:hover ul.cat-nav li li li:hover ul, .cat-nav li li li li:hover ul { left:auto; } /* Secondary navigation */ #secondary-navigation { background:#fff; border-bottom:3px solid #f0f0f0; border-top:1px solid #e6e6e6; } .cat-nav a { border-right:1px solid #e6e6e6; position:relative; display:block; text-decoration:none; } .cat-nav li a { text-transform:capitalize; padding:7px 10px; z-index:0; } .current-cat a{ color:#111 !important; } li.current-cat ul.children li a, li.current-cat ul.children li a:hover{ color:#111 !important; } .cat-nav li ul { margin-left:-1px; } /* ============================================================================= 11 - Search Form Section ============================================================================= */ .search { display:inline; float:right; margin:2px 0 0 0; position:relative; width:190px; } .search input[type="text"] { background:#FFF; border:1px solid #ddd; margin:1px 0 0; padding:5px; width:175px; } .search input[type="image"] { position:absolute; top:6px; right:7px; } .error404 #content .search { display:inline; float:left; margin:0 0 50px; width:100%; } .error404 #content .search input#searchh { width:98%; } /* ============================================================================= 12 - Content & Post Section ============================================================================= */ #content .sticky { background:#f0f0f0; border-top:4px solid #ccc; padding:18px 20px; } .entry-title{ margin:0; } .entry-title a{ background-color:inherit; color:#337FDA; text-decoration:none; } .entry-title a:hover{ color:#1872E0; text-decoration:none; } .post, .page { border-bottom:1px solid #f0f0f0; padding:0 0 10px; margin:0 0 30px; } .entry-content { padding:0; } /* Style for blockquote left or right Just added the class left or right ex:
Here's the blockquote
*/ .entry-content blockquote.left { display:inline; float:left; margin-left:0; margin-right:24px; text-align:right; width:33%; } .entry-content blockquote.right { display:inline; float:right; margin-left:24px; margin-right:0; text-align:left; width:33%; } .entry-thumbnail { display:inline; float:left; margin:5px 10px 0 0; } .entry-thumbnail a{ display: block; } /* Entry Meta */ .entry-meta { color:#999; font-size:12px; margin-bottom:10px; } .postmetadata { color:#999; font-size:11px; margin-top:10px; margin:0; padding:5px 0; } .postmetadata a { text-decoration:none; padding:0; } .postmetadata a:hover { text-decoration:underline; } .page-title { font-size: 1.5em; padding-bottom: 15px; } .post-edit-link { clear:both; } /* ============================================================================= 13 - Pagination 13.1 - Post pages 13.2 - Post navigation previous_post_link() & next_post_link() ============================================================================= */ .post-pages { clear:both; display:block; font-size:12px; overflow:hidden; margin:0; } .post-pages a span, .post-pages span { display:inline-block; cursor:pointer; line-height:100%; } .post-pages span { background:none; border:none; } .post-pages a span { background:#f5f5f5; border:1px solid #e7e7e7; color:#666; } .post-pages a:hover span { color:#666; text-decoration:none; border-color:#c1c1c1; } /* Posts Navigation */ .post-nav { display:block; overflow:hidden; margin-bottom:15px; } .post-nav a { text-decoration:none; } .post-nav a:hover { text-decoration:underline; } .post-nav .alignleft { width:38%; } .post-nav .alignright { width:39%; text-align:right; } /* ============================================================================= 14 - Sidebar Section 14.1 - Sidebar 14.2 - Widget = WordPress-Generated CSS Classes ============================================================================= */ #sidebar a:link, #sidebar a:visited { background-color:inherit; color:#337fda; text-decoration:none; text-transform:capitalize; } #sidebar a:hover { text-decoration:underline; } #sidebar .sidebar-inner ul .widget-title { background:#f0f0f0; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; color:#111; font-size:16px; margin:0; } #sidebar .sidebar-inner ul .widget-title a{ text-decoration:none; } #sidebar .sidebar-inner ul ul li.current-cat a{ background-color:inherit; color:#337fda; } #sidebar ul { list-style:none; margin:0 0 20px; padding:0; } #sidebar ul li { margin:0 0 20px; overflow:hidden; padding:5px 0; } #sidebar ul ul { clear:both; margin:0; padding:0; } #sidebar .sidebar-inner { background:#fff; width:auto; padding:10px 0 5px 9px; } #sidebar .sidebar-inner ul ul li { margin:0; padding:5px 0 0 10px; background:url(images/arrow.png) no-repeat 0 13px; } #sidebar .sidebar-inner ul ul li ul { padding-left:20px; margin-bottom:0; } #sidebar .sidebar-inner ul ul li ul li { list-style:none; line-height:1.6em; border-bottom:0; } /* ============================================================================= 14.2 Widget Section = WordPress-Generated CSS Classes 14.2.1 - Search 14.2.2 - Meta 14.2.3 - Links 14.2.4 - Archive 14.2.5 - Pages 14.2.6 - Tag Cloud 14.2.7 - Calendar 14.2.8 - Categories 14.2.9 - Recent Comments 14.2.10 - Recent Posts 14.2.11 - Text 14.2.12 - Custom Twitter Widget ============================================================================= */ /* =Search widget ----------------------------------------------------------------------------- */ #searchform {} .widget_search {} .widget_search .search{ display:inline; float:left; height:24px; margin:10px 0 0; width:100%; } .widget_search .search input[type="text"] { width:95%; } .screen-reader-text {} /* =Meta widget ----------------------------------------------------------------------------- */ .widget_meta {} .widget_meta ul {} .widget_meta ul li {} .widget_meta ul li a {} /* =Links Widget ----------------------------------------------------------------------------- */ .widget_links { overflow: hidden; } .widget_links ul {} .widget_links ul li { display:inline; float:left; width:45%; margin-right:5%; } .widget_links ul li:after {} .widget_links ul li:before {} .widget_links ul li a {} /* =Archive Widget ----------------------------------------------------------------------------- */ .widget_archive {} .widget_archive ul {} .widget_archive ul li { text-align:right; overflow:hidden; } .widget_archive ul li a { display:inline; float:left; } .widget_archive select { border:1px solid #ddd; margin-top:5px; padding:3px; width:100%; } .widget_archive option {} /* =List Pages Widget ----------------------------------------------------------------------------- */ .widget_pages {} .widget_pages ul {} .widget_pages ul li {} .widget_pages ul li a {} /* =Tag Cloud Widget ----------------------------------------------------------------------------- */ .widget_tag_cloud {} .widget_tag_cloud .tagcloud { padding-top:10px; } .widget_tag_cloud a {} .widget_tag_cloud a:after {} .widget_tag_cloud a:before {} /* =Calendar Widget ----------------------------------------------------------------------------- */ #wp-calendar { width:100%; border:none; margin:0; } #wp-calendar table, th, td{ border:none; } #wp-calendar caption { color:#222; font-size:14px; font-weight:bold; padding-bottom:4px; text-align:left; } #wp-calendar thead { font-size:11px; } #wp-calendar thead th { } #wp-calendar tbody { color:#aaa; } #wp-calendar tbody td { background:#f5f5f5; border:1px solid #fff; padding:3px 0 2px; text-align:center; } #wp-calendar tbody .pad { background:none; } #wp-calendar tfoot #next { text-align:right; } /* =Categories Widget ----------------------------------------------------------------------------- */ .widget_categories {} .widget_categories ul {} .widget_categories ul li {} .widget_categories ul ul.children {} .widget_categories a {} .widget_categories select{ border:1px solid #ddd; margin-top:5px; padding:3px; width:100%; } .widget_categories select#cat {} .widget_categories select.postform {} .widget_categories option {} .widget_categories .level-0 {} .widget_categories .level-1 {} .widget_categories .level-2 {} .widget_categories .level-3 {} /* =Recent Comments Widget ----------------------------------------------------------------------------- */ .recentcomments {} #recentcomments {} #recentcomments li {} #recentcomments li a {} .widget_recent_comments {} /* =Recent Posts Widget ----------------------------------------------------------------------------- */ .widget_recent_entries {} .widget_recent_entries ul {} .widget_recent_entries ul li {} .widget_recent_entries ul li a {} /* =Text Widget ----------------------------------------------------------------------------- */ .textwidget { margin:10px 0 0; } .widget_text {} .textwidget p {} /* =Custom Twitter Widget ----------------------------------------------------------------------------- */ .widget_basically_twitter_widget ul li { border-bottom:1px solid #eee; font-size:12px; } .follow-me { display:block; margin-top:10px; } /* ============================================================================= 15 - Comments Section 15.1 - Comment Form 15.2 - Comments Style ============================================================================= */ .comments-box { padding:10px 0 0; } .comments-box .comments-heading{ border:none; display: block; font-size: 1.2em; font-weight: bold; line-height: 1.5em; margin: 0; padding: 0; } #respond { display:block; margin:55px 0 15px; } #respond p { color:#777; margin:0 0 10px; padding-bottom: 10px; } #respond p.logged-in-as { padding-bottom: 0; } #respond h3 { margin-bottom:0; } #respond p.comment-notes{ font-size:12px; } #commentform { margin:0; } #commentform label{ font-size: 12px; } #commentform .required { color:#f00; } #commentform input[type="text"], #commentform textarea { background:#fafafa; color:#666; border-color:#ccc #efefef #efefef #ccc; border-style:solid; border-width:1px; } #commentform input[type="text"]:focus, #commentform textarea:focus { background:#fff; color:inherit; } #commentform input[type="text"] { clear:both; display:inline; float: left; margin:0 5px 10px 0; padding:5px 7px; width:170px; } #commentform textarea { width:97%; line-height:130%; padding:7px; } #commentform input[type="submit"] { background:url(images/submit.gif) repeat-x 0 0; border-color:#ddd #ccc #ccc #ddd; border-style:double; border-width:3px; cursor:pointer; font-size:1.2em; margin-top:10px; outline-color:#ddd; padding:5px; position:relative; width:170px; } #commentform input[type="submit"]:active{ top:1px; } .reply { text-align:right; margin:5px 0 0; } .reply a{ background-color:#fff; color:#555; display:inline-block; font-size:11px; font-weight:700; text-decoration:none; position:relative; cursor:pointer; border:1px solid #ddd; padding:1px 6px; } a#cancel-comment-reply-link{ display:inline; font-size:11px; margin-top:10px; width:68px; } .text { border:1px solid #e6e6e6; color:#777; width:200px; padding:2px; } .nopassword{ color: #aaa; font-size: 24px; font-weight: 100; margin: 26px 0; text-align: center; } /* Comment list */ ul.children { margin-left:0; } ol.commentlist { margin:0; padding:0; } .commentlist li { list-style:none; margin:10px 0 0; padding:15px; } .commentlist li.depth-2, .commentlist li.depth-4, .commentlist li.depth-3, .commentlist li.depth-5 { background:#fff; border-bottom:1px solid #e0e0e0; margin-left:15px; } .commentlist li.depth-3, .commentlist li.depth-5 { background:#fafafa; } .commentlist li blockquote { background:url(images/quote-comment.png) 0 8px no-repeat; margin:0 0 11px; padding:0 0 0 25px; } .commentlist p { clear:both; } .commentlist .moderation { margin-top:10px; color:#600; } .commentlist .thread-even { background:#fafafa; } .commentlist .children { margin-top:15px; } .commentlist .comment-author { margin-bottom:5px; } #content .commentlist .avatar { background:#fff; border:1px solid #e9e9e9; display:inline; float:left; margin-right:10px; padding:3px; } .commentlist .comment-meta { display:inline; float:left; margin-bottom:15px; } .commentlist .comment-date a, .commentlist .comment-date a:visited { color:#888; font-size:1.1em; } .commentlist .comment-meta a { color:#666 !important; text-decoration:none; } .metadata a:hover, cite.fn a, cite.fn a:hover { text-decoration:none; } cite.fn { font-size:14px; font-weight:700; font-style:normal; letter-spacing:-.05em; display:block; padding-top:0; } .comment-body ul { list-style:disc; } .comment-body ol { list-style:decimal; } .comment-body li { list-style:disc; padding:0; border:none; } .comment-body ol li { list-style:decimal; } .comment-body ol ol li{ list-style:upper-alpha; } .comment-body ol ol ol li{ list-style:lower-roman; } .comment-body ol ol ol ol li{ list-style:lower-alpha; } .comment-body ul ul, .comment-body ol ol, .comment-body ul ol, .comment-body ol ul { margin-bottom:0; } /* ============================================================================= 16 - Footer Section 16.1 - Footer Sidebar ============================================================================= */ .credits { background:#337fda; } #footer-left { text-align:left; float:left; width:470px; margin-right:10px; } #footer-left p { padding:10px 0 10px 20px; margin:0; } #footer-right { text-align:right; float:right; width:470px; margin-left:0; } #footer-right p { padding:10px 20px 10px 0; margin:0; } /* 16.1 - Footer Sidebar */ #sidebar-footer { color:#111; margin: 20px 0 30px; } #sidebar-footer .widget-footer { display: inline; float: left; margin-right: 10px; width: 230px; } #sidebar-footer .footer-4 { margin-right: 0 } #sidebar-footer a, #sidebar-footer a:visited { background-color:inherit; color:#337fda; text-decoration:none; text-transform:capitalize; } #sidebar-footer a:hover { color:#337fda; text-decoration:underline; } #sidebar-footer .widget-title { background:#f0f0f0; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; color:#111; font-size:16px; padding: 5px; margin:0; } #sidebar-footer .widget-title a{ text-decoration:none; } #sidebar-footer ul li.current-cat a{ background-color:inherit; color:#337fda; } #sidebar-footer ul { list-style:none; margin:0 0 20px; padding:0; } #sidebar-footer li { list-style:none; margin:0 0 20px; overflow:hidden; padding:5px 0; } #sidebar-footer ul { clear:both; margin:0; padding:0; } #sidebar-footer ul li { margin:0; padding:5px 0 0 10px; background:url(images/arrow.png) no-repeat 0 13px; } #sidebar-footer ul li ul { padding-left:20px; margin-bottom:0; } #sidebar-footer ul li ul li { list-style:none; line-height:1.6em; border-bottom:0; } /* ============================================================================= 17 - Plugins 17.1 - Wp-pagenavi 17.2 - Custom & Yoast Breadcrumbs ============================================================================= */ .navigation { display:block; margin:20px 0; } /* wp-pagenavi */ .navigation .wp-pagenavi { letter-spacing:1px; text-transform:capitalize; margin:0 0 15px; padding:5px 0 4px; } .navigation .wp-pagenavi a:link, .navigation .wp-pagenavi a:visited { display:inline; background:#fff; text-decoration:none; border:1px solid #ddd; margin:0 0 0 2px; padding:7px 10px 6px; } .navigation .wp-pagenavi .on, .navigation .wp-pagenavi .current { border:1px solid #ddd; margin:0 0 0 2px; padding:7px 10px 6px; } .navigation .wp-pagenavi .on { background:#000; } .navigation .wp-pagenavi .extend, .navigation .wp-pagenavi span.pages { background:#fff; padding:7px 10px 6px; } .navigation .wp-pagenavi .current, .navigation .wp-pagenavi a:hover { background:#337fda; color:#FFF; text-decoration:none; } .navigation a.scroll { padding:1px 3px; } .navigation a:hover.scroll { background:#337fda; color:#fff; text-decoration:none; padding:1px 3px; } .wp-pagenavi a.last { margin-top:10px; } /* Breadcrumbs */ #breadcrumbs { border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; font-size:11px; margin-bottom:25px; padding:5px 0; } /* ============================================================================= 18 - Miscellaneous ============================================================================= */ h2.center{ clear:both; } /* ads */ .ads-1{ padding-right:10px; } .ads-2{ display:block; margin:10px 0; } .ads-3, .ads-3 img { border:none; clear:both; display:block; margin:10px 0; padding:0; } p.comment-subscription-form { padding: 0; margin: 0 0 5px !important; } /* ============================================================================= 19 - Author Page ============================================================================= */ .author-info p{ font-size:15px; font-weight:bold; margin:0; padding:0; text-transform:capitalize; } #author-wrap { background:#eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:30px; } #author-wrap .inner-author-wrap{ padding:10px 5px; } .inner-author-wrap .author-photo { display:inline; float:left; margin-right:10px; } .inner-author-wrap .author-photo img { background:#fff; padding:3px; border:1px solid #ddd; } .inner-author-wrap .author-desc { overflow:hidden; } /* ============================================================================= 20 - Clearfix ============================================================================= */ .clearfix { zoom:1; } .clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .clearfix:after, .clearfix:before { content:""; display:table; } .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }