0byt3m1n1
Path:
/
home1
/
aserty
/
public_html
/
bonniescraftygifts.com
/
iFzj4
/
configCHM
/
Jump
/
0-aserty
/
beatlesmontreal.com
/
wp-contentebbd3f
/
plugins
/
wptouch-pro
/
themes
/
classic-redux
/
default
/
[
Home
]
File: style.css
/* Classic Redux CSS */ /* Responsive styles can be applied via the '.smartphone', '.tablet', '.portrait' & '.landscape' classes respectively. These classes are automatically changed on the body based on the device and the orientation */ /* @group Global */ body { font: 95% "Helvetica Neue", Helvetica, sans-serif; color: #444; -webkit-font-smoothing: antialiased; } .box, h3#responses, .search .post, .related-posts { margin: 12px; padding: 15px; background: rgba(255,255,255,.9); box-shadow: rgba(0,0,0,.1) 0px 1px 2px; overflow: hidden; } .rounded-corners .box, .rounded-corners .search li.post { border-radius: 4px; } #content { line-height: 150%; } .touched { background-color: rgba(0,0,0,.1); opacity: .5; } blockquote { border-left: 2px solid #eee; padding-left: 10px; } /* @end */ /* @group Ads */ .header-showcase .wptouch-custom-showcase { padding: 0; margin: 0; } .showcase-location-header { padding: 0; margin: -5px 0 0; } .top-content-showcase .post .wptouch-custom-showcase { margin-top: -10px; margin-left: 0; margin-right: 0; } #content-area .wptouch-showcase { margin-left: -15px; margin-right: -15px; } .single #content-area .wptouch-showcase img { border: none; height: auto; padding: none; border-radius: none; background-color: transparent; } #content .showcase-location-pre_content { padding-top: 0; } .wptouch-custom-showcase > * { max-width: 100%; } .page-wrapper > .wptouch-showcase * { max-width: 100%; } /* @end */ /* @group Default Font Sizes */ h1 { font-size: 180%; } h2 { font-size: 160%; } h3 { font-size: 130%; } h4 { font-size: 110%; } h5 { font-size: 100%; } h6 { font-size: 90%; } /* @end */ /* @group Header */ #header { position: relative; overflow: hidden; z-index: 3; border-bottom-style: none; height: 54px; } #header * { -webkit-user-select: none; -webkit-touch-callout: none; } #header h2 { margin: 0; } .site-title a { width: 85%; float: left; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: white; font-size: 90%; padding-left: 12px; line-height: 2.5em; } #header .logo { position: relative; height: 54px; max-width: 250px; padding-left: 12px; } .landscape #header .logo { max-width: 320px; } #header .logo img { max-width: 100%; max-height: 52px; top: 50%; margin-top: -24px; position: relative; } .landscape #header .logo img { margin-top: -25px; } #header .menu-drop { cursor: pointer; position: absolute; right: 0; font-size: 120%; top: 0; bottom: 0; text-align: center; padding: 14px; line-height: 150%; } #header .menu-drop span { font-size: 70%; font-weight: bold; position: relative; bottom: 2px; display: inline-block; margin-left: -6px; margin-right: -6px; } /* @group Tab Bar */ .tab-section { display: none; } ul.tab-menu { font-size: 120%; line-height: 200%; text-align: center; } ul.tab-menu li { display: inline-block; position: relative; } ul.tab-menu a { padding: 10px; } ul.tab-menu a.active { position: relative; z-index: 1; } .tab-section h4 { padding: 8px; text-transform: uppercase; position: relative; z-index: 0; margin: 0; } /* @group Navigation */ #menu { box-shadow: rgba(0,0,0,.3) 0px 4px 4px; display: none; position: absolute; width: 100%; z-index: 2; } .android #menu { position: relative; } /* @end */ /* @group Categories & Tags */ .cat-tag li { position: relative; padding: 0; } .cat-tag li a { display: block; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 14px 10px 13px; } .cat-tag li a span { float: right; } /* @end */ /* @group Twitter */ .twitter { text-shadow: rgba(0,0,0,.4) 0px -1px 0px; color: #fff; } .twitter img { margin-left: 10px; background-color: rgba(255,255,255,.3); padding: 2px; float: left; margin-right: 10px; width: 32px; height: 32px; } .twitter .author-link { min-height: 35px; background-color: rgba(0,0,0,.2); margin-top: 0; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; } .twitter .author-link span { display: block; position: relative; top: 10px; } .twitter li { padding: 10px; } .twitter li a { width: auto; text-align: left; display: inline; padding: 0; margin: 0; } .twitter p.tweet-time { font-size: 80%; color: rgba(255,255,255,.5); margin-right: 10px; margin-bottom: 0; margin-top: 0; } /* @end */ /* @group Search */ #searchform { padding: 8px 10px; } #searchform div { text-align: center; } #search-text { font-size: 16px; border-radius: 0px; -webkit-border-radius: 0px; width: 60%; padding: 5px; margin-right: 1.5%; } #search-submit { min-width: 22%; max-width: 22%; font-weight: bold; font-size: 100%; padding: 5px 5px 4px; } /* @end */ /* @end */ /* @group Light Header */ .light-header #header { border-bottom: 1px solid rgba(0,0,0,.1); } .light-header .site-title a { text-shadow: rgba(255,255,255,.5) 0 1px 0; color: rgba(0,0,0,.7); } .light-header #wptouch-login-wrap, .light-header .menu-drop, .light-header .tab-menu li a, .wptouch-menu a { color: rgba(0,0,0,.7); text-shadow: rgba(255,255,255,.5) 0 1px 0; } .light-header .tab-section h4 { text-shadow: rgba(0,0,0,.8) 0 -1px 0; background: rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.15); color: rgba(255,255,255,.18); } .light-header ul.tab-menu a.active { box-shadow: inset rgba(0,0,0,.2) 0px 3px 1px; background: rgba(0,0,0,.1); } .light-header .wptouch-menu ul li { border-bottom: 1px solid rgba(0,0,0,.15); border-top: 1px solid rgba(255,255,255,.2); } .light-header #searchform { background: rgba(0,0,0,.1); } .light-header #search-text { border: 1px solid rgba(0,0,0,.4); } .light-header #search-submit { border: 1px solid rgba(0,0,0,.1); color: #fff; background-color: rgba(0,0,0,.3); box-shadow: inset rgba(255,255,255,.1) 0px 1px 0px, rgba(255,255,255,.1) 0px 1px 0px; } .light-header #search-submit:active { box-shadow: inset rgba(0,0,0,.3) 0px 0px 12px, rgba(255,255,255,.1) 0px 1px 0px; } /* @end */ /* @group Dark Header */ .dark-header #header { border-bottom: 1px solid rgba(0,0,0,.1); } .dark-header .site-title a { text-shadow: rgba(0,0,0,.2) 0 -1px 0; color: rgba(255,255,255,1); } .dark-header ul.tab-menu { border-top: 1px solid rgba(255,255,255,.1); } .dark-header .menu-drop, .dark-header .tab-menu li a, .dark-header .wptouch-menu a { color: rgba(255,255,255,.9); text-shadow: rgba(0,0,0,.2) 0 -1px 0; } .dark-header .tab-section h4 { text-shadow: rgba(0,0,0,.9) 0 -1px 0; background: rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.15); color: rgba(255,255,255,.9); } .dark-header ul.tab-menu a { } .dark-header ul.tab-menu a.active { box-shadow: inset rgba(0,0,0,.15) 0px 5px 1px; background: rgba(0,0,0,.1); } .dark-header .wptouch-menu ul li { border-bottom: 1px solid rgba(0,0,0,.2); border-top: 1px solid rgba(255,255,255,.1); } .dark-header #searchform { background: rgba(0,0,0,.1); } .dark-header #search-text { border: 1px solid rgba(0,0,0,.4); } .dark-header #search-submit { border: 1px solid rgba(0,0,0,.1); color: #fff; background-color: rgba(0,0,0,.3); box-shadow: inset rgba(255,255,255,.1) 0px 1px 0px, rgba(255,255,255,.1) 0px 1px 0px; } .dark-header #search-submit:active { box-shadow: inset rgba(0,0,0,.3) 0px 0px 12px, rgba(255,255,255,.1) 0px 1px 0px; } /* @end */ /* @end */ /* @group Blog */ #content h2.post-title { font-size: 125%; line-height: 125%; width: 90%; margin: 0; } #content .show-thumbnails h2.post-title { font-size: 120%; padding-left: 80px; line-height: 125%; font-variant: normal; width: 63.5%; } .landscape #content .show-thumbnails h2.post-title { width: 75%; } .rounded-corners .text-expand { border-radius: 4px; } .text-expand { border: 1px solid rgba(0,0,0,.1); padding: 5px 8px 3px 8px; text-align: center; cursor: pointer; color: rgba(0,0,0,.4); float: right; } .text-expand.wptouch-icon-chevron-up { box-shadow: inset rgba(0,0,0,.3) 0px 0px 12px; } .read-more { display: block; background-color: rgba(0,0,0,.05); padding: 10px; margin: 15px -15px -15px; } .read-more i { float: right; line-height: 1.5em; } .post-meta { padding-top: 5px; font-size: 80%; } .post-meta i { font-size: 105%; margin-right: 2px; } .post-meta .author { display: inline; } .post-content { padding-top: 10px; } .show-thumbnails .post-meta { padding-top: 5px; padding-left: 80px; } .post img.post-thumbnail, .post .placeholder { float: left; width: 70px; height: 70px; border: 1px solid #ccc; margin-right: 10px; display: block; margin-top: 3px; margin-bottom: 20px; border-radius: 3px; } .placeholder { text-align: center; box-shadow: inset rgba(0,0,0,.4) 0px 0px 48px, inset rgba(255,255,255,.4) 0px 1px 1px; } .placeholder:after { font-family: 'wptouch-icons'; content: "\e816"; font-size: 30px; position: relative; top: 35%; color: rgba(0,0,0,.3); text-shadow: rgba(255,255,255,.2) 0 1px 0; } .load-more-link, .load-more-post-link, .load-more-page-link { display: block; width: 100%; text-align: center; padding-top: 12px; padding-bottom: 12px; font-weight: bold; text-transform: capitalize; margin-bottom: 30px; } .spinner { display: inline-block; margin-right: 8px; height: 12px; position: relative; top: 6px; } .cat-tags { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .sharing-options.share-top { margin: -15px -15px 25px; } .sharing-options.share-bottom { margin: 40px -15px -15px; } .gallery-nav { font-size: 200%; } h2.archive-title { margin-left: 12px; margin-right: 10px; font-size: 130%; } /* @end */ /* @group Single */ #title-area { padding: 0 0 10px; text-align: center; } #content #title-area h2.post-title { font-size: 140%; width: auto; line-height: 130%; text-align: left; padding-left: 15px; padding-right: 15px; padding-top: 10px; } #title-area img { padding: 2px; height: auto; width: 94%; margin-top: 10px; border: 1px solid rgba(0,0,0,.1); } .single .post-meta { font-size: 85%; text-align: left; padding-left: 15px; padding-right: 15px; } .single .post, .page .post { font-size: 100%; } /* @end */ /* @group Related Posts */ .related-posts { margin-top: 20px; padding-top: 0; } .related-posts ul li { position: relative; list-style-type: none; margin: 0 0 20px; } .related-posts h3 { padding-bottom: 10px; } .related-posts li a { font-size: 1.1em; } .related-posts li.has-thumb p { margin-top: 5px; } .related-posts li.has-thumb a, .related-posts .has-thumb p { padding-left: 60px; display: block; } .related-posts .has-thumb img { position: absolute; width: 50px; height: 50px; top: 3px; border: 1px solid rgba(0,0,0,.3); } .rtl .related-posts img { left: 0; } /* @end */ /* @group Nav Bar */ .nav-bar { font-weight: bold; padding-top: 6px; padding-bottom: 6px; font-size: 90%; margin-left: 12px; margin-right: 12px; } .nav-controls { color: #CCC; text-transform: capitalize; text-align: center; margin-top: 25px; margin-bottom: 25px; } .nav-controls a.prev-post { padding-top: 8px; padding-bottom: 8px; } .nav-controls a.prev-post+a.next-post { padding-left: 8px; margin-left: 4px; } .nav-controls a.next-post { padding-top: 8px; padding-bottom: 8px; } .nav-controls a.prev-post:before { content: '\e810'; font: normal normal 90% 'wptouch-icons'; } .nav-controls a.next-post:after { content: '\e811'; font: normal normal 90% 'wptouch-icons'; } /* @end */ /* @group Search */ #content.search { padding-bottom: 40px; } #content.search ul { margin-left: 10px; margin-right: 10px; } h3.search-heading { margin-left: 12px; margin-right: 12px; text-transform: capitalize; padding-top: 10px; } .search-heading.page-heading { padding-top: 0; } #content.search li.post { margin-left: 0; margin-right: 0; } .search img.post-thumbnail, .search .placeholder { margin-top: 10px; } .search li.post a { font-size: 130%; font-weight: bold; } .search li.post a:after { font-family: 'wptouch-icons'; content: "\e815"; margin-left: 5px; } .search li.post p { margin: 5px 0; } .search li.post .date { font-size: 85%; color: rgba(0,0,0,.4); margin-top: 0; } /* @end */ /* @group Comments */ h3#responses { font-size: 110%; text-transform: capitalize; margin-bottom: 0; margin-left: 10px; margin-right: 10px; } h3#responses:before { content: "\e813"; margin-right: 5px; font-style: normal; font-family: 'wptouch-icons'; font-variant: normal; margin-bottom: 0; } ol.commentlist { background: rgba(255,255,255,.9); box-shadow: rgba(0,0,0,.1) 0px 1px 2px; margin-right: 10px; margin-left: 10px; } li.comment { overflow: hidden; position: relative; } .comment:first-child { border-top: none; } .comment:last-child { border-bottom: none; } .comment-top { background-color: rgba(0,0,0,.05); height: 43px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .comment .comment-author { font-weight: bold; position: relative; padding-top: 3px; margin-bottom: -6px; font-size: 95%; } .comment .comment-time { color: #777; font-size: 85%; } .comment img.avatar { float: left; margin-right: 8px; max-width: 48px; height: auto; background-color: rgba(0,0,0,.05); position: relative; bottom: 5px; box-shadow: rgba(0,0,0,.2) 1px 0px 0px; } .comment-body { font-size: 85%; padding: 0 10px 10px; } .comment-body a { word-wrap: break-word; } ol.commentlist ul { box-shadow: none; border: 1px dashed #d2d2d2; margin: 10px 10px 25px; } #respond { margin: 0px 10px; position: relative; clear: both; } .comment #respond { background-color: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.1); padding: 10px 10px 51px; } .comment #respond h3 { margin: 0; text-align: left; } .rounded-corners form#commentform input, .rounded-corners form#commentform textarea, form#commentform button#submit { -webkit-border-radius: 4px; border-radius: 4px; } h3#responses { margin-bottom: 0; padding-top: 15px; padding-bottom: 15px; } .rounded-corners h3#responses { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .rounded-corners .commentlist { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } /* @end */ /* @group Footer */ .footer a.wptouch-icon-facebook, .footer a.wptouch-icon-twitter, .footer a.wptouch-icon-google-plus, .footer a.wptouch-icon-envelope-alt { line-height: 210%; } .footer { font-size: 80%; text-shadow: rgba(255,255,255,.8) 0 1px 0; color: rgba(0,0,0,.6); padding-top: 25px; } /* @end */ /* @group Dark Body Background */ .dark-body .box, .dark-body .related-posts { color: #333; text-shadow: rgba(255,255,255,.5) 0 -1px 0; } .dark-body #comments #responses, .dark-body #comments .commentlist { color: #333; text-shadow: rgba(255,255,255,.5) 0 1px 0; } .dark-body .footer, .dark-body .footer p a { color: rgba(255,255,255,.7); text-shadow: rgba(0,0,0,.7) 0px -1px 0px; } .dark-body .load-more-link, .dark-body #switch a { color: rgba(255,255,255,.9); } /* @end */ /* @group Responsive > Tablets */ .tablet .showcase-location-header { margin-top: 0; margin-bottom: -45px; padding-top: 80px; } .tablet.landscape.landscape-menu .page-wrapper > .wptouch-showcase { margin-left: 32%; clear: both; } /* @group Tablet General */ .tablet .page-wrapper { padding-bottom: 20px; } .tablet #content { line-height: 150%; padding-top: 50px; font-size: 110%; } .tablet .comment .meta { font-size: 85%; } .tablet #switch { width: 40%; margin-left: auto; margin-right: auto; } .tablet .footer { padding-top: 50px; padding-left: 50px; padding-right: 50px; } .tablet .page-wrapper { min-height: 1000px; } .tablet #content .show-thumbnails h2.post-title { font-size: 130%; padding-left: 75px; width: 80%; line-height: 150%; font-variant: normal; } .tablet .post img.post-thumbnail, .tablet .post .placeholder { width: 120px; height: 120px; top: 5px; position: relative; margin-right: 25px; } .tablet .post .cat-tags { margin-left: 68px; } .tablet .back-to-top { float: none; width: 100%; } .tablet.blog #content { max-width: 80%; margin-left: auto; margin-right: auto; } .tablet.single #content, .tablet.page #content { padding-top: 80px; max-width: 80%; margin-left: auto; margin-right: auto; } .tablet.page #comments, .tablet.page #respond { padding-top: 40px; max-width: 80%; margin-left: auto; margin-right: auto; } .tablet.landscape.landscape-menu .back-to-top { float: right; width: 69%; } .tablet.landscape.landscape-menu .page-wrapper { min-height: 728px; } .tablet.landscape.landscape-menu #content { float: right; padding-top: 60px; width: 69%; margin-right: 0; padding-right: 0; } .tablet.landscape.landscape-menu.page #respond { float: right; width: 67%; } .tablet.landscape.landscape-menu .wptouch-mobile-switch { width: 69%; float: right; } .tablet.landscape.landscape-menu .footer { float: right; width: 58%; } /* @end */ /* @group Tablet Header */ .tablet #header { position: fixed; z-index: 2; opacity: 0.97; top: 0; width: 100%; } .tablet #header .site-title a { text-align: center; padding-left: 0; width: 100%; } .tablet #header .logo { text-align: center; padding-left: 0; width: 100%; max-width: none; } /* @end */ /* @group Tablet Menu */ .tablet.portrait #search-text { max-width: 52%; } .tablet.portrait #search-submit { min-width: 32%; } .portrait.tablet #menu { display: none; width: 41.4%; } .tablet #menu { box-shadow: none; position: fixed; bottom: 0; top: 54px; left: 0; display: block; z-index: 1; overflow: auto; -webkit-overflow-scrolling: touch; border-color: rgba(0,0,0,.1); border-right-style: solid; border-right-width: 2px; width: 31%; } .tablet #menu li { -webkit-transform: translate3d(0,0,0); } .tablet.landscape.landscape-menu #menu { display: block; } .tablet.landscape.landscape-menu .menu-drop { display: none; } /* @end */ /* @group Tablet Slider */ .tablet #slider { margin-top: 55px; } .tablet .swipe-wrap > div { height: 450px; } .tablet ul.dots { position: relative; top: 60px; } .header-showcase.tablet ul.dots { position: relative; top: 60px; } .tablet #slider + #content { padding-top: 0; } .tablet.landscape.landscape-menu #slider { box-shadow: inset rgba(0,0,0,.5) 0px 0px 24px; width: 69%; float: right; margin-top: 55px; } .tablet.landscape.landscape-menu .swipe-wrap > div { height: 375px; } .tablet.landscape.landscape-menu ul.dots { top: 60px; float: right; width: 69%; margin-left: 30%; } /* @end */ /* @end */ /* @group Web App Mode */ .web-app-mode #header .site-title a { margin-left: auto; margin-right: auto; display: block; width: 75%; text-align: center; font-size: 80%; line-height: 260%; float: none; } /* @group iOS 7 */ .ios7.smartphone.web-app-mode #header { height: 72px; position: -webkit-sticky; overflow: hidden; top: 0; right: 0; left: 0; opacity: 0.95; z-index: 3; } .ios7.smartphone.web-app-mode #header .site-title a { width: 65%; font-size: 90%; padding-top: 20px; } .ios7.smartphone.web-app-mode #header .logo { padding-left: 0; margin-left: auto; margin-right: auto; width: 65%; padding-top: 20px; text-align: center; } .ios7.smartphone.web-app-mode.landscape-menu #header .logo { text-align: center; padding-left: 0; width: 80%; max-width: 80%; } .ios7.smartphone.web-app-mode #header .menu-drop { cursor: pointer; position: absolute; right: 0; font-size: 120%; top: 0; text-align: center; padding: 38px 14px 14px; line-height: 130%; bottom: 0; } .ios7.smartphone.web-app-mode #menu { position: fixed; top: 73px; overflow: auto; -webkit-overflow-scrolling: touch; } /* @end */ /* @end */