/** Theme Name: BuddyDocs Theme URI: http://buddydev.com/themes/buddydocs/ Description: BuddyDocs is a specially designed theme for Knowledge base/help, support documentation management Version: 1.0 Author: Brajesh Singh Documention : http://buddydev.com/docs/themes/wordpress-themes/buddydocs/ Author URI: http://buddydev.com */ /*-------------------------------------------------------------- Welcome to the Club! ---------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Reset - Based on work by Eric Meyer 2.0 - Base Styles/Common Styles 3.0 - Structural 3.1 - Header 3.2 - Navigation 3.3 - Breadcrumb 3.4 - Search 3.5 - Container/Layout 3.6 - Content 3.7 - Footer 2.7 - Footer 4.0 - WordPress 4.1 - Generic Blog elements 4.2 - Posts 4.3 - Widgets 3.4 - Widgets 5.0 - Modules 5.1 - Pagination 5.2 - Scrollup 5.3 - Categories Listing 5.4 - Faq 5.0 - Responsiveness 6.1 - Resonsive breakpoint 768px --------------------------------------------------------------*/ /*------------------------------------------------------------------ 1.0 - Reset - Reset default browser CSS. Based on work by Eric Meyer: v1.0 http://meyerweb.com/eric/tools/css/reset/index.html --------------------------------------------------------------------*/ /* Reset CSS file by season.es Author(s): Xavi Blanch - xavi.blanch@gmail.com * Based on eric meyer's css reset * CSS clearfix * Added HTML5 tag definitions */ /* = reset */ 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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: 0; background: transparent; } strong { font-weight: bold; } body, input, select, textarea, button { font-family: -apple-system, BlinkMacSystemFont,'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-size: 15px; } /* I know should not use star*/ * { box-sizing: border-box; -o-box-sizing: border-box; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :hover, :focus, :active { outline: 0; } input[type='radio'] { vertical-align: text-bottom; } input[type='checkbox'] { vertical-align: bottom; vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } select, input, textarea { } table { font-size: inherit; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-spacing: 0; border-collapse: collapse; } a:hover, a:active, a:focus { outline: 0; } a { outline: none; -moz-outline-style: none; } .screenshot, .screenshot-padded { border: 1px solid #bbb; border-radius: 3px; } .screenshot-padded { padding: 10px; } /* ============= clearfix =============== */ .clearfix:before, .clearfix:after { display: block; overflow: hidden; height: 0; content: '\0020'; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } caption, th, td { text-align: left; } .clear, rest { clear: both; } address { line-height: 24px; padding: 10px 0; } /* = html5 tag render */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } #pelago { float: right; width: 98px; height: 45px; margin: 0 50px; background: url(/i/sprite.png) no-repeat; background-position: -192px -134px; } #pelago span { display: none; } /** Font awesome icons*/ #page-header, .post, .posttitle, .widget li, .widget_recent_entries li, #buddydocs-search-results li a, .category-item, .categories-list li, .widget_categories li.cat-item { position: relative; } #page-header:before, .posttitle:before, .post:before, .widget li:before, .widget_recent_entries li:before, #buddydocs-search-results li a:before, .category-item:before, .categories-list li:before, .widget_categories li.cat-item:before { font-family: FontAwesome; font-weight: normal; font-style: normal; position: absolute; top: 2px; left: 0; /*--adjust as necessary--*/ padding-right: 0.5em; text-decoration: inherit; } /*------------------------------------------------------------------ 2 - Base Styles/Common Styles --------------------------------------------------------------------*/ body { font-size: 15px; line-height: 1.6em; color: #333333; } h1, h2, h3, h4, h5, h6 { text-rendering: optimizelegibility; } ol, ul, ul li { list-style: none; } a { text-decoration: none; color: #0073aa; outline: none; } a:hover { text-decoration: underline; } a img { border: 0; } .assistive-text { display: none; } .padder { width: 90%; max-width: 1170px; margin: 0 auto; } /*------------------------------------------------------------------ 3 - Layout --------------------------------------------------------------------*/ /*------------------------------------------------------------------ 3.1 - Header --------------------------------------------------------------------*/ .sprite { background: url(/i/sprite.png); background-repeat: no-repeat; } #header { padding-bottom: 20px; background: #ffffff; } #header .padder { padding-top: 15px; } #header-left { float: left; width: 26%; padding-left: 30px; } #header-left h1 { /* text-align: center; */ } #header-left a.logo { display: inline-block; width: 232px; height: 97px; } #header-left a.logo span { display: none; } #header-right { float: right; width: 74%; } #header h1 { font-size: 19px; /*clear:both;*/ font-style: italic; line-height: 110%; float: right; margin: 1em 0 0 0; padding-left: 30px; } /*------------------------------------------------------------------ 3.2 - Navigation --------------------------------------------------------------------*/ nav#top-bar { float: right; height: 28px; padding: 0 0 20px 0; } nav#top-bar .menu { font-size: 15px; margin-top: 28px; padding: 0; color: #2a3037; } nav#top-bar li { position: relative; z-index: 9999; display: inline; float: left; margin: 0 10px 0; padding-bottom: 10px; } nav#top-bar ul.menu > li { /*height:39px;*/ } nav#top-bar ul.menu > li.menu-item:nth-child(1) { padding-left: 0; } nav#top-bar a { /*line-height: 27px;*/ padding: 2px 0 5px; color: #2a3037; } nav#top-bar ul ul { font-size: 18px; position: absolute; z-index: 99999; top: 37px; left: -50%; display: none; float: left; margin: 0; padding: 0 10px; border-top: 1px solid #404040; background: #ffffff; } nav#top-bar ul ul ul { top: 0; left: 100%; } nav#top-bar ul ul li { margin: 0; padding: 0; border-bottom: solid 1px #d3d3d3; } nav#top-bar ul ul a { font-size: 18px; display: block; width: 140px; height: auto; padding: 10px; text-align: left; } nav#top-bar ul ul.sub-menu > li:hover { border-bottom: solid 1px #d3d3d3; background: none; } nav#top-bar ul li.current-menu-item a { border-bottom: solid 2px #2a3037; } nav#top-bar ul ul.sub-menu li.current-menu-item { border-bottom: solid 1px #d3d3d3; background: none; } nav#top-bar ul li:hover { /*border-bottom: solid 5px #2a3037;*/ } nav#top-bar ul.menu > li:hover { /*border-bottom: solid 5px #2a3037; */ } nav#top-bar li:focus { /*border-bottom: solid 5px #2a3037;*/ } nav#top-bar ul li:hover > ul { display: block; } nav#top-bar ul.children > li { margin: 0; padding: 0; } /*------------------------------------------------------------------ 3.3 - Breadcrumb--------------------------------------------------------------------*/ #navigation { margin: 5px 0 20px; } #navigation a, #navigation span { font-size: 15px; font-style: italic; line-height: 20px; color: #888888; } /*------------------------------------------------------------------ 3.4 -Search --------------------------------------------------------------------*/ #featured-box { margin-bottom: 0; background: #0091a0; padding: 20px; box-shadow: 0px 9px 14px 0px rgba(0, 0, 0, 0.1); } #search-box { margin: 0 auto; padding: 15px 30px; } #search-box form input.search-terms { display: block; width: 100%; padding: 10px; border: none; border-radius: 3px; } #searchform { position: relative; } #searchsubmit { position: absolute; top: 4px; right: 5px; height: 28px; cursor: pointer; border: 0 none; } /*------------------------------------------------------------------ 3.5 - Container --------------------------------------------------------------------*/ #content { float: left; width: 68%; padding: 30px; border-right: 1px solid #e6e6e6; } .one-col #content { float: none; width: 100%; border-right: none; } .two-col-left #content { float: right; border-right: none; border-left: 1px solid #e6e6e6; } .two-col-right #content { float: left; border-right: 1px solid #e6e6e6; border-left: none; } #sidebar { position: relative; left: -1px; float: right; width: 32%; padding: 30px 30px 30px 30px; border-left: 1px solid #e6e6e6; } .two-col-left #sidebar { left: 1px; float: left; border-right: 1px solid #e6e6e6; border-left: none; } .two-col-right #sidebar { float: right; border-right: none; border-left: 1px solid #e6e6e6; } /*------------------------------------------------------------------ 3.6 - Content --------------------------------------------------------------------*/ #page-header { margin: 0 0 20px; color: #373c45; } body.single #page-header, body.category #page-header { padding-left: 27px; } body.single #page-header.single-header { margin-left: -27px; } #page-header:before { font-size: 21px; } /*body.category #page-header:before { top: 10px; content: '\f07b'; }*/ #page-header h1 { font-size: 25px; line-height: 37px; } #page-header p:not(:empty) { margin: 10px 0; } /* 404 page */ .error404 header hgroup h1 { font-size: 300px; float: left; text-shadow: 1px 1px 1px #e3e3e3; } .error404 header hgroup h3 { text-align: center; } .error404 header hgroup h3:before { /*content: "\f188";*/ } .error404 header hgroup h3 span { font-size: 31px; line-height: 55px; color: #c9c9c9; } .error404 .entry { clear: both; padding: 36px 0; } .error404 .entry p { font-size: 18px; line-height: 139%; text-align: center; color: #3d3b3c; } .search-no-results .post form input.search-terms { width: 640px; } .search-no-results .post .entry p { padding-top: 20px; } #intro { font-size: 15px; margin-bottom: 4em; padding: 1em; border: 2px solid silver; border-radius: 3px; display: flex; } #intro .img { flex-basis: 275px; text-align: center } @media (max-width: 960px) { #intro { display: block; } #intro .img { margin-top: 30px; } } #intro h1, #intro h2 { font-size: 18px; font-weight: 500 !important; } #intro img { margin-bottom: 1em; box-shadow: 0 1px 10px rgba(122, 122, 122, 0.8); } #intro p { margin-bottom: 1em !important; } #intro p:last-child { margin-bottom: 0 !important; } pre { width: 100%; /* specify width */ white-space: pre-wrap; /* CSS3 browsers */ white-space: -moz-pre-wrap !important; /* 1999+ Mozilla */ white-space: -pre-wrap; /* Opera 4 thru 6 */ white-space: -o-pre-wrap; /* Opera 7 and up */ word-wrap: break-word; /* IE 5.5+ and up */ } pre { margin-bottom: 20px !important; } code { display: block; margin: 1em 0; padding: 1em; text-align: left; color: #555555; border-left: 5px solid silver; } input-monospace, code { font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; -webkit-font-smoothing: antialiased; } /* video css */ .youtube-container { position: relative; clear: both; height: 0; cursor: pointer; background: #ffffff no-repeat center center / cover; /*padding-bottom: 56.25%; */ } .youtube-container iframe { position: absolute; z-index: 3; top: 0; left: 0; /* youtube embed (responsive) */ width: 100%; height: 100%; } #videos h3 { font-size: 20px; margin-bottom: 1em; } #videos .item-multiple { display: inline-block; margin: 0; padding: 0; } #videos .item-multiple .item-container { display: inline-block; width: 300px; margin-right: 3em; margin-bottom: 45px; vertical-align: top; } #videos .item-multiple a { display: inline-block; width: 145px; vertical-align: top; } #videos .item-multiple .item-text { display: inline-block; width: 150px; } #videos .item-multiple .item-text h4 { font-size: 17px; margin-bottom: 0; } #videos .item-multiple .item-text small { font-size: 15px; color: #666666; } #video_name { margin-bottom: 0; } #video_desc { font-size: 12px; margin-top: 0; } /* note: update [pm/start] page css and intervals */ #new-window-mask { opacity: 0.3; position: fixed; background: #000000; width: 100%; height: 100%; z-index: 999; } #new-window-container { position: fixed; z-index: 1000; left: 50%; border-radius: 3px; } #new-window-content { background: #ffffff; padding: 25px; box-shadow: 0 4px 16px rgba(122, 122, 122, 0.3); border-radius: 3px; } #new-window-close { border-bottom-left-radius: 3px; border-top-right-radius: 3px; position: absolute; top: 0; right: 0; display: inline-block; cursor: pointer; font-weight: 500; font-size: 18px; padding: 0 7px 3px; text-decoration: none; background-color: #000000; color: #bbbbbb; } #new-window-close:hover { background-color: #bbbbbb; color: #000000; } #new-window-caption { padding-top: 8px; } #new-window-prev { left: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #000000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAhCAYAAADZPosTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQhJREFUeNpi+v//PwOFmAeI24GYDcSn1DB+ID72HwK2gAylxDAhID7zHxV4kGuYKBCfRzLoDxAnkOtlCSC+imZYLEyeVMOkgfgGmmFRyGpIMUwOiO8hGfYTiEPQ1RFrmCIQP0QzzA+bWmIMUwfiJ0iGfQPFJi71hAzTAuLnaIY54dNDimGfgdiGkI9wSRgA8Ss0wyyJCW9sgsZA/BbJsA/EGobNQEuoATDwFmoBAzkGZgDxVyTDXkG9zkCOgVlA/A/JsOfQSGEgx0BQqfEXLTt5kFsK0cSFNAlDmsQyTdIhTXIKTfIyTUobmpSHNCmxaVKn0KTWo0m9TJOWA03aNjRpfWFtHwIEGAAvYzdmgVVp2QAAAABJRU5ErkJggg==') center no-repeat; } #new-window-next { right: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; background: #000000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAhCAYAAADZPosTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP1JREFUeNrM1k8HAkEcxvE5dYqIiIhO0Sk6RadOnTp1iuiY3khvqNfQKTpFp4hYlmVJEdX0jGb4NafV7zm0fA9dPrvt7Pwx1lqDSmiFyv73zwVsbT/XBlW04Mh+X1tU1YCuOXoIdIdqGtA1i9A9qmtA1zRCD6ihAV0TdBfoETU1oGscoSfU0oBh9G8CPaO2BnQNIzRBHQ3oGqBLUbTo6PUjNEVdDRjQXKAZ6mlA44FMoLm/0c+g8X81FegVLTSg8YOSCPSFlhowfKdymj7dKvUXT0h9h9RRpn6H1JlCncvU1Ya6HlJXbOqeQt31qPsy9eRAP9vQT1/U8+FbgAEAmZs3ZJ+G36AAAAAASUVORK5CYII=') center no-repeat; } .new-window-pn { width: 35px; height: 100px; position: absolute; border-width: 1px; border-color: #141414; display: inline-block; top: 45%; cursor: pointer; } .new-window-pn:hover { background-color: #bbbbbb !important; border-color: #141414; } .new-window-pn:active { background-color: #cccccc !important; border-color: #141414; } #contact { margin-bottom: 2em; } #contact fieldset { border: 1px dotted silver; } #contact table { margin-bottom: 9px; } #contact td { position: relative; padding: 0.5em 1em 0.5em 0.25em; vertical-align: top; } #contact p { padding: 0 8px; } #contact em { display: block; padding: 3px; } #contact .formName, td.formNameError { width: 200px; padding: 0 6px 0 17px; vertical-align: middle; } #contact .formName div, td.formNameError div { position: relative; } #contact .formNameRequired div:before { position: absolute; top: -3px; right: 0; display: block; width: 6px; height: 21px; content: ''; background-color: #cc9933; } #contact input[type=email], #contact input[type=text], #contact textarea { padding: 3px; transition: border linear 0.1s,box-shadow linear 0.1s; border: 1px solid #cccccc; border-radius: 3px; background-color: #ffffff; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); } #contact .formInputText { width: 300px; } .messageError { margin: 10px 0; padding: 10px; border: 1px solid #c0c0c0; border-left: 3px solid #990000; } .messageSuccess { color: green; } .page .submit { font-size: 12px; display: inline-block; margin-bottom: 1em; padding: 0.2em 2em; color: #ffffff; border: 0; border-radius: 3px; background: #669933; } .page .submit:hover { color: #ffffff; background: #5e8c2e; } .page .submit:active { background: #537d2a; } /* uptime page */ .uptime-heading { font-weight: 500; } .calendars { display: table; width: 100%; } .calendar-quarter { display: table-row; } .calendars .month-wrap { display: table-cell; height: 180px; } .calendars .month { width: 155px; margin: 0 auto; } .calendars .month h6 { font-size: 1.2em; margin: 0 0 5px; text-align: center; word-spacing: 5px; color: #8a8573; } .calendars .week { position: relative; } .calendars .day { position: relative; float: left; width: 20px; height: 20px; border: 1px solid #dff4fb; border-right: 1px solid transparent; border-bottom: 1px solid transparent; } .daynumber { font-size: 0.6em; line-height: normal; position: absolute; top: 0; width: 100%; padding: 1px 3px; text-align: center; color: #000000; } .calendars .day.empty { border: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; background-color: #dff4fb; } .calendars .month .week .day.last { width: 21px; border-right: 1px solid #dff4fb; } .calendars .month .week .day.bottom { border-bottom: 1px solid #dff4fb; } .calendars .month .week .day.overlap { margin-top: -1px; border-top: 1px solid #dff4fb; } .day .green { background: #57e044; } .day .yellow { background: #e2d380; } .day .orange { background: #e3a36c; } .day .red { background: #b46264; } .day.future { background: #c1e1ea; } .legend { overflow: hidden; margin-top: 10px; margin-bottom: 5px; text-align: center; } .legend ul { margin: 0 0 0 20px !important; padding: 0 !important; list-style-type: none; } .legend ul li { font-size: 12px; float: left; margin-right: 30px; list-style-type: none!important; } .legend ul li:last-child { margin-right: 0!important; } span.circle { display: inline-block; width: 10px; height: 10px; vertical-align: middle; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } span.circle.green { background: #20ca20; } span.circle.yellow { background: #ffca27; } span.circle.orange { background: #ff8b27; } span.circle.red { background: #fe0c10; } .uptime-stats { font-size: 1.37em; font-weight: 500; } .uptime-number { color: #20ca20; } /*------------------------------------------------------------------ 3.7 - Footer --------------------------------------------------------------------*/ #footer { border-top: 1px solid #e0e0e0; } #t-footer { padding: 20px 0; background: #f6f6f6; } #footer .widget-area { float: left; width: 33.33%; padding: 0 10px; } #b-footer { background: #e8ecef; /*#7594d1; */ } #site-description { padding-top: 30px; } #site-description, #site-description p a { line-height: 23px; color: #666; } #site-description p { line-height: 23px; padding: 0 0 30px 0; color: #998c9a; text-shadow: 1px 1px rgba(226, 226, 226,0.7); } #brochure-links { margin: 0 0 30px 0; } #brochure-links li { line-height: 14px; display: inline-block; margin-right: 6px; padding-right: 10px; border-right: 1px solid #a3a0a0; } #brochure-links li a { color: #666; text-shadow: 1px 1px rgba(226, 226, 226,0.7); } #brochure-links li:last-child { border-right: 0; } #cta { margin-top: 2em; } #cta .padder { position: relative; margin-bottom: 2em; padding: 15px; text-align: center; border-radius: 3px; } #cta h2 { font-size: 18px; font-weight: 500; margin-top: 1em; margin-bottom: 0; color: #333333; } #cta h3 { font-weight: normal; margin-top: 3px; color: #333333; } #cta .cta-default { font-size: 17px; border-radius: 3px; font-weight: 500; display: inline-block; margin: 12px 0 10px 0; padding: 11px 45px; color: #ffffff; background-color: #ff6600; } #cta .cta-default:hover { text-decoration: none; background: #ee5500; } #cta .cta-default span { position: absolute; width: 123px; height: 82px; margin-top: -40px; margin-left: -243px; background: url(/i/sprite.png) no-repeat; background-position: 0 -570px; } #footer ul.social { margin-bottom: 1.5em; } #footer ul.social li { font-size: 12px; display: inline; margin-bottom: 0; } #footer ul.social li a { display: inline-block; width: 32px; height: 32px; margin-right: 4px; background-image: url(/i/sprite.png); } #footer ul.social li a#fb { background-position: 0 -250px; } #footer ul.social li a#fb:hover { background-position: 0 -282px; } #footer ul.social li a#twitter { background-position: 0 -442px; } #footer ul.social li a#twitter:hover { background-position: 0 -474px; } #footer ul.social li a#linkedin { background-position: 0 -378px; } #footer ul.social li a#linkedin:hover { background-position: 0 -410px; } #footer ul.social li a#googleplus { background-position: 0 -314px; } #footer ul.social li a#googleplus:hover { background-position: 0 -346px; } #footer ul.social li a#youtube { background-position: 0 -506px; } #footer ul.social li a#youtube:hover { background-position: 0 -538px; } /*------------------------------------------------------------------ 4.0 - WordPress Blog */ /*-------------------------------------------------------------- 4.1 - Generic Blog elements --------------------------------------------------------------*/ .alignleft { float: left; } a img.alignleft { margin: 5px 20px 20px 0; } .alignright { float: right; } a img.alignright { margin: 5px 0 20px 20px; } .aligncenter { display: block; float: none; clear: both; margin: 0 auto; text-align: center; } .alignnone { float: none; } a img.alignnone { /*margin: 20px 20px 20px 0px;*/ } .page-links { clear: both; margin: 0 0 1.5em; } .entry .right { text-align: right; } .entry .left { text-align: right; } .entry .center { text-align: right; } .entry ul { list-style-type: disc; } .entry ol { list-style-type: decimal; } embed, iframe, object { max-width: 100%; } /*------------------------------------------------------------------ 4.2 - Post --------------------------------------------------------------------*/ .hentry { /*margin-bottom: 30px;*/ } .post, body.search-results #content article { position: relative; margin-bottom: 13px; padding-left: 27px; } .post:before { font-size: 21px; top: 5px; left: 2px; overflow: visible; content: '\f0f6'; color: #555555; } body.single #page-header:before { top: 10px; content: '\f0f6'; } body.single .post:before { content: ''; } .format-standard:before { content: '\f0f6'; } .format-aside:before { content: '\f170'; } .format-video:before { content: '\f008'; } .format-audio:before { content: '\f001'; } .format-image:before { content: '\f03e'; } .format-gallery:before { content: '\f009'; } .format-link:before { content: '\f0c1'; } .format-quote:before { content: '\f10d'; } .entry-title { font-size: 24px; line-height: 31px; margin-bottom: 10px; color: #464646; } .single .entry-title { font-size: 30px; line-height: 35px; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { padding: 10px 0; } .entry-content h1 { font-size: 28px; } .entry-content h2 { font-size: 24px; line-height: 29px; } .entry-content h3 { font-size: 22px; line-height: 125%; } .entry-content h4 { font-size: 18px; } .entry-content h5 { font-size: 16px; font-weight: 500; } .entry-content h6 { font-size: 15px; font-weight: 500; } .entry-summary p, .entry-content p { margin-bottom: 20px; } .entry-content ul, .entry-content ol { margin-bottom: 20px; padding-left: 30px; } .entry-content ul li { list-style-type: disc; } .entry-content ol li { list-style-type: decimal; } .entry-content li { margin-bottom: 5px; } .entry-content img { max-width: 100%; height: auto; } .entry blockquote.left { float: left; width: 33%; margin-right: 20px; margin-left: 0; text-align: right; } .entry blockquote.right { float: right; width: 33%; margin-right: 0; margin-left: 20px; text-align: left; } .entry-footer { margin-top: 5px; } .entry-footer small, .entry-footer small a { display: none; } div.tip_video { font-size: 11px; display: inline-block; width: 200px; margin: 0 21px 15px 0; } div.tip_video h3 { font-size: 15px; margin-bottom: 3px; } div.tip_video p { margin-top: 3px; } /*------------------------------------------------------------------ 4.3 - Widgets --------------------------------------------------------------------*/ .widget { line-height: 25px; margin-bottom: 30px; color: #333333; } .widget-title { font-size: 18px; margin-bottom: 20px; color: #555555; } .widget ul { margin-left: 10px; } .widget li { margin: 0 0 2px 0; color: #333333; /*padding-left: 15px; */ } /*.widget li:before{ content: '\f0da'; }*/ .widget select { clear: both; width: 99%; padding: 5px; outline: none; } /*recent posts widget*/ .widget_recent_entries li { padding-left: 20px; } .widget_recent_entries li:before { content: '\f0f6'; } /** Recent Comment */ /** Categories List widget*/ .widget_categories li.cat-item { padding-left: 20px; } .widget_categories li.cat-item:before { content: '\f114'; } /*search widget*/ .widget form#searchform input.search-terms { width: 95%; } .widget_search form { margin-bottom: 30px; } /*------------------------------------------------------------------ 5 - Modules --------------------------------------------------------------------*/ /*------------------------------------------------------------------ 5.1 - Pagination --------------------------------------------------------------------*/ .pagination { margin: 30px 0 50px 0; text-align: center; } .pagination a { font-size: 15px; margin-right: 5px; padding: 3px 8px; color: #414141; background: #eeeeee; } .pagination span.current { font-size: 20px; margin-right: 8px; padding: 3px 14px 4px; color: #ffffff; background: #3e3e3e; } .pagination a.next, .pagination a.prev { color: #414141; background: none; } .pagination a:hover { color: #ffffff; background: #3e3e3e; } .page-link { padding: 10px 0; } .page-link a { padding: 0 3px; } /*------------------------------------------------------------------ 5.2 - Scroll Up --------------------------------------------------------------------*/ /* Image style */ #scrollUp { right: 20px; bottom: 75px; width: 38px; /* Width of image */ height: 38px; /* Height of image */ text-indent: -9999em; background: url(/wp-content/themes/buddydocs/_inc/images/top.png) no-repeat; } /*------------------------------------------------------------------ 5.3 - Categories List --------------------------------------------------------------------*/ .categories-list { margin: 20px 0; } body.category .categories-list { padding-left: 45px; } .category-row .category-item:first-child { margin-right: 2%; } .category-row .category-item:last-child { /*margin-left: 2%;*/ } .category-item { font-size: 15px; float: left; width: 48%; margin-bottom: 20px; padding-left: 20px; } .category-item h3 a { font-size: 18px; line-height: 24px; } .categories-list div.category-item:before, .widget_categories li.cat-item:before { font-size: 15px; content: '\f07b';/* "\f114"; */ color: #888888; } .categories-list div.category-item.category-popular:before { content: '\f005'; } .categories-list div.category-item.category-recent:before { content: "\f133"; } .categories-list li:before { content: '\f0f6'; } .categories-list li a { color: #454545; } .categories-list ol, .categories-list ul { margin: 20px 0 0 20px; } .categories-list .category-item li { margin-bottom: 10px; padding-left: 20px; } .cat-post-count { font-size: 13px; display: inline-block; padding: 0 0.5em; vertical-align: text-bottom; color: #ffffff; border-radius: 3px; background-color: rgba(106, 128, 190, 0.5); } .read-more { font-size: 12px; display: inline-block; margin-bottom: 1em; padding: 0.2em 1em; color: #ffffff; border: 0; border-radius: 3px; background: #669933; } .read-more:hover { color: #ffffff; background: #5e8c2e; } .post-edit-link { font-size: 12px; display: inline-block; margin-bottom: 1em; padding: 0.2em 1em; color: #ffffff; border-radius: 3px; background: #000000; } .post-edit-link:hover { color: #ffffff; background: #666666; } /*------------------------------------------------------------------ 5.4 - Faq --------------------------------------------------------------------*/ body.archive article.type-bdocs-faq h1 { font-size: 15px; font-weight: 500; } body.archive article.type-bdocs-faq h1 a { /*background: url(../images/plus-32.png) no-repeat center left;*/ line-height: 32px;/*same as icon size*/ display: block; padding-left: 36px; } body.archive article.type-bdocs-faq h1 a:before { font-family: FontAwesome; font-size: 15px; position: absolute; display: block; overflow: hidden; width: 26px; height: 23px; margin-left: -21px; content: '\f0fe'; color: #888888; } body.archive article.faq-open h1 a:before { font-family: FontAwesome; font-size: 15px; position: absolute; display: block; overflow: hidden; width: 26px; height: 23px; margin-left: -21px; content: '\f146'; color: #888888; } body.archive article.type-bdocs-faq .entry { display: none; margin-left: 30px; } .col { flex-grow: 1; flex-shrink: 1; flex-basis: 0; position: relative; padding-right: 10px; } .cols { display: flex; width: 100%; } .cols .col:last-child { padding-right: 0; } .cols.cols-inline { margin: 20px 0; } .content-image { border: 1px solid #bbb; box-sizing: content-box; } /*------------------------------------------------------------------ 6 - Responsiveness --------------------------------------------------------------------*/ @media (max-width: 1240px) { #videos .item-multiple .item-container { margin-right: 0; } } @media (max-width: 1100px) { #header-left { float: none; width: 100%; } #header-right { float: none; width: 100%; } nav#top-bar .menu { margin-top: 0; } } /*------------------------------------------------------------------ 6.1 - Responsive breakpoint 768px --------------------------------------------------------------------*/ @media (max-width: 767px) { #content, .two-col-left #content, .two-col-right #content, .two-col-left #sidebar, .two-col-right #sidebar, #sidebar, #header-left, #header-right, #header-right nav#top-bar, #footer .widget-area, .category-item { float: none; width: 100%; } #content, .two-col-left #content, .two-col-right #content, .two-col-left #sidebar, .two-col-right #sidebar, #sidebar { border-right: none; border-left: none; } #content { padding: 20px 0 0 0; } #sidebar { margin-top: 10px; padding: 0; border-top: 1px solid #e0e0e0; } #header-left img { display: block; margin: 0 auto; } #footer .widget-area { padding: 0; } body.category .categories-list { padding-left: 0; } .category-row .category-item:first-child, .category-row .category-item:last-child { margin-right: 0; margin-left: 0; } #cta .cta-default span { margin-left: -162px; } #header h1 { float: none; padding: 0; text-align: center; } } /** kill the paddings */ @media only screen and (min-width:768px) and (max-width : 979px) { .category-item, #footer .widget-area { float: none !important; width: 100% !important; } .category-row .category-item:first-child, .category-row .category-item:last-child { margin-right: 0 !important; margin-left: 0 !important; } } @media only screen and (max-width : 500px) { .calendars { display: block; } .calendars .month-wrap { display: block; width: 100%; } .calendar-quarter { display: block; width: 100%; } } @media only screen and (max-width : 480px) { #header-left { padding-left: 0; text-align: center; } .post, body.search-results #content article { /*padding-left: 0;*/ } #contact td { width: 50%; } #contact .formInputText { width: 100%; } #intro .img { float: none; margin: 0 auto 1em auto; } }