0byt3m1n1
Path:
/
home1
/
aserty
/
public_html
/
bonniescraftygifts.com
/
iFzj4
/
configCHM
/
Jump
/
0-aserty
/
appartsoft.com
/
wp-content
/
plugins
/
wptouch-pro
/
themes
/
skeleton
/
iphone
/
[
Home
]
File: style.css
/* Theme Name: Skeleton Wireframe Description: Use the Skeleton as a foundation for your own custom WPtouch theme. Version: 1.0 Author: Dale Mugford and Duane Storey Tags: skeleton, theme, template */ /* @group CSS Reset Declarations */ /* Level the browser playing field, fix z-index bugs */ html, body, div, span, applet, object, iframe, 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; font-size: 100%; vertical-align: baseline; background: transparent; margin: 0; padding: 0; } ol, ul { list-style: none; margin: 0; padding: 0; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } iframe { position: relative; z-index: 0; } object { position: relative; z-index: 0; } embed { position: relative; z-index: 0; } /* @end */ /* @group Backgrounds */ .wptouch-pro { background: #ccc repeat 0 0; } .thinstripes { background: url(images/backgrounds/thinstripes.png); } .thickstripes { background: url(images/backgrounds/thickstripes.png); } .pinstripes-blue { background: url(images/backgrounds/pinstripes-blue.gif); } .pinstripes-grey { background: url(images/backgrounds/pinstripes-grey.png); } .pinstripes-diagonal { background: url(images/backgrounds/pinstripes-diagonal.gif); } .pinstripes-horizontal { background: url(images/backgrounds/pinstripes-horizontal.gif); } .skated-concrete { background: url(images/backgrounds/skated-concrete.gif); } /* @end */ /* @group Global General */ body { font: 12px Helvetica, Geneva, Arial, sans-serif; color: #333; -webkit-text-size-adjust: 100%; z-index: 0; position: relative; } #content { margin-top: 20px; } .alignleft { float: left; margin-right: 15px; margin-bottom: 15px; } .aligncenter, .alignnone { text-align: center; margin-left: auto; margin-right: auto; float: none; display: block; } .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; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { padding-top: 10px; padding-bottom: 10px; } a { text-decoration: none; color: #3f7fd8; } .post ul, .post ol { font-size: 12px; 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; } /* @group Gallery / Captions */ .wp-caption { background-color: #eee; text-align: center; padding: 10px; max-width: 95%; height: auto; -webkit-border-radius: 8px; } .wp-caption img { border: 1px solid #ccc; } .wp-caption p.wp-caption-text { color: #777; padding: 0; margin: 5px 0 0; font-size: 11px; } .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: 11px; color: #555; } /* @end */ /* @end */ /* @group Header */ #header { position: relative; font-size: 14px; padding-left: 9px; padding-bottom: 0; height: 42px; padding-right: 9px; top: 0; left: 0; z-index: 1; border-top: 1px solid #eee; border-bottom: 1px solid #555; -webkit-box-shadow: #555 -3px 2px 3px; background: #CCC url(images/header-rep-bg.png) repeat-x 0 0; } /* @group Logo / Title */ img#logo-icon { width: 30px; height: 30px; position: absolute; top: 7px; } a#logo-title { color: #444; text-shadow: #c4c9ce 0 1px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 75%; display: block; font: bold 18px Helvetica, "Helvetica Neue", Arial, sans-serif; letter-spacing: -1px; padding-top: 11px; padding-left: 37px; padding-bottom: 8px; position: relative; z-index: 3; } /* @end */ /* @group Menu Toggle */ a#header-menu-toggle { display: block; color: #fff; text-shadow: #666 0 -1px 1px; font-size: 12px; letter-spacing: 0; font-weight: bold; -webkit-border-radius: 5px; padding: 8px 6px 4px; margin-top: 7px; border: 1px solid #555; position: absolute; top: 0; right: 9px; background: #666 url(images/button-bg.png) repeat-x 0 0; width: 22px; } a#header-menu-toggle.menu-toggle-open { background-image: none; border-color: #333; } /* @end */ /* @group Search */ #search-bar { width: 100%; position: relative; background-color: #000; z-index: 3; overflow: hidden; text-align: center; height: 0; -webkit-transition-duration: 0.5s; } #search-bar.show-search { position: relative; height: 33px; background-color: #555; } #search-bar div { padding-top: 6px; } #search-bar input#search-input { -webkit-border-radius: 10px; padding: 4px; width: 75%; text-align: left; border-style: none; margin: 0; font-size: 12px; font-weight: bold; } #search-bar input#search-submit { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, rgba(255, 255, 255, 0.9)), color-stop(.05, rgba(255, 255, 255, 0.65)), color-stop(0.5, rgba(255, 255, 255, 0.5)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(4.0, rgba(255, 255, 255, 1.0))); background-color: #999; font-weight: bold; text-shadow: #ccc 0 1px 1px; text-transform: uppercase; padding: 4px 3px; -webkit-border-radius: 8px; margin: 0; border-style: none; font-size: 12px; } /* @end */ /* @group Tab Bar */ /* @group Tabs(bg) */ a#tab-pages { background: url(images/tab-bar/menu-sprite.png) center -80px; } a#tab-categories { background: url(images/tab-bar/menu-sprite.png) center -153px; } a#tab-tags { background: url(images/tab-bar/menu-sprite.png) center -5px; } a#tab-push { background: url(images/tab-bar/menu-sprite.png) center -43px; } a#tab-login { background: url(images/tab-bar/menu-sprite.png) center -117px; } a#tab-login.logged-in { background: url(images/tab-bar/menu-sprite.png) center -117px; } /* @end */ #tab-bar { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, rgba(255, 255, 255, 0.9)), color-stop(.02, rgba(255, 255, 255, 0.35)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(5.0, rgba(255, 255, 255, 2.0))); background-color: #888; position: relative; height: 32px; width: auto; z-index: 3; border-top: 1px solid #515151; border-bottom: 1px solid #515151; font-size: 10px; padding-top: 5px; padding-left: 9px; padding-right: 9px; } #tab-inner-wrap-left { border: 1px solid #555; -webkit-border-radius: 4px; width: auto; display: inline-block; background-image: url(images/button-bg.png); overflow: hidden; } #tab-inner-wrap-left a { padding: 7px 20px; border-right: 1px solid #555; border-left: 1px solid #888; margin: 0 -3px 0 0; display: inline-block; text-indent: -1000em; background-repeat: no-repeat; width: 5px; } #tab-inner-wrap-left a:first-child { border-left-style: none; } #tab-inner-wrap-left a.selected { background-color: #555; -webkit-transition-duration: 0.8s; border-left-color: #444; } #tab-inner-wrap-left a.first-tab.selected { border-left-style: hidden; } #tab-inner-wrap-right { border: 1px solid #777; -webkit-border-radius: 4px; width: auto; display: inline-block; background-image: url(images/button-bg.png); float: right; position: relative; top: 0; right: 0; } #tab-inner-wrap-right a { padding: 7px 17px 7px 16px; display: inline-block; text-indent: -1000em; background: url(images/tab-bar/menu-sprite.png) no-repeat -1px -189px; cursor: pointer; } #tab-inner-wrap-right a.search-toggle-open { background-color: #555; -webkit-transition-duration: 0.8s; } /* @end */ /* @group Pages Menu */ #main-menu { width: 100%; -webkit-box-shadow: #444 -4px 4px 4px; position: absolute; top: 43px; display: none; z-index: 3; font-size: 13px; font-weight: bold; text-shadow: #f5f8f8 0 1px 1px; background-color: #e0e0e0; } #main-menu ul li { width: auto; border-bottom: 1px solid #aeb0b0; border-top: 1px solid #edf0f0; padding-left: 15px; } #main-menu ul li:hover { background-color: #d4d6d6; } #main-menu ul li li { border-style: none; margin-left: -13px; padding-left: 30px; } #main-menu ul ul li a { background-color: #eee; border-style: none; width: auto; } #main-menu ul li.has_children > a { color: #222; background: url(images/black-arrow-toggle.png) no-repeat 3px 14px; padding-left: 25px; } #main-menu ul li a.arrow-toggle { background-position: 3px -16px; font-weight: bold; border-top: 1px solid #e9ecec; } #main-menu ul li.has_children > img { display: none; } #main-menu ul li.open-tree li, #main-menu ul li.open-tree, #main-menu ul li.open-tree li a { background-color: #e9ecec; text-shadow: #fff 0 1px 1px; border-style: none; } #main-menu ul ul li:last-child { padding-bottom: 5px; border-bottom-style: none; } #main-menu ul li a { display: block; padding-top: 12px; padding-bottom: 15px; background: url(images/chevron.png) no-repeat 97% center; } #main-menu ul li img { width: 24px; height: 24px; margin-top: 8px; padding-right: 6px; float: left; margin-left: -5px; } /* @end */ /* @group Cats / Tags */ #menu-tab2, #menu-tab3 { text-transform: uppercase; } /* @end */ /* @group Push Form */ #menu-tab4 { padding: 10px; } #menu-tab4 p { color: #475d79; text-shadow: #eee 1px 1px 0; font-size: 11px; font-weight: bold; position: relative; top: 2px; margin-top: 10px; } #menu-tab4 input { -webkit-border-radius: 8px; border: 1px solid #adadad; padding: 3px; margin: 0; font-size: 13px; color: #444; width: 170px; } #menu-tab4 input#prowl-submit { color: #555; font-weight: bold; opacity: 1; background-color: #eee; border: 1px solid #aaa; text-shadow: #fff 0 1px 0; width: auto; } #menu-tab4 textarea { -webkit-border-radius: 8px; border: 1px solid #adadad; font-size: 14px; color: #444; height: 80px; padding: 3px; width: 98%; line-height: 140%; } /* @end */ /* @group Login / Account */ form#loginform { padding: 10px; } form#loginform div { width: 50%; float: left; margin-bottom: 10px; } form#loginform label { display: inline; color: #475d79; text-shadow: #eee 1px 1px 0; font-size: 11px; font-weight: bold; position: relative; top: 2px; margin-top: 10px; vertical-align: text-top; margin-left: 5px; margin-bottom: 2px; } form#loginform input { -webkit-border-radius: 8px; border: 1px solid #adadad; padding: 3px; font-size: 13px; color: #444; width: 91%; margin-top: 0; margin-left: 2%; margin-bottom: 0; } #menu-tab5 p { text-align: center; margin-bottom: 30px; margin-top: 10px; float: left; width: 50%; font-size: 12px; } /* @end */ /* @end */ /* @group Welcome Message, Prowl Message, Noscript */ #welcome-message, #prowl-message, #noscript { background-color: #eaffe9; padding: 10px; border: 1px solid #aaa; position: relative; margin: 25px 30px; } #welcome-message a#close-msg { width: 30px; height: 29px; background-image: url(images/msg-close-icon.png); display: block; text-indent: -1000em; position: absolute; top: -15px; left: -15px; } /* @end */ /* @group 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; float: left; width: 38px; } .idevice .calendar-box { -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white)); } .cal-month { font-size: 9px; font-weight: bold; color: #fff; letter-spacing: 0; text-shadow: #67727f 1px -1px 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; background-color: #3f7fd8; } .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; } /* @end */ /* @group Post Thumbnails (WP 2.9+ Only) */ .post .thumbnail-wrap { position: relative; float: left; display: block; height: 46px; width: 46px; margin-right: 8px; } .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 { width: 46px; height: 46px; } .idevice .post img.attachment-post-thumbnail { -webkit-mask-box-image: url(images/thumb-corners-mask.png); } /* @end */ .post { margin-left: 9px; margin-right: 9px; margin-bottom: 20px; background-color: #fff; padding: 10px; border: 1px solid #b1b1b1; position: relative; } .comment-bubble { width: 23px; height: 19px; position: absolute; top: 3px; left: 38px; background: url(images/com-bubble-sprite.png) no-repeat 0 0; color: #fff; text-align: center; padding-top: 3px; z-index: 1; font: bold 11px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: #c35a65 0 -1px 0; } .comment-bubble.double { background-position: 0 -25px; width: 32px; height: 20px; left: 33px; } .comment-bubble.triple { background-position: 0 -52px; height: 19px; width: 35px; left: 34px; padding-top: 2px; } .rounded-corners-8px { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .post .sticky-pushpin { width: 16px; height: 16px; display: block; background-image: url(images/sticky.png); position: absolute; top: 5px; z-index: 1; left: 7px; } .post h2 { margin-bottom: 5px; font: bold 15px/17px "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif; letter-spacing: -1px; margin-right: 5%; margin-left: 55px; } .date-author-wrap .date, .date-author-wrap .post-author { font-size: 11px; font-weight: bold; color: #666; margin-right: 1px; display: inline-block; margin-left: 2px; } .post .tags-and-categories { margin-top: 5px; margin-bottom: 5px; font-size: 11px; margin-left: 55px; } .none .post h2, .none .tags-and-categories, .none .date-author-wrap .date, .none .date-author-wrap .post-author { margin-left: auto; } .content { padding-bottom: 10px; line-height: 150%; padding-top: 10px; clear: both; } a.arrow-button { width: 28px; height: 28px; float: right; background: url(images/blue_arrow_sprite.png) no-repeat 0 0; position: relative; bottom: 4px; } /* @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 { text-align: center; font-weight: bold; text-shadow: #fff 0 1px 1px; padding: 5px; display: block; font-size: 14px; width: 175px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .load-more-link.ajax-spinner { background: url(images/ajax-loader.gif) no-repeat left 5px; } /* @end */ /* @end */ /* @group Single Post */ /* @group Post Navigation */ .post-navigation { height: 26px; background-color: #ccc; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgba(255, 255, 255, 0.4)), color-stop(0.5, rgba(255, 255, 255, 0.5)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(5.0, rgba(255, 255, 255, 2.0))); margin-left: -10px; margin-right: -10px; position: relative; } .post-navigation.nav-top { margin-top: -10px; border-bottom: 1px solid #b2b2b2; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; } .post-navigation.nav-bottom { margin-bottom: -10px; border-top: 1px solid #b2b2b2; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; } .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; } .post-navigation.nav-top .post-nav-middle a { background: url(images/skip_comments_arrow.png) no-repeat right 0; padding-right: 14px; color: #666; font-weight: bold; font-size: 11px; } .post-navigation.nav-bottom .post-nav-middle a { background: url(images/back_top_arrow.png) no-repeat right 2px; padding-right: 14px; color: #666; 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 { font-size: 13px; line-height: 150%; overflow: hidden; } .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; font-size: 18px; } /* @end */ /* @group Pages */ .post.page-title-area { margin-bottom: 25px; } .post.page-title-area img { width: 32px; height: 32px; margin-right: 10px; float: left; } .dark-icon .page-title-area img { background: #444; -webkit-border-radius: 3px; border: 1px solid #111; padding: 2px; width: 30px; height: 30px; } .post.page-title-area h2 { margin-top: 7px; margin-bottom: 8px; font-size: 18px; margin-left: auto; } /* @end */ /* @group Comments */ /* @group Comment Pagination */ .navigation { clear: both; margin: 15px 9px 45px; } /* @end */ ol.commentlist { background-color: #fff; position: relative; margin-left: 9px; margin-right: 9px; border: 1px solid #b1b1b1; line-height: 145%; clear: both; padding-bottom: 10px; } ol.commentlist li .comment-author { background-color: #eee; height: 32px; margin-left: -10px; margin-right: -10px; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; margin-top: 1px; } ol.commentlist > li:first-child { margin-top: -12px; } ol.commentlist li.first { -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-style: none; } ol.commentlist .avatar.first { -webkit-border-top-left-radius: 11px; } ol.commentlist > li:first-child .comment-author { -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; } ol.commentlist ul li:first-child .comment-author { -webkit-border-radius: 0px; } ol.commentlist li cite.fn { position: relative; font-size: 11px; color: #333; top: 2px; left: 7px; font-weight: bold; font-style: normal; text-transform: uppercase; max-width: 75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } ol.commentlist li cite.fn a { color: #333; } ol.commentlist li span.says { display: none; } ol.commentlist li .comment-meta { position: absolute; font-size: 10px; left: 40px; top: 25px; width: 100%; } ol.commentlist li .comment-meta a { color: #888; } ol.commentlist li a.comment-edit-link { position: absolute; padding: 1px 5px 2px; font-size: 10px; background-color: #486282; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, rgba(255, 255, 255, 0.8)), color-stop(0.01, rgba(255, 255, 255, 0.6)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(5.0, rgba(255, 255, 255, 2.0))); color: #fff; letter-spacing: 0; text-shadow: #555 0 -1px 1px; border: 1px solid #b1b1b1; -webkit-border-radius: 5px; font-weight: bold; top: -9px; right: 90px; } ol.commentlist li a.comment-reply-link { position: absolute; top: 16px; padding: 1px 5px 2px; font-size: 10px; background-color: #aaa; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, rgba(255, 255, 255, 0.8)), color-stop(0.01, rgba(255, 255, 255, 0.6)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(5.0, rgba(255, 255, 255, 2.0))); color: #555; font-weight: bold; letter-spacing: 0; text-shadow: #fff 0 1px 1px; border: 1px solid #b1b1b1; -webkit-border-radius: 5px; right: 6px; z-index: 1; } ol.commentlist li .comment-body { padding-bottom: 25px; padding: 10px; position: relative; overflow: hidden; } ol.commentlist li .comment-author img { float: left; border: 1px solid #b1b1b1; margin-left: -1px; margin-top: -1px; } 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-dark.gif) no-repeat left 5px; } /* @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 */ h3#comments, #respond h3 { color: #475d79; text-shadow: #eee 1px 1px 1px; letter-spacing: -1px; font-size: 17px; margin: 25px 9px 10px; } p.nocomments, #respond p { color: #475d79; text-shadow: #eee 1px 1px 1px; letter-spacing: -1px; font-size: 16px; margin: 40px 9px 10px; font-weight: bold; text-align: center; } .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 { color: #475d79; text-shadow: #eee 1px 1px 0; font-size: 11px; font-weight: bold; position: relative; top: 2px; margin-top: 10px; text-align: left; } form#commentform { } form#commentform input { -webkit-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; opacity: 1; background-color: #eee; border: 1px solid #aaa; text-shadow: #fff 0 1px 0; width: auto; } textarea#comment { -webkit-border-radius: 8px; border: 1px solid #adadad; font-size: 14px; color: #444; height: 80px; padding: 3px; width: 98%; line-height: 140%; } #loading { position: relative; background-color: #dedede; -webkit-border-radius: 8px; border: 1px solid #9fa5ac; opacity: 0.85; z-index: 9; 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; text-shadow: #fff 0 1px 0; font-size: 12px; color: #2f4e71; font-weight: bold; } form#commentform label { color: #475d79; text-shadow: #eee 1px 1px 0; font-size: 14px; font-weight: bold; letter-spacing: 0; } /* @group Inline Replies */ .commentlist #respond { position: relative; background-color: #eee; border: 1px solid #ccc; margin-left: 10px; margin-right: 10px; -webkit-border-radius: 8px; margin-bottom: 10px; } .commentlist #respond a#cancel-comment-reply-link { position: absolute; right: 9px; top: 9px; padding: 1px 5px 2px; font-size: 10px; background-color: #aaa; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, rgba(255, 255, 255, 0.8)), color-stop(0.01, rgba(255, 255, 255, 0.6)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(5.0, rgba(255, 255, 255, 2.0))); color: #555; font-weight: bold; letter-spacing: 0; text-shadow: #fff 0 1px 1px; border: 1px solid #aaa; -webkit-border-radius: 5px; } .commentlist #respond h3 { color: #333; font-size: 15px; letter-spacing: 0; text-shadow: none; margin-top: 10px; margin-bottom: 20px; } .commentlist p.nocomments, .commentlist #respond p { text-align: left; } /* @end */ /* @end */ /* @group Archives (search, 404, tags, category, month & year 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 { color: #475d79; text-shadow: #eee 1px 1px 1px; letter-spacing: -1px; font-size: 17px; margin: 25px 9px 10px; font-weight: bold; } /* @end */ /* @group Custom Archives & Links Pages */ .linkcat h2, h2.wptouch-archives { color: #475d79; text-shadow: #eee 1px 1px 1px; letter-spacing: -1px; font-size: 17px; margin: 25px 9px 10px; text-transform: capitalize; } .linkcat li { list-style-type: none; } .linkcat ul, ul.wptouch-archives { margin-left: 9px; margin-right: 9px; -webkit-border-radius: 8px; background-color: #fff; border: 1px solid #b1b1b1; } .linkcat ul li, ul.wptouch-archives li { border-bottom: 1px solid #b1b1b1; background: url(images/chevron.png) no-repeat 98% center; } .linkcat ul li a, ul.wptouch-archives a { font-size: 12px; padding-top: 10px; padding-bottom: 10px; padding-left: 9px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; width: 85%; overflow: hidden; } .linkcat ul li:last-child, ul.wptouch-archives li:last-child { border-bottom-style: none; } /* @end */ /* @group Footer Area */ #switch { text-align: center; font-weight: bold; text-shadow: #fff 0 1px 0; font-size: 13px; margin: 60px auto 20px; color: #555; } .footer { text-align: center; margin-top: 25px; margin-bottom: 25px; font-size: 11px; text-shadow: #fff 0 1px 1px; font-weight: bold; color: #555; } #wptouch-query { display: block; margin-top: 8px; font-size: 14px; } /* @end */ /* @group Web App Mode */ #progress { -webkit-border-radius: 10px; color: white; font-size: 18px; font-weight: bold; height: 80px; line-height: 80px; text-align: center; width: 160px; background: rgba(0,0,0,.7) url(images/ajax-loader.gif) no-repeat 30px 32px; z-index: 1000; padding-left: 15px; } #loading-img { background: url(images/startup.png) no-repeat 0 0; width: 320px; height: 460px; position: absolute; z-index: 1000; top: 0; left: 0; } /* @end */