0byt3m1n1
Path:
/
home1
/
aserty
/
public_html
/
bonniescraftygifts.com
/
iFzj4
/
configCHM
/
Jump
/
0-aserty
/
appartsoft.com
/
wp-content
/
wptouch-data
/
themes
/
classic-copy-1
/
iphone
/
[
Home
]
File: style.css
/* Theme Name: WPtouch Pro Classic Mobile Theme Author: BraveNewCode Inc. */ /* @group CSS Reset Declarations */ html,body,div,span,applet,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,strong,sub,sup,var,b,u,i,center,ol,ul,li,caption { border: 0; outline: 0; vertical-align: baseline; margin: 0; padding: 0; } ol,ul { list-style: none; margin: 0; padding: 0; } :focus { outline: 0; } ins,a { text-decoration: none; } .content *{ z-index: 0 !important; } .content div { max-width: 100%; } .wptouch-videos { -webkit-transform: translate3d(0,0,0); } /* @end */ /* @group Global General */ body { -webkit-text-size-adjust: 100%; position: relative; } .alignleft { float: left; margin-right: 15px; margin-bottom: 15px; } .aligncenter,.alignnone { text-align: center !important; margin-left: auto !important; margin-right: auto !important; float: none !important; display: block !important; } .alignright { float: right; margin-left: 15px; margin-bottom: 15px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .content img { max-width: 100%; height: auto; } blockquote { margin: 25px; } h1 { font-size: 20px; color: #333; } h2 { font-size: 18px; } h3 { font-size: 16px; color: #444; } h4 { font-size: 14px; color: #666; } h5 { font-size: 12px; color: #555; } h6 { font-size: 10px; color: #666; } .content h1,.content h2,.content h3,.content h4,.content h5,.content h6 { padding-top: 10px; padding-bottom: 10px; } .post ul,.post ol { font-size: 90%; color: #555; text-indent: -11px; line-height: 130%; margin-right: 15px; margin-left: 20px; margin-bottom: 10px; } .post ol li { list-style-type: decimal-leading-zero; list-style-position: inside; text-indent: -20px; margin-left: 20px; } .post li { list-style-type: disc; list-style-position: inside; padding-top: 5px; padding-bottom: 5px; } .left-justify { text-align: left; } .full-justify { text-align: justify; } .right-justify { text-align: right; direction: rtl; } #content .content p { line-height: 150%; } .content code { color: #555; background-color: #def8fe; overflow: scroll; padding: 5px; font: bold 85%/135% monospace; } iframe[src^='http://maps.google'] { width: 100%; max-width: 100%; } .wptouch-videos { -webkit-transform: translate3d(0,0,0); } /* @group Gallery & Captions */ .wp-caption { text-align: center; max-width: 99%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .wp-caption img { max-width: 100%; border: 1px solid #ccc; } .wp-caption p.wp-caption-text { color: #777; padding: 0; margin: 5px 0 0; font-size: 90%; font-style: italic; } .post.single .gallery { margin: 0; padding: 0; width: 100% !important; height: auto !important; } .post.single .gallery dl.gallery-item img.attachment-thumbnail { padding: 3px; margin: 10px; width: 50% !important; height: auto; } .post.single .gallery dl.gallery-item,.post.single .gallery dl.gallery-item dt.gallery-icon { margin: 0; } #singlentry .gallery dl.gallery-item dd.gallery-caption { font-size: 90%; color: #555; } /* @end */ /* @end */ /* @group Header */ #header { padding-left: 9px; height: 44px; padding-right: 9px; position: relative; text-align: left; z-index: 3; } #header * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* @group Logo & Title */ img#logo-icon { width: 30px; height: 30px; margin-right: 6px; margin-top: 8px; top: 0; left: 9px; float: left; } a#logo-title { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; width: 75%; display: block; letter-spacing: -1px; position: relative; margin-left: -9px; padding-top: 11px; padding-bottom: 11px; padding-left: 9px; } a#custom-logo-title { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; width: 83%; display: block; letter-spacing: -1px; position: absolute; float: left; margin-left: -9px; height: 43px; } img#retina-custom-logo { width: 270px; height: 44px; } /* @end */ /* @group Menu Toggle */ a#header-menu-toggle { display: block; font-size: 12px; letter-spacing: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 7px; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; -ms-transition-duration: 0.8s; transition-duration: 0.8s; position: absolute; top: 0; right: 9px; width: auto; min-width: 22px; padding: 6px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; z-index: 4; } a#header-menu-toggle img { padding-top: 1px; } /* @end */ /* @group Search */ #search-bar { width: 100%; position: relative; overflow: hidden; text-align: center; height: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; } #search-bar.show-search { position: relative; height: 39px; } #search-bar div { padding-top: 7px; } #search-bar input#search-input { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 5px; width: 90%; text-align: left; border-style: solid; margin: 0; font-size: 12px; font-weight: bold; border-width: 1px; } /* @end */ #main-menu { width: 100%; position: absolute; top: 44px; font-weight: bold; display: none; z-index: 2; } #main-menu * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-touch-callout: none; } #menu-container h2 { display: block; font-size: 14px; padding-top: 5px; padding-left: 10px; padding-bottom: 5px; text-align: left; } #main-menu li.active { background-color: rgba(0,0,0,.2); } /* @group Tab Bar */ #tab-bar { position: relative; height: 35px; width: auto; font-size: 10px; padding-top: 3px; padding-left: 9px; padding-right: 9px; text-align: left; direction: ltr; } #tab-inner-wrap-left { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; width: auto; display: inline-block; overflow: hidden; } #tab-inner-wrap-left a { margin: 0 -3px 0 0; display: inline-block; text-indent: -1000em; padding-top: 9px; padding-bottom: 9px; width: 40px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 41%; -moz-background-size: 41%; background-size: 41%; } #tab-inner-wrap-left a:first-child { border-left: none; } #tab-inner-wrap-left a.selected { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; border-left-style: solid; } #tab-inner-wrap-left a.first-tab.selected { -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; } #tab-inner-wrap-right { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; top: 3px; position: absolute; width: 33px; right: 9px; } #tab-inner-wrap-right a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; text-indent: -1000em; cursor: pointer; padding-top: 9px; padding-bottom: 9px; width: 33px; -webkit-background-size: 55%; -moz-background-size: 55%; background-size: 55%; } #tab-inner-wrap-right a.search-toggle-open { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; -ms-transition-duration: 0.8s; transition-duration: 0.8s; } /* @end */ /* @group Pages Menu */ #main-menu ul li { width: auto; text-align: left; } #main-menu ul li li { border-style: none; padding-left: 23px; } #main-menu ul ul li a { border-style: none; width: auto; } #main-menu ul li.has_children > a img { padding-right: 23px; } #main-menu ul li.open-tree li,#main-menu ul li.open-tree,#main-menu ul li.open-tree li a { border-style: none; } #main-menu ul ul li:last-child { padding-bottom: 5px; border-bottom-style: none; } #main-menu ul li a { display: block; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 12px 35px 12px 10px; } #main-menu ul li img { width: 26px; height: 26px; padding-right: 8px; position: relative; margin-bottom: -11px; float: left; bottom: 5px; } #main-menu ul li a { background: url(images/chevron.png) no-repeat 97% center; } #main-menu #menu-tab1 ul li.has_children > a { background: url(images/black-arrow-toggle.png) no-repeat 42px 14px; } #main-menu #menu-tab1 ul li a.arrow-toggle { background-position: 41px -15px; } .no-icons #main-menu #menu-tab1 ul li.has_children > a { background-position: 11px 14px; padding-left: 26px; } .no-icons #main-menu #menu-tab1 ul li a.arrow-toggle { background-position: 11px -15px; } /* @end */ /* @group Tags / Cats */ #menu-tab2 a,#menu-tab3 a { text-transform: uppercase; } #menu-tab2 a span,#menu-tab3 a span { position: relative; bottom: 1px; font-size: 12px; left: 4px; } /* @end */ /* @group Push Form */ #menu-tab4 { padding: 10px; } #menu-tab4 p { font-size: 11px; font-weight: bold; position: relative; top: 2px; margin-top: 10px; } #menu-tab4 input { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 3px; margin: 0; font-size: 13px; width: 170px; } #menu-tab4 input#prowl-submit { font-weight: bold; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; width: auto; margin-top: 4px; } #menu-tab4 textarea { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 14px; height: 80px; padding: 3px; width: 98%; line-height: 140%; } /* @end */ /* @group Login / Account */ #loginform ul li.inputs { padding-top: 15px; padding-bottom: 15px; } #loginform div { margin-right: 3%; text-align: right; } #loginform input[type="text"],#loginform input[type="password"] { width: 55%; padding: 5px; margin-bottom: 5px; font-size: 14px; margin-left: 3px; } #loginform input[type="submit"] { background-color: #eee; font-weight: bold; padding: 5px 8px; font-size: 14px; margin-left: 65px; } /* @end */ /* @group WordTwit Pro */ ul#wordtwit-list li { position: relative; } ul#wordtwit-list li a.tweet-link { padding: 0 10% 0 0; white-space: normal; margin-top: 0; margin-left: 0; margin-bottom: 0; width: 90%; -webkit-touch-callout: none; } ul#wordtwit-list li:nth-child(odd) { background-color: rgba(0,0,0,.05); } ul#wordtwit-list img { padding-top: 10px; border-width: 1px; padding-left: 15px; } ul#wordtwit-list p.t-name { padding: 10px 0 0; margin: 0; color: #eee; font-weight: bold; } ul#wordtwit-list span.t-time { font-weight: normal; font-style: normal; color: #999; position: absolute; top: 10px; right: 15px; font-size: 90%; } ul#wordtwit-list p { padding-left: 15px; padding-right: 15px; font-weight: normal; font-style: normal; color: #bbb; line-height: 1.3; margin-bottom: 0; padding-bottom: 10px; } /* @end */ /* @end */ /* @group Ads */ #google_ads_frame,#starter-node { margin-left: auto; margin-right: auto; } .portrait #inner-ajax .wptouch-custom-ad * { max-width: 320px; margin-top: 20px; position: relative; text-align: center; } .landscape #inner-ajax .wptouch-custom-ad * { max-width: 480px; text-align: center; margin-top: 20px; position: relative; } /* @end */ /* @group Main Posts */ /* @group Calendar Icons */ .calendar-box { text-align: center; position: relative; margin-right: 10px; margin-top: 0; border: 1px solid #c9c9c9; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 1px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; top: 3px; width: 38px; float: left; visibility: visible; } .idevice .calendar-box { -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(white)); } .cal-month { font-size: 9px; font-weight: bold; color: #fff; letter-spacing: 0; border-bottom: 1px solid #ececec; text-transform: uppercase; padding: 4px 10px 3px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 1px; } .cal-date { color: #222; background-color: #e9e9e9; text-shadow: white -1px -1px 1px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; letter-spacing: -2px; font: bold 19px Helvetica, "Arial Rounded MT Bold", Geneva, sans-serif; text-align: center; border: 1px solid #fff; border-top-style: none; padding: 1px 1px 2px 0; } /* The rest of the calendar styles are dynamically created */ /* @end */ /* @group Post Thumbnails (WP 2.9+ Only) */ .post .thumbnail-wrap { position: relative; float: left; display: block; height: 46px; width: 46px; margin-right: 8px; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .post img.attachment-post-thumbnail { width: 46px; height: 46px; border: 2px #FFF; } .idevice .post .thumbnail-wrap { -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white)); } .post img.attachment-post-thumbnail { -webkit-mask-box-image: url(images/thumb-corners-mask.png); } .device-webos .post img.attachment-post-thumbnail { -webkit-mask-box-image: none; } /* @end */ /* @group Com Bubbles */ .comment-bubble { z-index: 1; } .generic .comment-bubble { width: 23px; height: 19px; position: absolute; top: 3px; left: 37px; background: url(images/com-bubble-sprite.png) no-repeat 0 0; color: #fff; text-align: center; padding-top: 3px; font: bold 11px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: #c35a65 0 -1px 0; } .generic .comment-bubble.double { background-position: 0 -25px; width: 32px; height: 20px; left: 32px; } .generic .comment-bubble.triple { background-position: 0 -52px; height: 19px; width: 35px; left: 34px; padding-top: 2px; } .generic .thumbnails .comment-bubble { margin-left: 6px; } .disqus .comment-bubble { display: none; } .idevice .comment-bubble { background: -webkit-gradient( linear, left top, left bottom, from(#de939e), to(#a40717)); background: -webkit-linear-gradient(top, #de939e, #a40717); background: -moz-linear-gradient(top, #de939e, #a40717); background: -o-linear-gradient(top, #de939e, #a40717); background: -ms-linear-gradient(top, #de939e, #a40717); background: linear-gradient(top, #de939e, #a40717); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; height: 16px; width: auto; padding: 0 5px; color: #fff; text-align: center; border-style: solid; border-width: 2px; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; font: bold 12px "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif; position: absolute; left: 38px; top: 3px; -webkit-box-shadow: rgba(0,0,0, .6) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, .6) 0px 0px 3px; box-shadow: rgba(0,0,0, .6) 0px 0px 3px; } .idevice .comment-bubble.double { margin-left: -3px; } .idevice .comment-bubble.triple { margin-left: -8px; } /* @end */ .post { background-color: #fff; padding: 10px; border: 1px solid #b1b1b1; position: relative; margin: 15px 9px; overflow: hidden; } .rounded-corners-8px { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: rgba(255,255,255,.5) 0px 1px 0px; -moz-box-shadow: rgba(255,255,255,.5) 0px 1px 0px; box-shadow: rgba(255,255,255,.5) 0px 1px 0px; } .post .sticky-pushpin { width: 16px; height: 16px; display: block; background-image: url(images/sticky.png); position: absolute; top: 5px; left: 4px; z-index: 1; } .none .post .sticky-pushpin { top: -2px; left: -2px; -webkit-border-top-left-radius: 20px; } .post h2 { margin-bottom: 5px; letter-spacing: -1px; margin-right: 9%; margin-left: 50px; line-height: 100%; } .date-author-wrap .date,.date-author-wrap .post-author { font-size: 10px; font-weight: bold; color: #666; margin-right: 5px; margin-left: 54px; } .post .tags-and-categories { margin-top: 5px; margin-bottom: 5px; font-size: 10px; margin-left: 54px; color: #666; } .post .tags-and-categories a { font-weight: bold; } .none .post h2,.none .tags-and-categories,.none .date-author-wrap .date,.none .date-author-wrap .post-author { margin-left: auto; } .not-single .content,.not-page .content { padding-bottom: 10px; line-height: 150%; clear: both; padding-top: 10px; display: none; } .first-full-hidden .content.first-post,.full-shown .content,.excerpts-shown .content,.first-full-shown .content { display: block; } a.read-entry { display: block; padding-top: 10px; padding-bottom: 10px; font-weight: bold; background: #eee url(images/chevron.png) no-repeat 96% center; border-top: 1px solid #b1b1b1; margin: 10px -10px -20px; padding-left: 10px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; } a.excerpt-button { width: 22px; height: 18px; display: block; float: right; background: #eee url(images/post-arrow.png) no-repeat center 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #cacaca; -webkit-transition-duration: 600ms; -moz-transition-duration: 600ms; -o-transition-duration: 600ms; -ms-transition-duration: 600ms; transition-duration: 600ms; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } a.excerpt-button.open { -webkit-transform: rotate(180deg) !important; -moz-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; transform: rotate(180deg) !important; background: #e0e2e2 url(images/post-arrow.png) no-repeat center -13px; } /* @group Load More / Posts Nav */ .posts-nav { text-align: center; font-weight: bold; text-shadow: #fff 0 1px 1px; padding: 5px; } .posts-nav .left a { background: url(images/blue_arrow_sprite.png) no-repeat 0 -31px; padding-top: 7px; padding-bottom: 7px; float: left; padding-left: 32px; } .posts-nav .right a { float: right; padding-bottom: 7px; padding-top: 7px; padding-right: 32px; background: url(images/blue_arrow_sprite.png) no-repeat right 0; } .load-more-link { font-weight: bold; padding: 5px; display: block; font-size: 14px; margin-left: auto; margin-right: auto; background: url(images/ajax-loader-webapp.gif) no-repeat -1000px -1000px; text-align: center; width: 200px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; position: relative; } .load-more-link.ajax-spinner { background: url(images/ajax-loader-dark.gif) no-repeat 47% 5px; padding-left: 105px; right: 10%; } /* @end */ /* @end */ /* @group Single Post */ /* @group Post Navigation */ .post-navigation { height: 26px; margin-left: -10px; margin-right: -10px; position: relative; background: #ccc url(images/post-nav-bg.png) repeat-x; } .post-navigation.nav-top { margin-top: -10px; border-bottom: 1px solid #b2b2b2; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; margin-bottom: 12px; } .post-navigation.nav-bottom { margin-bottom: -10px; border-top: 1px solid #b2b2b2; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; clear: both; } .post-nav-back { border-right: 1px solid #eee; width: 37px; position: absolute; top: 0; left: 0; } .post-nav-middle { display: block; text-align: center; padding-top: 3px; width: 100%; text-shadow: #fff 0 1px 1px; line-height: 150%; } .post-navigation.nav-top .post-nav-middle a { background: url(images/up_down_arrow_sprite.png) no-repeat right -17px; padding-right: 14px; font-weight: bold; font-size: 11px; } .post-navigation.nav-bottom .post-nav-middle a { background: url(images/up_down_arrow_sprite.png) no-repeat right 2px; padding-right: 14px; font-weight: bold; font-size: 11px; } a.nav-back { float: left; display: block; background: url(images/single_post_nav_sprite.png) no-repeat 8px -18px; width: 18px; height: 18px; text-indent: -1000em; border-right: 1px solid #999; padding-right: 12px; padding-top: 8px; padding-left: 8px; } .post-nav-fwd { border-left: 1px solid #eee; width: 37px; position: absolute; top: 0; right: 0; } a.nav-fwd { float: right; display: block; background: url(images/single_post_nav_sprite.png) no-repeat 12px 5px; width: 18px; height: 18px; text-indent: -1000em; padding-top: 8px; padding-left: 12px; border-left: 1px solid #999; padding-right: 8px; } /* @end */ .post.single { line-height: 150%; overflow: hidden; } .single .content,.page .content { display: block; padding-top: 0; } .single .content p:first-child,.page .content p:first-child { margin-top: 0; } .post.single .date,.post.single .post-author { font-size: 11px; font-weight: bold; color: #666; display: block; margin: 0; } .post.single .post-categories { font-size: 11px; color: #666; font-weight: bold; } .post.single h2,.post.page h2 { margin-left: auto; } .single-post-meta-bottom { font-size: 11px; line-height: 150%; border-top: 1px solid #b1b1b1; margin-left: -10px; margin-right: -10px; background-color: #eee; margin-bottom: -10px; padding: 10px; clear: both; } .single-post-meta-bottom a { font-weight: bold; } .single-post-meta-bottom .post-page-cats { margin-bottom: 10px; } .post.single .wptouch-image-attachment { margin-bottom: 10px; } /* @group Attachement.php */ /* @end */ /* @end */ /* @group Share Area */ #action-buttons { margin-top: 24px; margin-bottom: 15px; text-align: center; } #action-buttons .grey-button { text-shadow: #fff 0 1px 0px; border: 1px solid #b1b1b1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: #fff 0px 1px 0px; -moz-box-shadow: #fff 0px 1px 0px; box-shadow: #fff 0px 1px 0px; padding: 6px 12px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background: -webkit-linear-gradient(top, #fff, #eee); background: -moz-linear-gradient(top, #fff, #eee); background: -o-linear-gradient(top, #fff, #eee); background: -ms-linear-gradient(top, #fff, #eee); background: linear-gradient(top, #fff, #eee); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } #action-buttons .grey-button.active { background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); background: -webkit-linear-gradient(top, #eee, #fff); background: -moz-linear-gradient(top, #eee, #fff); background: -o-linear-gradient(top, #eee, #fff); background: -ms-linear-gradient(top, #eee, #fff); background: linear-gradient(top, #eee, #fff); -webkit-box-shadow: inset rgba(0,0,0,.4) 0px 0px 4px; -moz-box-shadow: inset rgba(0,0,0,.4) 0px 0px 4px; box-shadow: inset rgba(0,0,0,.4) 0px 0px 4px; text-shadow: #fff 0 -1px 0; } ul#share-links { -webkit-box-shadow: inset rgba(0,0,0,.2) 0px 0px 4px; -moz-box-shadow: inset rgba(0,0,0,.2) 0px 0px 4px; box-shadow: inset rgba(0,0,0,.2) 0px 0px 4px; text-align: left; display: none; margin-right: auto; margin-left: auto; padding: 0; margin-top: 25px; } ul#share-links li { list-style-type: none; border-bottom: 1px solid #ccc; padding: 0; background: url(images/chevron.png) no-repeat 97% center; } ul#share-links li:last-child { border-bottom-style: none; } ul#share-links a { display: block; font-weight: bold; padding: 10px 20px; font-size: 120%; } /* @end */ /* @group Comments */ ol.commentlist { background-color: #fff; border: 1px solid #b1b1b1; position: relative; margin: 15px 9px; overflow: hidden; top: 0; clear: both; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10000)"; filter: alpha(opacity=10000); opacity: 100; height: 100%; } ol.commentlist.hidden { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; height: 0; } ol.commentlist li .comment-top.first { -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-style: none; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } ol.commentlist img.avatar.first { -webkit-border-top-left-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } ol.commentlist .com-down-arrow { background: url(images/reply-arrow.png) no-repeat 0 0; width: 25px; height: 25px; display: block; position: absolute; left: 48%; top: -6px; } ol.commentlist .comment-top { background-color: #eee; position: relative; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; height: 34px; text-shadow: #f7f7f7 0 1px 0; } ol.commentlist .comment-top .avatar,ol.commentlist .comment-top img { width: 34px; height: 34px; display: inline-block; float: left; border-right: 1px solid #b1b1b1; margin-right: 8px; } ol.commentlist span.fn { font-size: 13px; font-weight: bold; text-transform: capitalize; display: block; padding-top: 3px; max-width: 40%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } ol.commentlist .comment-meta { font-size: 11px; color: #888; display: block; padding-left: 8px; } .commentlist .comment-content { color: #333; font-size: 13px; line-height: 145%; margin-bottom: 30px; padding-left: 10px; padding-right: 10px; } /* @group Comment Pagination */ .navigation { clear: both; margin: 15px 9px 45px; } /* @end */ /* @group Edit and Reply Buttons */ .comment-buttons { width: 49%; text-align: right; position: absolute; top: 0; right: 0; height: 22px; padding-right: 4px; padding-top: 9px; } .comment-buttons a { text-shadow: #fff 0 1px 0px; border: 1px solid #b1b1b1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: #fff 0px 1px 0px; -moz-box-shadow: #fff 0px 1px 0px; box-shadow: #fff 0px 1px 0px; padding: 4px 8px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background: -webkit-linear-gradient(top, #fff, #eee); background: -moz-linear-gradient(top, #fff, #eee); background: -o-linear-gradient(top, #fff, #eee); background: -ms-linear-gradient(top, #fff, #eee); background: linear-gradient(top, #fff, #eee); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: bold; font-size: 80%; -webkit-touch-callout: none; } .comment-buttons a.active { text-shadow: #fff 0 1px 0px; border: 1px solid #b1b1b1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: inset rgba(0,0,0,.5) 0px 0px 4px; -moz-box-shadow: inset rgba(0,0,0,.5) 0px 0px 4px; box-shadow: inset rgba(0,0,0,.5) 0px 0px 4px; padding: 4px 8px; background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); background: -webkit-linear-gradient(top, #eee, #fff); background: -moz-linear-gradient(top, #eee, #fff); background: -o-linear-gradient(top, #eee, #fff); background: -ms-linear-gradient(top, #eee, #fff); background: linear-gradient(top, #eee, #fff); } /* @end */ /* @group Load More */ ol.commentlist li.load-more-comments-link a { text-align: center; font-weight: bold; text-shadow: #fff 0 1px 1px; display: block; font-size: 14px; width: 175px; padding: 5px 5px 5px 15px; margin: 25px auto 15px; } ol.commentlist li.load-more-comments-link a.ajax-spinner { background: url(images/ajax-loader-light.gif) no-repeat left 5px; } /* @end */ /* @group Pingbacks */ ol.commentlist .pingback .comment-meta { left: 7px; } ol.commentlist .pingback a.comment-edit-link,ol.commentlist .pingback a.comment-reply-link { display: none; } ol.commentlist li.pingback .comment-author { background-color: #fefbec; } ol.commentlist li.pingback cite.fn a { color: #777; } /* @end */ /* @end */ /* @group Leaving A Comment */ a.com-toggle { width: 40%; text-align: center; font-size: 13px; font-weight: bold; display: block; margin: 0 auto 15px; float: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } a.com-toggle.active { background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); background: -webkit-linear-gradient(top, #eee, #fff); background: -moz-linear-gradient(top, #eee, #fff); background: -o-linear-gradient(top, #eee, #fff); background: -ms-linear-gradient(top, #eee, #fff); background: linear-gradient(top, #eee, #fff); -webkit-box-shadow: inset rgba(0,0,0,.4) 0px 0px 4px; -moz-box-shadow: inset rgba(0,0,0,.4) 0px 0px 4px; box-shadow: inset rgba(0,0,0,.4) 0px 0px 4px; text-shadow: #fff 0 -1px 0; } #com-arrow { position: relative; top: 1px; -webkit-transform: scale(1.0) rotate(0deg); -moz-transform: scale(1.0) rotate(0deg); -o-transform: scale(1.0) rotate(0deg); -ms-transform: scale(1.0) rotate(0deg); transform: scale(1.0) rotate(0deg); -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; -ms-transition-duration: 0.6s; transition-duration: 0.6s; margin-right: 5px; height: 12px; width: 12px; } #com-arrow.com-arrow-down { -webkit-transform: scale(1.0) rotate(90deg) !important; -moz-transform: scale(1.0) rotate(90deg) !important; -o-transform: scale(1.0) rotate(90deg) !important; -ms-transform: scale(1.0) rotate(90deg) !important; transform: scale(1.0) rotate(90deg) !important; } #respond h3 { letter-spacing: -1px; font-size: 17px; margin: 25px 9px 10px; display: block; } p.nocomments,#respond p { letter-spacing: 0; font-size: 16px; margin: 25px 9px 10px; font-weight: bold; text-align: center; } #respond p { text-align: left; } .preview { background-color: #fdeeab; color: #bf7b20; font-weight: bold; text-shadow: #fff 0 1px 1px; font-size: 11px; } .preview span { position: absolute; right: 62px; top: 8px; padding-right: 15px; } form#commentform p { font-size: 11px; font-weight: bold; position: relative; top: 2px; margin-top: 10px; } form#commentform input { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #adadad; padding: 3px; margin: 0; font-size: 13px; color: #444; width: 170px; } form#commentform input#submit { color: #555; font-weight: bold; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; background-color: #eee; border: 1px solid #aaa; text-shadow: #fff 0 1px 0; width: auto; } textarea#comment { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #adadad; font-size: 14px; color: #444; padding: 3px; line-height: 140%; height: 80px; width: 98%; -webkit-box-shadow: rgba(255,255,255,.5) 0px 1px 0px; -moz-box-shadow: rgba(255,255,255,.5) 0px 1px 0px; box-shadow: rgba(255,255,255,.5) 0px 1px 0px; } textarea#comment.loading { background: #cccece url(images/ajax-loader-dark.gif) no-repeat center center; -webkit-box-shadow: inset rgba(0,0,0,.2) 0px 0px 12px; -moz-box-shadow: inset rgba(0,0,0,.2) 0px 0px 12px; box-shadow: inset rgba(0,0,0,.2) 0px 0px 12px; color: #98a3a7; } textarea#comment.success { border-color: #79a171; background: #edfeef url(images/success.png) no-repeat center center; } textarea#comment.error { border-color: #f2b83a; background: #fdfcd1 url(images/failed.png) no-repeat center center; } #loading { position: relative; background-color: #dedede; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #9fa5ac; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); opacity: 0.85; margin: 0; bottom: 166px; text-align: center; width: 98%; height: 64px; max-width: 453px; padding: 50px 3px 2px; } #loading p { display: inline; position: relative; bottom: 3px; left: 3px; font-size: 12px; font-weight: bold; } form#commentform label { font-size: 12px; font-weight: bold; } /* @group Inline Replies */ .commentlist #respond { position: relative; background-color: #eee; border: 1px solid #ccc; margin-left: 10px; margin-right: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom: 10px; } .commentlist #respond:before { content: url(images/reply-arrow.png); position: absolute; top: -6px; left: 47%; } #respond a#cancel-comment-reply-link { font-weight: bold; font-size: 80%; padding: 4px 8px; position: absolute; top: 8px; right: 8px; border: 1px solid #b1b1b1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: #fff 0 1px 0px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: #fff 0px 1px 0px; -moz-box-shadow: #fff 0px 1px 0px; box-shadow: #fff 0px 1px 0px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background: -webkit-linear-gradient(top, #fff, #eee); background: -moz-linear-gradient(top, #fff, #eee); background: -o-linear-gradient(top, #fff, #eee); background: -ms-linear-gradient(top, #fff, #eee); background: linear-gradient(top, #fff, #eee); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } #respond a#cancel-comment-reply-link.active { text-shadow: #fff 0 1px 0px; border: 1px solid #b1b1b1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: inset rgba(0,0,0,.5) 0px 0px 4px; -moz-box-shadow: inset rgba(0,0,0,.5) 0px 0px 4px; box-shadow: inset rgba(0,0,0,.5) 0px 0px 4px; padding: 4px 8px; background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); background: -webkit-linear-gradient(top, #eee, #fff); background: -moz-linear-gradient(top, #eee, #fff); background: -o-linear-gradient(top, #eee, #fff); background: -ms-linear-gradient(top, #eee, #fff); background: linear-gradient(top, #eee, #fff); } .commentlist #respond h3 { color: #333; font-size: 15px; letter-spacing: 0; text-shadow: none; margin-top: 30px; margin-bottom: 20px; width: 60%; } .commentlist p.nocomments,.commentlist #respond p { text-align: left; text-shadow: #fff 0 1px 0; } /* @end */ /* @end */ /* @group Pages */ .post.page-title-area { margin-bottom: 25px; } .dark-icon .page-title-area img { background: #444; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #111; padding: 2px; } .post.page-title-area img { float: left; width: 32px; height: 32px; margin-right: 10px; } .post.page-title-area .thumbnail-wrap img { width: auto; height: auto; max-width: 44px; max-height: 44px; } .post.page-title-area h2 { margin-top: 6px; margin-bottom: 6px; margin-left: 40px; line-height: 100%; } .no-icons .post.page-title-area h2 { margin-left: 0; } /* @end */ /* @group Archive Views */ .four-oh-four-title h2 { margin-left: auto; font-size: 18px; } .four-oh-four-content { min-height: 150px; line-height: 150%; font-size: 14px; } .archive-text { letter-spacing: -1px; font-size: 17px; margin: 25px 9px 10px; font-weight: bold; } /* @end */ /* @group Custom Archives & Links Pages */ .linkcat h2,h2.wptouch-archives,h2.iphone-list { letter-spacing: 0; font-size: 16px; margin: 25px 9px 10px; text-transform: capitalize; } .linkcat li { list-style-type: none; } .linkcat ul,ul.wptouch-archives,ul.iphone-list { margin-left: 9px; margin-right: 9px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #fff; border: 1px solid #b1b1b1; } .linkcat ul li,ul.wptouch-archives li,ul.iphone-list li { border-bottom: 1px solid #b1b1b1; background: url(images/chevron.png) no-repeat 98% center; } ul.iphone-list li { background-image: none; font-weight: bold; padding: 10px; } ul.iphone-list li span { display: inline-block; float: right; } .linkcat ul li a,ul.wptouch-archives a { font-size: 12px; padding-top: 12px; padding-bottom: 12px; padding-left: 9px; font-weight: bold; display: block; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; width: 90%; overflow: hidden; } .linkcat ul li:last-child,ul.wptouch-archives li:last-child,ul.iphone-list li:last-child { border-bottom-style: none; } /* @end */ /* @group Footer Area */ .footer { text-align: center; margin-top: 25px; margin-bottom: 25px; font-size: 11px; font-weight: bold; background-image: url(images/ajax-loader-dark.gif), url(images/ajax-loader-light.gif), url(images/retina/retina-ajax-loader.gif), url(images/retina/retina-com-ajax-loader.gif); background-repeat: no-repeat; background-position: -1000em; } #wptouch-query { display: block; margin-top: 8px; font-size: 14px; } /* @group Toggle Button */ #switch { text-align: left; font-weight: bold; font-size: 14px; margin: 60px 9px 25px; background-color: #fff; border: 1px solid #b1b1b1; padding: 12px 8px; position: relative; } #switch div { border: 1px solid #b1b1b1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; font-size: 14px; position: absolute; top: 8px; right: 8px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d3d3d3), color-stop(.5, #eee), color-stop(.51, #e9e9e9)); background: -webkit-linear-gradient(top, #fff, #d3d3d3, #eee .5, #e9e9e9 .51); background: -moz-linear-gradient(top, #fff, #d3d3d3, #eee .5, #e9e9e9 .51); background: -o-linear-gradient(top, #fff, #d3d3d3, #eee .5, #e9e9e9 .51); background: -ms-linear-gradient(top, #fff, #d3d3d3, #eee .5, #e9e9e9 .51); background: linear-gradient(top, #fff, #d3d3d3, #eee .5, #e9e9e9 .51); color: #333; text-shadow: #fff 0 1px 0; } #switch .on { padding: 4px 12px 3px; float: left; display: block; border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; border-right: 1px solid #b1b1b1; } #switch .off { border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; padding: 4px 8px 3px; display: block; float: right; border-left: 1px solid #b1b1b1; } #switch .active { background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#d3d3d3), color-stop(.5, #eee), color-stop(.51, #e9e9e9)); background: -webkit-linear-gradient(,, #fff, #d3d3d3, #eee .5, #e9e9e9 .51); background: -moz-linear-gradient(,, #fff, #d3d3d3, #eee .5, #e9e9e9 .51); background: -o-linear-gradient(,, #fff, #d3d3d3, #eee .5, #e9e9e9 .51); background: -ms-linear-gradient(,, #fff, #d3d3d3, #eee .5, #e9e9e9 .51); background: linear-gradient(,, #fff, #d3d3d3, #eee .5, #e9e9e9 .51); text-shadow: #FFF 0 1px 0; -webkit-box-shadow: inset rgba(0,0,0,.4) 0px 0px 7px; -moz-box-shadow: inset rgba(0,0,0,.4) 0px 0px 7px; box-shadow: inset rgba(0,0,0,.4) 0px 0px 7px; border-style: none; } /* @end */ /* @end */ /* @group Flickr Photos */ #content .wptouch-flickr-photos { margin-top: 35px; padding-left: 1%; padding-right: 0; text-align: center; } #content .wptouch-flickr-photos a img { width: 58px; height: 58px; border: 2px solid #aaa; margin: 5px; } /* @end */ /* @group Add2home */ #addToHomeScreen { z-index: 9999; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 208px; font-size: 13px; padding: 10px; text-align: left; font-family: helvetica; background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3)); background-image: -webkit-linear-gradient(, #eee 0.02, #ccc 0.98, #a3a3a3); background-image: -moz-linear-gradient(, #eee 0.02, #ccc 0.98, #a3a3a3); background-image: -o-linear-gradient(, #eee 0.02, #ccc 0.98, #a3a3a3); background-image: -ms-linear-gradient(, #eee 0.02, #ccc 0.98, #a3a3a3 ); background: linear-gradient(, #eee 0.02, #ccc 0.98, #a3a3a3); border: 1px solid #505050; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; color: #333; text-shadow: 0 1px 0 rgba(255,255,255,0.75); line-height: 130%; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.5); box-shadow: 0 0 4px rgba(0,0,0,0.5); } #addToHomeScreen.wide { width: 240px; } #addToHomeScreen .arrow { position: absolute; background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc)); background-image: -webkit-linear-gradient(, rgba(204 0.4, #ccc 0.4); background-image: -moz-linear-gradient(, rgba(204 0.4, #ccc 0.4); background-image: -o-linear-gradient(, rgba(204 0.4, #ccc 0.4); background-image: -ms-linear-gradient(, rgba(204 0.4, #ccc 0.4); background: linear-gradient(, rgba(204 0.4, #ccc 0.4); border-width: 0 1px 1px 0; border-style: solid; border-color: #505050; width: 16px; height: 16px; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg); bottom: -9px; left: 50%; margin-left: -8px; -webkit-box-shadow: inset -1px -1px 0 #a9a9a9; -moz-box-shadow: inset -1px -1px 0 #a9a9a9; box-shadow: inset -1px -1px 0 #a9a9a9; -webkit-border-bottom-right-radius: 2px; } #addToHomeScreen.ipad .arrow { -webkit-transform: rotateZ(-135deg); -moz-transform: rotateZ(-135deg); -o-transform: rotateZ(-135deg); -ms-transform: rotateZ(-135deg); transform: rotateZ(-135deg); background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee)); background-image: -webkit-linear-gradient(, rgba(238 0.4, #eee 0.4); background-image: -moz-linear-gradient(, rgba(238 0.4, #eee 0.4); background-image: -o-linear-gradient(, rgba(238 0.4, #eee 0.4); background-image: -ms-linear-gradient(, rgba(238 0.4, #eee 0.4); background: linear-gradient(, rgba(238 0.4, #eee 0.4); -webkit-box-shadow: inset -1px -1px 0 #fff; -moz-box-shadow: inset -1px -1px 0 #fff; box-shadow: inset -1px -1px 0 #fff; top: -9px; bottom: auto; left: 50%; } #addToHomeScreen .close { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; right: 2px; top: 2px; width: 14px; height: 14px; line-height: 10px; text-align: center; text-indent: 1px; font-size: 14px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: rgba(0,0,0,0.12); color: #707070; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; font-size: 13px; } #addToHomeScreen .plus { font-weight: bold; font-size: 1.3em; } #addToHomeScreen .share { display: inline-block; width: 18px; height: 15px; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==); -webkit-background-size: 18px 15px; -moz-background-size: 18px 15px; background-size: 18px 15px; text-indent: -9999em; overflow: hidden; } #addToHomeScreen .touchIcon { display: block; float: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.9); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.9); box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.9); background-repeat: none; width: 44px; height: 44px; -webkit-background-size: 44px 44px; -moz-background-size: 44px 44px; background-size: 44px 44px; margin: 0 10px 5px 0; border: 1px solid #333; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } @media all and (-webkit-min-device-pixel-ratio: 2) { #addToHomeScreen .share { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC); } } /* @end */ /* @group Welcome & Prowl Message, Noscript */ #welcome-message,#prowl-message,#noscript { background-color: rgba(0,0,0,.5); position: absolute; left: 0; font-size: 16px; right: 0; padding: 25px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); opacity: 0.95; text-align: center; top: 45px; z-index: 9; } #welcome-message { display: none; bottom: 0; background-color: #fff; } #welcome-message a#close-msg { font-weight: bold; color: #fff; text-shadow: #4b4e51 0 -1px 0; background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#000), color-stop(0.03, #666), color-stop(0.98, #111)); background: -webkit-linear-gradient(top, #555, #000, #666 0.03, #111 0.98); background: -moz-linear-gradient(top, #555, #000, #666 0.03, #111 0.98); background: -o-linear-gradient(top, #555, #000, #666 0.03, #111 0.98); background: -ms-linear-gradient(top, #555, #000, #666 0.03, #111 0.98); background: linear-gradient(top, #555, #000, #666 0.03, #111 0.98); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: #eee 0px 1px 0px; -moz-box-shadow: #eee 0px 1px 0px; box-shadow: #eee 0px 1px 0px; text-transform: capitalize; padding: 6px 12px; font-size: 14px; border: 1px solid #4e4f51; overflow: hidden; } /* @group Prowl */ #prowl-message { display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 11px; font-weight: bold; color: white; width: 125px; text-align: center; top: 100px; text-shadow: #000000 0px 0px 1px; padding: 10px; height: auto; margin-left: auto; margin-right: auto; } #prowl-message span.success { background: #222 url(images/success.png) no-repeat center 10px; display: block; padding-top: 40px; padding-bottom: 20px; color: lightgreen; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #prowl-message span.failed { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #222 url(images/failed.png) no-repeat center 10px; display: block; color: #fecb3f; padding: 40px 15px 15px; } /* @end */ /* @end */ /* @group Web App Mode */ .web-app #content { padding-bottom: 30px; } #progress { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: white; font-size: 16px; line-height: 58px; text-align: center; background: rgba(0,0,0,.7) url(images/ajax-loader-webapp.gif) no-repeat center center; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)"; filter: alpha(opacity=92); opacity: 0.92; text-shadow: #000000 0 1px 0; letter-spacing: 0; font-weight: bold; height: 50px; width: 50px; -webkit-animation-duration: 1s; -webkit-animation-name: refreshedPop; -moz-animation-name: refreshedPop; -ms-animation-name: refreshedPop; animation-name: refreshedPop; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform-style: preserve-3d; -webkit-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; z-index: 9999; position: absolute; top: -1000px; left: -1000px; } #progress.done { -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; -ms-transition: -ms-transform .5s; transition: transform .5s; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .web-app.black-translucent #header { margin-top: 20px; } .web-app.black-translucent #content { padding-top: 10px; } .web-app .post a > img { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } @keyframes "refreshedPop" { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 14% { -webkit-transform: scale(.85); -moz-transform: scale(.85); -o-transform: scale(.85); -ms-transform: scale(.85); transform: scale(.85); } 26% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 39% { -webkit-transform: scale(.92); -moz-transform: scale(.92); -o-transform: scale(.92); -ms-transform: scale(.92); transform: scale(.92); } 52% { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } 69% { -webkit-transform: scale(.99); -moz-transform: scale(.99); -o-transform: scale(.99); -ms-transform: scale(.99); transform: scale(.99); } 80% { -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-moz-keyframes "refreshedPop" { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 14% { -webkit-transform: scale(.85); -moz-transform: scale(.85); -o-transform: scale(.85); -ms-transform: scale(.85); transform: scale(.85); } 26% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 39% { -webkit-transform: scale(.92); -moz-transform: scale(.92); -o-transform: scale(.92); -ms-transform: scale(.92); transform: scale(.92); } 52% { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } 69% { -webkit-transform: scale(.99); -moz-transform: scale(.99); -o-transform: scale(.99); -ms-transform: scale(.99); transform: scale(.99); } 80% { -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes "refreshedPop" { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 14% { -webkit-transform: scale(.85); -moz-transform: scale(.85); -o-transform: scale(.85); -ms-transform: scale(.85); transform: scale(.85); } 26% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 39% { -webkit-transform: scale(.92); -moz-transform: scale(.92); -o-transform: scale(.92); -ms-transform: scale(.92); transform: scale(.92); } 52% { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } 69% { -webkit-transform: scale(.99); -moz-transform: scale(.99); -o-transform: scale(.99); -ms-transform: scale(.99); transform: scale(.99); } 80% { -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-ms-keyframes "refreshedPop" { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 14% { -webkit-transform: scale(.85); -moz-transform: scale(.85); -o-transform: scale(.85); -ms-transform: scale(.85); transform: scale(.85); } 26% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 39% { -webkit-transform: scale(.92); -moz-transform: scale(.92); -o-transform: scale(.92); -ms-transform: scale(.92); transform: scale(.92); } 52% { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } 69% { -webkit-transform: scale(.99); -moz-transform: scale(.99); -o-transform: scale(.99); -ms-transform: scale(.99); transform: scale(.99); } 80% { -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /* @group iOS 5 */ .ios5.web-app #header { position: fixed; top: 0; right: 0; left: 0; } .ios5.web-app #main-menu { position: fixed; top: 44px; } .ios5.web-app.black-translucent #main-menu { top: 64px; } .ios5.web-app #content { margin-top: 56px; } .ios5.web-app #share-absolute { position: fixed; } .ios5.web-app.portrait #menu-container > div { -ms-overflow-y: scroll; overflow-y: scroll; -webkit-overflow-scrolling: touch; max-height: 376px; } .ios5.web-app.landscape #menu-container > div { -ms-overflow-y: scroll; overflow-y: scroll; -webkit-overflow-scrolling: touch; max-height: 216px; } .ios5 #main-menu ul li * { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* @end */ /* @end */ /* iPhone 4-specific styles go here: */ @media all and (-webkit-min-device-pixel-ratio: 2) { #prowl-message span.success { background: #222 url(images/retina/retina-success.png) no-repeat center 5px; -webkit-background-size: 19%; -moz-background-size: 19%; background-size: 19%; } #prowl-message span.failed { background: #222 url(images/retina/retina-failed.png) no-repeat center 5px; -webkit-background-size: 19%; -moz-background-size: 19%; background-size: 19%; } /* @group Tabs */ /* @group Light */ #tab-inner-wrap-left a#tab-pages { background-image: url(images/retina/tab-bar/retina-pages.png); -webkit-background-size: 40%; -moz-background-size: 40%; background-size: 40%; } #tab-inner-wrap-left a#tab-categories { background-image: url(images/retina/tab-bar/retina-cats.png); -webkit-background-size: 40%; -moz-background-size: 40%; background-size: 40%; } #tab-inner-wrap-left a#tab-tags { background-image: url(images/retina/tab-bar/retina-tags.png); -webkit-background-size: 44%; -moz-background-size: 44%; background-size: 44%; } #tab-inner-wrap-left a#tab-push { background-image: url(images/retina/tab-bar/retina-push.png); -webkit-background-size: 50%; -moz-background-size: 50%; background-size: 50%; } #tab-inner-wrap-left a#tab-login { background-image: url(images/retina/tab-bar/retina-user.png); -webkit-background-size: 50%; -moz-background-size: 50%; background-size: 50%; } #tab-inner-wrap-right a#tab-search { background-image: url(images/retina/tab-bar/retina-search.png); -webkit-background-size: 50%; -moz-background-size: 50%; background-size: 50%; } #tab-inner-wrap-left a#tab-twitter { background-image: url(images/retina/tab-bar/retina-twitter.png); -webkit-background-size: 58%; -moz-background-size: 58%; background-size: 58%; } /* @end */ /* @group Dark */ .silver-sheen #tab-inner-wrap-left a#tab-pages { background-image: url(images/retina/tab-bar/retina-pages-dark.png); -webkit-background-size: 40%; -moz-background-size: 40%; background-size: 40%; } .silver-sheen #tab-inner-wrap-left a#tab-categories { background-image: url(images/retina/tab-bar/retina-cats-dark.png); -webkit-background-size: 40%; -moz-background-size: 40%; background-size: 40%; } .silver-sheen #tab-inner-wrap-left a#tab-tags { background-image: url(images/retina/tab-bar/retina-tags-dark.png); -webkit-background-size: 44%; -moz-background-size: 44%; background-size: 44%; } .silver-sheen #tab-inner-wrap-left a#tab-push { background-image: url(images/retina/tab-bar/retina-push-dark.png); -webkit-background-size: 50%; -moz-background-size: 50%; background-size: 50%; } .silver-sheen #tab-inner-wrap-left a#tab-login { background-image: url(images/retina/tab-bar/retina-user-dark.png); -webkit-background-size: 50%; -moz-background-size: 50%; background-size: 50%; } .silver-sheen #tab-inner-wrap-right a#tab-search { background-image: url(images/retina/tab-bar/retina-search-dark.png); -webkit-background-size: 50%; -moz-background-size: 50%; background-size: 50%; } /* @end */ /* @end */ #main-menu ul li a { background: url(images/retina/retina-chevron.png) no-repeat 97% center; -webkit-background-size: 2.9%; -moz-background-size: 2.9%; background-size: 2.9%; } #main-menu #menu-tab1 ul li.has_children > a { background: url(images/retina/retina-black-arrow-toggle.png) no-repeat 42px 14px; -webkit-background-size: 4%; -moz-background-size: 4%; background-size: 4%; } .landscape #main-menu #menu-tab1 ul li.has_children > a { -webkit-background-size: 2.5%; -moz-background-size: 2.5%; background-size: 2.5%; } #main-menu #menu-tab1 ul li a.arrow-toggle { background-position: 41px -17px; } .no-icons #main-menu #menu-tab1 ul li.has_children > a { background-position: 11px 14px; padding-left: 26px; } .no-icons #main-menu #menu-tab1 ul li a.arrow-toggle { background-position: 11px -17px; } /* @group Post Navigation */ a.nav-fwd { background: url(images/retina/retina-single_post_nav_sprite.png) no-repeat 11px 4px; -webkit-background-size: 48%; -moz-background-size: 48%; background-size: 48%; } a.nav-back { background: url(images/retina/retina-single_post_nav_sprite.png) no-repeat 11px -19px; -webkit-background-size: 48%; -moz-background-size: 48%; background-size: 48%; } .post-navigation.nav-top .post-nav-middle a { background: url(images/retina/retina-up_down_arrow_sprite.png) no-repeat right -11pt; -webkit-background-size: 9%; -moz-background-size: 9%; background-size: 9%; } .post-navigation.nav-bottom .post-nav-middle a { background: url(images/retina/retina-up_down_arrow_sprite.png) no-repeat right 2pt; -webkit-background-size: 13%; -moz-background-size: 13%; background-size: 13%; } /* @end */ .post .sticky-pushpin { background-image: url(images/retina/retina-sticky.png); -webkit-background-size: 100%; -moz-background-size: 100%; background-size: 100%; } .post img.attachment-post-thumbnail { -webkit-mask-box-image: url(images/retina/retina-thumb-mask.png); } a.read-entry { background: #eee url(images/retina/retina-chevron.png) no-repeat 96% center; -webkit-background-size: 2.8%; -moz-background-size: 2.8%; background-size: 2.8%; } a.excerpt-button { background: #e0e2e2 url(images/retina/retina-up_down_arrow_sprite.png) no-repeat center -14px; -webkit-background-size: 50%; -moz-background-size: 50%; background-size: 50%; } a.excerpt-button.open { background: #e0e2e2 url(images/retina/retina-up_down_arrow_sprite.png) no-repeat center -14px; } .load-more-link { background: url(images/retina/retina-webapp-ajax-loader.gif) no-repeat -1000px -1000px; } .load-more-link.ajax-spinner { background: url(images/retina/retina-ajax-loader.gif) no-repeat 50% 6px; padding-left: 105px; position: relative; right: 10%; -webkit-background-size: 5%; -moz-background-size: 5%; background-size: 5%; } ul#share-links li { background: url(images/retina/retina-chevron.png) no-repeat 97% center; -webkit-background-size: 2.8%; -moz-background-size: 2.8%; background-size: 2.8%; } ol.commentlist li.load-more-comments-link a.ajax-spinner { background: url(images/retina/retina-com-ajax-loader.gif) no-repeat left 5px; -webkit-background-size: 9%; -moz-background-size: 9%; background-size: 9%; } ol.commentlist .com-down-arrow { background: url(images/retina/retina-reply-arrow.png) no-repeat 0 1px; -webkit-background-size: 100%; -moz-background-size: 100%; background-size: 100%; width: 26px; height: 26px; } #progress { background: rgba(0,0,0,.7) url(images/retina/retina-webapp-ajax-loader.gif) no-repeat center center; -webkit-background-size: 40%; -moz-background-size: 40%; background-size: 40%; } } /* @group Languages */ .translated a.grey-button { display: block; clear: both; width: 55%; margin-right: auto; margin-left: auto; } /* @end */