0byt3m1n1
Path:
/
home1
/
aserty
/
public_html
/
bonniescraftygifts.com
/
iFzj4
/
configCHM
/
Jump
/
0-aserty
/
appartsoft.com
/
wp-content
/
plugins
/
wptouch-pro
/
themes
/
classic
/
ipad
/
[
Home
]
File: style.css
/* Theme Name: Classic (iPad Edition) Author: Dale Mugford and Duane Storey This CSS is Copyright BraveNewCode Inc. */ /* @group CSS Reset */ * { -webkit-text-size-adjust: 100%; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; } 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; } del, strike { text-decoration: line-through; } .content * { z-index: 0 !important; } /* @end */ /* @group Portrait */ body.portrait #menu { display: inline-block; } body.portrait #iscroll-wrapper { width: 100%; } body.portrait #main-menu { display: none; } /* @end */ /* @group Landscape */ body.landscape #menu { display: none; } body.landscape #iscroll-wrapper { width: 71%; } body.no-menu #iscroll-wrapper { width: auto; } body.landscape #main-menu { width: 29%; display: block; } body.landscape #logo-area { display: block; } /* @end */ /* @group Theme Styles */ /* @group Grey */ /* @group Other */ .grey .head-center h1, .grey #box-head h3 { text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); color: #717880; } body.grey #popovers-container li.highlight { background: url(images/chevron-white.png) no-repeat 97% center, -webkit-gradient(linear, left top, left bottom, from(#5a6377), to(#071129)); color: #fff; } body.grey #popovers-container li.highlight a { color: #fff; text-shadow: #444 0px 1px 0px; } .grey .load-more-link span.ajax-spinner { background: url(images/load-more-entries-grey.gif) no-repeat left 5px; } /* @end */ /* @group Gradients */ .grey .light-gradient { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#555), color-stop(0.02, #f4f5f7), color-stop(0.98, #a8acb9)); } .grey .dark-gradient { background: -webkit-gradient(linear, left top, left bottom, from(#a3a8af), to(#505153), color-stop(0.02, #505153), color-stop(0.03, #a3a8af), color-stop(0.5, #797d84), color-stop(0.51, #6a6e76)); } /* @end */ /* @group Buttons */ .grey .button, .grey .ed_button { text-shadow: #4b4e51 0 -1px 0; background: -webkit-gradient(linear, left top, left bottom, from(#989b9f), to(#6b737e), color-stop(0.03, #b2b6bc), color-stop(0.98, #6b737e)); -webkit-box-shadow: #eee 0px 1px 0px; border: 1px solid #4e4f51; } .grey .button.active, .grey .button:active { background: -webkit-gradient(linear, left top, left bottom, from(#989b9f), to(#6b737e), color-stop(0.03, #979ba2), color-stop(0.5, #555c66), color-stop(0.98, #656b73)); } .grey #content .button, .grey #welcome-message .button, .grey .popover .button, .grey #commentform .button, .grey #commentform .ed_button { -webkit-box-shadow: #fff 0px 1px 0px; } /* @end */ /* @group Popovers */ .grey .popover, .grey #share-popover { background: #152033; border: 1px solid #456; } .grey .popover .menu-pointer-arrow, .grey p.share-pointer-arrow { border-top: 10px solid #2b3547; border-left: 10px solid transparent; border-right: 10px solid transparent; } .grey .popover header { border-top: 1px solid rgba(255,255,255,.3); -webkit-box-shadow: rgba(255,255,255,.1) 0 19px 3px inset; } /* @group PopOver Inner Tabs */ .grey ul.menu-tabs, .grey .popover-inner-button { -webkit-box-shadow: #3d4853 0px 1px 1px; background: -webkit-gradient(linear, left top, left bottom, from(#5a6377), to(#071129), color-stop(0.01, #7b8690), color-stop(0.02, #5a6377), color-stop(0.5, #1b2943), color-stop(0.51, #000d2a)); border: 1px solid #1b2527; } .grey ul.menu-tabs li { border-right: 1px solid #1c1f22; -webkit-box-shadow: #3a3f44 1px 0 0; } .grey ul.menu-tabs li a { color: #fff; text-shadow: #000000 -1px -1px 1px; } .grey ul.menu-tabs li a.selected, .grey a.popover-inner-button:hover { background: -webkit-gradient(linear, left top, left bottom, from(#111d29), to(#324558)); text-shadow: #000000 0 2px 1px; } /* @end */ /* @end */ /* @end */ /* @group Deep Blue */ /* @group Other */ .deep-blue .head-center h1, .deep-blue #box-head h3 { text-shadow: rgba(0, 0, 0, 0.8) 0 1px 1px; color: #fff; } body.deep-blue #popovers-container li.highlight { background: -webkit-gradient(linear, left top, left bottom, from(#59646f), to(#0e1215), color-stop(0.02, #3a4652), color-stop(0.98, #252a2e)); color: #fff; } body.deep-blue #popovers-container li.highlight a { color: #fff; text-shadow: #444 0px 1px 0px; } .deep-blue .load-more-link span.ajax-spinner { background: url(images/load-more-entries-blue.gif) no-repeat left 5px; } /* @end */ /* @group Gradients */ .deep-blue .light-gradient { background: -webkit-gradient(linear, left top, left bottom, from(#59646f), to(#0e1215), color-stop(0.02, #3a4652), color-stop(0.98, #252a2e)); } .deep-blue .dark-gradient { background: -webkit-gradient(linear, left top, left bottom, from(#59646f), to(#0e1215), color-stop(0.02, #4e5962), color-stop(0.03, #3b4750), color-stop(0.5, #303c45), color-stop(0.51, #212c34)); } /* @end */ /* @group Buttons */ .deep-blue .button, .deep-blue .ed_button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left top, left bottom, from(#59646f), to(#0e1215), color-stop(0.02, #5e707e), color-stop(0.98, #3f4a55)) !important; -webkit-box-shadow: #3f454a 0px 1px 0px; border: 1px solid #14181a !important; } .deep-blue .button.active, .deep-blue .button:active { background: -webkit-gradient(linear, left top, left bottom, from(#59646f), to(#0e1922)) !important; } .deep-blue #content .button, .deep-blue .popover .button, .deep-blue #commentform .button, .deep-blue #commentform .ed_button, .deep-blue #welcome-message .button { -webkit-box-shadow: #fff 0px 1px 0px; } /* @end */ /* @group Popovers */ .deep-blue .popover, .deep-blue #share-popover { background: #0e1922; border: 1px solid #456; } .deep-blue .popover .menu-pointer-arrow { border-top: 10px solid #292f3c; border-left: 10px solid transparent; border-right: 10px solid transparent; } .deep-blue p.share-pointer-arrow { border-top: 10px solid #131924; border-left: 10px solid transparent; border-right: 10px solid transparent; } .deep-blue .popover header { border-top: 1px solid rgba(255,255,255,.3); -webkit-box-shadow: rgba(255,255,255,.1) 0 19px 3px inset; } /* @group PopOver Inner Tabs */ .deep-blue ul.menu-tabs, .deep-blue .popover-inner-button { -webkit-box-shadow: #3d4853 0px 1px 1px; background: -webkit-gradient(linear, left top, left bottom, from(#5a6377), to(#071129), color-stop(0.01, #7b8690), color-stop(0.02, #3a4652), color-stop(0.5, #2c3741), color-stop(0.51, #222b35)); } .deep-blue ul.menu-tabs li { border-right: 1px solid #1c1f22; -webkit-box-shadow: #3a3f44 1px 0 0; } .deep-blue ul.menu-tabs li a { color: #fff; text-shadow: #000000 -1px -1px 1px; } .deep-blue ul.menu-tabs li a.selected, .deep-blue a.popover-inner-button:hover { background: -webkit-gradient(linear, left top, left bottom, from(#111d29), to(#324558)); text-shadow: #000000 0 2px 1px; } /* @end */ /* @end */ /* @end */ /* @group Black */ /* @group Other */ .black .head-center h1, .black #box-head h3 { text-shadow: #000 0 -1px 1px; color: #fff; } body.black #popovers-container li.highlight { background: url(images/chevron-white.png) no-repeat 97% center, -webkit-gradient(linear, left top, left bottom, from(#555), to(#111)); color: #fff; } body.black #popovers-container li.highlight a { color: #fff; text-shadow: #444 0px 1px 0px; } .black .load-more-link span.ajax-spinner { background: url(images/load-more-entries-black.gif) no-repeat left 5px; } /* @end */ /* @group Gradients */ .black .light-gradient { background: -webkit-gradient(linear, left top, left bottom, from(#858585), to(#000), color-stop(0.02, #636363), color-stop(0.49, #202020), color-stop(0.5, #000), color-stop(0.98, #333)); } .black .dark-gradient { background: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, rgb(20,20,20)), color-stop(0.5, rgb(71,71,71)), color-stop(0.9, rgb(56,56,56)), color-stop(0.05, rgb(69,69,69)) ); } a.nav-back { border-right-color: #2a2a2a; } a.nav-fwd { border-left-color: #2a2a2a; } /* @end */ /* @group Buttons */ .black .button, .black .ed_button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#292929), color-stop(0.02, #737373), color-stop(0.49, #474747), color-stop(0.5, #303030), color-stop(0.98, #313131)); -webkit-box-shadow: #444 0px 1px 0px; border: 1px solid #2e2e2e; } .black .button.active, .black .button:active { background: -webkit-gradient(linear, left top, left bottom, from(#4f4f4f), to(#020202), color-stop(0.02, #5d5d5d), color-stop(0.49, #1d1d1d), color-stop(0.5, #000), color-stop(0.98, #313131)); } .black #content .button, .black .popover .button, .black #commentform .button, .black #commentform .ed_button, .black #welcome-message .button { -webkit-box-shadow: #fff 0px 1px 0px; } /* @end */ /* @group Popovers */ .black .popover, .black #share-popover { background: #111; border: 1px solid #000; } .black .popover .menu-pointer-arrow, .black p.share-pointer-arrow { border-top: 10px solid #292929; border-left: 10px solid transparent; border-right: 10px solid transparent; } .black p.share-pointer-arrow { border-top: 10px solid #0d0d0d; border-left: 10px solid transparent; border-right: 10px solid transparent; } .black .popover header { border-top: 1px solid rgba(255,255,255,.3); -webkit-box-shadow: rgba(255,255,255,.1) 0 19px 3px inset; } /* @group PopOver Inner Tabs */ .black ul.menu-tabs, .black .popover-inner-button { -webkit-box-shadow: #666 0px 1px 1px; background: -webkit-gradient(linear, left top, left bottom, from(#858585), to(#262626), color-stop(0.02, #636363), color-stop(0.49, #202020), color-stop(0.5, #000), color-stop(0.98, #333)); border: 1px solid #060606; } .black ul.menu-tabs li { border-right: 1px solid #1d1d1d; -webkit-box-shadow: #444 1px 0 0; } .black ul.menu-tabs li a { color: #fff; text-shadow: #000000 -1px -1px 1px; } .black ul.menu-tabs li a.selected, .black a.popover-inner-button:hover { background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333)); text-shadow: #000000 0 2px 1px; } /* @end */ /* @end */ /* @end */ /* @end */ /* @group Animations */ .popover.open { -webkit-animation-duration: 300ms; -webkit-animation-name: popOver; } .slide-in { -webkit-animation-duration: 300ms; -webkit-animation-name: slideInPanel; } @-webkit-keyframes popOver { from { -webkit-transform: scale(.95) translateY(20px); opacity: 0; } to { -webkit-transform: scale(1); opacity: .95; } } @-webkit-keyframes slideInPanel { from { -webkit-transform: translateY(-25px); opacity: 0; } to { opacity: 1; } } /* @end */ /* @group General */ .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; } blockquote { margin: 25px; } h1 { font-size: 24px; color: #333; } h2 { font-size: 22px; } h3 { font-size: 20px; color: #444; } h4 { font-size: 18px; color: #666; } h5 { font-size: 16px; color: #555; } h6 { font-size: 14px; color: #666; } .content img { max-width: 97.5%; height: auto; background-color: #fff; padding: 5px; } #content .content p { line-height: 1.7; } .content *, input, textarea { -webkit-user-select: text; } .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 code { color: #777; display: block; -webkit-border-radius: 4px; background-color: #f9f9f9; overflow: hidden; padding: 5px; font: bold 85%/135% monospace; border: 1px solid lightblue; } .rounded-corners-8px { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-background-clip: padding-box; } #dismiss-underlay { width: 100%; height: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 1; } .four-oh-four { min-height: 450px; padding: 30px; text-align: center; } .four-oh-four h2 { margin-left: auto; } .button { font-weight: bold; font-family: inherit !important; color: #fff !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-background-clip: padding-box; -webkit-border-radius: 4px; text-transform: capitalize; padding: 6px 7px !important; font-size: 14px; overflow: hidden; cursor: pointer; } .wptouch-videos { -webkit-transform: translate3d(0,0,0); } iframe[src^='http://maps.google'] { width: 100%; max-width: 100%; } /* @group Gallery & Captions */ #content .wp-caption { background-color: #eee; text-align: center; padding: 10px; max-width: 94%; height: auto; -webkit-border-radius: 8px; } #content .wp-caption img { border: 1px solid #ccc; } #content .wp-caption p.wp-caption-text { color: #777; padding: 0; margin: 15px 0 0; font-size: 85%; line-height: 1.35; } #content .post.single .gallery { margin: 0; padding: 0; width: 100% !important; height: auto !important; } #content .post.single .gallery dl.gallery-item img.attachment-thumbnail { padding: 3px; margin: 10px; width: 50% !important; height: auto; } #content .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 Custom Ads */ .portrait #inner-ajax .wptouch-custom-ad * { max-width: 320px !important; height: auto !important; margin-top: 20px; position: relative; z-index: 0; text-align: center; } .landscape #inner-ajax .wptouch-custom-ad * { max-width: 480px !important; height: auto !important; text-align: center; margin-top: 20px; position: relative; z-index: 0; } /* @end */ /* @group iPad Header */ #wptouch-header { height: 44px; position: fixed; top: 0; width: 100%; right: 0; left: 0; z-index: 3; overflow: hidden; } #wptouch-header .head-center h1 { font-weight: bold; font-size: 18px; padding-top: 11px; padding-bottom: 11px; margin-left: 15%; margin-right: 15%; } #wptouch-header .head-center { text-align: center; position: absolute; width: 100%; z-index: 0; top: 0; } .has-menu.landscape #wptouch-header .head-center { width: 125%; } #wptouch-header .head-left { margin-left: 6px; float: left; } .landscape.has-menu .head-left:after { content: url(images/part-divider.png); position: absolute; top: 0; left: 28.7%; } #wptouch-header .head-right { z-index: 1; position: absolute; top: 0; text-align: right; right: 6px; } .menubar-button, #home.button { display: inline-block; position: relative; z-index: 3; min-width: 30px; text-align: center; margin-right: 3px; margin-top: 6px; margin-left: 3px; } #back, #forward { display: none; } /* @end */ /* @group PopOvers */ /* @group Form Popovers */ .pop-inner form { background-color: #fff; padding: 10px; border: 1px solid #ccc; -webkit-border-radius: 8px; color: #333; } .pop-inner form p { border-top: 1px solid #ccc; padding-top: 10px; clear: both; margin-bottom: 0; } .pop-inner form input, .pop-inner form textarea { font-size: 15px; border: 1px solid #aaa; padding: 5px; -webkit-border-radius: 4px; -webkit-box-shadow: inset #ccc 0px 1px 3px; display: block; margin-top: 5px; margin-bottom: 5px; background-color: #f6f6f6; width: 95.5%; } .pop-inner form input:focus, .pop-inner form textarea:focus { background-color: #fdfeef; } .pop-inner form textarea { height: 100px; } .pop-inner input#login-submit, .pop-inner input#prowl-submit { display: inline-block; position: relative; margin-bottom: 10px; width: 50%; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-weight: bold; } /* @end */ /* @group Icon Buttons */ .home-icon, .flickr-icon, .wordtwit-icon, .message-icon, .account-icon, .search-icon { height: 20px; display: inline-block; padding: 0; margin: -1px 0 -6px; width: 22px; } .home-icon { background: url(images/ipad-home-icon.png) no-repeat center 0; display: inline-block; } .flickr-icon { background: url(images/ipad-flickr-icon.png) no-repeat center 0; } .wordtwit-icon { background: url(images/ipad-wordtwit-icon.png) no-repeat center -4px; } .message-icon { background: url(images/ipad-message-icon.png) no-repeat center 0; } .account-icon { background: url(images/ipad-account-icon.png) no-repeat center 0; } .search-icon { background: url(images/ipad-search-icon.png) no-repeat center 0; } /* @end */ /* @group PopOver Inner Tabs */ ul.menu-tabs { -webkit-background-clip: padding-box; display: inline-block; margin: 6px 5px 5px; text-align: center; -webkit-border-radius: 6px; overflow: hidden; text-transform: capitalize; } ul.menu-tabs li { display: inline; padding: 7px 0 5px; margin-left: -4px; } ul.menu-tabs li:first-child { -webkit-border-radius: 0px; padding-left: 4px; } ul.menu-tabs li:last-child { border-right: none; } ul.menu-tabs li a { display: inline-block; font-size: 11px; margin: 0; padding: 6px 10px 4px; font-weight: bold; text-align: center; } ul.menu-tabs li a.selected { -webkit-background-clip: padding-box; } /* @end */ .popover { position: absolute; -webkit-border-radius: 8px; -webkit-box-shadow: rgba(0,0,0,.5) 0 0 20px; margin-top: 10px; display: none; z-index: 99; font-family: "helvetica neue",helvetica,sans-serif; opacity: 0.95; max-width: 290px; min-width: 290px; } #popovers-container .popover:last-child { margin-left: -56px !important; } .popover .menu-pointer-arrow { position: absolute; font-size: 0px; line-height: 0%; width: 0px; -webkit-transform: scale(1) rotate(180deg); top: -9px; } .popover:first-child .menu-pointer-arrow { left: 9px !important; top: -9px; z-index: 1; } .popover:last-child .menu-pointer-arrow { right: 4px !important; top: -9px; z-index: 1; } .popover header { display: block; -webkit-border-radius: 7px; text-align: center; } .popover header h1 { color: #fff; padding-top: 5px; padding-bottom: 5px; text-shadow: #000 0 -1px 1px; font-size: 16px; text-transform: capitalize; text-overflow: ellipsis; display: block; white-space: nowrap; width: 90%; text-align: center; overflow: hidden; margin-left: auto; margin-right: auto; } .pop-inner { margin: 4px; padding: 5px; background: #e0e0e9; -webkit-border-radius: 4px; -webkit-box-shadow: inset rgba(0,0,0,.4) 0 2px 3px; text-align: left; } .popover-lists span { display: block; font-size: 11px; font-weight: normal; font-style: normal; text-transform: uppercase; padding-left: 10px; padding-top: 10px; margin-bottom: -10px; padding-bottom: 0; } #cats-wrapper span, #tags-wrapper span { display: inline; padding-left: 2px; } .pop-inner ul { background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 6px; font-weight: bold; overflow: hidden; } .pop-inner li { color: #999; border-bottom: 1px solid #ccc; background: url(images/chevron.png) no-repeat 97% center; } .pop-inner li:last-child { border-bottom-style: none; } .pop-inner li a { color: #333; text-shadow: #fff 0 0 0; width: 87%; display: block; white-space: nowrap; text-overflow: ellipsis; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding-top: 10px; padding-bottom: 10px; padding-left: 10px; font-size: 15px; overflow: hidden; } /* @group FlickrRSS */ #pop-flickr.popover ul { -webkit-background-clip: padding-box; } #pop-flickr.popover li { position: relative; height: 60px; } #pop-flickr.popover li a { display: block; white-space: nowrap; text-overflow: ellipsis; float: left; width: 67%; padding: 20px 30px 20px 69px; overflow: hidden; } #pop-flickr.popover li img { width: 60px; height: 60px; position: absolute; left: 0; top: 0; z-index: 1; } #pop-flickr.popover li.see-more { text-align: center; background-image: none; } #pop-flickr.popover li.see-more a { padding-left: 0; width: 100%; } /* @end */ /* @group WordTwit Pro */ #pop-wordtwit.popover ul { -webkit-background-clip: padding-box; } #pop-wordtwit.popover li.tweet { position: relative; font-size: 12px; min-height: 46px; padding: 0; } #pop-wordtwit.popover a.tweet-url { padding: 0 10% 0 0; white-space: normal; margin-top: 0; margin-left: 0; margin-bottom: 0; width: 90%; -webkit-touch-callout: none; } #pop-wordtwit.popover li img { width: 42px; height: 42px; z-index: 1; position: absolute; top: 6px; left: 6px; -webkit-border-radius: 8px; } #pop-wordtwit.popover p.t-name { color: #444; clear: none; margin-left: 55px; font-size: 14px; margin-top: 0; font-weight: bold; } #pop-wordtwit.popover .t-time { position: absolute; top: 6px; right: 6px; font-size: 11px; color: #ccc; } #pop-wordtwit.popover li p { clear: both; font-weight: normal; font-style: normal; color: #444; line-height: 1.4; margin-left: 55px; font-size: 13px; margin-bottom: 0; margin-top: 0; white-space: normal; padding-right: 2px; padding-top: 0; } #pop-wordtwit.popover li a.tweet-link { width: 90%; padding: 6px 0; } #pop-wordtwit.popover li.tweet.highlight p { color: #eee; } /* @end */ /* @end */ /* @group Menubar Page Menu */ #pop-menu #pages-wrapper { position: relative; z-index: 1; overflow: scroll; max-height: 500px; } #pop-menu #pages-wrapper img { width: 26px; height: 26px; float: left; margin-right: 8px; position: relative; bottom: 4px; display: inline; } #pop-menu #pages-wrapper .dark img { background: rgba(0,0,0,.5); -webkit-border-radius: 3px; padding: 2px; width: 24px; height: 24px; } #pop-menu #pages-wrapper a { color: #333; text-shadow: #fff 0 0 0; background: url(images/chevron.png) no-repeat right center; width: 90%; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 10px 15px 2px 0; } #pop-menu #pages-wrapper ul li.has_children > a { background: url(images/black-arrow-toggle.png) no-repeat 31px 13px; text-indent: 13px; } #pop-menu #pages-wrapper ul li.has_children > a.arrow-toggle { background-position: 31px -17px; } #pop-menu #pages-wrapper ul { background-color: #fff; -webkit-border-radius: 6px; border: 1px solid #ccc; } #pop-menu #pages-wrapper li { padding-left: 10px; border-bottom: 1px solid #ccc; background-image: none; } #pop-menu #pages-wrapper li:last-child { border-bottom-style: none; } #pop-menu #pages-wrapper ul ul { border-style: none; } #pop-menu #pages-wrapper li li { padding-left: 22px; border-style: none; } /* @group No-Icons */ .no-icons #pop-menu #pages-wrapper ul li.has_children > a { background: url(images/black-arrow-toggle.png) no-repeat 0 12px; text-indent: 13px; padding-left: 3px; } .no-icons #pop-menu #pages-wrapper ul li.has_children > a.arrow-toggle { background-position: 0 -18px; } .no-icons #pop-menu #pages-wrapper li { padding-top: 2px; padding-bottom: 9px; } /* @end */ /* @end */ /* @group Landscape Page Menu */ #main-menu { position: relative; top: 44px; overflow: hidden; border-right: 1px solid rgba(0,0,0,.5); -webkit-box-shadow: inset #111 -3px 3px 3px; } #logo-area { height: 185px; width: auto; display: none; } #main-menu #pages-wrapper { -webkit-box-shadow: #222 0px -1px 3px; width: 100%; height: 800px; } #main-menu #pages-wrapper ul li a { font-size: 14px; font-weight: bold; padding: 10px 10px 2px; display: block; text-decoration: none; color: #999; text-shadow: #111 0 -1px 1px; width: 89%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(images/ipad-chevron.png) no-repeat 100% center; } #main-menu #pages-wrapper ul li.has_children > a { background: url(images/ipad-arrow-toggle.png) no-repeat 40px 13px; text-indent: 18px; } #main-menu #pages-wrapper ul li a.arrow-toggle { background-position: 40px -17px; border-bottom-color: #fff; border-bottom-style: solid; } #main-menu #pages-wrapper ul li a img { width: 26px; height: 26px; margin-right: 5px; position: relative; bottom: 4px; right: 3px; display: inline; float: left; } #main-menu #pages-wrapper ul li { border-top: 1px solid rgba(255,255,255,.11); border-bottom: 1px solid rgba(0,0,0,.4); } #main-menu #pages-wrapper ul > li.open-tree { background-color: rgba(255, 255, 255, .03); -webkit-box-shadow: inset #111 0px 1px 7px; border-bottom: 1px solid rgba(0,0,0,.5); border-top: 1px solid #111; padding-bottom: 5px; } #main-menu #pages-wrapper ul ul > li.open-tree { background-color: transparent; -webkit-box-shadow: none; border: 0; } #main-menu #pages-wrapper ul ul li { border-style: none; padding-left: 25px; } #main-menu ul li.highlight { background-color: rgba(0,0,0,.2); } /* @group No-Icons */ .no-icons #main-menu #pages-wrapper ul li.has_children > a { background: url(images/ipad-arrow-toggle.png) no-repeat -2px 12px; text-indent: 13px; padding-left: 0; } .no-icons #main-menu #pages-wrapper ul li.has_children > a.arrow-toggle { background-position: -2px -18px; } .no-icons #main-menu #pages-wrapper li { padding-top: 2px; padding-bottom: 9px; padding-left: 12px; } /* @end */ /* @end */ /* @group iScroll Specific */ #iscroll-wrapper { position: absolute; top: 44px; right: 0; } #content { min-height: 550px; margin: 25px 15px 15px; padding: 0; } #recent-wrapper, #popular-wrapper, #tags-wrapper, #cats-wrapper, #flickr-wrapper, #wordtwit-wrapper { position: relative; z-index: 1; overflow-y: scroll; overflow-x: hidden; width: 100%; max-height: 500px; } /* @end */ /* @group Main Posts */ .paperclip { position: absolute; z-index: 2; left: -7px; top: -12px; } .post { background-color: #fff; border: 1px solid #b1b1b1; position: relative; padding: 10px; margin: 10px 9px 25px; } .post.not-single.not-page p { line-height: 1.5 !important; } .post a.h2, .post h2 { letter-spacing: -1px; margin-right: 9%; line-height: 1; display: block; } a.h2, .title-area h2 { text-shadow: #fefdf4 0 1px 0; text-align: left; } .ipad-read-entry { background: url(images/ipad-read-article-arrow.png) no-repeat center center; width: 32px; height: 32px; display: block; position: absolute; padding: 9px; top: 15%; right: 0; } .post-date { position: relative; color: #aaa; letter-spacing: -1px; font-size: 12px; text-transform: uppercase; text-shadow: #fff 0 1px 1px; font-weight: bold; } .post-author { background: url(images/ipad-small-author.png) no-repeat; } .post-tags { background: url(images/ipad-small-tags.png) no-repeat; } .post-cats { background: url(images/ipad-small-cats.png) no-repeat; } .post .post-author, .post .post-tags, .post .post-cats { margin-top: 3px; color: #666; background-position: left center; padding-left: 18px; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .8em; } .post .post-author a, .post .post-tags a, .post .post-cats a { font-weight: bold; } /* @group Calendar Icons */ .calendar-box { text-align: center; position: absolute; border: 2px solid #b8baba; width: 69px; -webkit-transform: rotate(-7deg); background-color: #fffefe; padding: 1px; -webkit-border-radius: 4px; -webkit-background-clip: padding-box; top: 12px; left: 3px; border-right-width: 1px; border-top-width: 1px; } .cal-month { color: #fff; letter-spacing: 0; text-shadow: #67727f 1px -1px 0; border-bottom: 1px solid #fff; text-transform: uppercase; padding: 4px 0 3px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; font-size: 16px; font-weight: bold; } .cal-date { color: #222; background-color: #ede9dd; text-shadow: white -1px -1px 1px; letter-spacing: -1px; text-align: center; border: 1px solid #d9dcdc; border-top-style: none; padding: 1px 1px 3px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; font-size: 36px; font-weight: bold; } .cal-blue .cal-month { background-color: #3f7fd8; } .cal-ltg .cal-month { background-color: #888; } .cal-dkg .cal-month { background-color: #444; } /* @group Cal Month Colors */ .cal-colors .cal-month.m-1 { background-color: #767c8f; } .cal-colors .cal-month.m-2 { background-color: #345abe; } .cal-colors .cal-month.m-3 { background-color: #37838d; } .cal-colors .cal-month.m-4 { background-color: #55b06c; } .cal-colors .cal-month.m-5 { background-color: #409ad5; } .cal-colors .cal-month.m-6 { background-color: #be63c5; } .cal-colors .cal-month.m-7 { background-color: #f79445; } .cal-colors .cal-month.m-8 { background-color: #4e1e00; } .cal-colors .cal-month.m-9 { background-color: #a04262; } .cal-colors .cal-month.m-10 { background-color: #284461; } .cal-colors .cal-month.m-11 { background-color: #4d1d77; } .cal-colors .cal-month.m-12 { background-color: #af1919; } /* @end */ /* @end */ /* @group Post Thumbnails (WP 2.9+ Only) */ .post img.attachment-post-thumbnail { width: 72px; height: 72px; border: 1px solid #ccc; display: block; position: relative; top: -7px; -webkit-border-radius: 4px; -webkit-background-clip: content-box; background-color: #fff; margin-right: 10px; padding: 2px; margin-left: 6px; float: left; } .single img.attachment-post-thumbnail { margin-left: -3px; margin-top: 3px; } .page img.attachment-post-thumbnail { margin-top: -5px; margin-left: -5px; } /* @end */ /* @group Com Bubbles */ .comment-bubble { background: -webkit-gradient(linear, left top, left bottom, from(#de939e), to(#a40717), color-stop(0.5, #be4958)); -webkit-background-clip: padding-box; height: 16px; display: block; -webkit-border-radius: 32px; padding: 0 5px; color: #fff; text-shadow: #7b0805 0 1px 1px; text-align: center; border-style: solid; border-width: 2px; -webkit-box-shadow: rgba(0,0,0, .6) 0px 2px 3px; position: absolute; left: 72px; top: 1px; font: bold 12px "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif; z-index: 1; } .comment-bubble.double { left: 63px; } .comment-bubble.triple { left: 56px; } .calendar .comment-bubble { left: 55px; } .calendar .comment-bubble.triple { left: 50px; } /* @end */ /* @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: 6px; padding-bottom: 5px; float: left; padding-left: 35px; } .posts-nav .right a { float: right; padding-bottom: 5px; padding-top: 6px; padding-right: 35px; background: url(images/blue_arrow_sprite.png) no-repeat right 0; } .load-more-link { text-align: center; font-weight: bold; padding: 5px; display: block; font-size: 14px; width: 175px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .load-more-link span.ajax-spinner { width: 16px; display: inline-block; float: left; height: 21px; margin-top: -5px; margin-left: 4px; } /* @end */ /* @end */ /* @group Single Post */ .post.single { line-height: 150%; overflow: hidden; } .single .title-area, .page .title-area { -webkit-border-radius: 6px; background-image: none; border-style: none; padding: 20px 25px 10px; min-height: 60px; } .single .content, .page .content { display: block; padding: 0 25px 25px; } .post.single .post-categories { font-size: 11px; color: #666; font-weight: bold; } .single-post-meta-bottom { border-top: 1px solid #b1b1b1; background-color: #eee; clear: both; line-height: 140%; width: 100%; margin: 35px -35px -25px; padding: 15px 35px; font-size: 1.2em; } .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; } .leave-a-comment, .share-post { display: inline-block; margin-top: 25px; min-width: 170px; } .attachment { padding-bottom: 16px; } /* @group Post Navigation */ .post-navigation { background: -webkit-gradient(linear, left top, left bottom, from(#a3a8af), to(#505153), color-stop(0.02, #505153), color-stop(0.03, #a3a8af), color-stop(0.5, #797d84), color-stop(0.51, #6a6e76)); height: 30px; margin-left: -10px; margin-right: -10px; position: relative; font-size: 14px; font-weight: bold; } .post-navigation a { color: #fff; text-shadow: #000000 0 -1px 0; } .post-navigation.nav-bottom { margin-bottom: -10px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; } .post-nav-back { border-right: 1px solid rgba(255,255,255,.2); width: 72px; position: absolute; top: 0; left: 0; } .post-nav-fwd { border-left: 1px solid rgba(255,255,255,.2); width: 72px; position: absolute; top: 0; right: 0; } a.nav-back { float: left; display: block; background: url(images/single_post_nav_sprite.png) no-repeat 7px -16px; width: 53px; height: 17px; border-right: 1px solid rgba(0,0,0,.3); text-indent: 23px; padding: 4px 12px 9px 8px; } a.nav-fwd { float: right; display: block; background: url(images/single_post_nav_sprite.png) no-repeat 87% 7px; width: 53px; height: 17px; border-left: 1px solid rgba(0,0,0,.3); padding: 4px 8px 9px 12px; text-indent: 0; } /* @end */ /* @end */ /* @group Title Area */ /* @group Title Area (thumbnails) */ .thumbnails .not-single.not-page .title-area { -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; position: relative; min-height: 80px; border: 1px solid #cacdd5; z-index: 0; margin-right: -8px; margin-top: -8px; margin-left: -8px; padding: 15px 50px 5px 0; background-color: #eee; } .thumbnails .not-single.not-page .post-author, .thumbnails .not-single.not-page .post-tags, .thumbnails .not-single.not-page .post-cats { font-size: 11px; color: #666; background-position: left center; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 18px; margin-left: 95px; margin-bottom: 4px; margin-top: 4px; } /* @end */ /* @group Title Area (calendar icons) */ .calendar .not-single.not-page .title-area { -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; position: relative; min-height: 80px; border: 1px solid #cacdd5; background-color: #eee; z-index: 0; margin-right: -8px; margin-top: -8px; margin-left: -8px; padding: 15px 50px 5px 0; } .calendar .not-single.not-page .post-author, .calendar .not-single.not-page .post-tags, .calendar .not-single.not-page .post-cats { color: #666; background-position: left center; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 18px; margin-left: 95px; margin-bottom: 4px; margin-top: 4px; } .calendar .not-single.not-page .title-area a.h2 { margin-left: 95px; } /* @end */ /* @group Title Area (none) */ .none .not-single.not-page .title-area { -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; position: relative; min-height: 80px; border: 1px solid #cacdd5; background-color: #eee; z-index: 0; margin-right: -8px; margin-top: -8px; margin-left: -8px; padding: 12px 50px 10px 20px; } .none .not-single .content, .none .not-page .content { padding-left: 15px; padding-right: 15px; } /* @end */ /* @end */ /* @group Share Area */ #share-placeholder { display: none; } #share-popover { position: absolute; display: none; z-index: 4; -webkit-border-radius: 8px; -webkit-box-shadow: rgba(0,0,0,.5) 0 0 20px; opacity: 0.95; min-width: 250px; } #share-popover header { display: block; border-top: 1px solid rgba(255,255,255,.3); -webkit-border-radius: 7px; text-align: center; -webkit-box-shadow: rgba(255,255,255,.1) 0 15px 3px inset; } #share-popover header h1 { color: #fff; padding-top: 5px; padding-bottom: 5px; text-shadow: #000 0 -1px 1px; font-size: 16px; text-transform: capitalize; text-overflow: ellipsis; display: block; white-space: nowrap; width: 90%; text-align: center; overflow: hidden; margin-left: auto; margin-right: auto; } #share-popover ul { margin: 0; } #share-popover .share-pointer-arrow { position: absolute; font-size: 0px; line-height: 0%; width: 0px; left: 45%; top: 99%; border-left: 10px solid transparent; border-right: 10px solid transparent; -webkit-transform: rotate(0deg); } /* @end */ /* @group Comments */ ol.commentlist { border: 1px solid #888; position: relative; margin: 15px 9px; clear: both; padding-top: 5px; background: url(images/backgrounds/ipad-thatch-light.jpg) repeat; border-top-style: none; padding-bottom: 10px; } ol.commentlist .comment-top { position: relative; } .avatar-wrap img { width: 56px; height: 56px; padding: 2px; background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 2px; float: left; } ol.commentlist .comment-content:before { content: url(images/com-arrow-right.png); position: absolute; margin-left: -23px; margin-top: 3px; } ol.commentlist li { position: relative; padding: 10px 10px 1px; opacity: 1; } ol.commentlist li li { padding-left: 75px; padding-right: 0; } ol.commentlist li li li li li { padding-left: 0; } ol.commentlist li.bypostauthor > .comment-content { background: -webkit-gradient(linear, left top, left bottom, from(lightyellow), to(#e9e9e9), color-stop(.5, #f9f9f9)); } ol.commentlist li span.fn { font-size: 16px; font-weight: bold; } ol.commentlist li .comment-meta { font-size: 12px; color: #999; } ol.commentlist li .comment-content { background-color: #fff; -webkit-background-clip: padding-box; border: 1px solid #aaa; -webkit-border-radius: 8px; margin-left: 75px; padding: 10px; line-height: 1.5; min-height: 100px; } ol.commentlist li .comment-content p { overflow: hidden; } /* @group Leaving A Comment */ .comment-reply-box { width: 650px; min-height: 346px; border: 8px solid rgba(59,64,71,.5); -webkit-border-radius: 8px; background-color: #e5e9f1; -webkit-background-clip: padding-box; z-index: 2; -webkit-transform: scale(0); } #box-head { margin-bottom: 8px; padding: 11px 11px 11px 5px; } #box-head h3 { font-weight: bold; font-size: 16px; text-transform: capitalize; } .comments-close-button { margin: 0; position: absolute; top: 4px; right: 5px; } .comment-reply-box .pop-inner { margin: -10px -1px -1px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; padding: 10px; } #commentform input { width: 98%; z-index: 3; } #respond #commentform { min-height: 266px; } #peek { position: absolute; top: 5px; right: 0; display: inline-block; z-index: 3; min-width: 30px; text-indent: -100em; overflow: hidden; padding-bottom: 14px; padding-left: 5px; padding-right: 2px; } #peek span { background: url(images/peek-icon.png) no-repeat center top; display: block; position: relative; width: 32px; height: 20px; } #peek span.active { background-position: 2px -24px; } #commentform .namespan, #commentform .emailspan { display: inline-block; width: 47.20%; } #commentform .namespan { margin-right: 4%; } #commentform p.logged { border-top-style: none; margin: 0; padding: 5px 0; font-size: 15px; } #commentform input#submit { display: inline-block; border: 1px solid #4e4f51; position: relative; z-index: 3; width: auto; padding-left: 12px; padding-right: 12px; } #container1 { left: 0; position: relative; padding-top: 1px; z-index: 1; } #container1 textarea { width: 98%; -webkit-transition: 225ms; -webkit-transform: scale(1); opacity: 1; z-index: 3; height: 120px; background-position: center center; } #container1 textarea.reply { width: 88.5%; } #container1.slide textarea { -webkit-transition: 450ms; -webkit-transform: scale(0); opacity: 0; ; } #container2 { position: relative; width: 85%; -webkit-transition: 300ms; margin-top: -185px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; padding-top: 15px; line-height: 1.4; opacity: 0; float: left; -webkit-transform: scale(.6); background: url(images/ipad-quotes.png) no-repeat 0 17px; padding-left: 27px; } #container2.slide2 { -webkit-transition: 300ms; opacity: 1; -webkit-transform: scale(1); } /* @group Ajax */ #container1 textarea.success { border-color: green; background: #e1fcdd url(images/success.png) no-repeat center center; } #container1 textarea.error { border-color: orange; background: #fdfabc url(images/failed.png) no-repeat center 30px; } #error-text { position: absolute; z-index: 7; top: 75px; left: 50%; width: 300px; text-align: center; margin-left: -150px; color: darkred; } #comment-spinner { background: url(images/ajax-loader-light.gif) no-repeat 0 0; width: 16px; height: 16px; display: inline-block; position: relative; left: 5px; top: 4px; } /* @end */ /* @end */ /* @group Comment Pagination */ .navigation { height: 27px; margin: 35px 9px -21px; z-index: 1; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -webkit-background-clip: padding-box; padding-top: 10px; overflow: hidden; padding-bottom: 4px; } .navigation, .navigation a { font-size: 15px; color: #fff; text-shadow: #000000 0 -1px 0px; font-weight: bold; } .navigation .alignright { position: relative; top: -27px; padding-top: 10px; border-left: 1px solid rgba(0,0,0,.4); right: 5px; float: right; display: inline-block; padding-bottom: 8px; } .navigation .alignright a { border-left: 1px solid rgba(255,255,255,.2); padding-left: 10px; padding-top: 10px; padding-bottom: 8px; } .navigation .alignleft { border-right: 1px solid rgba(0,0,0,.4); padding-bottom: 8px; padding-top: 10px; display: block; left: 30px; position: absolute; margin-top: -10px; } .navigation .alignleft a { padding-right: 10px; padding-top: 10px; padding-bottom: 8px; border-right: 1px solid rgba(255,255,255,.2); position: relative; } /* @end */ /* @group Edit and Reply Buttons */ .comment-buttons { position: absolute; float: right; margin-top: 66px; margin-left: 7px; max-width: 58px; } .comment-buttons a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left top, left bottom, from(#989b9f), to(#6b737e), color-stop(0.03, #ccc), color-stop(0.98, #aaa)); -webkit-background-clip: padding-box; -webkit-border-radius: 4px; -webkit-box-shadow: #eee 0px 1px 0px; display: block; padding: 3px 8px; border: 1px solid #919496; position: relative; color: #555; text-shadow: #fff 0 1px 0; text-align: center; font-size: 12px; font-weight: bold; margin-bottom: 4px; margin-left: auto; margin-right: auto; } .comment-buttons a:hover { background: -webkit-gradient(linear, left top, left bottom, from(#989b9f), to(#6b737e), color-stop(0.03, #979ba2), color-stop(0.5, #555c66), color-stop(0.98, #656b73)); color: #fff; text-shadow: #000 0 1px 0; } /* @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-comments.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 Pages */ .page.has-thumbnail .title-area h2 { margin-top: 10px; margin-left: 90px; } img.page-icon { float: left; position: relative; padding-top: 0; bottom: 10px; padding-right: 10px; } .dark-icon #content img.page-icon { background: rgba(0,0,0,.5); border: 1px solid rgba(0,0,0,.2); -webkit-border-radius: 8px; display: inline-block; padding: 2px; max-width: 56px; max-height: 56px; } .post.page-title-area { margin-bottom: 25px; min-height: 80px; } .dark-icon .page-title-area img { background: #444; -webkit-border-radius: 3px; border: 1px solid #111; padding: 2px; } .post.page-title-area img { float: left; margin-right: 10px; } .post.page-title-area h2 { line-height: 100%; margin-top: 1.1%; } /* @end */ /* @group Archive Views */ .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: 1.2em; 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; 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 { padding-top: 12px; padding-bottom: 12px; padding-left: 9px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; width: 90%; overflow: hidden; font-size: 13px; } .linkcat ul li:last-child, ul.wptouch-archives li:last-child, ul.iphone-list li:last-child { border-bottom-style: none; } /* @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 { border: 1px solid #ccc; margin: 10px; max-width: 100px; max-height: auto; padding: 2px; background-color: #fff; } /* @end */ /* @group Footer Area */ .footer { text-align: center; margin-top: 25px; font-size: 11px; font-weight: bold; background-image: url(images/ajax-loader-dark.gif), url(images/ajax-loader-light.gif), background-repeat: no-repeat; background-position: -1000em; padding-bottom: 50px; } #wptouch-query { display: block; margin-top: 8px; font-size: 14px; } /* @group Toggle Button */ #switch { text-align: left; font-weight: bold; font-size: 16px; margin: 60px auto 25px; background-color: #fff; border: 1px solid #b1b1b1; padding: 12px 8px; position: relative; width: 40%; } #switch div { border: 1px solid #b1b1b1; border-radius: 4px; -webkit-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)); 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; border-right: 1px solid #b1b1b1; } #switch .off { border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-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)); text-shadow: #FFF 0 1px 0; box-shadow: inset rgba(0,0,0,.4) 0px 0px 7px; border-style: none; } /* @end */ /* @end */ /* @group Add2home */ #addToHomeScreen { z-index: 9999; -webkit-user-select: none; -webkit-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)); border: 1px solid #505050; -webkit-border-radius: 8px; -webkit-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); } #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)); border-width: 0 1px 1px 0; border-style: solid; border-color: #505050; width: 16px; height: 16px; -webkit-transform: rotateZ(45deg); bottom: -9px; left: 50%; margin-left: -8px; -webkit-box-shadow: inset -1px -1px 0 #a9a9a9; -webkit-border-bottom-right-radius: 2px; } #addToHomeScreen.ipad .arrow { -webkit-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)); -webkit-box-shadow: inset -1px -1px 0 #fff; top: -9px; bottom: auto; left: 50%; } #addToHomeScreen .close { -webkit-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; background: rgba(0,0,0,0.12); color: #707070; -webkit-box-shadow: 0 1px 0 #fff; font-size: 13px; } #addToHomeScreen .plus { font-weight: bold; font-size: 1.3em; } #addToHomeScreen .share { display: inline-block !important; width: 18px !important; height: 15px !important; 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==); background-size: 18px 15px; text-indent: -9999em; overflow: hidden; } #addToHomeScreen .touchIcon { display: block; float: left; -webkit-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); background-repeat: none; -webkit-background-size: 44px 44px; -webkit-background-clip: padding-box; width: 44px; height: 44px; margin: 0 10px 5px 0; border: 1px solid #333; } @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 { padding: 25px; text-align: center; line-height: 150%; background-color: #fff; margin: 8px; border: 8px solid rgba(0,0,0,.5); -webkit-border-radius: 8px; } #welcome-message img { max-width: 100% !important; max-height: auto !important; } #noscript { background-color: #222; position: absolute; top: 0; height: 25%; z-index: 9; width: 60%; opacity: 0.85; color: #eee; text-shadow: #000000 0 1px 0; font-size: 16px; bottom: 0; left: 0; right: 0; padding-top: 5%; margin-left: auto; margin-right: auto; margin-top: 15%; border-radius: 12px; border: 16px solid rgba(255,255,255,.1); } #noscript h2 { margin-left: auto; margin-right: auto; text-align: center; font-size: 26px; font-weight: bold; color: orange; } #noscript p { margin-left: auto; margin-right: auto; text-align: center; font-size: 18px; font-weight: bold; } /* @group Prowl */ /* @group Ajax */ #prowl-direct-message textarea.success { border-color: green; background: #e1fcdd url(images/success.png) no-repeat center center; } #prowl-direct-message textarea.error { border-color: orange; background: #fdfabc url(images/failed.png) no-repeat center 20px; } #prowl-error-text { position: absolute; z-index: 7; top: 175px; left: 50%; width: 250px; text-align: center; margin-left: -125px; color: darkred; font-size: 13px; opacity: 0.7; } #prowl-spinner { background: url(images/ajax-loader-light.gif) no-repeat 0 0; width: 16px; height: 16px; display: inline-block; position: absolute; left: 53%; bottom: 27%; } /* @end */ /* @end */ /* @end */ /* @group iOS5 */ .ios5 .popover { position: fixed; } .ios5 #main-menu { position: fixed; } .ios5 #pages-wrapper { overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .ios5 .popover li, .ios5 #main-menu li, .ios5 #content > div { -webkit-transform: translate3d(0,0,0); } .ios5 .popover .iscroller { overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } /* @end */ /* @group Advertising */ #content #advertising-ipad { width: 100%; text-align: center; } /* @end */