/* Theme Name: Truemag Child Theme URI: http://strictthemes.com Author: StrictThemes Author URI: http://strictthemes.com Template: Truemag Description: Ad optimized magazine. AdSense ready. Responsive AdSense. Version: 1.1.6 License: GPL2 License URI: http://strictthemes.com/licensing/ Tags: light, dark, theme-options, translation-ready, custom-background, custom-colors, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, featured-images, custom-menu, post-formats, sticky-post, buddypress Text Domain: strictthemes */ /* 0 - Reset 1 - Common 2 - Layout 3 - Special 4 - Editor style 5 - Components 6 - bbPress 7 - BuddyPress 8 - Menu 9 - Forms 10 - Sidebars 11 - Breadcrumbs 12 - Archive 13 - Post 14 - Formats 15 - Templates 16 - 404 17 - Comments 18 - Pingbacks 19 - Widgets 20 - Icons 21 - Pagination 22 - WooCommerce */ /*=============================================== R E S E T Reset default styles of browsers ===============================================*/ /* gujarati */ @font-face { font-family: 'Hind Vadodara'; font-style: normal; font-weight: 400; font-display: swap; src: local('Hind Vadodara Regular'), local('HindVadodara-Regular'), url(https://fonts.gstatic.com/s/hindvadodara/v5/neINzCKvrIcn5pbuuuriV9tTQInVrFkcrSuywA.woff2) format('woff2'); unicode-range: U+0964-0965, U+0A80-0AFF, U+200C-200D, U+20B9, U+25CC, U+A830-A839; } /* latin-ext */ @font-face { font-family: 'Hind Vadodara'; font-style: normal; font-weight: 400; font-display: swap; src: local('Hind Vadodara Regular'), local('HindVadodara-Regular'), url(https://fonts.gstatic.com/s/hindvadodara/v5/neINzCKvrIcn5pbuuuriV9tTQJzVrFkcrSuywA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Hind Vadodara'; font-style: normal; font-weight: 400; font-display: swap; src: local('Hind Vadodara Regular'), local('HindVadodara-Regular'), url(https://fonts.gstatic.com/s/hindvadodara/v5/neINzCKvrIcn5pbuuuriV9tTQJLVrFkcrSs.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 97%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote, q { quotes: "" ""; } * { -webkit-tap-highlight-color: rgba(0,0,0,0.1); } /*=============================================== C O M M O N General styles ===============================================*/ /* 1 - COMMON 1.1 - Body 1.2 - Titles 1.3 - Links 1.4 - Paragraphs 1.5 - Lists 1.6 - Images 1.7 - Tables 1.8 - Quotes 1.9 - Fieldsets 1.10 - Code 1.11 - Other HTML tags */ html { height: 100%; font-size: 100.01%; } /*------------------------------------------- 1.1 - Body -------------------------------------------*/ body { height: auto; min-height: 100%; color: #56646F; background: #FFFFFF; } body#tinymce { background: #FFF; } body, div, td { font-family: 'Hind Vadodara', sans-serif; /*font-family: Arial, Tahoma, Verdana, sans-serif;*/ font-size: 16px; /* font-size: 14px*/; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.6em; /*line-height: 1.785em;*/ vertical-align: top; margin: 0; padding: 0; word-wrap: break-word; hyphens: auto; letter-spacing: -.01em; } /*------------------------------------------- 1.2 - Titles -------------------------------------------*/ h1, h2, h3, h4, h5, h6 { color: #521D77; font-style: normal; font-weight: 800; font-family: inherit; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: -0.05em; padding-top: 0.5em; padding-right: 0; padding-bottom: 0.1em; padding-left: 0; } h1 { font-size: 2.3em; /*font-size: 2.6em;*/ font-weight: 800; letter-spacing: -0.02em; line-height: 1em; } .sidebar-homepage-b h1 { display: table; margin: 0 auto; padding: 0.25em 0; text-align: center; font-weight: 300; } .sidebar-homepage-b h1 span { display: block; } .sidebar-homepage-b h1 a { } h2 { font-size: 2em; letter-spacing: -0.02em; font-weight: 300; line-height: 1.3em; } h3 { font-size: 1.6em; letter-spacing: -0.01em; line-height: 1.375em; } h4 { font-size: 1.35em; line-height: 1.4em; } h5 { font-size: 1.15em; font-weight: bold; text-transform: normal; line-height: 1em; /* line-height: 1.5em; */ } h6 { font-size: 1em; font-weight: bold; line-height: 1.6em; text-align: center; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #521d77; text-decoration: none; } .sidebar-footer h1 a, .sidebar-footer h2 a, .sidebar-footer h3 a, .sidebar-footer h4 a, .sidebar-footer h5 a, .sidebar-footer h6 a { color: #FFF; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #8c8e8e; } .title-sub { color: #8c8e8e; } .post-title .title-sub { display: block; font-size: 55%; font-weight: normal; letter-spacing: -0.02em; line-height: 1.2em; margin-top: 0.5em; } .title-end { display: none; } /*------------------------------------------- 1.3 - Links -------------------------------------------*/ a { color: #000000; text-decoration: none; -webkit-transition: all 250ms linear; -moz-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; transition: all 250ms linear; } a:hover { color: #5b4141; text-decoration: none; -webkit-transition: all 125ms linear; -moz-transition: background-color 125ms linear; -o-transition: background-color 125ms linear; -ms-transition: background-color 125ms linear; transition: all 125ms linear; } /*------------------------------------------- 1.4 - Paragraphs -------------------------------------------*/ p { line-height: inherit; margin: 0 0 1em 0; padding: 0; } /*------------------------------------------- 1.5 - Lists -------------------------------------------*/ ol { list-style-type: decimal; line-height: inherit; margin: 0 0 0 2em; } ul { list-style-type: disc; line-height: inherit; margin: 0 0 0 2em; } dl { display: table; } dt { } dd { padding-left: 2em; } /*------------------------------------------- 1.6 - Images -------------------------------------------*/ img { display: inline-block; max-width: 100%; height: auto; font: normal 10px/1em sans-serif; border: 0; } /*--- Attachment -----------------------------*/ .wp-caption { display: block; color: #999; font-size: 12px; text-align: center; width: auto; max-width: 100% !important; margin-top: 0.25em; margin-bottom: 1em; } .wp-caption.aligncenter { display: block; } .wp-caption.alignleft { margin-left: -55px; } #tinymce .wp-caption.alignleft { margin-left: 0; } .wp-caption.alignright { margin-right: -55px; } #tinymce .wp-caption.alignright { margin-right: 0; } .wp-caption a { } .wp-caption img { display: block; margin: 0 auto; } #tinymce .wp-caption img { display: inline-block; } .wp-caption-text { font-size: 12px; line-height: 1.352em; width: auto; max-width: 100%; margin: 0 auto; padding: 10px 15px 0; } /*--- Gallery -----------------------------*/ .gallery { font-size: 0.85em; width: auto !important; max-width: 100%; margin-bottom: 1em !important; padding: 25px 25px 0; background: rgba(0,0,0,0.03); } .gallery-item { display: inline-block; float: none !important; margin: 0 0 25px !important; vertical-align: top; } .gallery img { display: block; margin: 0 auto; border: none !important; } /*------------------------------------------- 1.7 - Tables -------------------------------------------*/ table { text-align: left; width: 100%; max-width: 100%; margin: 0 0 1em; border: 0; border-collapse: collapse; } caption { line-height: 1.5em; color: #FFF !important; text-align: center; padding: 1em; background: #5b4141 url('assets/images/bg-white-20.png'); } thead { } thead tr { background: none; } th { line-height: 1.3em; color: #FFF; padding: 5px 10px; background: #5b4141 url('assets/images/bg-white-40.png'); border-bottom: 5px solid #DDD; } tbody { } tr { background: #FFF; border-bottom: 1px solid #EAEAEA; } tr.alt { background: #F9F9F9; } td { line-height: inherit; vertical-align: top; color: #56646F; padding: 10px; border-left: 1px solid #DDD; } td:first-child { border-left: none; } tfoot { } tfoot tr { background: #EAEAEA; border-bottom: 1px solid #DDD; } tfoot td { border-right: none; } /*------------------------------------------- 1.8 - Quotes -------------------------------------------*/ blockquote { font-size: 1.2em; text-align: left; /* needed */ margin: 0 0 0 35px; padding: 0 0 0 15px; border-left: 1px solid #FB9351; } blockquote:before { content: '\201C'; position: absolute; color: #FB9351; font-size: 5em; margin: 20px 0 0 -55px; } blockquote p { font-family: inherit; line-height: 1.785em; } blockquote cite { display: table; } cite { font-size: 0.8em; } q { font-style: italic; } q:before { content: '\AB'; } q:after { content: '\BB'; } /*------------------------------------------- 1.9 - Fieldsets -------------------------------------------*/ fieldset { border: 1px solid rgba(0,0,0,0.1); margin: 0 0 1.5em; padding: 25px; } fieldset legend { display: block; font-weight: bold; line-height: 1em; margin: 0 0 0 -5px; padding: 0 5px; } /*------------------------------------------- 1.10 - Code -------------------------------------------*/ pre { font-family: "Courier New", monospace; font-size: 12px; text-align: left; /* needed */ line-height: 20px; color: #555; max-width: 100%; margin-bottom: 1em; padding: 0 3px; background: #FFF url('assets/images/bg_code.png') left 20px repeat; overflow: auto; box-shadow: 0 0 1px rgba(0,0,0,0.2); } pre code { background: none; padding: 0; } code, kbd, var, tt { font-family: "Courier New", monospace; text-align: left; /* needed */ padding: 0 3px; background: rgba(0,0,0,0.03); } /*------------------------------------------- 1.11 - Other HTML tags -------------------------------------------*/ em { font-style: italic; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } del { text-decoration: line-through; } ins { text-decoration: none; background: #FFFFCC; } hr { clear: both; height: 1px; margin-bottom: 1em; background: rgba(0,0,0,0.1); border: 0 none; } big { font-size: 1.2em; } small { font-size: 0.85em; } sup { font-size: 66%; vertical-align: super; } *::selection { color: #FFF; background: #fb9351; } *:before, *:after { -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear; } *:hover:before, *:hover:after { -webkit-transition: all 125ms linear; -moz-transition: all 125ms linear; -o-transition: all 125ms linear; -ms-transition: all 125ms linear; transition: all 125ms linear; } /*=============================================== L A Y O U T Layout styles ===============================================*/ /* 2 - LAYOUT 2.1 - Header 2.2 - Content 2.3 - Footer */ #layout { max-width: 100%; overflow: hidden; } body.boxed { background-color: #e8e2e2; } .boxed #layout { max-width: 1300px; margin: 25px auto 0; background-color: #F7F5F5; } /*------------------------------------------- 2.1 - Header -------------------------------------------*/ #header { position: relative; padding: 10px 0 0; /*padding: 50px 0 0;*/ z-index: 3; } #header-layout-2 { } #header-holder-2 { position: relative; display: block; width: 1200px; /*background-color: #CCC;*/ /*border-bottom-color: #999; border-bottom-width: 1px; border-bottom-style: dotted;*/ margin-top: -100px; margin-right: auto; margin-bottom: 0; margin-left: auto; z-index:50; } #header-layout { } #header-holder { position: relative; display: block; width: 1200px; color: #CCC; margin: 0 auto; } /*--- Logo -----------------------------*/ #logo { float: left; width: 240px; height: 85px; margin: 0 22px 0 25px; } .menu-sticky #logo { width: auto; height: 44px; margin-right: 25px; } #logo h2, #logo h2 a, #logo h2 img { position: relative; display: block; font-size: 42px; line-height: 0.9em; font-weight: bold; color: #FFF; letter-spacing: -0.06em; text-decoration: none; max-width: 100%; margin: 0; padding: 0; opacity: 1; } .menu-sticky #logo h2, .menu-sticky #logo h2 a, .menu-sticky #logo h2 img { font-size: 34px; max-height: 90px; /*max-height: 34px;*/ } #logo h2 { max-width: 240px; } .hidpi #logo h2 img { opacity: 0; /* needed for hidpi function */ } /*--- Search form -----------------------------*/ #search-form-header { position: absolute; float: right; top: 0; right: 0; width: 30px; height: 29px; overflow: hidden; background-color: #521d77; z-index: 2; box-shadow: 1px 1px 0 rgba(255,255,255,0.35) inset, -1px -1px 0 rgba(255,255,255,0.35) inset; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.5, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.5, 1); margin-top: 3px; margin-right: 45px; margin-bottom: 3px; margin-left: 3px; } #search-form-header.search-form-header { width: 160px; background: #FFF; /*background: #FFF; */ -webkit-transition: all 300ms cubic-bezier(0.5, 0, 0.5, 1); transition: all 300ms cubic-bezier(0.5, 0, 0.5, 1); } #search-form-header span { position: absolute; display: block; width: 30px; height: 29px; cursor: pointer; } #search-form-header span:before { display: block; content: '\e62f'; font-family: 'StrictThemes'; color: #FFF; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-align: center; line-height: 1; margin-top: 7px; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #search-form-header.search-form-header span:before { color: #000000; } #search-form-header input { position: absolute; display: inline-block; color: #666666; font-size: 12px; line-height: 1; top: 0; left: 30px; width: 125px; margin: 0; padding: 6px 0; background: 333333; border: none; } .chrome #search-form-header input { padding-top: 7px; } #search-form-header input::-webkit-input-placeholder { color: #FB9351; } /*------------------------------------------- 2.2 - Content -------------------------------------------*/ #content-parent { z-index: 1; position: relative; } #content-layout { display: block; width: 1200px; margin: 0 auto; } #content-holder { padding: 0; z-index: 1; } #content-box { min-height: 600px; padding: 20px 0; /*background:#FFF;*/ /*box-shadow: 6px 6px 5px #CCCCCC;*/ } /* Content area */ div.post-single { width: 100%; /*width: 679px;*/ } /* If sidebar by right */ .sidebar-position-right #content-box, .page-template-template-frontpage-php .sidebar-secondary-inactive.sidebar-position-none #content-box { /* needed because .single .sidebar-position-none #content-box */ float: left; width: 860px; margin-right: 5px; padding-left:10px; /* margin-right: 10px; width: 880px; width: 850px;*/ } /* For blog & archives */ .page-template-template-frontpage-php .sidebar-position-left #content-box, .archive .sidebar-position-left #content-box { float: right; } /* For single */ .sidebar-position-right div.post-single { float: right; } /* If sidebar by left */ .sidebar-position-left #content-box { float: right; width: 860px; /* width: 880px; width: 850px; */ } /* For blog & archives */ .page-template-template-frontpage-php .sidebar-position-left #content-box, .archive .sidebar-position-left #content-box { float: left; } /* For blog & archive if secondary sidebar inactive + align by left */ .page-template-template-frontpage-php .sidebar-secondary-inactive.sidebar-position-left #content-box, .archive .sidebar-secondary-inactive.sidebar-position-left #content-box { float: right; } /* For single */ .sidebar-position-left div.post-single { float: left; } /* If sidebar none */ .sidebar-position-none div.post-single { float: right; width: 1030px; } /* If sidebar by none */ .sidebar-position-none #content-box { float: left; width: 860px; /* width: 880px width: 850px;*/ } /* If single */ .single .sidebar-position-none #content-box, .page .sidebar-position-none #content-box { float: none; width: auto; } /* If the Secondary sidebar available */ .sidebar-secondary-available #content-box > div > div:first-child { width: 604px; /* width: 574px; */ } .sidebar-position-right.sidebar-secondary-available #content-box > div > div:first-child { float: left; } .sidebar-position-left.sidebar-secondary-available #content-box > div > div:first-child { float: right; } /* Frontpage v.2 */ #article-frontpage-2 { margin-bottom: 10px; } /*------------------------------------------- 2.3 - Footer -------------------------------------------*/ #footer { position: relative; background: transparent; z-index: 2; } #footer-layout { } #footer-holder { position: relative; width: 1200px; margin: 0 auto; z-index: 2; } #copyrights-holder { width: 100%; color: #FFF; margin: 0 auto; padding: 10px 25px; background: #626060; } #copyrights-box { } #copyrights-box a { color: #FFF; opacity: 1; transition: opacity 250ms linear; } #copyrights-box a:hover { color: #FFF; opacity: 0.6; transition: opacity 125ms linear; } #copyrights-company { font-size: 12px; width: 65%; float: left; } #copyrights-developer { font-size: 12px; width: 35%; float: right; text-align: right; } /*=============================================== S P E C I A L Permanent useful styles ===============================================*/ /* 3 - SPECIAL 3.1 - WP classes 3.2 - Div as table 3.3 - Embed, iframe, object, video 3.4 - Mediaelement 3.5 - Another special classes */ /*------------------------------------------- 3.1 - WP classes -------------------------------------------*/ .alignleft { float: left; margin-right: 15px; } .aligncenter { float: none; clear: both; display: table; margin-left: auto; margin-right: auto; } .alignright { float: right; margin-left: 15px; } .bypostauthor { } /* .wp-post-image { display: inline-block; margin: 0 0 2em; } */ .wp-post-image { display: inline-block; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } .gallery-caption { } .more-link { display: inline-block !important; line-height: 1em !important; color: #FFF; text-decoration: none !important; white-space: nowrap; padding: 0.7em 1em 0.7em 1em; background-color: #fb9351; transition: background-color 150ms linear; } .more-link:hover { color: #FFF; background-color: #5b4141; transition: background-color 150ms linear; cursor: pointer; } /*------------------------------------------- 3.2 - Div as table -------------------------------------------*/ .div-as-table { position: relative; display: table; } .div-as-table > div { display: table-cell; vertical-align: middle; } .div-as-table > div > div { } .div-as-table > div > div:after { display: block; clear: both; content: "."; height: 0; font-size: 0; } /*------------------------------------------- 3.3 - Embed, iframe, object, video -------------------------------------------*/ embed, iframe, object, video { max-width: 100%; } /*------------------------------------------- 3.4 - Mediaelement -------------------------------------------*/ #layout .mejs-container { display: block; background: transparent; } .single #layout .mejs-container { margin-bottom: 0; } #layout .mejs-container button, #layout .mejs-overlay-button { font-family: 'StrictThemes'; color: #FFF; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; speak: none; margin-left: 2px; background: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #layout .mejs-audio { height: 70px !important; } .mejs-fullscreen #header { display: none; } .mejs-fullscreen .mejs-container { margin: 0; } #layout .mejs-controls { height: 70px !important; background: #5B4141; } .mejs-fullscreen #layout .mejs-controls { height: 83px !important; } #layout .project-wrapper-color .mejs-controls, #layout .mejs-video .mejs-controls { background: rgba(0,0,0,0.6); } .mejs-controls button:hover { box-shadow: none; } #layout .mejs-play { } #layout .mejs-pause { } #layout .mejs-playpause-button { width: 46px; height: 46px; margin: 10px 5px 10px 10px; border: 2px solid #FFF; border-radius: 50px; } #layout .mejs-playpause-button button { width: 46px; height: 46px; margin: 0; } #layout .mejs-play button:before { content: '\e625'; margin-right: -3px; } #layout .mejs-pause button:before { content: '\e638'; } .gecko #layout .mejs-volume-button button { margin: 6px 0 0; } #layout .mejs-mute button:before { content: '\e62b'; } #layout .mejs-unmute button:before { content: '\e62a'; } .gecko #layout .mejs-fullscreen-button { margin: 19px 7px 0 0; } #layout .mejs-fullscreen-button button:before { content: '\e646'; } #layout .mejs-time-current, #layout .mejs-horizontal-volume-current { background: #FFF; } #layout .mejs-time-loaded { background: #fb9351; } #layout .mejs-time-total, #layout .mejs-horizontal-volume-total { background: rgba(0,0,0,0.4); } #layout .mejs-time-float { width: 37px; height: 18px; top: -24px; color: #56646F; background: #FFF; border: none; box-shadow: 0 0 1px rgba(0,0,0,0.2); } #layout .mejs-time-float-current { margin: 4px 3px 0 3px; } #layout .mejs-time-float-corner { top: 16px; border:solid 5px #FFF; border-color:#FFF transparent transparent; } #layout .mejs-time { padding: 29px 5px 0; } .safari #layout .mejs-time { padding-top: 28px; } #layout .mejs-time span { font-size: 11px; line-height: 11px; opacity: 0.7; } #layout .mejs-time-rail { padding-top: 25px; } #layout .mejs-volume-button, #layout .mejs-horizontal-volume-slider { margin-top: 20px; } #layout .mejs-fullscreen-button { margin: 20px 7px 0 3px; } #layout .mejs-button button:focus { outline: 0; } #layout .mejs-overlay-button { font-size: 70px; width: 140px; height: 140px; margin: -40px 0 0 -70px !important; background: rgba(0,0,0,0.6); border-radius: 100px; } .ie8 #layout .mejs-overlay-button { background: url('assets/images/icons/64/glyphs/white/play.png') center center no-repeat; } #layout .mejs-overlay-button:before { display: inline-block; content: '\e625'; color: #FFF; margin: 35px 0 0 42px; background: none; } #layout .mejs-poster { background-size: 100% auto; } #layout .mejs-video .mejs-volume-slider { background: rgba(0,0,0,0.6); } /*------------------------------------------- 3.5 - Another special classes -------------------------------------------*/ /*--- Visibility --------------------------*/ .block { display: block !important; } .none { display: none !important; } .hidden { visibility: hidden; } /*--- Position -----------------------------*/ .relative { position: relative; } .absolute { position: absolute; } /*--- Floating -----------------------------*/ .fl { float: left !important; } .fr { float: right !important; } .clear { font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; float: none !important; margin: 0 !important; padding: 0 !important; clear: both !important; } /*--- Alignment -----------------------------*/ .align-center { text-align: center; } /*--- Fonts ---------------------------------*/ .f11 { font-size: 11px; } .f13 { font-size: 13px; } .normal { font-weight: normal; } /*--- Selection -----------------------------*/ .non-selectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*=============================================== E D I T O R S T Y L E Additional styles for TinyMCE ===============================================*/ /* 4 - EDITOR STYLE */ body#tinymce.wp-editor { padding: 10px; } body#tinymce .aligncenter { display: table; } dl.wp-caption { display: inline-block; } dt.wp-caption-dt { } dd.wp-caption-dd { padding: 10px; } /*=============================================== C O M P O N E N T S ST Kit components ===============================================*/ /* 5 - COMPONENTS 5.1 - AdSense */ /*------------------------------------------- 5.1 - ST AdSense -------------------------------------------*/ .st-adsense { display: block; } .sidebar .widget.widget-adsense { display: block !important; padding: 0 !important; background: transparent !important; border: none; } .adsbygoogle { display: block; margin: 0 auto; background: transparent; } .sidebar-ad-a .adsbygoogle { margin: 0 auto; } .sidebar-ad-b .adsbygoogle { margin: 0 auto; } .sidebar-ad-c .adsbygoogle { margin: 0 auto; } /*=============================================== B B P R E S S Styles for bbPress plugin ===============================================*/ /* 6 - BBPRESS 6.1 - bbPress Style 6.2 - Breadcrumb and Tags 6.3 - Forms 6.4 - Notices 6.5 - Stickies 6.6 - Avatars 6.7 - Toggles 6.8 - Widgets 6.9 - Pagination 6.10 - Reply 6.11 - Search */ /*------------------------------------------- 6.1 - bbPress Style -------------------------------------------*/ #bbpress-forums { font-size: 14px; margin-bottom: 0; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { margin: 0 0 25px; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); } #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { margin: 25px 0 0; background: #FFF; border-top: 1px solid rgba(0,0,0,0.1); } #bbpress-forums li.bbp-header { color: #AAA; text-transform: uppercase; padding: 10px 25px; background: rgba(0,0,0,0.03); border: none; } #bbpress-forums .bbp-replies li.bbp-header { margin: 0 0 -25px; padding: 0; } .bbp-header .bbp-reply-author { display: none; } .bbp-footer { display: none; } div.bbp-forum-header, div.bbp-topic-header, div.bbp-reply-header { border: none; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { padding: 25px; border-top: 1px solid rgba(0,0,0,0.07); } #bbpress-forums li.bbp-header .bbp-search-content, #bbpress-forums li.bbp-footer .bbp-search-content, #bbpress-forums li.bbp-header .bbp-forum-content, #bbpress-forums li.bbp-footer .bbp-forum-content, #bbpress-forums li.bbp-header .bbp-topic-content, #bbpress-forums li.bbp-footer .bbp-topic-content { font-size: 12px; margin: 0; } #bbpress-forums li.bbp-header .bbp-reply-content, #bbpress-forums li.bbp-footer .bbp-reply-content { font-size: 0; text-align: center; margin: 0; } #bbpress-forums li.bbp-header .bbp-reply-content span, #bbpress-forums li.bbp-footer .bbp-reply-content span { float: none !important; position: relative; display: inline-block; } #bbpress-forums li.bbp-header .bbp-reply-content a, #bbpress-forums li.bbp-footer .bbp-reply-content a { display: block; font-size: 12px; font-weight: bold; line-height: 21px; margin: 10px 0; } #bbpress-forums ul.even { background: rgba(255,255,255,0.5); } #bbpress-forums div.odd, #bbpress-forums ul.odd { background: #FFF; } .bbp-body li.bbp-forum-info, .bbp-body li.bbp-topic-title { font-size: 14px; } .bbp-body li.bbp-forum-info { position: relative; } .bbp-body li.bbp-forum-info a.bbp-forum-title:before { float: left; content: '\e61e'; font-family: 'StrictThemes'; font-size: 24px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: rgba(0,0,0,0.2); margin: -2px 10px 0 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bbp-body li.bbp-forum-info > a, .bbp-body li.bbp-topic-title > a { display: inline-block; color: #5B4141; font-size: 1.2em; line-height: 1.352em; } .bbp-body li.bbp-forum-info > a:hover, .bbp-body li.bbp-topic-title > a:hover { color: #FB9351; } .bbp-body li.bbp-forum-topic-count, .bbp-body li.bbp-forum-reply-count, .bbp-body li.bbp-forum-freshness, .bbp-body li.bbp-topic-topic-count, .bbp-body li.bbp-topic-reply-count, .bbp-body li.bbp-topic-freshness { font-size: 12px; line-height: 1.352em; padding-top: 5px; } li.bbp-forum-freshness, li.bbp-topic-freshness { width: 25%; text-align: right; } .bbp-replies .bbp-meta, .bbp-replies .bbp-meta span, .bbp-replies .bbp-meta a { font-size: 12px; text-transform: none; color: rgba(0,0,0,0.3); } .bbp-body .bbp-meta a:hover { color: #5B4141; } #bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role { font-style: normal; } #bbpress-forums div.bbp-topic-tags { float: none; text-align: center; margin: 0 0 25px; } #bbpress-forums > h3 { font-size: 1.6em; text-align: center; margin-bottom: 0; padding-top: 0; } .entry-title { text-align: center; margin-bottom: 25px; } #bbpress-forums div.bbp-topic-content pre, #bbpress-forums div.bbp-reply-content pre { line-height: 20px; padding: 0 10px; box-shadow: none; } /*------------------------------------------- 6.2 - Breadcrumb and Tags -------------------------------------------*/ div.bbp-breadcrumb { display: block; float: none; font-size: 12px; text-align: center; margin: 0 0 10px; } .bbp-breadcrumb-sep { margin: 0 0.25em; } div.bbp-topic-tags { font-size: 12px; } #bbpress-forums > #subscription-toggle { display: table; font-weight: bold; line-height: 1.54em; text-transform: uppercase; margin: 0 auto 50px; } #subscription-toggle a:before, #favorite-toggle a:before { float: left; display: inline-block; font-family: 'StrictThemes'; font-size: 16px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FB9351; margin: 2px 7px 0 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #subscription-toggle a:before { content: '\e63b'; } #favorite-toggle a:before { content: '\e65f'; margin-left: 20px; } /*------------------------------------------- 6.3 - Forms -------------------------------------------*/ #new-post { } #content-parent fieldset.bbp-form, #container fieldset.bbp-form, #wrapper fieldset.bbp-form { margin-bottom: 0; padding: 10px; border: 2px dotted rgba(0,0,0,0.05); } /*#content-parent fieldset.bbp-form, #container fieldset.bbp-form, #wrapper fieldset.bbp-form { margin-bottom: 0; padding: 10px 25px 25px; border: 5px solid rgba(0,0,0,0.05); }*/ .bbpress .wp-editor-container textarea.wp-editor-area, .bbpress .wp-editor-container textarea.wp-editor-area:focus, #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { font-size: 1em; border: 1px solid #DDD; border-radius: 0; } div.quicktags-toolbar { border: none; border-radius: 0; } #buddypress .wp-editor-wrap a.button, #buddypress .wp-editor-wrap button, #buddypress .wp-editor-wrap input[type="submit"], #buddypress .wp-editor-wrap input[type="button"], #buddypress .wp-editor-wrap input[type="reset"] { font-size: 11px; padding: 2px 5px; border-radius: 0; } #new-post .wp-editor-area { font-family: inherit; min-height: 250px; } /*------------------------------------------- 6.4 - Notices -------------------------------------------*/ div.bbp-template-notice { color: #AD8643; text-align: center; padding: 1em 4em; border: none; border-radius: 0; background-color: #FBEED5; box-shadow: 0 0 1px rgba(0, 0, 0, 0.35) inset; } div.bbp-template-notice a { } div.bbp-template-notice.info { color: #3A87AD; text-align: center; margin: 0 0 25px; padding: 1em 4em; background-color: #D9EDF7; border: none; } div.bbp-template-notice.important { border: #e6db55 1px solid; background-color: #fffbcc; } div.bbp-template-notice.error, div.bbp-template-notice.warning { color: #B94A48; padding: 1em 4em; text-align: center; background-color: #F2DEDE; border: none; } div.bbp-template-notice p { margin: 0 !important; } div.bbp-template-notice.error a, div.bbp-template-notice.warning a { color: #c00; } /*------------------------------------------- 6.5 - Stickies -------------------------------------------*/ .super-sticky .bbp-topic-title > a, .sticky .bbp-topic-title > a { font-weight: bold; } /*------------------------------------------- 6.6 - Avatars -------------------------------------------*/ .bbp-author-avatar { display: inline-block; margin-bottom: -5px; padding: 3px; background: rgba(0,0,0,0.1); border-radius: 100px; } #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar, #bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar, #bbp-single-user-details img.avatar { display: block; border: none; border-radius: 100px; margin-top: 0; margin-bottom: 0; } /*------------------------------------------- 6.7 - Toggles -------------------------------------------*/ #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: 12px; line-height: 1.352em; margin: 5px 0 0; color: rgba(0,0,0,0.4); } #bbpress-forums .bbp-forum-info .bbp-forum-content { margin: 5px 0 0 34px; } /*------------------------------------------- 6.8 - Widgets -------------------------------------------*/ .widget_display_forums > ul, .widget_display_replies > ul, .widget_display_topics > ul, .widget_display_views > ul { list-style-type: none; margin: 0; padding: 0; } .widget_display_forums > ul > li, .widget_display_replies > ul > li, .widget_display_topics > ul > li, .widget_display_views > ul > li { padding: 0.6em 0; border-top: 1px solid rgba(0,0,0,0.07); } .sidebar-footer .widget_display_forums > ul > li, .sidebar-footer .widget_display_replies > ul > li, .sidebar-footer .widget_display_topics > ul > li, .sidebar-footer .widget_display_views > ul > li { border-top-color: rgba(255,255,255,0.07); } .widget_display_forums > ul > li:first-child, .widget_display_replies > ul > li:first-child, .widget_display_topics > ul > li:first-child, .widget_display_views > ul > li:first-child { padding-top: 0; border: none; } /* Recent Replies */ .widget_display_replies .avatar { display: block; border: none; border-radius: 70px; } .widget_display_replies div { font-size: 11px; } .widget_display_replies .bbp-reply-topic-title { display: block; line-height: 1.575em; margin: 5px 0; } /* Recent Topics */ .widget_display_topics .avatar { display: block; border: none; border-radius: 70px; } .widget_display_topics .bbp-forum-title { display: inline-block; line-height: 1.575em; } .widget_display_topics div { font-size: 11px; } /* Forums widget */ .widget_display_forums .bbp-forum-title { display: inline-block; line-height: 1.575em; } /* Stats*/ .widget_display_stats dl { display: block; } .widget_display_stats dt { position: absolute; } .widget_display_stats dd { display: block; color: #fb9351; text-align: right; padding: 0; } .widget_display_stats dd:after { float: left; display: block; clear: both; content: "."; height: 0; font-size: 0; } /* Search*/ .sidebar .widget.widget_display_search { padding: 15px; /* padding: 25px; */ border: none; background: #fb9351; } .sidebar .widget.widget_display_search h5 { color: #FFF; border-bottom: 1px solid rgba(255,255,255,0.3); } #bbpress-forums #bbp-search-form { display: none; } #bbp-search-form { background: #FFF; padding: 10px 44px 10px 10px; border: 0; height: 20px; } #bbp-search-form > div:before { position: absolute; top: 8px; right: 7px; content: '\e62f'; font-family: 'StrictThemes'; color: #FB9351; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #bbp-search-form label { display: none; } #bbp_search { float: left; width: 100%; height: 20px; padding: 0; border: none; background: none; } #bbp_search_submit { position: relative; float: right; text-indent: -9999px; width: 30px !important; height: 30px; margin: -5px -39px 0 0; padding: 0; box-shadow: none; background: none; } /* Login */ .bbp-logged-in img.avatar { float: right; margin: 0; } .bbp_widget_login h4 { border-bottom: 1px solid rgba(0,0,0,0.1); } .sidebar-footer .bbp_widget_login h4 { border-bottom-color: rgba(255,255,255,0.1); } .bbp_widget_login .bbp-logged-in h4 { font-size: 1.1em; padding-top: 0; } .bbp_widget_login .bbp-logged-in h4 a { display: inline-block; width: 40%; word-wrap: normal; } .bbp-login-form fieldset { margin: 0; padding: 0; border: 0; } .bbp-login-form .bbp-username { margin-top: 0; } .bbp-login-form .bbp-username input, .bbp-login-form .bbp-password input { width: calc( 100% - 20px ); height: 20px; padding: 10px; border: 0; background: #FFF; } #sidebar .bbp-login-form label { width: 162px; } .bbp-login-links { margin-top: 5px; } /*------------------------------------------- 6.9 - Pagination -------------------------------------------*/ .bbp-pagination-count { display: none; } /* Major pagination */ .bbp-pagination { margin: 0; } .bbp-pagination .bbp-pagination-links { display: table; float: none; position: relative; text-align: center; line-height: 1em; margin: 0 auto; } .bbp-pagination .bbp-pagination-links span, .bbp-pagination .bbp-pagination-links a { display: block; float: left; color: #5b4141; text-align: center; white-space: nowrap; margin: 0 1px 25px; padding: 0.75em 1.0em; border: none; } /* 1 2 3 4 5 */ .bbp-pagination .bbp-pagination-links a:hover { background: rgba(0,0,0,0.07); border: none; } /* 1 2 [3] 4 5 */ .bbp-pagination .bbp-pagination-links span.current { background: rgba(0,0,0,0.07); font-weight: normal; } /* Topic pagnation */ .bbp-topic-pagination { display: block; margin: 0; padding: 10px 0 5px; } .bbp-topic-pagination:after { display: block; content: ''; clear: both; } .bbp-topic-pagination a { float: left; font-size: 12px; line-height: 1em; color: #FFF !important; margin: 0 7px 0 0; padding: 4px 6px; background: #FB9351; border: none; } /*------------------------------------------- 6.10 - Reply -------------------------------------------*/ div.bbp-forum-header, div.bbp-topic-header, div.bbp-reply-header, li.bbp-body div.hentry, .bbp-replies div.hentry { padding: 25px 0 0; } #bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author { width: 125px; color: #AAA; padding-bottom: 25px; } .bbp-reply-author .bbp-author-avatar, .bbp-topic-author .bbp-author-avatar { margin: 0 0 1px; padding: 5px; } .bbp-reply-author .bbp-author-name, .bbp-topic-author .bbp-author-name { display: inline-block !important; line-height: 1.352em; margin: 0 !important; } .bbp-reply-author .bbp-author-ip, .bbp-topic-author .bbp-author-ip { font-size: 9px; font-weight: normal; color: #AAA; } #bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content { line-height: 1.575em; margin-left: 150px; padding: 0; } /*------------------------------------------- 6.11 - Search -------------------------------------------*/ #bbp-search-results .bbp-header { margin: 0 0 -25px; padding: 0 !important; } #bbp-search-results .bbp-header * { display: none; } #bbpress-forums div.bbp-forum-title h3, #bbpress-forums div.bbp-topic-title h3, #bbpress-forums div.bbp-reply-title h3 { color: rgba(0,0,0,0.3); font-size: 1.4em; margin: 10px 0 0; } #bbp-search-results .bbp-topic-title-meta { margin: 10px 0 0; } /*=============================================== B U D D Y P R E S S Styles for BuddyPress ===============================================*/ /* 7 - BUDDYPRESS 7.1 - Common 7.2 - Forms 7.3 - Buttons 7.4 - Members and Groups list 7.5 - Profile 7.6 - Navigation bar 7.7 - Acivity Stream 7.8 - Alerts 7.9 - Messages 7.10 - Widgets General 7.11 - Widget: Login 7.12 - Widget: Members 7.13 - Widget: Friends 7.14 - Widget: Groups */ /*------------------------------------------- 7.1 - Common -------------------------------------------*/ #buddypress ul.item-list li div.item-desc, #buddypress div.pagination, #buddypress ul.item-list li div.meta { color: inherit; } .avatar { border-radius: 100px; } #buddypress div#item-header div#item-meta { color: inherit; margin-bottom: 0; } #article #buddypress th, #article #buddypress td { line-height: 1.352em; padding: 10px; } /*------------------------------------------- 7.2 - Forms -------------------------------------------*/ #buddypress .standard-form textarea, #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="color"], #buddypress .standard-form input[type="date"], #buddypress .standard-form input[type="datetime"], #buddypress .standard-form input[type="datetime-local"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="month"], #buddypress .standard-form input[type="number"], #buddypress .standard-form input[type="range"], #buddypress .standard-form input[type="search"], #buddypress .standard-form input[type="tel"], #buddypress .standard-form input[type="time"], #buddypress .standard-form input[type="url"], #buddypress .standard-form input[type="week"], #buddypress .standard-form select, #buddypress .standard-form input[type="password"], #buddypress .dir-search input[type="search"], #buddypress .dir-search input[type="text"] { background: #FFF; border: 1px solid #DDD; color: #888; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 5px; padding: 10px; } #buddypress .standard-form { padding: 25px; background: rgba(0,0,0,0.03); } #buddypress .standard-form > label:first-child { margin-top: 0; } #buddypress .standard-form#signup_form div.submit { float: none; } #whats-new-post-in-box { font-size: 0; } #whats-new-post-in-box .st-select-label:after { top: 31px; } #buddypress form#whats-new-form #whats-new-options select { display: inline; font-size: 14px; line-height: 1em; } /*------------------------------------------- 7.3 - Buttons -------------------------------------------*/ #buddypress input[type="submit"], #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress button.submit { color: #FFF; font-size: inherit; padding: 0.7em 1em 0.7em 1em; background-color: #fb9351; border: 0; box-shadow: 0 0 0 0 rgba(0,0,0,0) inset; transition: all 250ms linear; } #buddypress input[type="submit"]:hover, #buddypress input[type="button"]:hover, #buddypress input[type="reset"]:hover, #buddypress button.submit:hover { color: #FFF; background-color: #fb9351; border: 0; box-shadow: 0 -50px 0 0 rgba(0,0,0,0.15) inset; transition: all 125ms linear; } #item-buttons { } #buddypress div#item-header div.generic-button, #buddypress div#item-header a.button { float: none; display: inline-block; margin: 5px 5px 0; } a.bp-title-button, #buddypress button, #buddypress a.button, #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link { color: inherit; font-size: 11px; text-transform: uppercase; letter-spacing: 0; border: 0; background: none; border: 1px solid #EEE; } #buddypress button:hover, #buddypress a.button:hover, #buddypress a.button:focus, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a, #buddypress div.generic-button a:hover, #buddypress .comment-reply-link:hover { color: inherit; background: none; border-color: #AAA; } #buddypress .standard-form div.submit input { display: inline-block; margin-right: 5px; } #groups_search_submit, #members_search_submit { position: absolute; top: 0; right: 0; width: 0; text-indent: -9999px; background: none !important; box-shadow: none !important; } /*------------------------------------------- 7.4 - Members and Groups list -------------------------------------------*/ .groups .page-title a.button { display: table !important; font-weight: normal; line-height: 1.532em; margin: 10px auto; } .groups .page-title a.button:after { content: ''; } #buddypress ul.item-list li div.item-desc { width: auto; font-size: inherit; margin-left: 65px; } #buddypress ul.item-list li div.action { position: relative; text-align: left; top: auto; left: auto; margin: 0 0 0 65px; } #buddypress #members-list .item, #buddypress #friend-list .item { padding: 0 0 0 65px; } #buddypress ul.item-list li div.item-title, #buddypress ul.item-list li h4 { font-size: inherit; font-weight: bold; line-height: 1em; padding: 0.5em 0 0; } #buddypress ul.item-list li div.item-title span { color: inherit; font-size: inherit; font-weight: normal; line-height: 1.785em; } #buddypress #member-list h5 { text-transform: none; padding: 0; } #buddypress ul.item-list li img.avatar { margin-right: 15px; margin-bottom: 1px; /* needed */ } /*------------------------------------------- 7.5 - Profile -------------------------------------------*/ .buddypress .breadcrumbs { display: none; } #buddypress div#item-header div#item-actions { float: none; width: auto; text-align: center; margin: 0 0 25px; padding: 0; } #buddypress div#item-header div#item-actions h3 { font-size: 1em; margin: 0; } #buddypress div#item-header #group-admins { text-align: center; margin: 0; } #buddypress div#item-header #group-admins li { float: none; display: inline-block; } #buddypress div#item-header div#item-meta { font-size: 1em; } .single-item h1.page-title, .single-item #item-header-avatar, .bp-user h1.page-title { text-align: center; } .activity-permalink h1.page-title { } .single-item #item-header-content, .bp-user #item-header { text-align: center; padding: 0 0 30px; } #item-header-avatar > a { display: inline-block; margin: 0 auto 10px; padding: 5px; border-radius: 150px; background: rgba(0,0,0,0.07); } .single-item #buddypress div#item-header img.avatar, .bp-user #buddypress #item-header-avatar .avatar { float: none; display: block; margin: 0; } #buddypress div#item-header h2 { font-size: 1em; font-weight: normal; margin: 0; padding: 0; } #buddypress div#item-header div#item-header-content { float: none; } /*------------------------------------------- 7.6 - Navigation bar -------------------------------------------*/ #buddypress div.item-list-tabs { overflow: visible; } #buddypress div.item-list-tabs ul li { float: none; display: inline-block; } #buddypress div.item-list-tabs ul li a { position: relative; padding: 9px 10px; } #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a { color: #FFF; background: #fb9351; opacity: 1; } #buddypress div.item-list-tabs ul li.selected a span, #buddypress div.item-list-tabs ul li.current a span, #buddypress div.item-list-tabs ul li a span, #buddypress div.item-list-tabs ul li a:hover span { position: relative; top: -0.15em; right: 0; color: #FFF; font-size: 11px; line-height: 10px; font-weight: bold; margin: 0 0 0 5px; padding: 2px 5px; background: #5b4141; border: none; border-radius: 0; -webkit-transition: all 250ms linear; -moz-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; transition: all 250ms linear; } #buddypress div.item-list-tabs ul li a span:after { position: absolute; content: " "; bottom: -3px; left: -3px; top: 50%; margin-top: -2.5px; width: 0; height: 0; border-style: solid; border-width: 3px 3px 3px 0; border-color: transparent #5b4141 transparent transparent; } #buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span, #buddypress div.item-list-tabs ul li.last select { font-weight: bold; text-transform: uppercase; line-height: 1.4em; } /*-- Primary level ------------------------*/ #item-nav { margin-bottom: 50px; padding: 25px; border: 1px solid rgba(0,0,0,0.1); } #buddypress #item-nav div.item-list-tabs { overflow: visible; } #buddypress #item-nav div.item-list-tabs ul { font-size: 12px; text-align: center; } /*-- Secondary level ----------------------*/ #buddypress div#subnav.item-list-tabs { margin: 0; } #buddypress div#subnav { position: relative; border-bottom: 3px solid #fb9351; } #buddypress div#subnav > ul { float: left; width: 100%; } #buddypress div#subnav.item-list-tabs ul li.selected a, #buddypress div#subnav.item-list-tabs ul li.current a { color: #FFF; background-color: #fb9351; opacity: 1; } #buddypress div#subnav.item-list-tabs ul li.last { position: absolute; top: 0; right: 0; margin-top: 0; } #group_members-order-select > label:first-child, #activity-filter-select > label:first-child { display: none; } #buddypress #members-order-select { display: none; } #buddypress div.item-list-tabs ul li.last select { max-width: 200px; padding: 9px 10px 9px; border: none; background: rgba(0,0,0,0.03); } #buddypress div.item-list-tabs ul li.last .st-select-label select { padding: 9px 30px 9px 10px; } #buddypress div.message-search { margin: 0 0 -3px; } /*-- Search form --------------------------*/ #buddypress div.dir-search, #buddypress div.message-search { position: relative; margin: 0 0 -40px; z-index: 1; } #buddypress div.dir-search label:after, #buddypress div.message-search label:after, #buddypress #search-members-form label:after { position: absolute; display: inline-block; top: 10px; right: 13px; content: '\e62f'; font-family: 'StrictThemes'; font-size: 16px; font-weight: normal; font-style: normal; line-height: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #buddypress div.dir-search input[type="text"], #buddypress div.message-search input[type="text"], #buddypress #search-members-form input[type="text"] { font-size: 14px; line-height: 1.4em; width: 120px; padding: 0.7em 35px 0.7em 1em; margin: 0; border: 0; background: rgba(0,0,0,0.03); } /*-- Other --------------------------------*/ .activity-type-tabs { font-size: 12px; margin: 0 0 25px; padding: 25px; border: 1px solid rgba(0,0,0,0.1); } .activity-type-tabs ul { text-align: center; } /*------------------------------------------- 7.7 - Acivity Stream -------------------------------------------*/ #buddypress form#whats-new-form, #buddypress #item-body form#whats-new-form { margin-bottom: 25px; padding: 25px; background: rgba(0,0,0,0.03); } #buddypress form#whats-new-form p.activity-greeting { line-height: inherit; margin-bottom: 0; } #buddypress #whats-new:focus { border-color: #AAA !important; outline-color: transparent; } #buddypress #whats-new-options { height: auto !important; overflow: hidden; } #buddypress #activity-stream { margin-top: 0; } #buddypress ul.item-list { border-top: 0; } #buddypress ul.item-list li, body.activity-permalink #buddypress div.activity-comments ul li { padding: 25px 0; border: none; border-top: 1px solid rgba(0,0,0,0.1); } /* .activity-avatar ================================================*/ #buddypress .activity-list li.mini .activity-avatar img.avatar, #buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic { margin: 8px 0 0 45px; } /* .activity-content ================================================*/ #buddypress .activity-list .activity-content .activity-inner, #buddypress .activity-list .activity-content blockquote { margin: 0; } #buddypress .activity-list li.load-more { margin: 0; padding: 50px 0 5px; background: none; } #buddypress .activity-list li.load-more a { display: inline-block; color: #FFF; line-height: 1em; font-weight: bold; text-transform: uppercase; padding: 1em 1.3em; background: #FB9351; } #buddypress .activity-list li.load-more a:hover { color: #FFF !important; box-shadow: 0 -50px 0 0 rgba(255,255,255,0.15) inset; } #buddypress .activity-list li.load-more a:before { float: left; content: '\e65f'; font-family: 'StrictThemes'; font-size: 16px; font-weight: normal; margin: 0 10px 0 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #buddypress .activity-list li.loading a { background: #5B4141; } #buddypress .activity-list li.loading a:before { content: '\e684'; } /* .activity-comments ================================================*/ #buddypress div.activity-comments { } #buddypress div.activity-comments > ul { margin-top: 25px; padding: 0; } #buddypress div.activity-comments > ul > li:first-child, #buddypress div.activity-comments ul li { padding: 25px 0 0; border-top: 1px solid rgba(0,0,0,0.07); } #buddypress div.activity-comments ul li > ul { padding-left: 5px; } /*-- .acomment-meta -----------------------------------------*/ #buddypress div.activity-comments div.acomment-meta { font-size: 100%; line-height: inherit; color: inherit; } /*-- .acomment-content -----------------------------------------*/ #buddypress div.activity-comments div.acomment-content { font-size: inherit; margin-left: 40px; } /*-- .activity-header --*/ #buddypress .activity-list .activity-content .activity-header, #buddypress .activity-list .activity-content .comment-header { line-height: 1.785em; color: inherit; margin-right: 0; } #buddypress .activity-header a, #buddypress .comment-meta a, #buddypress .acomment-meta a { font-weight: bold; } #buddypress a.activity-time-since { font-size: 11px; color: inherit; } span.time-since { font-size: 11px; font-weight: normal; color: inherit; opacity: 0.7; } span.time-since:before { content: ' '; display: block; } #buddypress .activity-list .activity-content .activity-header img.avatar { margin-bottom: -5px !important; } /*-- .activity-inner --*/ /*-- .activity-meta --*/ #buddypress div.activity-meta { margin: 10px 0 0; } #buddypress div.activity-meta a, #buddypress div.activity-meta a:hover { color: #AAA; font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 0 10px 0 0; padding: 0; border: 0; background: none; box-shadow: none; } #buddypress div.activity-meta a:hover { color: #5b4141; box-shadow: none; } #buddypress a.bp-primary-action span, #buddypress #reply-title small a span { position: relative; color: #FFF; font-size: 10px; line-height: 10px; font-weight: bold; padding: 1px 4px; background: #999; border: none; border-radius: 0; opacity: 1; } #buddypress div.activity-meta a:hover span, #buddypress #reply-title small a a:hover span { background: #5b4141; } #buddypress a.bp-primary-action span:before, #buddypress #reply-title small a span:before { position: absolute; content: " "; left: -3px; top: 50%; margin-top: -5px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent #999 transparent transparent; } #buddypress a.bp-primary-action:hover span:before, #buddypress #reply-title small a:hover span:before { border-color: transparent #5b4141 transparent transparent; } /*-- .acomment-options -----------------------------------------*/ #buddypress .acomment-options { line-height: 1.725em; margin: 0 0 25px 40px; } #buddypress div.activity-comments li form.ac-form { margin: 0 0 35px 40px; padding: 0; } #buddypress div.activity-comments form .ac-textarea { margin-bottom: 5px; border: 1px solid #DDD; } #buddypress div.activity-comments form .ac-textarea:focus { border-color: #AAA; } /* .activity-permalink ================================================*/ body.activity-permalink #buddypress .activity-list li .activity-content, body.activity-permalink #buddypress div.activity-comments { margin-left: 120px; } body.activity-permalink #buddypress div.activity-comments > ul { padding: 0; } body.activity-permalink #buddypress div.activity-comments ul li, body.activity-permalink #buddypress .activity-list > li:first-child { padding-bottom: 0; } body.activity-permalink .activity-avatar { padding: 5px; background: rgba(0,0,0,0.07); border-radius: 100px; } body.activity-permalink #buddypress .activity-avatar img.avatar { width: 85px; height: 85px; margin-right: 0; } /*------------------------------------------- 7.8 - Alerts -------------------------------------------*/ #buddypress div#message p, #sitewide-notice p { position: relative; font-size: inherit; text-align: center; color: #AD8643; margin: 1em 0; padding: 1em 4em; box-shadow: 0 0 1px rgba(0,0,0,0.35) inset; background: #FBEED5; border: 0 !important; } #buddypress div#message.updated p { color: #468847; background: #DFF0D8; } /*------------------------------------------- 7.9 - Messages -------------------------------------------*/ #buddypress a.bp-secondary-action, #buddypress span.highlight { font-size: 11px; background: none; } .message-metadata .avatar-box { background: none; } #buddypress div#message-thread div.alt { background: rgba(0,0,0,0.03); } #buddypress div#message-thread div.message-content { margin-left: 40px; } #buddypress table#message-threads tr, #buddypress table#message-threads tr td, #buddypress table#message-threads tr.unread td { color: inherit; background: none; border: 0; } #buddypress table#message-threads tr { background: url('assets/images/line-light.png') left top repeat-x; } #buddypress li span.unread-count, #buddypress tr.unread span.unread-count { font-size: 11px; padding: 2px 5px; background: #B94A48; } #buddypress span.activity, #buddypress table tr td.thread-info p.thread-excerpt { font-size: 11px; font-weight: normal; line-height: 1.352em; margin-top: 0; } /*------------------------------------------- 7.10 - Widgets General -------------------------------------------*/ .widget.buddypress .item-avatar { float: left; margin: 0 9px 9px 0; padding: 3px; background: rgba(0,0,0,0.1); border-radius: 70px; } .widget.buddypress ul.item-list img.avatar { display: block; float: none; width: 25px; height: 25px; margin: 0; overflow: hidden; } .widget.buddypress div.item-meta, .widget.buddypress div.item-content { margin-left: 40px; } .widget.buddypress div.item-avatar img.avatar { margin: 0; } .widget.buddypress .item-title { line-height: 1.575em; margin-left: 40px; } .widget.buddypress span.activity { font-size: 11px; line-height: 1.575em; opacity: 1; } /*------------------------------------------- 7.11 - Widget: Login -------------------------------------------*/ .widget.buddypress .bp-login-widget-user-links > div { margin-bottom: 0; } #bp-login-widget-form { } .widget.buddypress #bp-login-widget-form label { margin: 0; } #bp-login-widget-user-login, #bp-login-widget-user-pass { color: #56646F; width: 230px; height: 20px; margin-bottom: 10px; padding: 10px; border: 0; background: #FFF; } #sidebar-secondary #bp-login-widget-user-login, #sidebar-secondary #bp-login-widget-user-pass { width: 156px; } .forgetmenot { margin-bottom: 10px; } /*------------------------------------------- 7.12 - Widget: Members -------------------------------------------*/ #members-list-options { font-size: 12px; text-transform: uppercase; padding-top: 0; } #members-list-options a { font-weight: bold; } #members-list-options .selected { color: #5B4141; } #members-list { list-style-type: none; margin: 0; padding: 0; } /*------------------------------------------- 7.13 - Widget: Friends -------------------------------------------*/ #friends-list-options { font-size: 12px; text-transform: uppercase; padding-top: 0; } #friends-list-options a { font-weight: bold; } #friends-list-options .selected { color: #5B4141; } #friends-list { list-style-type: none; margin: 0; padding: 0; } /*------------------------------------------- 7.14 - Widget: Groups -------------------------------------------*/ #groups-list-options { font-size: 12px; text-transform: uppercase; padding-top: 0; } #groups-list-options a { font-weight: bold; } #groups-list-options .selected { color: #5B4141; } .sidebar-footer #groups-list-options .selected { color: #FFF; } #groups-list { list-style-type: none; margin: 0; padding: 0; } /*=============================================== M E N U Menu styles ===============================================*/ /* 8 - MENU 8.1 - Primary menu - Level 1 - Level 2 - Level 3 - Menu on responsive mode 8.2 - Secondary menu - Level 1 - Level 2 - Level 3 8.3 - Mobile menu */ /*------------------------------------------- 8.1 - Primary menu -------------------------------------------*/ #menu { position: relative; display: block; clear: both; width: 1200px; height: 110px; z-index: 5; border-radius: 0px 0px 8px 8px; margin-bottom: 5px;background: #FFFFFF; background-attachment: scroll; /* background-image: url(http://www.softwaremag.com/wp-content/uploads/2015/01/SWM_HeaderRev3.png);*/ background-repeat: no-repeat; box-shadow: 0px 7px 7px rgba(0,0,0,0.1); } /*#menu { position: relative; display: block; clear: both; width: 1200px; background: #5b4141; z-index: 5; } */ #menu.menu-sticky { position: fixed; /*box-shadow: 0 2px 1px rgba(0,0,0,0.1);*/ } .admin-bar #menu.menu-sticky { top: 28px; } #menu.menu-sticky ul.menu > li > a > span.subline { display: none; } #menu-box { position: relative; /*width: 850px;*/ /*width: 913px;*/ float:left; height: 85px; z-index: 1; } .menu-sticky #menu-box { height: auto; } ul.menu { display: table; float: left; list-style-type: none; margin: 0; padding: 0; line-height: 1.2em; position: relative; z-index: 60; } ul.menu li { position: relative; } ul.menu a { position: relative; display: block; text-decoration: none; transition: all 200ms linear; z-index: 60; } ul.menu a:hover { transition: all 125ms linear; } ul.menu ul { list-style-type: none; margin: 0; padding: 0; } /* Level 1 ================================================*/ ul.menu > li { float: left; } ul.menu > li > a { font-size: 16px; font-weight: normal; text-transform: capitalize; color: #666; border-top: 5px solid transparent; box-shadow: 1px 0 0 rgba(255,255,255,0.07) inset, 0 0 0 rgba(0,0,0,0.15) inset; z-index: 9; -webkit-transition: all 300ms cubic-bezier(0.5, 0, 0.5, 1); transition: all 300ms cubic-bezier(0.5, 0, 0.5, 1); margin-top: 30px; margin-left: -5px; padding-top: 19px; padding-right: 8px; padding-bottom: 19px; padding-left: 10px; } /*ul.menu > li > a { font-size: 15px; font-weight: bold; text-transform: uppercase; color: #FFF; padding: 19px 25px 23px 25px; border-top: 5px solid transparent; box-shadow: 1px 0 0 rgba(255,255,255,0.07) inset, 0 0 0 rgba(0,0,0,0.15) inset; z-index: 9; -webkit-transition: all 300ms cubic-bezier(0.5, 0, 0.5, 1); transition: all 300ms cubic-bezier(0.5, 0, 0.5, 1); }*/ .menu-sticky ul.menu > li > a { padding-top: 9px; padding-bottom: 13px; } ul.menu > li.hasUl > a { padding-right: 45px; } ul.menu li.hasUl > a:before { float: right; content: '\e613'; font-family: StrictThemes; font-size: 15px; color: #521d77; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1.3em; /*line-height: normal;*/ speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 0; margin-right: -1.5em; margin-bottom: -1em; margin-left: -3em; } ul.menu > li > a:hover, ul.menu > li.hover-has-ul > a { border-top-color: #8C8E8E; box-shadow: 1px 0 0 rgba(255,255,255,0.1) inset, 0 -100px 0 rgba(0,0,0,0.15) inset; -webkit-transition: all 300ms cubic-bezier(0.5, 0, 0.5, 1); transition: all 300ms cubic-bezier(0.5, 0, 0.5, 1); } ul.menu > li > a > span.subline { display: block; font-size: 12px; font-weight: normal; text-transform: none; margin-top: 5px; opacity: 0.6; transition: all 200ms cubic-bezier(0.440, 0.405, 0.135, 1.000); } ul.menu > li > a:hover > span.subline { opacity: 0.8; transition: all 200ms cubic-bezier(0.440, 0.405, 0.135, 1.000); } ul.menu > li.hasUl > a > span.subline { margin-right: -18px; } /* Level 2 ================================================*/ ul.menu ul { position: absolute; width: 210px; line-height: 1.785em; top: -9999px; left: 0; margin-top: -5px; border-bottom: 5px solid #FFF; box-shadow: -1px 0 0 rgba(0,0,0,0.05), 1px 1px 0 rgba(0,0,0,0.05); z-index: 60; margin-left: -5px; padding-top: 5px; padding-right: 0; padding-bottom: 0; padding-left: 0; } .safari ul.menu ul, .chrome ul.menu ul { margin-top: -4px; } .ie ul.menu ul { background: url('assets/images/empty.png'); /* hack for IE8,9,10 */ } ul.menu ul li { background: #FFF; padding-top: 0; padding-right: 5px; padding-bottom: 0; padding-left: 5px; } ul.menu ul li:first-child { border-top: 5px solid #FFF; } ul.menu > li > ul > li:first-child > a:after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; top: -11px; left: 19px; border-width: 0 6px 6px 6px; border-color: transparent transparent #FFF transparent; } ul.menu ul li:first-child > a { border-top-color: transparent; } ul.menu ul li a { display: block; color: #56646F; font-weight: bold; text-transform: capitalize; box-shadow: 0 0 0 #F9F9F9 inset; border-top: 1px solid #EEE; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; z-index: 60; } ul.menu ul li.hasUl > a:before { position: relative; display: inline-block; float: right; content: '\e688'; font-size: 80%; margin: 0.55em -0.25em 0; } ul.menu ul li a:hover, ul.menu ul li.hover-has-ul > a { box-shadow: 200px 0 0 #F9F9F9 inset; } ul.menu ul li span.subline { font-size: 12px; font-weight: normal; line-height: 1.535em; display: block; margin: 2px 0 4px; text-transform: none; opacity: 0.7; } /* Level 3 ================================================*/ ul.menu ul ul { left: 210px; top: -9999px; background: #FFF; padding: 0; box-shadow: -1px 0 0 rgba(0,0,0,0.05), 1px 1px 0 rgba(0,0,0,0.05); } /* Menu on responsive mode ================================================*/ #menu-select { position: relative; display: none; width: 47px; height: 47px; text-align: center; margin: 0 auto 25px auto; border: 1px solid rgba(255,255,255,0.2); border-radius: 50px; cursor: pointer; z-index: 2; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #menu-select:before { position: relative; display: inline-block; top: 11px; content: '\e613'; font-family: 'StrictThemes'; font-size: 32px; color: #FFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #menu-select.resp-menu-opened { background: #FB9351; border-color: #FB9351; } #menu-box.resp-menu-opened { height: 0; } #menu-responsive { display: block; list-style-type: none; width: 300px; font-size: 1.15em; margin: 0 auto 25px; padding: 0; overflow: hidden; clear: both; } #menu-responsive li { border-top: 1px solid rgba(255,255,255,0.1); } #menu-responsive a { display: block; color: #FFF; } #menu-responsive > li > a { text-transform: uppercase; font-weight: bold; color: #FFF; padding: 15px 0 15px 0.25em; } #menu-responsive li a:focus { background-color: #FB9351; } #menu-responsive span.subline { display: block; line-height: 1.535em; text-transform: none; font-size: 0.8em; font-weight: normal; margin: 2px 0; color: rgba(255,255,255,0.5); } #menu-responsive > li > ul > li > a { padding: 15px 15px 15px 25px; } #menu-responsive > li > ul > li > a:before { position: relative; display: inline-block; content: '\e688'; font-family: 'StrictThemes'; font-size: 16px; color: #FB9351; margin: 0 0.5em 0 -1.5em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #menu-responsive ul { list-style-type: none; margin: 0; padding: 0; } #menu-responsive > li > ul > li > ul, #menu-responsive > li > ul > li > ul ul { margin: 0 0 0 25px; font-size: 0.9em; } #menu-responsive > li > ul > li > ul a { padding: 10px 15px; } /*------------------------------------------- 8.2 - Secondary menu -------------------------------------------*/ #menu-2 { display: inline-block; } ul.menu-2 { list-style-type: none; margin: 0; padding: 0; line-height: 1.2em; position: relative; } ul.menu-2 li { position: relative; } ul.menu-2 a { font-size: 11px; line-height: 1.3em; text-transform: uppercase; position: relative; display: block; text-decoration: none; transition: all 200ms linear; } ul.menu-2 a:hover { transition: all 125ms linear; } ul.menu-2 ul { list-style-type: none; margin: 0; padding: 0; } /* Level 1 ================================================*/ ul.menu-2 > li { float: left; display: inline-block; } ul.menu-2 > li > a { padding: 11px 15px 10px; color: #FFF; font-weight: bold; } .safari ul.menu-2 > li > a { padding: 10px 15px 11px; } ul.menu-2 > li.hasUl > a { padding-right: 25px; } ul.menu-2 > li.hasUl > a:before { float: right; display: inline-block; content: '\e60c'; font-family: 'StrictThemes'; font-size: 8px; color: #FFF; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; margin: 0.3em -1.5em 0 0; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .safari ul.menu-2 > li.hasUl > a:before { margin-top: 0.3em; } ul.menu-2 > li > a:hover, ul.menu-2 > li.hover-has-ul > a { color: #FB9351; background: #FFF; } ul.menu-2 > li > a:hover:before, ul.menu-2 > li.hover-has-ul > a:before { color: #FB9351; } ul.menu-2 > li.current-menu-item > a, ul.menu-2 > li.current_page_item > a, ul.menu-2 > li.current-menu-ancestor > a, ul.menu-2 > li.current-post-ancestor > a { box-shadow: 0 -40px 0 rgba(255,255,255,0.15) inset; } /* Level 2 ================================================*/ ul.menu-2 ul { position: absolute; top: -9999px; left: 0; line-height: 1.4em; width: 150px; margin: -5px 0 0; padding: 5px 0 0; border-bottom: 5px solid #5B4141; z-index: 10; } ul.menu-2 ul li { padding: 0 5px; background: #5B4141; transition: background-color 200ms linear; } ul.menu-2 ul li:first-child { border-top: 5px solid #5B4141; } ul.menu-2 > li > ul > li:first-child > a:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; top: -9px; left: 8px; border-width: 0 5px 5px 5px; border-color: transparent transparent #5B4141 transparent; } ul.menu-2 ul li.hasUl > a:before { float: right; content: '\e688'; font-family: 'StrictThemes'; font-size: 80%; color: #FB9351; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; margin: 0.3em -0.5em 0; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .safari ul.menu-2 ul li.hasUl > a:before { margin-top: 0.55em; } ul.menu-2 ul li:first-child > a { border-top-color: transparent; } ul.menu-2 ul li a { position: relative; color: #FFF; text-transform: none; padding: 10px; border-top: 1px solid rgba(255,255,255,0.1); } .safari ul.menu-2 ul li a { padding: 8px 10px 12px; } ul.menu-2 ul li:hover > a { color: #FB9351; } /* Level 3 ================================================*/ ul.menu-2 ul ul { left: 147px; padding: 0; background: #FFF; } /*=============================================== F O R M S Styles for HTML Controls ===============================================*/ /* 9 - FORMS 9.1 - Label 9.2 - Textarea 9.3 - Input Text 9.4 - Input Button 9.5 - Input Submit 9.6 - Input File 9.7 - Input Checkbox 9.8 - Input Radio 9.9 - Select */ form { position: relative; margin: 0; padding: 0; } input, select, textarea { /*width: 100%;*/ height: auto; font-family: inherit; font-size: inherit; line-height: 1.4em !important; color: #336699; margin: 0; padding: 10px; background: #FFF; border: 1px solid #DDD; border-radius: 0; } @media only screen and (max-device-width: 1024px) { /* iPad & iPhone */ input[type="text"], input[type="email"], input[type="search"], input[type="password"] { -webkit-appearance: caret; -moz-appearance: caret; /* mobile firefox too! */ } } input:focus, select:focus, textarea:focus { color: #555; border: 1px solid #AAA; } :invalid { box-shadow: none; } /*------------------------------------------- 9.1 - Label -------------------------------------------*/ label { font-size: 13px; display: inline-block; } /*------------------------------------------- 9.2 - Textarea -------------------------------------------*/ .textarea-box { padding: 0 22px 0 0; margin: 0 0 10px; } .textarea-box textarea { width: 100%; } textarea { width: 60%; height: 50px; display: block; font-family: inherit; line-height: 1.575em; } /*------------------------------------------- 9.3 - Input Text -------------------------------------------*/ .input-text-box { padding: 0 22px 0 0; margin: 0 0 10px; } .input-text-box input[type="text"], .input-text-box input[type="email"], .input-text-box input[type="url"] { width: 100%; } input[type="text"] { width: auto; } /*------------------------------------------- 9.4 - Input Button -------------------------------------------*/ input[type="button"] { display: block; padding: 12px 11px; border: none; background-color: #fb9351; color: #FFF; cursor: pointer; -webkit-appearance: none; } input[type="button"]:hover { background-color: #5b4141; } /*------------------------------------------- 9.5 - Input Submit -------------------------------------------*/ input[type="submit"], .dark input[type="submit"], button, .dark button { display: inline-block; color: #FFF; font-weight: bold; text-transform: uppercase; padding: 12px 11px; background: #fb9351; border: none; box-shadow: 0 0 0 0 rgba(0,0,0,0) inset; transition: all 250ms linear; cursor: pointer; -webkit-appearance: none; } input[type="submit"]:hover, button:hover { box-shadow: 0 -50px 0 0 rgba(0,0,0,0.15) inset; transition: all 125ms linear; } /*------------------------------------------- 9.6 - Input File -------------------------------------------*/ input[type="file"] { } /*------------------------------------------- 9.7 - Input Checkbox -------------------------------------------*/ input[type="checkbox"] { padding: 0; } /*------------------------------------------- 9.8 - Input Radio -------------------------------------------*/ input[type="radio"] { } /*------------------------------------------- 9.9 - Select -------------------------------------------*/ select { line-height: 1 !important; max-width: 100%; -webkit-appearance: none; } .st-select-label { position: relative; } .st-select-label:after { position: absolute; display: inline-block; content: '\e613'; font-family: 'StrictThemes'; font-size: 16px; font-weight: normal; font-style: normal; top: 7px; right: 10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .st-select-label select { vertical-align: text-bottom; padding-right: 35px; } /* 10 - SIDEBARS 10.1 - Sidebar Default 10.2 - Secondary Sidebar 10.3 - Post Sidebar 10.4 - Ad Sidebars 10.5 - Footer Sidebars - 1/3 + 1/3 + 1/3 - 1/4 + 1/4 + 1/2 - 1/4 + 1/2 + 1/4 - 1/2 + 1/4 + 1/4 - 1/4 + 1/4 + 1/4 + 1/4 - 2/3 + 1/3 */ /*=============================================== S I D E B A R S Sidebar - is a default sidebar by right side. Available on almost pages. Post Sidebar - is an optional sidebar. Available on post page only. ===============================================*/ .widget > h5 { margin-left: 0; margin-bottom: 10px; /* margin-bottom: 1em;*/ padding-top: 0; border-bottom: 1px solid rgba(0,0,0,0.1) } .sidebar .widget > h5, .sidebar .widget > h5 a { padding-top: 12px; padding-right: 7px; /*padding-left: 5px;*/ padding-bottom: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #BBBBBB; } /*------------------------------------------- 10.1 - Sidebar Default -------------------------------------------*/ .sidebar-position-right #sidebar { float: right; } .sidebar-position-left #sidebar { float: left; } /* For blog & archive if secondary sidebar available */ .page-template-template-frontpage-php .sidebar-position-left #sidebar, .page-template-template-frontpage-php .sidebar-position-none #sidebar, .archive .sidebar-position-left #sidebar, .archive .sidebar-position-none #sidebar { float: right; } /* For blog & archive if secondary sidebar inactive + align by left */ .page-template-template-frontpage-php .sidebar-secondary-inactive.sidebar-position-left #sidebar, .archive .sidebar-secondary-inactive.sidebar-position-left #sidebar { float: left; } #sidebar { width: 320px; /* width: 300px; */ background: transparent; z-index: 2; margin-bottom: -20px; padding-top: 20px; padding-right: 0; padding-bottom: 0; padding-left: 0; } /* #sidebar { width: 300px; padding: 50px 0 0; background: transparent; z-index: 2; } */ /* Sidebar margin by left */ .sidebar-position-right .sidebar { } /* Sidebar margin by right */ .sidebar-position-left .sidebar { } .sidebar { display: block; max-width: 100%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: transparent; box-shadow: 3px 3px 3px #dcdcdc; } .sidebar #stickyDiv { width: 250px; } .widget { position: relative; /*padding-top: 20px; padding-bottom: 10px;*/ margin-top: 0; margin-right: 0px; margin-bottom: 15px; /*margin-left: -30px; */} /* .widget { position: relative; margin: 0 auto 50px; }*/ .sidebar .widget { /*padding: 12px; padding: 10px; border: 2px solid rgba(0,0,0,0.05);*/ border: 0px; background: transparent; } /* .sidebar .widget { padding: 20px; border: 5px solid rgba(0,0,0,0.05); } */ .ie8 .sidebar .widget { border: 0; padding: 0px; /*padding: 10px;*/ /*padding: 25px;*/ /*background: url('assets/images/line-light.png');*/ } #header-layout #content-holder .sidebar .widget_text { /* #content-holder needed because custom colors */ padding: 0; border: none; } .ie8 .sidebar .widget_text { background: none; } .widget > ul > li:last-child, .woocommerce .widget > ul > li:last-child { padding-bottom: 0; } /*------------------------------------------- 10.2 - Secondary Sidebar -------------------------------------------*/ .sidebar-position-right #sidebar-secondary { float: right; } .sidebar-position-left #sidebar-secondary { float: left; } #sidebar-secondary { width: 236px; /* width: 256px; width: 226px; */ background: transparent; z-index: 2; } /*------------------------------------------- 10.3 - Post Sidebar -------------------------------------------*/ div.sidebar-post { } /* Post Sidebar by left side */ .sidebar-position-right div.sidebar-post, .sidebar-position-none div.sidebar-post { float: left; width: 120px; } /* Post Sidebar by right side */ .sidebar-position-left div.sidebar-post { float: right; width: 120px; } .sidebar-post, .sidebar-post div { font-size: 12px; } #stickyDiv { width: 120px; } .sidebar-post .widget { margin-bottom: 15px; } /*------------------------------------------- 10.4 - Ad Sidebars -------------------------------------------*/ .sidebar-ad-a { display: table; /*float: right;*/ width: 100%; /*was 1200*/ text-align: center; background: transparent; /*border-bottom: 1px solid rgba(0,0,0,0.1);*/ box-shadow: none; /*margin-top: 80px;*/ /*margin-right: 450px;*/ margin-bottom: 0; /*clear: both;*/ margin-left: auto; position: relative; padding-top: 80px; padding-right: 0; padding-bottom: 0; padding-left: 0; } .ie8 .sidebar-ad-a { padding: 0; } .sidebar-ad-a .widget { display: inline-block; margin-bottom: 0; padding: 0; border: none; background: transparent; } .sidebar-ad-a .widget img { display: block; } #content-holder .sidebar-ad-b { background: none; box-shadow: none; } .sidebar-ad-b .widget { display: block; border: none; margin-top: 0; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 50px; background: none; width: auto; } .sidebar-ad-b .textwidget img { display: block; text-align: center; width: auto; background: transparent; } #sidebar-ad-c { } #sidebar-ad-c .sidebar-ad-c { text-align: center; margin: 0 auto; padding: 25px 0; background: transparent; box-shadow: none; } .sidebar-ad-c .widget { display: inline-block; max-width: 1200px; margin: 25px auto; padding: 0; background: none; border: none; } .ie8 .sidebar-ad-c .widget { margin: 12px 0; padding: 0; } .sidebar-ad-c .widget > h5 { } .sidebar-ad-c .textwidget img { display: block; } /*------------------------------------------- 10.5 - Footer sidebar -------------------------------------------*/ .sidebar-footer { float: left; } .sidebar-footer > div { margin: 50px 50px 50px 0; } .sidebar-footer > div .widget { color: #C0ABAB; } .sidebar-footer > div .widget * { } .sidebar-footer h5 { color: #FFF; margin-left: 0; margin-bottom: 1em; border-bottom: 1px solid rgba(255,255,255,0.15) } .sidebar-footer h5 a { color: #FFF; } .sidebar-footer > div .widget:not(.widget_nav_menu) a:hover { color: #FFF; } .ie8 .sidebar-footer > div .widget a:hover { color: #FFF; } /*--- 1/3 + 1/3 + 1/3 -----------------------------*/ .footer-box-v1 .sidebar-footer { width: 417px; } .footer-box-v1 .sidebar-footer.last { width: 366px; } .footer-box-v1 .sidebar-footer.last > div { margin-right: 0; } /*--- 1/4 + 1/4 + 1/2 -----------------------------*/ .footer-box-v2 .sidebar-footer { width: 312px; } .footer-box-v2 .sidebar-footer.last { width: 574px; } .footer-box-v2 .sidebar-footer.last > div { margin-right: 0; } /*--- 1/4 + 1/2 + 1/4 -----------------------------*/ .footer-box-v3 .sidebar-footer { width: 624px; } .footer-box-v3 .sidebar-footer:first-child { width: 312px; } .footer-box-v3 .sidebar-footer.last { width: 262px; } .footer-box-v3 .sidebar-footer.last > div { margin-right: 0; } /*--- 1/2 + 1/4 + 1/4 -----------------------------*/ .footer-box-v4 .sidebar-footer { width: 312px; } .footer-box-v4 .sidebar-footer:first-child { width: 624px; } .footer-box-v4 .sidebar-footer.last { width: 262px; } .footer-box-v4 .sidebar-footer.last > div { margin-right: 0; } /*--- 1/4 + 1/4 + 1/4 + 1/4 -----------------------------*/ .footer-box-v5 .sidebar-footer { width: 312px; } .footer-box-v5 .sidebar-footer.last { width: 264px; } .footer-box-v5 .sidebar-footer.last > div { margin-right: 0; } /*--- 2/3 + 1/3 -----------------------------*/ .footer-box-v6 .sidebar-footer { width: 417px; } .footer-box-v6 .sidebar-footer:first-child { width: 783px; } .footer-box-v6 .sidebar-footer.last > div { margin-right: 0; } /*------------------------------------------- 10.6 - Frontpage Sidebars -------------------------------------------*/ #sidebar-homepage-box { display: table; } /*--- 1/4 + 1/4 + 1/4 + 1/4 -----------------------------*/ #sidebar-homepage-box .sidebar-homepage { float: left; width: 312px; } #sidebar-homepage-box .sidebar-homepage.last { width: 264px; } #sidebar-homepage-box .sidebar-homepage > div { margin: 0 50px 50px 0; } #sidebar-homepage-box .sidebar-homepage.last > div { margin-right: 0; } /*=============================================== B R E A D C R U M B S Styles for Archive page ===============================================*/ /* 11 - BREADCRUMBS 11.1 - Trail 11.2 - Yoast */ /*------------------------------------------- 11.1 - Trail -------------------------------------------*/ .breadcrumb-trail { text-align: center; line-height: 1.3em; margin: 0 0 1em; opacity: 0.65; } .breadcrumb-trail * { font-size: 12px; color: inherit; } .breadcrumb-trail .sep:before { content: '/'; display: inline-block; padding: 0 0.5em; } .breadcrumb-trail .button { display: none !important; } /*------------------------------------------- 11.2 - Yoast -------------------------------------------*/ .breadcrumb-yoast { text-align: center; line-height: 1.3em; margin: 0 0 1em; opacity: 0.65; } .breadcrumb-yoast * { font-size: 12px; color: inherit; } .breadcrumb-yoast > span > span:before { content: '/'; display: inline-block; padding: 0 0.75em 0 0.5em; } .breadcrumb-yoast > span > span:first-child:before { content: ''; display: none; padding: 0; } /*=============================================== A R C H I V E Styles for Archive page ===============================================*/ /* 12 - ARCHIVE */ #term { margin-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.1); padding-top: 0; padding-right: 0; padding-bottom: 0px; padding-left: 0; } .term-title { font-size: 66%; } .term-title .title-sub:before { content: '('; } .term-title .title-sub:after { content: ')'; } .term-title h1 { margin-left: 0; padding: 0; } .term-title h1:before { float: left; display: inline-block; font-family: 'StrictThemes'; font-size: 20px; color: #8c8e8e; text-align: center; vertical-align: top; margin: 0 15px 0 0; padding: 2px 0 0 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Search */ body.search .term-title h1:before { content: '\e62f'; } /* Blog */ body.page-template-template-frontpage-php .term-title h1:before { content: '\e648'; } /* Date */ body.date .term-title h1:before { content: '\e684'; } /* Category */ body.category .term-title h1:before { content: '\e67f'; } /* Tag */ body.tag .term-title h1:before { content: '\e624'; } /* Image */ body.term-post-format-image .term-title h1:before { content: '\e640'; } /* Gallery */ body.term-post-format-gallery .term-title h1:before { content: '\e645'; } /* Audio */ body.term-post-format-audio .term-title h1:before { content: '\e65c'; } /* Video */ body.term-post-format-video .term-title h1:before { content: '\e61d'; } /* Link */ body.term-post-format-link .term-title h1:before { content: '\e63c'; } /* Quote */ body.term-post-format-quote .term-title h1:before { content: '\e630'; } /* Status */ body.term-post-format-status .term-title h1:before { content: '\e61f'; } .term-description { padding: 1em 0; } .term-description p { margin-bottom: 0; } /*=============================================== P O S T Styles for post page ===============================================*/ /* 13 - POST 13.1 - Page data 13.2 - Post data 13.3 - Post info 13.4 - Prev/Next post links */ /*------------------------------------------- 13.1 - Page data -------------------------------------------*/ .page-title { text-align: center; margin-bottom: 10px; background: #fff; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-width: 1px; border-top-style: dotted; border-top-color: #999; } .page-title .title-sub { display: block; font-size: 55%; /*font-size: 66%;*/ font-weight: 200; line-height: 1.5em; letter-spacing: -0.02em; } .page-title a.button:after { content: '.'; display: block; position: relative; clear: both; width: 1px; height: 1px; background: #333; } /*------------------------------------------- 13.2 - Post data -------------------------------------------*/ h1.post-title { /* h1 because is_single() */ text-align: center; margin-bottom: 5px; padding-top: 10px; padding-bottom: 10px; background: #FFF; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCC; } #post-excerpt { color: #FFF; text-align: center; padding: 25px; background: #5B4141; } #post-excerpt p { margin: 0; } .post-single .featured-image { } #attachment-data { text-align: center; } #title-after, #post-before, #post-after { text-align: center; /*padding: 25px;*/ background: transparent; padding-top: 8px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; } #title-after { border-bottom: 1px solid rgba(0,0,0,0.1); } #post-before { border-bottom: 1px solid rgba(0,0,0,0.1); } #post-after { border-top: 1px solid rgba(0,0,0,0.1); } #article { background: #FFF; padding-top: 20px; padding-right: 35px; padding-bottom: 35px; padding-left: 35px; } /*------------------------------------------- 13.3 - Post info -------------------------------------------*/ .single-author-info { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid rgba(0,0,0,0.1); } .single-author-upic { width: 110px; height: 110px; margin: 0 0 1em -5px; padding: 5px; overflow: hidden; background: rgba(0,0,0,0.07); border-radius: 70px; } .single-author-upic img { display: block; width: 110px; height: 110px; border-radius: 70px; } .single-author-info h5 { } .post-short-info { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid rgba(0,0,0,0.1) } .post-short-info .meta .ico16 { display: table; margin-right: 0; margin-top: 15px; } .post-short-info .meta .ico16:first-child { margin-top: 0; } .single-author-info-links { } .single-author-info-links span { position: relative; margin: 0 0 0 8px; padding: 0; } .single-author-info-links span:first-child { margin-left: 0; } .single-author-info-links span:before { position: absolute; width: 25px; height: 22px; color: #FFF; font-size: 13px; text-align: center; margin: 0; padding-top: 3px; background: #5B4141; border-radius: 30px; } .single-author-info-links span:hover:before { background: #FB9351; } .single-author-info-links a { position: relative; display: block; width: 24px; height: 24px; background: rgba(0,0,0,0); /* ie9+ */ } /*------------------------------------------- 13.4 - Prev/Next post links -------------------------------------------*/ #pre_next_post { position: relative; font-size: 1.2em; line-height: inherit; margin: 50px 0 0; padding: 1.5em 50px; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); } .ie8 #pre_next_post { background: url('assets/images/line-light.png'); } #pre_next_post:before { position: absolute; content: ''; display: block; top: 0; left: 50%; background: rgba(0,0,0,0.1); width: 1px; height: 100%; } #pre_next_post a { position: relative; display: inline-block; max-width: 40%; } #pre_next_post a.p { float: left; } #pre_next_post a.n { float: right; text-align: right; } #pre_next_post .p:before, #pre_next_post .n:before { position: absolute; top: 0.25em; font-family: 'StrictThemes'; font-size: 16px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: rgba(0,0,0,0.3); width: 16px; height: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #pre_next_post .p:before { content: '\e60d'; left: -25px; } #pre_next_post .n:before { content: '\e688'; right: -25px; } /*=============================================== F O R M A T S Styles for post formats ===============================================*/ /* 14 - FORMATS 14.1 - Standard 14.2 - Image 14.3 - Link 14.4 - Quote 14.5 - Status 14.6 - Video */ /*------------------------------------------- 14.1 - Standard -------------------------------------------*/ .st-format-standard-holder { display: block; background-repeat: no-repeat; background-position: center center; /*height: 200px;*/ width: 860px; overflow: hidden; height:100%; } wp-post-image { height: 200px; overflow: hidden; } .st-format-standard-holder .wp-post-image { display: block; margin: 0; /*width: 100%;*/ /*width: 604px; height: 300px; padding-left: 110px;*/ background-repeat: no-repeat; background-position: center center; /*height: 200px; width: 600px;*/ width: 860px; overflow: hidden; } /*------------------------------------------- 14.2 - Image -------------------------------------------*/ .st-format-image-holder { display: block; margin: 0; /*width: 860px;*/ height: 200px; overflow:hidden; height: 100%; } .st-format-image-holder .wp-post-image { display: block; margin: 0; width: 860px; /*height: 200px;*/ overflow:hidden; } /*------------------------------------------- 14.3 - Link -------------------------------------------*/ .st-format-link-holder { } .st-format-link-holder .wp-post-image { display: block; margin: 0; } .st-format-link { text-align: center; padding: 25px; background: #FB9351; } .st-format-link-holder a { font-size: 1.66em; line-height: 1.2em; color: #FFF; text-decoration: underline; } .st-format-link-holder a:hover { text-decoration: none; } .st-format-link-holder .st-format-link a:before { content: '\e63c'; font-family: 'StrictThemes'; display: inline-block; margin: 0 10px -0.2em 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------------------------- 14.4 - Quote -------------------------------------------*/ .st-format-quote-holder { } .st-format-quote-holder .wp-post-image { display: block; margin: 0; } .st-format-quote-holder > div { color: #FFF; padding: 25px; background: #5B4141; } .st-format-quote-holder > div blockquote { border-left: 1px solid rgba(255,255,255,0.2); } .st-format-quote-holder > div p { margin: 0; } /*------------------------------------------- 14.5 - Status -------------------------------------------*/ .st-format-status-holder { } .archive .st-format-status-holder { margin-bottom: 50px; } .status-header { text-align: center; padding: 40px 25px 0; background: #FFF; } .status-header-upic { position: relative; display: table; margin: 25px auto -60px; padding: 5px; background: #5B4141; border-radius: 100px; z-index: 1; } .status-header .avatar { display: block; width: 110px; height: 110px; border-radius: 100px; } .status-header > a { color: #5B4141; font-size: 2em; font-weight: 300; } .status-header a:hover { color: inherit !important; } .status-header > a span { opacity: 0.6; } .status-header > a span:before { content: '('; } .status-header > a span:after { content: ')'; } .status-header-links { font-size: 12px; margin-bottom: -5px; padding: 20px 0 0; } .status-header-links span { margin: 0 10px 10px; } .status-content { position: relative; font-size: 1.2em; line-height: 1.575em; color: #FFF; text-align: center; padding: 80px 25px 10px; background: #5B4141; } /*------------------------------------------- 14.6 - Video -------------------------------------------*/ .st-format-video-holder iframe { display: block; } /*------------------------------------------- 14.7 - Audio -------------------------------------------*/ .st-format-audio-holder iframe { display: block; width: 100%; } .st-format-audio-holder .wp-post-image { display: block; margin: 0; } /*------------------------------------------- 14.8 - Gallery -------------------------------------------*/ /*=============================================== T E M P L A T E S Styles for post templates ===============================================*/ /* 15 - TEMPLATES 15.1 - Default 15.2 - Template 4 15.3 - Template 8 15.4 - Highlighted 15.5 - Featured 15.6 - Related */ .post-template { position: relative; margin-bottom: 20px; /*margin-bottom: 50px;*/ padding-bottom: 50px; border-bottom: 1px solid rgba(0,0,0,0.07) } .meta { font-size: 0.85em; } .meta .ico16 { color: rgba(0,0,0,0.5); line-height: 18px; margin-right: 20px; -webkit-transition: all 125ms linear; transition: all 250ms linear; } .meta .ico16:hover { color: rgba(0,0,0,0.7); -webkit-transition: all 125ms linear; transition: all 125ms linear; } .meta .ico16:hover:before { color: #FB9351; } .meta .ico16:before { color: rgba(0,0,0,0.25); } .meta .ico16 a { color: rgba(0,0,0,0.5); } .meta .ico16 a:first-child { padding-left: 24px; margin-left: -24px; } .meta .ico16 a:hover { color: rgba(0,0,0,0.8); } .post-default .st-format-image-holder > a, .post-default .st-format-link-holder > a, .post-default .st-format-standard-holder > a, .post-default .st-format-quote-holder > a { display: block; } a.post-thumb { position: relative; display: block; width: 100%; height: 100px; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; overflow: hidden; } /*------------------------------------------- 15.1 - Default -------------------------------------------*/ .post-default { padding-bottom: 0; } .post-default .post-title { display: block; max-width: 600px; font-size: 2.3em; font-weight: 300; text-align: center; margin: 0 auto; padding: 0; } .sticky.post-default .post-title { padding-left: 1.5em; padding-right: 1.5em; } .sticky.post-default .post-title:before { display: block; content: '\e634'; font-family: 'StrictThemes'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; margin: 0 0 0.75em 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .post-default .meta { text-align: center; margin: 25px 0 40px; } .post-default .meta > span { margin-bottom: 10px; } .post-default .content-data { padding: 50px; background: #FFF; } /*------------------------------------------- 15.2 - Template 4 -------------------------------------------*/ .post-t4 { padding-left: 287px; padding-bottom: 0; background: #FFF; border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* box-shadow: 3px 3px 3px #dcdcdc;*/ } .post-t4 > div { float: left; } .post-t4 .thumb-wrapper { position: relative; display: block; width: 262px; margin-top: 0; /*margin-right: -100px;*/ margin-bottom: 0; margin-left: -287px; } .post-t4 a.post-thumb { opacity: 1; -webkit-transition: all 250ms cubic-bezier(0, 0.5, 0.5, 1); transition: all 250ms cubic-bezier(0, 0.5, 0.5, 1); } .post-t4 a.post-thumb:hover { opacity: 0.8; } .post-t4 a.post-thumb:before { position: absolute; display: block; top: 50%; left: 50%; font-family: 'StrictThemes'; font-size: 32px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-align: center; text-transform: none; line-height: 1; color: #FFF; width: 2em; height: 1.5em; margin: -.5em 0 0 -1em; padding: 0 0 0 0; /*padding: 0.5em 0 0;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 200ms cubic-bezier(0, 0.5, 0.5, 1); z-index: 2; } .post-t4 a.post-thumb-standard:before { content: '\e648'; } .post-t4 a.post-thumb-image:before { content: '\e640'; } .post-t4 a.post-thumb-gallery:before { content: '\e645'; } .post-t4 a.post-thumb-audio:before { content: '\e65c'; } .post-t4 a.post-thumb-video:before { content: '\e61d'; } .post-t4 a.post-thumb-link:before { content: '\e63c'; } .post-t4 a.post-thumb-quote:before { content: '\e630'; } .post-t4 a.post-thumb-status:before { content: '\e61f'; } .post-t4 a:hover:before { left: 40%; opacity: 0; transition: all 175ms cubic-bezier(0, 0.5, 0.5, 1); } .post-t4 a.post-thumb:after { content: ''; position: absolute; display: block; top: 50%; left: 50%; font-size: 32px; line-height: 1; width: 2em; height: 1.5em; margin: -.75em 0 0 -1em; padding: 0 0 0 0; /*padding: 0.5em 0 0;*/ border-radius: 10px; background: rgba(0,0,0,0.5); transition: all 350ms cubic-bezier(0, 0.5, 0.5, 1); z-index: 1; } .post-t4 a.post-thumb:hover:after { left: 60%; background: rgba(0,0,0,0); transition: all 175ms cubic-bezier(0, 0.5, 0.5, 1); } .post-t4 h3 { font-size: 1.35em; margin-bottom: 0px; padding-top: 10px; padding-right: 25px; padding-bottom: 0; padding-left: 0; } .post-t4 h3 a { display: block; max-height: 5.7em; overflow: hidden; text-overflow: ellipsis; /* Chrome */ display: -webkit-box; /* Chrome */ -webkit-line-clamp: 4; /* Chrome */ -webkit-box-orient: vertical; /* Chrome */ } .post-t4 h3.post-title-short a { max-height: 2.75em; -webkit-line-clamp: 2; /* Chrome */ } .post-t4 p { font-size: 15px; line-height: 1.535em; max-height: 3.2em; margin: 0; padding: 0 25px 0 0; overflow: hidden; text-overflow: ellipsis; /* Chrome */ display: -webkit-box; /* Chrome */ -webkit-line-clamp: 2; /* Chrome */ -webkit-box-orient: vertical; /* Chrome */ } .post-t4 .meta { position: absolute; bottom: 20px; height: 22px; overflow: hidden; } /* Icon tweak */ .meta span + span.ico16-link { margin-right: 0 !important; } .meta span + span.ico16-link:before { content: '\e648'; margin-right: 5px; } /*-- W/out thumbnail ----------------------*/ .post-t4-no-thumb { padding-bottom: 10px; /*padding-bottom: 20px; padding-bottom: 55px; */ padding-left: 25px; } .post-t4-no-thumb > div { width: 100%; } .post-t4-no-thumb h3 { font-size: 1.3em; /*font-size: 2.2em;*/ font-weight: 800; line-height: 1.3em; max-height: none; font-family: 'Hind Vadodara', sans-serif; color: #185a70; } .post-t4-no-thumb h3 a { max-height: none; -webkit-line-clamp: 10; /* Chrome */ } .post-t4-no-thumb p { display: block; /* Chrome */ max-height: none; overflow: visible; } /*-- On frontpage -------------------------*/ #posts-t4 { } #posts-t4 .post-t4 { height: 80px; /* height: 180px; */ width: 80px; } #posts-t4 .odd { float: left; } #posts-t4 .even { float: right; } #posts-t4 .post-t4-no-thumb { width: 550px; } #posts-t4 .post-t4-no-thumb h3 { position: relative; max-height: 3.9em; margin-bottom: 0; padding-top: 10px; /* padding-top: 21px; */ border-bottom: 15px solid #FFF; /* needed for overflow meta */ background: #FFF; /* needed for overflow meta */ } #posts-t4 #wp-pagenavibox, #posts-t4 #but-prev-next { display: block; clear: both; } /*------------------------------------------- 15.3 - Template 8 -------------------------------------------*/ .post-t8 { } .post-t8 h5 { padding-top: 0; text-transform: none; } .post-t8 .ico16 { margin-right: 20px; } /*------------------------------------------- 15.4 - Highlighted -------------------------------------------*/ /* Post 1 */ .posts-highlighted { display: block; /* margin-bottom: 50px; */ margin-bottom: 15px; padding-bottom: 0; background: #FFF; border-bottom: 1px solid rgba(0,0,0,0.1); } .posts-highlighted > div { } div.posts-highlighted a.post-thumb { display: block; height: 200px; /*height: 410px;*/ margin: 0px; padding: 0px; /* width: 100%; */ text-align: center; vertical-align: middle; } .sidebar-secondary-inactive div.posts-highlighted a.post-thumb { height: 605px; } .posts-highlighted-details h1 { font-size: 1.5em; /*font-size: 2.2em;*/ letter-spacing: -.02em; padding-top: 0; } /* Common */ .posts-highlighted-details { position: relative; } .posts-highlighted-details > div { padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 20px; /*padding: 25px;*/ /*box-shadow: 3px 3px 3px #dcdcdc;*/ } .posts-highlighted-details .meta { padding-top: 5px; } /*------------------------------------------- 15.5 - Featured -------------------------------------------*/ #posts-featured { display: block; width: 1200px; margin: 0 auto; } .posts-featured-wrapper { width: 262px; float: left; display: block; margin-bottom: 50px; margin-right: 50px; background: #FFF; border-bottom: 1px solid rgba(0,0,0,0.1); } .posts-featured-wrapper a.post-thumb { position: relative; display: table; background-size: 110% auto; transition: all 350ms cubic-bezier(0, 0.5, 0.5, 1); } .posts-featured-wrapper a.post-thumb:hover { background-size: 100% auto; } .posts-featured-wrapper a.post-thumb > div { display: table-cell; vertical-align: middle; } .posts-featured-wrapper a.post-thumb:before { content: ''; position: absolute; display: block; width: 100%; height: 100%; background: #FB9351; opacity: 0.3; transition: all 350ms cubic-bezier(0, 0.5, 0.5, 1); } .ie8 .posts-featured-wrapper a.post-thumb:before { display: none; } .posts-featured-wrapper a.post-thumb:hover:before { background: transparent; } .posts-featured-wrapper h3 { position: relative; max-height: 8em; color: #FFF; font-size: 1.2em; text-align: center; margin: 0 8%; padding: 0; opacity: 1; transition: all 350ms cubic-bezier(0, 0.5, 0.5, 1); } .posts-featured-wrapper a:hover h3 { margin-top: 15%; opacity: 0; } .posts-featured-wrapper h3:before { display: block; content: '\e686'; font-family: 'StrictThemes'; font-size: 32px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FFF; margin-bottom: 0.33em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ie8 .posts-featured-wrapper h3:before { left: 50%; margin-left: -16px; display: block; position: relative; } .posts-featured-wrapper a.post-thumb-standard h3:before { content: '\e648'; } .posts-featured-wrapper a.post-thumb-image h3:before { content: '\e640'; } .posts-featured-wrapper a.post-thumb-gallery h3:before { content: '\e645'; } .posts-featured-wrapper a.post-thumb-audio h3:before { content: '\e65c'; } .posts-featured-wrapper a.post-thumb-video h3:before { content: '\e61d'; } .posts-featured-wrapper a.post-thumb-link h3:before { content: '\e63c'; } .posts-featured-wrapper a.post-thumb-quote h3:before { content: '\e630'; } .posts-featured-wrapper a.post-thumb-status h3:before { content: '\e61f'; } .posts-featured-details-wrapper > div { display: block; margin: 20px; text-align: center; overflow: hidden; } #posts-featured > div.first { clear: left; } div#posts-featured > div.last { clear: right; margin-right: 0; } /*------------------------------------------- 15.6 - Related -------------------------------------------*/ .posts-related-wrapper { padding: 50px 0 0; } .posts-related-wrapper h6 { font-size: 2em; font-weight: 300; text-align: center; text-transform: none; margin: 0; padding: 0 0 50px; } .posts-related-wrapper table { margin-bottom: 0; } .posts-related-wrapper tr, .posts-related-wrapper td { text-align: center; padding: 0; background: none; border: 0; } .posts-related-1-wrapper td { width: 100%; } .posts-related-2-wrapper td { width: 50%; } .posts-related-3-wrapper td { width: 33%; } .posts-related-wrapper div.posts-related-post-wrapper { position: relative; width: 262px; display: block; float: none; margin: 0 auto; background: #FFF; box-shadow: 0 1px 0 rgba(0,0,0,0.07); } .posts-related-post-wrapper a.post-thumb { opacity: 1; } .posts-related-post-wrapper a.post-thumb:hover { opacity: 0.8; } .posts-related-post-wrapper a.post-thumb:before { position: absolute; display: block; top: 50%; left: 50%; font-family: 'StrictThemes'; font-size: 32px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-align: center; text-transform: none; line-height: 1; color: #FFF; width: 2em; height: 1.5em; margin: -1em 0 0 -1em; padding: 0.5em 0 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 200ms cubic-bezier(0, 0.5, 0.5, 1); z-index: 2; } .posts-related-post-wrapper a.post-thumb-standard:before { content: '\e648'; } .posts-related-post-wrapper a.post-thumb-image:before { content: '\e640'; } .posts-related-post-wrapper a.post-thumb-gallery:before { content: '\e645'; } .posts-related-post-wrapper a.post-thumb-audio:before { content: '\e65c'; } .posts-related-post-wrapper a.post-thumb-video:before { content: '\e61d'; } .posts-related-post-wrapper a.post-thumb-link:before { content: '\e63c'; } .posts-related-post-wrapper a.post-thumb-quote:before { content: '\e630'; } .posts-related-post-wrapper a.post-thumb-status:before { content: '\e61f'; } .posts-related-post-wrapper a:hover:before { left: 40%; opacity: 0; transition: all 175ms cubic-bezier(0, 0.5, 0.5, 1); } .posts-related-post-wrapper a.post-thumb:after { content: ''; position: absolute; display: block; top: 50%; left: 50%; font-size: 32px; line-height: 1; width: 2em; height: 1.5em; margin: -1em 0 0 -1em; padding: 0.5em 0 0; border-radius: 100px; background: rgba(0,0,0,0.5); transition: all 350ms cubic-bezier(0, 0.5, 0.5, 1); z-index: 1; } .posts-related-post-wrapper a.post-thumb:hover:after { left: 60%; background: rgba(0,0,0,0); transition: all 175ms cubic-bezier(0, 0.5, 0.5, 1); } .posts-related-wrapper div.posts-related-post-wrapper > div { text-align: center; } .posts-related-details-wrapper > div h5 { font-weight: normal; text-transform: none; padding: 20px; } .posts-related-details-wrapper > div h5 a { display: inline-block; } .posts-related-wrapper div.first { clear: left; } .posts-related-wrapper div.last { clear: right; margin-right: 0; } /*=============================================== 4 0 4 Styles for error page ===============================================*/ /* 16 - 404 */ #page-404 { } .notice#content-404 { margin-bottom: 50px; padding: 45px 125px 50px 50px; } #page-404 h1 { font-size: 4em; font-weight: bold; line-height: 1em; padding: 0 0 15px; } .notice#content-404 p { line-height: 1.575em; margin-right: -67px; } #page-404 ul { list-style-type: none; margin: 0; } #page-404 ul > li { padding: 0.5em 0; border-bottom: 1px solid rgba(0,0,0,0.07); } #page-404 form { } #page-404 form:before { position: absolute; top: 29px; content: '\e62f'; font-family: 'StrictThemes'; font-size: 32px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #5B4141; margin: 0 0 0 15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 250ms linear; } #page-404 form input { display: inline-block; font-size: 1.4em; width: 100%; margin: 15px 0 0; padding: 0.75em 15px 0.75em 55px; } /*=============================================== C O M M E N T S Comment styles ===============================================*/ /* 17 - COMMENTS 17.1 - Top level comment 17.2 - Low level comment 17.3 - Comment form */ .comments-title { font-size: 1.2em; padding: 50px 0 10px; margin: 0 0 25px 0; border-bottom: 5px solid rgba(0,0,0,0.07); } .comments-title-dummy { display: block; clear: both; height: 25px; } #comments { list-style-type: none; margin: 0; padding: 0; } #comments > li { display: table; /* needed */ width: 100%; margin-bottom: 25px; border-bottom: 1px solid rgba(0,0,0,0.1); } .comment { } .comment-holder { } .avatar-box { padding: 4px; border-radius: 100px; background: rgba(0,0,0,0.07); float: left; } .comment .avatar { display: block; border-radius: 100px; } .comment-box { } .comment-date { font-size: 0.85em; margin-bottom: 1em; opacity: 0.65; } .quick-holder { padding-top: 5px; } /*------------------------------------------- 17.1 - Top level comment -------------------------------------------*/ .comment-top-level .comment-box { padding-left: 108px; margin-bottom: 25px; } .comment-top-level .comment-author { font-size: 1.4em; } /*------------------------------------------- 17.2 - Low level comment -------------------------------------------*/ .children { list-style-type: none; padding: 0; margin: 0 0 0 25px; } .comment-low-level .comment-box { padding-left: 83px; margin-bottom: 25px; } .comment-low-level .comment-author { font-size: 1.4em; } /*------------------------------------------- 17.3 - Comment form -------------------------------------------*/ #reply-title { font-size: 1.4em; font-weight: normal; text-transform: none; } #cancel-comment-reply-link { font-size: 14px; font-weight: normal; letter-spacing: 0; } #respond { padding-top: 25px; clear: both; } #respond h3 { padding-top: 0; } #commentform { clear: both; text-align: left; /* needed */ padding: 0 0 25px; } .input-text-name { width: 50%; float: left; padding: 0; } .input-text-name > div { padding: 0 27px 0 0; } .input-text-email { width: 50%; float: right; padding: 0; } .input-text-email > div { padding: 0 22px 0 5px; } .input-submit-box { display: inline-block; margin-right: 10px; float: left; } p.form-submit { margin: 0; } /*=============================================== P I N G B A C K S Pingback styles ===============================================*/ /* 18 - PINGBACKS */ .pingback-title { padding-top: 15px; } #pingbacks { margin-bottom: 25px; } .pingback-date { font-size: 0.85em; margin-bottom: 1.785em; padding: 2px 0 0; } /*=============================================== W I D G E T S WordPress widgets ===============================================*/ /* 19 - WIDGETS 19.1 - Standard widgets - Recent Posts - Pages - Archives - Categories - Meta - Recent Comments - Search - Calendar - Tags - Custom menu - RSS 19.2 - Custom widgets - ST Flickr - ST Get In Touch - ST Posts - ST Subscribe - ST Sharrre */ .widget_recent_entries > ul, .widget_pages > ul, .widget_archive > ul, .widget_categories > ul, .widget_meta > ul, .widget_recent_comments > ul { list-style-type: none; margin: 0; padding: 0; } .widget_recent_entries > ul > li, .widget_pages > ul > li, .widget_archive > ul > li, .widget_categories > ul > li, .widget_meta > ul > li, .widget_recent_comments > ul > li { padding: 0.6em 0; border-top: 1px solid rgba(0,0,0,0.07) } .sidebar-footer .widget_recent_entries > ul > li, .sidebar-footer .widget_pages > ul > li, .sidebar-footer .widget_archive > ul > li, .sidebar-footer .widget_categories > ul > li, .sidebar-footer .widget_meta > ul > li, .sidebar-footer .widget_recent_comments > ul > li { border-top-color: rgba(255,255,255,0.07); } .widget_recent_entries > ul > li:first-child, .widget_pages > ul > li:first-child, .widget_archive > ul > li:first-child, .widget_categories > ul > li:first-child, .widget_meta > ul > li:first-child, .widget_recent_comments > ul > li:first-child { padding-top: 0; border-top: none; } /*------------------------------------------- 19.1 - Standard widgets -------------------------------------------*/ /* Recent Posts ================================================*/ .widget_recent_entries .post-date { display: block; font-size: 0.85em; } /* Pages ================================================*/ .widget_pages { } /* Archives ================================================*/ .widget_archive > ul { position: relative; } .widget_archive > ul > li span { position: absolute; right: 5px; font-size: 0.85em; line-height: 2em; } /* Categories ================================================*/ .widget_categories > ul > li { position: relative; } .widget_categories > ul > li span { position: absolute; right: 5px; font-size: 0.85em; line-height: 2em; } /* Meta ================================================*/ .widget_meta ul { } /* Recent Comments ================================================*/ .widget_recent_comments { } /* Search ================================================*/ #sidebar .widget_search { padding: 25px; background: #fb9351; border: none; } #sidebar .widget_search > h5 { color: #FFF; border-bottom: 1px solid rgba(255,255,255,0.2); } .widget_search form > div { background: #FFF; padding: 10px 44px 10px 10px; border: 0; height: 20px; } .widget_search form > div:before { position: absolute; top: 8px; right: 7px; content: '\e62f'; font-family: 'StrictThemes'; color: #FB9351; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget_search form label { display: none; } .widget_search input[name="s"] { border: none; padding: 0; float: left; width: 100%; height: 20px; } .widget_search input[type="submit"] { position: relative; float: right; text-indent: -9999px; width: 30px !important; height: 30px; margin: -5px -39px 0 0; padding: 0; box-shadow: none !important; background: none !important; } /* Calendar ================================================*/ .sidebar .widget_calendar { padding: 0; background: inherit; border: none; } .sidebar .widget_calendar > h5 { display: none; } #wp-calendar { position: relative; margin: 0; } #wp-calendar caption, #wp-calendar th, #wp-calendar td { font-size: 0.85em; line-height: 1.54em; /* needed */ text-align: center; } #wp-calendar caption { } #wp-calendar tbody { background: #FFF; } #wp-calendar td { width: 14.285%; padding: 6px; overflow: hidden; } #wp-calendar tbody a { position: relative; display: block; color: #5B4141; font-weight: bold; text-decoration: none; margin: -6px; padding: 6px 0; } #wp-calendar tbody a:after { position: absolute; right: 0; top: 0; content: ""; border-style: solid; border-width: 0 8px 8px 0; border-color: transparent #DDD transparent transparent; } #wp-calendar tfoot { } #wp-calendar tfoot td { border-left: none; } #wp-calendar #prev a { left: 7px; line-height: 1em; } #wp-calendar #next a { right: 7px; line-height: 1em; } #prev a, #next a { position: absolute; display: inline-block; font-size: 0; } #prev a:before, #next a:after { display: inline-block; font-family: 'StrictThemes'; color: #BBB; font-size: 19px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; width: 20px; height: 20px; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #prev a:before { content: '\e60d'; } #next a:after { content: '\e688'; } #prev a:hover:before, #next a:hover:after { color: #FB9351; } /* Tags ================================================*/ .tagcloud a { display: inline-block; float: left; color: #FFF; line-height: 1em; text-decoration: none !important; white-space: nowrap; margin: 0 5px 5px 0; padding: 0 0 0 10px; background: #5B4141; } .tagcloud a:hover { color: #FFF !important; background: #fb9351; } .tagcloud a span { position: relative; display: inline-block; color: #5B4141; font-size: 11px; margin: 0 0 0 10px; padding: 6px 8px; background: #FFF; border-bottom: 1px solid #DDD; } .tagcloud a span:before { position: absolute; content: ''; top: 50%; left: -4px; margin-top: -4.5px; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent #FFF transparent transparent; } /* Custom menu ================================================*/ .sidebar .widget_nav_menu, .ie8 .sidebar .widget_nav_menu { padding: 5px 0 8px !important; background-repeat: no-repeat; background-size: 100%; /*border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/ border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #BBBBBB; background-color: #FFF; /* background-image: url(http://www.softwaremag.com/wp-content/uploads/2015/01/backgroundChannelImageSWM.jpg);*/ } .widget_nav_menu h5 { position: relative; font-size: 1.2em; font-weight: 800; line-height: normal; color: #8c8e8e; text-align: left; padding: 0.2em; /*padding: .8em;*/ border-left: 0px; /*background-color: rgba(0,0,0,0.1);*/ margin-top: -6px; margin-right: 0; margin-bottom: 0; margin-left: 0; /*border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/ } .widget_nav_menu a { } .widget_nav_menu a:hover { } .sidebar-footer .widget_nav_menu { background: rgba(0,0,0,0.1); } /*--- Level 1 -----------------------------*/ .widget_custom_menu { list-style-type: none; text-transform: capitalize; margin: 0; padding: 0; } .widget_custom_menu > li { position: relative; margin-top: -1px; border-bottom: 1px solid rgba(255,255,255,0.07); } .widget_custom_menu > li:hover { } .widget_custom_menu > li.stCurrent:hover { } .widget_custom_menu > li > a { display: block; font-size: 15px; font-weight: 800; /*letter-spacing: .05em;*/ padding-top: 2px; padding-right: 2px; padding-bottom: 2px; /* padding-top: 5px; padding-right: 5px; padding-bottom: 5px; */ padding-left: 10px; } .widget_custom_menu > li:first-child > a { } .widget_custom_menu > li > a { color: #333333; /*color: #336699;*/ box-shadow: 0 0 0 #FB9351 inset, 0 0 0 rgba(0,0,0,0.05) inset; } .widget_custom_menu > li > a:hover, .widget_custom_menu > li.wHover { box-shadow:0 0 0 #FB9351 inset, 320px 0 0 rgba(0,0,0,0.05) inset; /*box-shadow: 7px 0 0 #FB9351 inset, 320px 0 0 rgba(0,0,0,0.05) inset;*/ } .widget_custom_menu > li.current-menu-item > a { box-shadow: 7px 0 0 #FB9351 inset; } .widget_custom_menu span.subline { display: block; font-size: 15px; font-weight: lighter; line-height: 1em; letter-spacing: .05em; text-transform: none; /*opacity: 0.6;*/ } .widget_custom_menu > li > span { position: absolute; display: block; top: 12px; right: 8px; width: 30px; height: 30px; text-align: center; z-index: 10; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .widget_custom_menu > li > span:before { display: block; content: '\e613'; font-family: 'StrictThemes'; color: transparent; /*color: #FB9351; font-size: 16px; */ font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; padding: 7px 0 0 0; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all linear 250ms; } .widget_custom_menu li a:hover + ul + span:before, .widget_custom_menu > li > span:hover:before, .widget_custom_menu > li.stCurrent > span:before { /*color: #FFF;*/ color: transparent; transition: all linear 125ms; } /*--- Level 2 -----------------------------*/ .widget_custom_menu > li > ul { list-style-type: none; display: none; text-transform: none; margin: 0; padding: 0; background: #FFF; } .widget_custom_menu > li.stCurrent > ul { display: block; } .widget_custom_menu > li > ul { } .widget_custom_menu > li > ul > li { border-top: 1px solid rgba(0,0,0,0.07); } .widget_custom_menu > li > ul > li > a { display: block; color: #56646F; font-size: 16px; line-height: 1.44em; padding: 15px 15px 15px 40px; } .widget_custom_menu > li > ul > li > a:before { content: '\e688'; font-family: 'StrictThemes'; color: #FB9351; font-size: 14px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; width: 14px; height: 14px; margin: 0 10px 0 -24px; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget_custom_menu > li > ul > li > a:hover:before { margin: 0 5px 0 -19px; } .widget_custom_menu > li > ul > li.current-menu-item > a { color: #FB9351; } #content-parent .widget_custom_menu > li > ul > li > a:hover { color: #FB9351; } /*--- Level 3 -----------------------------*/ .widget_custom_menu ul ul { list-style-type: none; margin: 0 0 0 40px; } .widget_custom_menu ul ul li { margin-top: -1px; } .widget_custom_menu ul ul li a { display: block; color: #56646F; padding: 10px 15px; border-top: 1px solid rgba(0,0,0,0.05); } .widget_custom_menu > li > ul > li > ul > li.current-menu-item > a { font-weight: bold; } .widget_custom_menu ul ul li a:hover { color: #FB9351; } /*--- Level 4+ -----------------------------*/ .widget_custom_menu ul ul ul { margin-left: 1.2em; } /* RSS ================================================*/ .widget_rss { } .widget_rss ul { list-style-type: none; margin: 0; padding: 0; } .widget_rss > ul > li { padding: 15px 0 14px; border-top: 1px solid rgba(0,0,0,0.07); } .sidebar-footer .widget_rss > ul > li { border-top-color: rgba(255,255,255,0.07); } .widget_rss > ul > li:first-child { padding-top: 0; border-top: none; } .widget_rss h5 > .rsswidget { } .widget_rss h5 > a.rsswidget:first-child { width: 19px; height: 19px; } .widget_rss h5 > a.rsswidget:first-child:before { display: inline-block; content: '\e670'; font-family: 'StrictThemes'; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-align: center; color: #FFF; text-transform: none; line-height: 1; margin: 0 3px 0 0; padding: 3px; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #666666; } .widget_rss h5 > a.rsswidget:first-child img { display: none; } .widget_rss > ul > li > a { display: inline-block; line-height: 1.575em; } .widget_rss .rss-date { display: block; font-size: 12px; opacity: 0.6; margin-bottom: 2px; } .widget_rss .rssSummary { font-size: 12px; line-height: 1.352em; } .widget_rss cite { font-size: 12px; font-weight: bold; } .widget_rss cite:before { content: '\e61f'; font-family: 'StrictThemes'; font-size: 13px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; margin: 0 3px 0 0; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------------------------- 19.2 - Custom widgets -------------------------------------------*/ /* ST Flickr ================================================*/ .widget-flickr .flickr_badge_image { width: 50px; height: 50px; display: inline-block; margin: 0 5px 5px 0; } /*--- Begin // Widget on footer ---*/ .sidebar-footer .widget-flickr { margin-right: -5px; } /*--- End // Widget on footer ---*/ /* ST Get In Touch ================================================*/ .widget-info p.widget-info-address, .widget-info p.widget-info-phone, .widget-info p.widget-info-email, .widget-info p.widget-info-name { position: relative; padding-left: 25px; display: table; /* needed */ } .widget-info p.widget-info-address:before, .widget-info p.widget-info-phone:before, .widget-info p.widget-info-email:before, .widget-info p.widget-info-name:before { position: absolute; top: 0.25em; left: 0; font-family: 'StrictThemes'; font-size: 16px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FB9351; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget-info p.widget-info-address:before { content: '\e635'; } .widget-info p.widget-info-phone:before { content: '\e615'; } .widget-info p.widget-info-email:before { content: '\e639'; } .widget-info p.widget-info-name:before { content: '\e61f'; } .widget-info p span { font-weight: bold; } /*--- Begin // Widget on footer ---*/ .sidebar-footer .widget-info p span { font-weight: normal; color: #FFF; } .sidebar-footer .widget-info p a.mailto { color: #fb9351; } /*--- End // Widget on footer ---*/ /* ST Posts ================================================*/ /* - Common - Recent posts - Most Viewed posts */ /* Common */ .widget-posts { } #sidebar .widget-posts > h5 { color: #521d77; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.2) } #sidebar .widget-posts { background: #FFFFFF; /*background-image: url(http://www.softwaremag.com/wp-content/uploads/2015/01/backgroundChannelImageSWM.jpg);*/ border: none; padding-top: 4px; padding-right: 8px; padding-bottom: 0px; /*padding-left: 8px;*/ } #sidebar .widget-posts-most-viewed { background: #ffffff; } .widget-posts > div { padding-top: 7px; padding-right: 0; padding-bottom: 2px; padding-left: 0; } .widget-posts > div { border-top: 1px solid rgba(255,255,255,0.1); } #sidebar-secondary .widget-posts > div, .sidebar-homepage .widget-posts > div { border-top-color: rgba(0,0,0,0.1); background: #FFF; /*padding:10px;*/ } .sidebar-footer .widget-posts > div { border-top-color: rgba(255,255,255,0.1); } .widget-posts > h5 + div, #sidebar-secondary .widget-posts > h5 + div { padding-top: 5px; border-top: none; } .sidebar-footer .widget-posts h5 + div { padding-top: 0; } .widget-posts .wp-post-image { float: left; width: 50px; /* height: 50px; */ margin: 0 0 0 0; /* margin: 0 15px 0 0; */ } .widget-posts-icon { float: left; width: 50px; height: 33px; font-size: 0; text-align: center; margin: 0 15px 0 0; padding-top: 17px; transition: background-color 250ms linear; } .widget-posts-icon:before { font-size: 16px; color: #FFF; } .sidebar-footer .widget-posts-icon, #sidebar .widget-posts-icon { background: rgba(255,255,255,0.15); } #sidebar-secondary .widget-posts-icon { background: #5B4141; } #sidebar .widget-posts-icon:hover, .sidebar-footer .widget-posts-icon:hover, #sidebar-secondary .widget-posts-icon:hover { background-color: #fb9351; } #sidebar .widget-posts-most-viewed .widget-posts-icon:hover, .sidebar-footer .widget-posts-most-viewed .widget-posts-icon:hover { background-color: #FFF; } #sidebar .widget-posts-most-viewed .widget-posts-icon:hover:before, .sidebar-footer .widget-posts-most-viewed .widget-posts-icon:hover:before { color: #fb9351; } .widget-posts-icon img { opacity: 0.7; transition: opacity 250ms linear; } #sidebar-secondary .widget-posts-icon img { opacity: 1; } .widget-posts-icon:hover img { opacity: 1; transition: opacity 125ms linear; } .widget-posts-post-box { padding-right: 7px; /* padding-left: 7px;*/ } .widget-posts-post-box-with-thumb { padding-left: 65px; } /* Title */ .widget-posts-title { display: table; line-height: 1em; font-size: 13px; line-height:1.1em; font-weight: 800; /*padding-bottom: 2px; line-height: 1.575em;*/ } #sidebar .widget-posts-title { } #sidebar .widget-posts-title:hover { color: #666666; } #sidebar .widget-posts-most-viewed .widget-posts-title { color: #666666; } #sidebar .widget-posts-most-viewed .widget-posts-title:hover { color: rgba(255,255,255,0.6); } /* Date */ .widget-posts-date { font-size: 12px; } #sidebar .widget-posts-date { color: #FFF; } #sidebar .widget-posts-most-viewed .widget-posts-date, #sidebar-secondary .widget-posts-date { opacity: 0.6; } /* Excerpt */ #sidebar .widget-posts-excerpt { color: #000; margin-top: 2px; } #sidebar .widget-posts-most-viewed .widget-posts-excerpt { color: #FFF; } .widget-posts-excerpt p { font-size: 13px; /*font-size: 11px;*/ line-height: 1.2em; margin: 0 0 2px; } /* Views */ .widget-posts-views { font-size: 12px; } #sidebar .widget-posts-views { color: #FFF; } #sidebar-secondary .widget-posts-views { opacity: 0.6; } #sidebar .widget-posts-most-viewed .widget-posts-views { opacity: 0.6; } /* Comments */ .widget-posts-comments { font-size: 12px; } #sidebar .widget-posts-comments { color: #FFF; } #sidebar-secondary .widget-posts-comments { opacity: 0.6; } #sidebar .widget-posts-most-viewed .widget-posts-comments { opacity: 0.6; } /* ST Subscribe ================================================*/ .widget-subscribe form > div { background: #FFF; padding: 10px 44px 10px 10px; border: 1px solid #DDD; height: 20px; } .widget-subscribe form > div:before { position: absolute; top: 13px; right: 15px; content: '\e63b'; font-family: 'StrictThemes'; font-size: 16px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FB9351; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 250ms linear; } .widget-subscribe form label { display: none; } .widget-subscribe input[name="email"] { border: none; padding: 0; float: left; width: 100%; height: 20px; } .widget-subscribe input[type="submit"], .widget-subscribe input[type="submit"]:hover { float: right; position: relative; width: 30px !important; height: 20px; text-indent: -9999px; margin: 0 -37px 0 0; padding: 0; background: none !important; box-shadow: none !important; } /* ST Sharrre ================================================*/ .sharrre_wrapper { } .sharrre{ display: inline-block; margin: 5px 5px 0 0; } .sharrre .box a:hover{ text-decoration: none; } .sharrre .count { position: relative; display: block; color: #999; font-size: 18px; font-weight: bold; line-height: 36px; height: 36px; text-align: center; width: 47px; background: #fbfbfb; border: 1px solid rgba(0,0,0,0.1); } #sidebar .sharrre .count { color: #FFF; border: 0; background: #fb9351; } .sharrre .count:before, .sharrre .count:after { content: ''; display: block; position: absolute; left: 49%; width: 0; height: 0; } .sharrre .count:before { border: solid 6px transparent; border-top-color: rgba(0,0,0,0.2); margin-left: -6px; bottom: -12px; } .sharrre .count:after { border: solid 5px transparent; margin-left: -5px; bottom: -10px; border-top-color: #fbfbfb; } .sharrre .share { display: block; width: 49px; height: 42px; font-size: 0; line-height: 42px; text-align: center; text-decoration: none; padding: 0; } .sharrre .share:before { position: relative; top: 10px; font-family: 'StrictThemes'; font-size: 21px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: rgba(0,0,0,0.3); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 250ms linear; } .sharrre:hover .share:before { color: rgba(0,0,0,0.7); transition: all 125ms linear; } #sharrre_googlePlus .share:before { content: '\e66c'; } #sharrre_facebook .share:before { content: '\e671'; } #sharrre_twitter .share:before { content: '\e662'; } #sharrre_digg .share:before { content: '\e68a'; } #sharrre_delicious .share:before { content: '\e675'; } #sharrre_stumbleupon .share:before { content: '\e664'; } #sharrre_linkedin .share:before { content: '\e66b'; } #sharrre_pinterest .share:before { content: '\e669'; } /*=============================================== I C O N S Social and other icons ===============================================*/ /* 20 - ICONS 20.1 - Common 20.2 - General icons 20.3 - Social icons 20.4 - 16px icons */ /*------------------------------------------- 20.1 - Common -------------------------------------------*/ @font-face { font-family: 'StrictThemes'; src: url('assets/fonts/StrictThemes.eot?er2sl6'); src: url('assets/fonts/StrictThemes.eot?#iefixer2sl6') format('embedded-opentype'), url('assets/fonts/StrictThemes.woff?er2sl6') format('woff'), url('assets/fonts/StrictThemes.ttf?er2sl6') format('truetype'), url('assets/fonts/StrictThemes.svg?er2sl6#StrictThemes') format('svg'); font-weight: normal; font-style: normal; } .ico-st:before, .ico16:before, .icons-social a { font-family: 'StrictThemes'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------------------------- 20.2 - General icons -------------------------------------------*/ .ico-upload:before { content: '\e621'; } .ico-heart-2:before { content: '\e643'; } .ico-star-full:before { content: '\e629'; } .ico-user:before { content: '\e61f'; } .ico-pause:before { content: '\e638'; } .ico-star-half:before { content: '\e628'; } .ico-arrow-right-3:before { content: '\e605'; } .ico-help:before { content: '\e642'; } .ico-warning-2:before { content: '\e61a'; } .ico-flag:before { content: '\e67e'; } .ico-tag:before { content: '\e624'; } .ico-plus:before { content: '\e60f'; } .ico-external:before { content: '\e64a'; } .ico-lock:before { content: '\e681'; } .ico-tool:before { content: '\e685'; } .ico-warning:before { content: '\e61b'; } .ico-mail-2:before { content: '\e63a'; } .ico-add:before { content: '\e65f'; } .ico-random:before { content: '\e682'; } .ico-comment:before { content: '\e653'; } .ico-collapse:before { content: '\e610'; } .ico-heart:before { content: '\e644'; } .ico-expand:before { content: '\e611'; } .ico-layout-grid-3:before { content: '\e612'; } .ico-arrow-down-4:before { content: '\e602'; } .ico-cart:before { content: '\e658'; } .ico-search:before { content: '\e62f'; } .ico-speaker-off:before { content: '\e62a'; } .ico-audio:before { content: '\e65c'; } .ico-trash:before { content: '\e623'; } .ico-code:before { content: '\e67d'; } .ico-windows:before { content: '\e619'; } .ico-attach:before { content: '\e65d'; } .ico-download:before { content: '\e64e'; } .ico-arrow-up:before { content: '\e689'; } .ico-arrow-right:before { content: '\e688'; } .ico-mail:before { content: '\e63b'; } .ico-upload-2:before { content: '\e620'; } .ico-calendar:before { content: '\e659'; } .ico-window:before { content: '\e618'; } .ico-laptop:before { content: '\e617'; } .ico-view:before { content: '\e61c'; } .ico-file-2:before { content: '\e648'; } .ico-quote:before { content: '\e630'; } .ico-ink:before { content: '\e63e'; } .ico-monitor:before { content: '\e687'; } .ico-arrow-up-2:before { content: '\e608'; } .ico-menu:before { content: '\e613'; } .ico-info:before { content: '\e63f'; } .ico-arrow-right-4:before { content: '\e601'; } .ico-layout-grid-list:before { content: '\e614'; } .ico-cross:before { content: '\e650'; } .ico-location:before { content: '\e680'; } .ico-star:before { content: '\e627'; } .ico-arrow-down:before { content: '\e60c'; } .ico-file:before { content: '\e649'; } .ico-credit-card:before { content: '\e651'; } .ico-arrow-left-3:before { content: '\e607'; } .ico-users:before { content: '\e61e'; } .ico-support:before { content: '\e626'; } .ico-shield:before { content: '\e62d'; } .ico-arrow-left-4:before { content: '\e603'; } .ico-arrow-down-2:before { content: '\e60a'; } .ico-settings:before { content: '\e62e'; } .ico-pin:before { content: '\e635'; } .ico-image:before { content: '\e640'; } .ico-arrow-right-2:before { content: '\e609'; } .ico-rocket:before { content: '\e683'; } .ico-fullscreen:before { content: '\e646'; } .ico-layout-grid-2:before { content: '\e63d'; } .ico-home:before { content: '\e641'; } .ico-edit:before { content: '\e64c'; } .ico-time:before { content: '\e684'; } .ico-chart-2:before { content: '\e656'; } .ico-tablet:before { content: '\e616'; } .ico-folder:before { content: '\e67f'; } .ico-arrow-left-2:before { content: '\e60b'; } .ico-print:before { content: '\e631'; } .ico-twitter:before { content: '\e662'; } .ico-gallery:before { content: '\e645'; } .ico-video:before { content: '\e61d'; } .ico-arrow-down-3:before { content: '\e606'; } .ico-signal:before { content: '\e62c'; } .ico-play:before { content: '\e625'; } .ico-truck:before { content: '\e622'; } .ico-comment-2:before { content: '\e652'; } .ico-arrow-up-3:before { content: '\e604'; } .ico-mail-3:before { content: '\e639'; } .ico-minus:before { content: '\e60e'; } .ico-beaker:before { content: '\e65b'; } .ico-asterisk:before { content: '\e65e'; } .ico-arrow-left:before { content: '\e60d'; } .ico-delete:before { content: '\e64f'; } .ico-pen:before { content: '\e637'; } .ico-bookmark:before { content: '\e65a'; } .ico-link:before { content: '\e63c'; } .ico-portfolio:before { content: '\e632'; } .ico-folder-2:before { content: '\e647'; } .ico-chart:before { content: '\e657'; } .ico-download-2:before { content: '\e64d'; } .ico-photo:before { content: '\e636'; } .ico-speaker:before { content: '\e62b'; } .ico-phone:before { content: '\e615'; } .ico-arrow-up-4:before { content: '\e600'; } .ico-pin-2:before { content: '\e634'; } .ico-exit:before { content: '\e64b'; } .ico-check:before { content: '\e655'; } .ico-check-2:before { content: '\e654'; } .ico-cloud:before { content: '\e67c'; } .ico-zoom:before { content: '\e686'; } /*------------------------------------------- 20.3 - Social icons -------------------------------------------*/ .icons-social { display: block; float: right; width: 262px; margin-top: 7px; margin-right: 3px; margin-bottom: 0; } .icons-social a { float: right; font-size: 15px; color: #8c8e8e; margin: 0 0 0 0; padding: 5px; } .icons-social a:hover { color: #000000; background: transparent; } #icon-Behance:before { content: '\e677'; } #icon-Blogger:before { content: '\e676'; } #icon-Delicious:before { content: '\e675'; } #icon-DeviantART:before { content: '\e674'; } #icon-Dribbble:before { content: '\e673'; } #icon-Evernote:before { content: '\e672'; } #icon-Facebook:before { content: '\e671'; } #icon-Flickr:before { content: '\e66f'; } #icon-Forrst:before { content: '\e66e'; } #icon-GitHub:before { content: '\e66d'; } #icon-GooglePlus:before { content: '\e66c'; } #icon-Instagram:before { content: '\e678'; } #icon-Lastfm:before { content: '\e679'; } #icon-LinkedIn:before { content: '\e66b'; } #icon-Picasa:before { content: '\e66a'; } #icon-Pinterest:before { content: '\e669'; } #icon-Reddit:before { content: '\e668'; } #icon-RSS:before { content: '\e670'; font-size: 13px; } #icon-Skype:before { content: '\e667'; } #icon-SoundCloud:before { content: '\e666'; } #icon-Spotify:before { content: '\e665'; } #icon-Stumbleupon:before { content: '\e664'; } #icon-Tumblr:before { content: '\e663'; } #icon-Twitter:before { content: '\e662'; } #icon-Vimeo:before { content: '\e661'; } #icon-VK:before { content: '\e660'; } #icon-WordPress:before { content: '\e67a'; } #icon-Youtube:before { content: '\e67b'; } /*------------------------------------------- 20.4 - 16px icons -------------------------------------------*/ .ico16 { display: inline-block; line-height: 1.5em; /* needed */ padding-left: 24px; -webkit-transition: all 250ms linear; transition: all 250ms linear; } .ico16:before { display: inline-block; font-size: 16px; line-height: 19px; vertical-align: bottom; color: rgba(0,0,0,0.3); margin: 0 8px 0 -24px; } .ico16-folder:before { content: '\e67f'; } .ico16-calendar:before { content: '\e684'; } .ico16-tag:before { content: '\e624'; } .ico16-comment:before { content: '\e653'; } .ico16-comment-2:before { content: '\e652'; } .ico16-link:before { content: '\e63c'; } .ico16-image:before { content: '\e640'; } .ico16-gallery:before { content: '\e645'; } .ico16-audio:before { content: '\e65c'; } .ico16-video:before { content: '\e61d'; } .ico16-quote:before { content: '\e630'; } .ico16-status:before { content: '\e61f'; } .ico16-views:before { content: '\e61c'; } .ico16-flag:before { content: '\e67e'; } .ico16-facebook:before { content: '\e671'; } .ico16-googleplus:before { content: '\e66c'; } .ico16-twitter:before { content: '\e662'; } /*=============================================== P A G I N A T I O N 1,2,3,4... ===============================================*/ /* 21 - PAGINATION 21.1 - Page pagination 21.2 - Comments pagination 21.3 - Default pagination 21.4 - WP-Pagenavi 21.5 - BuddyPress */ /*------------------------------------------- 21.1 - Page pagination -------------------------------------------*/ .page-pagination { float: none; display: block; text-align: center; margin: 50px 0; } /*------------------------------------------- 21.2 - Comments pagination -------------------------------------------*/ .nav-previous { float: left; margin-bottom: 25px; } .nav-next { float: right; margin-bottom: 25px; } .nav-next a, .nav-previous a { display: inline-block; text-align: center; white-space: nowrap; border: none; font-size: 0.85em; padding: 0.7em 1.0em; margin: 0 1px; color: #5b4141; background: #DDD; } .nav-next a:hover, .nav-previous a:hover { background: #FFF; } /*------------------------------------------- 21.3 - Default pagination -------------------------------------------*/ #but-prev-next { display: block; position: relative; text-align: center; line-height: 1em; } #but-prev-next a { display: inline-block; text-align: center; white-space: nowrap; border: none; padding: 0.7em 1.0em; margin: 0 1px; color: #5b4141; background: rgba(0,0,0,0.07); } #but-prev-next a:hover { background: #FFF; } /*------------------------------------------- 21.4 - WP-Pagenavi -------------------------------------------*/ #wp-pagenavibox { display: block; position: relative; text-align: center; } #wp-pagenavibox .wp-pagenavi { display: inline-block; position: relative; line-height: 1em; } #wp-pagenavibox .wp-pagenavi * { display: inline-block; float: none; text-align: center; white-space: nowrap; border: none; padding: 0.75em 1.0em; margin: 0; color: #8c8e8e; } /* 1 2 3 4 5 */ #wp-pagenavibox a { } #wp-pagenavibox a:hover { background: #FFF; } /* 1 2 [3] 4 5 */ #wp-pagenavibox span.current { background: rgba(0,0,0,0.07); font-weight: normal; } /* « First « ... » Last » */ #wp-pagenavibox a.first, #wp-pagenavibox a.last, #wp-pagenavibox a.previouspostslink, #wp-pagenavibox a.nextpostslink { } /* Page 3 of 7 */ #wp-pagenavibox span.pages { opacity: 0.6; } /* ... */ #wp-pagenavibox span.extend { display: none; } /*------------------------------------------- 21.5 - BuddyPress -------------------------------------------*/ #buddypress div.pagination .pag-count { line-height: 1.325em; padding: 0.5em 0; } #buddypress div.pagination div.pagination-links { display: block; position: relative; text-align: center; line-height: 1em; margin: 0; } #buddypress div.pagination div.pagination-links * { display: block; float: left; text-align: center; white-space: nowrap; border: none; padding: 0.75em 1.0em; margin: 0 1px; color: #5b4141; } /* 1 2 3 4 5 */ #buddypress div.pagination div.pagination-links a { } #buddypress div.pagination div.pagination-links a:hover { font-weight: normal; background: rgba(0,0,0,0.07); } /* 1 2 [3] 4 5 */ #buddypress div.pagination div.pagination-links span.current { background: rgba(0,0,0,0.07); font-weight: normal; }