/* Theme Name: asdfqwerty Theme URI: http://themeshift.com/theme/delighted/ Author: ThemeShift Author URI: http://themeshift.com Description: deLighted is a simple, light-weight personal blog theme by ThemeShift. Version: 1.0.2 License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: delighted Domain Path: /languages/ Tags: gray, white, light, two-columns, right-sidebar, fixed-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, threaded-comments, translation-ready deLighted WordPress Theme, Copyright 2013 ThemeShift (Simon Rimkus) deLighted is distributed under the terms of the GNU GPL. delighted is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ /* =Reset -------------------------------------------------------------- */ 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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: thin dotted; } a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; } a img { border: 0; } /* =Global ----------------------------------------------- */ body { background-color: #e2e2e2; } body, button, input, select, textarea { color: #404040; font-family: 'Lora', Georgia, serif; font-weight: 400; font-size: 13px; font-size: 1.3rem; line-height: 1.8; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* Headings */ h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Archivo Narrow', sans-serif; } h1 { font-size: 32px; font-size: 3.2rem; } h2 { font-size: 28px; font-size: 2.8rem; } h3 { font-size: 24px; font-size: 2.4rem; } h4 { font-size: 18px; font-size: 1.8rem; } h5 { font-size: 16px; font-size: 1.6rem; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 20px; } /* Text elements */ p { margin-bottom: 20px; } ul, ol { margin: 0 0 20px 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 20px; } dt { font-weight: bold; } dd { margin: 0 20px 20px; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 20px; } address { margin: 0 0 20px; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } table { margin: 0 0 20px; width: 100%; } th { font-weight: bold; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ box-sizing:border-box; -moz-box-sizing:border-box; } button, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ } select { display: inline-block; height: 28px; padding: 4px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #404040; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } button, .button, html input[type="button"], input[type="reset"], input[type="submit"] { border: 0; border-radius: 3px; background: #71616b; color: #fff; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 13px; font-size: 1.3rem; line-height: 1; padding: 1em; } .button { -webkit-appearance: none; } button:hover, .button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #71616b; } button:focus, .button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background: #71616b; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { border: 1px solid #ccc; color: #666; border-radius: 2px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 11px 15px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 8px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } /* Links */ a { color: #71616b; } a:visited { color: #71616b; } a:hover, a:focus, a:active { color: #71616b; } a:active { position: relative; top: 1px; } a.button { display: inline-block; text-decoration: none; } a.button:hover, a.button:focus, a.button:active, a.button:visited { color: #fff; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 20px; } .alignright { display: inline; float: right; margin-left: 20px; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Clearing */ .clear:before, .clear:after, .wrap:before, .wrap:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .wrap:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /* =Page ----------------------------------------------- */ #page { width: 1100px; margin: 80px auto; -moz-box-shadow: 0px 0px 40px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 40px rgba(0,0,0,0.25); box-shadow: 0px 0px 40px rgba(0,0,0,0.25); } #primary { float: left; width: 640px; } #primary.full-width { float: none; width: 100%; } #secondary { float: right; width: 300px; } /* =Header ----------------------------------------------- */ .site-header { position: relative; padding: 80px 60px; background: url(img/bg-header.jpg) no-repeat center; color: #fff; text-align: center; } .site-branding { line-height: 1; font-size: 60px; font-size: 6.0rem; font-family: 'Archivo Narrow', sans-serif; text-shadow: 1px 1px 2px rgba(0,0,0,.25); } .site-branding a { color: inherit !important; text-decoration: none; } .site-branding em { color: #71616b; font-style: normal; } .site-description { display: inline-block; width: auto; margin-top: 5px; padding: 5px 40px; background-color: rgba(20,20,20,.25); font-family: 'Lora', Georgia, serif; font-size: inherit; font-weight: 700 !important; } .site-header-right { position: absolute; right: 60px; bottom: 40px; } /* =Menu ----------------------------------------------- */ .main-navigation { position: relative; display: block; margin: -80px -60px 80px; padding: 0 60px; background-color: rgba(48,48,48,.75); text-align: left; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; margin-right: 20px; line-height: 50px; color: #fff !important; text-decoration: none; } .main-navigation ul ul { position: absolute; left: -16px; top: 50px; display: none; float: left; z-index: 99999; padding: 8px 0; background-color: rgba(255,255,255,.9); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); } .main-navigation ul ul ul { left: 100%; top: -8px; } .main-navigation ul ul a { width: 150px; margin-right: 0; padding: 8px 16px; line-height: 1; color: #404040 !important; } .main-navigation ul ul a:hover { color: #71616b; } .main-navigation ul ul li { } .main-navigation li:hover > a { } .main-navigation ul ul :hover > a { } .main-navigation ul ul a:hover { } .main-navigation ul li:hover > ul { display: block; } .main-navigation li.current_page_item a, .main-navigation li.current-menu-item a { } /* =Content ----------------------------------------------- */ .site-content { position: relative; padding: 60px 60px 0; background-color: #fff; word-wrap: break-word; } .widget-area { padding-bottom: 20px; } .widget-area .widget { margin-bottom: 40px; } .sticky { } .label { display: inline-block; margin-right: 5px; padding: 5px 10px; line-height: 1; background-color: #71616b; color: #fff; font-size: 11px; font-size: 1.1rem; font-weight: bold; border-radius: 3px; } .hentry { margin: 0 0 20px; } .byline, .updated { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .page .entry-content, .single-post .entry-content, .entry-summary { margin-top: -5px; padding-bottom: 10px; } .search .post .entry-summary, .search .page .entry-summary { margin-top: -5px; margin-bottom: -20px; } .single-attachment .entry-content { padding-top: 10px; padding-bottom: 30px; text-align: center; } .entry-attachment .entry-caption { margin-bottom: -20px; } .single-post .entry-image, .page .page .entry-image { margin-bottom: 15px; padding-top: 5px; } .page-links { clear: both; margin: 0 0 20px; } .entry-header .entry-content { margin-bottom: 20px; } .blog .post, .search .post, .search .page, .archive .post { margin-bottom: 40px; clear: both; } .blog .post .entry-meta, .search .post .entry-meta, .search .page .entry-meta, .archive .post .entry-meta { margin-top: 15px; margin-bottom: 20px; } footer.entry-meta { margin-bottom: 60px; padding-top: 20px; border-top: 1px dotted #b0b0b0; font-size: 12px; font-size: 1.2rem; } .entry-meta .entry-meta { margin-bottom: 15px; } .blog .entry-image, .search .entry-image, .archive .entry-image { position: relative; float: right; width: 300px; margin-left: 30px; line-height: 0; } .blog .entry-image a, .search .entry-image a, .archive .entry-image a { display: block; } .blog .entry-image .overlay, .search .entry-image .overlay, .archive .entry-image .overlay { position: absolute; top: 0; right: 0; padding: 7px 10px; line-height: 1; background: rgba(66,169,122,.75); color: #fff; font-family: 'Archivo Narrow', sans-serif; text-transform: uppercase; letter-spacing: 1px; } .error-404 { margin-bottom: 60px; } .moretag-wrap { margin-bottom: 20px; } /* Titles */ .title, .comment-reply-title { position: relative; margin-bottom: 30px; padding-bottom: 15px; line-height: 1; border-bottom: 1px dotted #b0b0b0; font-size: 18px; font-size: 1.8rem; } .comment-reply-title { margin-bottom: 15px; } .widget-area .title { margin-bottom: 25px; } .title-actions { float: right; width: auto; padding: 3px 0 0; font-size: 12px; } .title-actions div { display: inline-block; margin: 0 10px 0 0; } .title-actions div:last-child { margin-right: 0px; } .entry-title, .entry-meta { line-height: 1; } .page-title h1 { width: auto; max-width: 60%; font-size: 20px; text-transform: uppercase; } .entry-title h1 a { color: inherit; text-decoration: none; } .entry-title h1 a:hover { color: #71616b; } .title h2 { font-size: 18px; text-transform: uppercase; } .entry-title-meta { position: absolute; top: 0; right: 0; } .entry-title-meta span { display: inline-block; height: inherit; line-height: 20px; margin: 0 0 0 20px; color: #71616b; font-family: 'Archivo Narrow', sans-serif; text-transform: uppercase; letter-spacing: 1px; } .blog .post h1, .search .post h1, .search .page h1, .archive .post h1, .search .property h1, .archive .property h1 { margin-bottom: 15px; font-size: 24px; font-weight: normal; clear: none; } .taxonomy-description { margin-top: 15px; margin-bottom: -10px; line-height: 1.8; font-size: 13px; font-size: 1.3rem; } /* =Footer ----------------------------------------------- */ .site-footer { padding: 60px; background-color: #404040; color: #fff; text-align: center; } /* =Media ----------------------------------------------- */ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 1px solid #ccc; margin-bottom: 20px; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .site-main .gallery { margin-bottom: 20px !important; } .gallery-caption { } .site-main .gallery a img { border: none !important; height: auto; max-width: 90%; } .site-main .gallery dd { margin: 0; } .site-main .gallery-columns-4 .gallery-item { } .site-main .gallery-columns-4 .gallery-item img { } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* Custom image gallery */ .image-gallery { padding-top: 10px; } .image-gallery-item { float: left; margin-right: 0; margin-bottom: 40px; padding: 0 !important; line-height: 0; } .image-gallery-item:nth-child(odd) { margin-right: 40px; } .image-gallery-item a, .image-gallery-item span { display: block; margin: 0 !important; padding: 0 !important; } .image-gallery-caption { line-height: 1.8; } /* =Navigation ----------------------------------------------- */ .site-main [class*="navigation"] { margin-top: -20px; padding-bottom: 60px; } .image-navigation { margin-top: 20px !important; } [class*="navigation"] .nav-previous { float: left; width: 50%; } [class*="navigation"] .nav-next { float: right; text-align: right; width: 50%; } .pagination { margin-top: -10px; margin-bottom: 60px; } .pagination ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination li { display: inline; } .pagination a { float: left; padding: 0 14px; line-height: 34px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; } .pagination a:hover, .pagination .active a { background-color: #f5f5f5; } .pagination .active a { color: #999999; cursor: default; } .pagination .disabled a, .pagination .disabled a:hover { color: #999999; background-color: transparent; cursor: default; } .pagination li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .pagination li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } /* =Comments ----------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { } .comment-list { margin-left: 0; margin-bottom: 0; } .comment-list li { list-style: none; } .comment-body { margin-bottom: 40px; } .trackback .comment-body { padding: 20px; background: #e8e8e8; } .comment-author .avatar { float: right; width: auto; } .comment-meta { margin-bottom: 15px; } .comment-respond { margin-bottom: 60px; } .comment-form label { display: block; } .comment-form input[type="text"], .comment-form textarea { width: 100%; } .no-comments { display: none; } /* =Widgets ----------------------------------------------- */ .widget { margin: 0 0 20px; word-wrap: break-word; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Calendar widget */ #wp-calendar { width: 100%; border-collapse: collapse; } #wp-calendar th, #wp-calendar td { padding: 5px 10px; border: 1px solid #e8e8e8; text-align: center; } #wp-calendar caption { padding: 5px; background: #71616b; color: #fff; font-weight: bold; text-align: center; } #wp-calendar tfoot td { background: none; } /* Tag Cloud */ .tagcloud { line-height: 1.2; } /* =Contact Form 7 ----------------------------------------------- */ .wpcf7 { margin-bottom: 40px !important; } .wpcf7-text, .wpcf7-textarea { width: 100%; } .wpcf7-submit { margin-top: 10px; padding-left: 40px !important; padding-right: 40px !important; } .sharedaddy { padding-top: 20px; } div.sharedaddy div.sd-block { padding-top: 20px !important; border-top: 1px dotted #b0b0b0 !important; }