/* ! The Reset The Infinity Reset. If you want to use another one add this to your Child Theme config/infinity.ini infinity-reset-style = off /* ================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; /* add your base font-size and line-height here */ } button, input, select, textarea { font-family: sans-serif; } a { text-decoration: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } select { background-color: #FFFFFF; border: 1px solid #C4C1C1; border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.17); color: #777777; font-size: 90%; font-weight: bold; padding: 4px 2px 2px; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* Lists ---------------------- */ ul, ol { list-style-position: inside; } ul li ul { margin-left: 20px; margin-bottom: 0; list-style: outside; } ul.square, ul.circle, ul.disc { margin-left: 17px; } ul.square { list-style-type: square; } ul.square li ul { list-style: inherit; } ul.circle { list-style-type: circle; } ul.circle li ul { list-style: inherit; } ul.disc { list-style-type: disc; } ul.disc li ul { list-style: inherit; } ul.no-bullet { list-style: none; } ul.large li { line-height: 21px; } /* Tables ---------------------- */ table { width: 100%; margin-bottom: 18px; } th, td { padding: 8px; line-height: 18px; text-align: left; border-top: 1px solid #ddd; } th { font-weight: bold; vertical-align: bottom; } td { vertical-align: middle; } thead:first-child tr th, thead:first-child tr td { border-top: 0; } tbody + tbody { border-top: 2px solid #ddd; } .post dl { margin-bottom: 18px } .post dl dt { font-weight: bold } .muted { color: #bfbfbf } blockquote { margin-bottom: 18px; border-left: 5px solid #eee; padding-left: 15px; } blockquote small { display: block; font-size: 85.7%; font-weight: 300; line-height: 18px; color: #bfbfbf; } blockquote p { font-size: 100%; font-weight: 300; margin-bottom: 0; } address { display: block; line-height: 18px; margin-bottom: 18px; } code, pre { padding: 0 3px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { background-color: #fee9cc; color: rgba(0, 0, 0, 0.75); padding: 1px 3px; } pre { display: block; padding: 8.5px; margin: 0 0 18px; line-height: 18px; font-size: 85.7%; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } pre code { background: transparent; } legend { display: block; width: 100%; margin-bottom: 27px; font-size: 19.5px; line-height: 36px; color: #666; border-bottom: 1px solid #eee; -webkit-margin-collapse: separate; } label, input, select, textarea { font-size: normal; font-weight: 13px; line-height: 18px; margin-bottom: 10px; } label { color: #999999; display: block; font-size: 80%; font-weight: bold; margin: 5px 0; text-transform: uppercase; } label ul { padding: 0; } label li { text-transform: none; color: inherit; font-weight: normal; } input[type=image], input[type=checkbox], input[type=radio] { width: auto; height: auto; padding: 0; margin: 3px; *margin-top: 0; /* IE6-7 */ line-height: normal; border: none; cursor: pointer; } input[type=file] { padding: initial; line-height: initial; border: initial; background-color: #ffffff; background-color: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input[type=button], input[type=reset], input[type=submit] { width: auto; height: auto; } select, input[type=file] { height: 27px; *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 27px; } select[multiple], select[size] { height: inherit; } input[type=image] { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } textarea { height: auto; } .radio, .checkbox { padding-left: 18px; } .radio input[type=radio], .checkbox input[type=checkbox] { float: left; margin-left: -18px; } input, textarea { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; padding: 10px; } input:focus, textarea:focus { border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); outline: 0; } input[type=file]:focus, input[type=checkbox]:focus, select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px dotted #666; } /* ============================================= */ /* ! Typography and Tags (ul, li,a, input etc) */ /* ============================================= */ body { /* Fix for webkit rendering */ font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1 { font-size: 2em; line-height: 1.15em; margin: .5em 0 1em 0; } h2 { font-size: 1.75em; line-height: 1.15em; margin: .5em 0 1em 0; } h3 { font-size: 1.5em; line-height: 1.15em; margin: .5em 0 1em 0; } h4 { font-size: 1.25em; line-height: 1.15em; margin: .5em 0 1em 0; } h5 { font-size: 1em; line-height: 1.6em; margin: 0 0 .5em 0; } h6 { font-size: .75em; line-height: 1.6em; margin: 0 0 .5em 0; } h1#category-title, h1#tag-title { font-style: normal; color: #999; font-size: 114.3%; line-height: 18px; margin: 0; } h1#category-title span, h1#tag-title span { color: #555 } h2.page-title a, h2.post-title a, h1.page-title a, h1.post-title a { margin-bottom: 0; margin-top: 0; } h2.page-title a:hover, h2.post-title a:hover, h1.page-title a:hover, h1.post-title a:hover { color: #999 } h1 .post-edit-link, h2 .post-edit-link { font-size: 27px !important; line-height: 0; } .moretag { margin-left: 10px } /* ---------------------------------------------------------------- //LAYOUT + Global & Wraps + Header + Navigation Menus + Content + Sidebar + Footer + Tables + Forms You can disable the css in this file by adding the following code to your child theme config/infinity.ini file infinity-layout-style = off --------------------------------------------------------------*/ /* ================== */ /* ! Global & Wraps */ /* ================== */ body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; } #wrapper { padding-bottom: 20px; padding-top: 20px; margin: auto; } /* ========== */ /* ! Header */ /* ========== */ #header { position: relative; } #header:after { content:""; clear:both; display:block; } h1#site-title,div#site-title { line-height: 180%; font-weight: bold; font-size: 200%; margin: -15px 0 0; width: auto; float: left; } #site-title a { margin-bottom: -29px; display: block; } /* ========================== */ /* ! /* Navigation Menus */ */ /* ========================== */ /* Menu Wraps */ /* Top Menu */ #top-menu-wrap, #sub-menu-wrap { position: relative; } #top-menu-wrap { margin-bottom: -6px; /* setting z-index for dropdowns. do not mess with this */ z-index: 12 !important; } #main-menu-wrap { padding: 0; /* setting z-index for dropdowns. do not mess with this */ z-index: 11 !important; } #main-menu-wrap ul.sub-menu { z-index: 99 !important } #sub-menu-wrap { /* setting z-index for dropdowns. do not mess with this */ z-index: 10 !important; margin-bottom: -3px; } /* ===================== */ /* ! Base Menu Styling */ /* ===================== */ #main-menu-wrap .main-menu { float: right; font-size: 110%; width: auto; } .base-menu { display: inline-block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; webkit-box-sizing: border-box; } .base-menu ul li { float: left; position: relative; list-style-type: none; } .base-menu ul li.right { float: right; } .base-menu ul li li:hover ul, .base-menu ul li li.sfHover ul, .base-menu ul li li li:hover ul, .base-menu ul li li li.sfHover ul, .base-menu ul li li li li:hover ul, .base-menu ul li li li li.sfHover ul { /* match .nav ul width */ top: -1px; left: 180px; } .base-menu ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .base-menu ul li:hover li ul, .base-menu ul li.sfHover li ul, .base-menu ul li li:hover li ul, .base-menu ul li li.sfHover li ul, .base-menu ul li li li:hover li ul, .base-menu ul li li li.sfHover li ul { top: -9999em } .base-menu ul li:hover ul, .base-menu ul li.sfHover ul { top: 27px; /* match top ul list item height */ left: 0px; z-index: 95; } .base-menu ul ul { top: -9999em; width: 210px; /* left offset of submenus need to match (see below) */ margin: 3px 0 0 0; padding: 15px 5px 15px 5px; z-index: 50; position: absolute; } .base-menu ul ul li { float: left; width: 150px; padding: 0 5px 0 5px; } .base-menu ul ul ul { margin-left: -10px; } .base-menu ul ul li { width: 85% } .base-menu ul ul li:first-child { border-top: none } .base-menu ul ul li:last-child { border-bottom: none } .base-menu ul ul li a { width: 180px; } .base-menu ul a { float: left; padding: 8px 10px; } /* Page Currently being viewed */ .base-menu li li a:hover, .base-menu li.sfHover li a { background: none } .base-menu li li a span.sf-sub-indicator, .base-menu li.sfHover li a span.sf-sub-indicator { float: right; margin: 5px 0 0 0; } .base-menu li li a span { padding: 0; color: #BBB; } .base-menu ul li.sfHover li a, .base-menu ul li.sfHover li a:hover, .base-menu ul li.sfHover li a span:hover { color: #DDD; } /* Make sub menus appear */ .base-menu ul li:hover ul, .base-menu ul li.sfHover ul { top: 34px; /* match top ul list item height */ z-index: 99; } /* Hide all subs subs (4 levels deep) */ .base-menu ul li:hover li ul, .base-menu ul li.sfHover li ul, .base-menu ul li li:hover li ul, .base-menu ul li li.sfHover li ul, .base-menu ul li li li:hover li ul, .base-menu ul li li li.sfHover li ul { top: -9999em } /* Displays all subs subs (4 levels deep) */ .base-menu ul li li:hover ul, .base-menu ul li li.sfHover ul, .base-menu ul li li li:hover ul, .base-menu ul li li li.sfHover ul, .base-menu ul li li li li:hover ul, .base-menu ul li li li li.sfHover ul { left: 180px; /* match .nav ul width */ top: -1px; } /* 2nd level skin */ .base-menu ul ul { position: absolute; top: -9999em; width: 180px; /* left offset of submenus need to match (see below) */ padding: 15px 5px 15px 5px; margin: 3px 0 0 0; background: #FFF; } .base-menu ul ul li { float: left; width: 150px; background: none; padding: 0 5px 0 5px; } .base-menu li a:hover { color: #DDD; } .base-menu ul ul li:first-child { border-top: none } .base-menu ul ul li:last-child { border-bottom: none } .base-menu ul ul li a { width: 150px; } .base-menu ul ul li a:hover { padding-left: 12px; } .base-menu:first-child ul li:after{ content: ""; } .base-menu ul ul li:after { content: none !important; } /* Don't remove this */ #footer .sub-menu, #footer .sub-menu:before { background: none; border: 0px; } /* =========== ! Content =========== */ #content.sidebar-left { float: right; } @media only screen and (max-width: 767px) { #content.sidebar-left { float: none; } } /* =========== ! Sidebar =========== */ #sidebar .widget_search { margin-top: 20px } #sidebar .widget_search input[type=text] { width: 110px; padding: 2px; } /* Widgets */ .widget { margin-bottom: 30px } #sidebar ul { padding: 0px; } /* ========== ! Footer ========== */ #footer p:last-child { margin-bottom: 0 } .footer-widget h3 { margin-bottom: 10px; color: #FEDA71; font-size: 16px; } #footer-widget-right { border-right: none; margin-right: 0px; } #footer-widget-left { border-left: none; margin-left: 0px; } #footer-menu ul li a:hover { color: #777 } #footer-menu ul li { display: inline } #footer-menu ul li a { padding-right: 8px; } .footer-menu ul li:last-child a { border-right: 0px } #footer-info { overflow: auto; padding: 0px; } #powered-by { min-height: 30px; padding-top: 10px; } #copyright-info { text-align: right; } /* ================== */ /* ! Page Templates */ /* ================== */ /*page templare sidebar left*/ .page-template-sidebar-left-template-php #content, .page-template-sidebar-left-template-php #sidebar.sidebar-right { float: right !important } .page-template-sidebar-left-template-php #sidebar.sidebar-left, .page-template-sidebar-left-template-php #sidebar.sidebar-right { float: left !important; } /* ! WordPress Styling This CSS file contains all the default WordPress Styling. //Posts & Pages + Display + Meta & Breadcrumbs + Author/Category/Tag Boxes + Comments You can disable the css in this file by adding the following code to your child theme config/infinity.ini file infinity-wordpress-style = off /* ================================================== */ /* Post Meta */ span.edit-link { margin-left: 1px; margin-right: 9px; float: right; } span.edit-link a { color: #999 } /* The actual Posts*/ .author-avatar { float: left; margin-bottom: 0; margin-right: 10px; margin-top: 0; } .entry { margin-bottom: 30px; margin-top: 30px; } .post dd.wp-caption p.wp-caption-text, .wp-caption-text { font-style: italic; line-height: 17px; margin: 0 !important; padding: 0 4px 5px 0; font-size: 12px; } .post-meta-data span { border-right: 1px solid #DDD; margin-right: 5px; padding-right: 5px; } .post .author-box img, .comment-avatar-box img { float: none; margin: 0; border: 4px solid #fff; } .post img.alignright { margin: 0 0 2px 7px; display: inline; padding: 4px; } .post img.wp-smiley { float: none !important; clear: none !important; margin: 0 !important; border: none !important; padding: 0 !important; } .post-content { margin-bottom: 60px; } .post img.alignleft { margin: 0 7px 2px 0; display: inline; padding: 4px; } .post .aligncenter, .post .aligncenter { margin-left: auto; margin-right: auto; display: block; } .post img.centered, img.aligncenter { margin-left: auto; margin-right: auto; display: block; } .post img { max-width: 100%; height: auto; } .post .wp-caption { background-color: #F9F9F9; border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; font-size: 90%; font-style: italic; padding-bottom: 7px; padding-top: 4px; text-align: center; } .post .wp-caption img { margin: 0; border: 0 none; padding: 0; } .postthumb { margin-bottom: 20px; } .postthumb img { max-width: 100%; height: auto; } .post .gallery-caption { } #single-attachment img { margin-top: 25px; margin-bottom: 25px; } /* Post Titles */ /* Captions */ /* Block Quotes */ /* page links */ .page-link { font-weight: bold; word-spacing: 0.5em; margin: 0 0 22px; } .page-link a:active, .page-link a:hover { color: #FF4B33 } .page-link a:link, .page-link a:visited { font-weight: normal; border: 1px solid #DDD; padding: 5px 8px; } .home .sticky .page-link a {} /* code in posts */ .post .alignright { margin-left: 15px; float: right; margin-bottom: 15px; } .post .alignleft { margin-right: 15px; float: left; } /* per post navigation and pagination */ ul.page-numbers li a, ul.page-numbers li span, .paged-navigation, .comment-navigation { background: none repeat scroll 0 0 #FFFFFF; color: inherit; border: 1px solid #DDDDDD; border-radius: 4px 4px 4px 4px; font-size: 14px; font-weight: bold; height: 38px; margin: 0 2px 10px 0; padding: 5px 8px; text-align: center; word-spacing: 10px; } ul.page-numbers li a:hover, .paged-navigation:hover, .comment-navigation:hover { background: #444; color: #FFF; } ul.page-numbers { text-align: center; margin-bottom: 20px; } ul.page-numbers li span { background: #444; color: #FFF; } ul.page-numbers li { display: inline } .pagination { border-bottom: 1px solid #EAEAEA; height: 16px; padding-left: 0px; padding-bottom: 10px; color: #888888; font-size: 90%; } .pagination#user-pag, .friends .pagination, .mygroups .pagination, .myblogs .pagination { background: #F9F9F9; border: none; padding: 8px 15px; } /*Post Meta */ .post-meta-data, .comment-meta, .comment-options, p#breadcrumbs { border-bottom: 1px solid #EFEFEF; border-top: 1px solid #EFEFEF; color: #AAAAAA; font-size: 11.5px; margin-top: 10px; min-height: 20px; padding: 3px 0; margin-bottom: 10px; } span.post-comments { float: right; margin-right: 5px; border-right: 0px; } p#breadcrumbs { margin-top: 0px } /* Intro Boxes for authors, categories and tags */ .post-author-box { float: right; padding: 3px; display: none; } .post-author-box img { width: 50px; height: 50px; } .author-box, .category-box, .tag-box, .info-box { margin-bottom: 20px; border: 1px solid #DDDDDD; background: #F9F9F9; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 10px 20px; } #category-description p, #tag-description p { font-style: italic; margin-top: 10px; margin-bottom: 0px; } .authorbox h3 { font-style: normal; margin-bottom: 10px; color: #555555; font-size: 16px; } #author-description { overflow: hidden; padding-bottom: 15px; } #author-description img { margin-top: 2px; margin-right: 10px; float: left; } #category-description, #tag-description { padding: 10px; } #author-social { float: right; width: 25%; } /*Search Page*/ .search-title { font-size: 18px; color: #999; } .search-title span { color: #444; } /* ============ */ /* ! Comments */ /* ============ */ .comment-content { margin-bottom: 40px; position: relative; } #comments { margin-top: 20px; position: relative; } #comments .pingbacks li.pingback { margin: 10px 0 } #comments .pingbacks li.pingback .reply { display: none } #comments .cancel-comment-reply { margin: 10px 0 } #comments .comment-entry p { padding-left: 10px; padding-right: 10px; margin: 0 0 20px 62px; } #comments .bypostauthor { background: #F9F9F9 } #comments .comment-head { margin: 0 0 15px 70px } #comments .comment-head .name { font-weight: bold; margin: 0; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px } #comments .avatar img { vertical-align: middle; width: 40px; height: 40px; margin: 0; } #comments ul.children { margin: 10px 10px 0 25px; padding: 0; } #comments .navigation { } #comments .navigation a { text-decoration: none; margin: 15px 0 0 0; display: block; } #comments .navigation a:hover { } #comments blockquote { font-style: italic; font-weight: bold; line-height: 150%; margin-left: 71px; padding-bottom: 5px; padding-left: 0; padding-top: 20px; } #comments .comment { margin-top: 10px; list-style-type: none; width: 100%; } #comments .comment .comment-container { border-bottom: 1px solid #F4F4F4; padding-bottom: 15px; position: relative; } #comments h3#pings { margin-top: 25px } #comments .avatar { float: left; margin: 0 15px 10px 0; } #comments .reply { left: 0; position: absolute; top: 60px; } #comments .reply a { font-size: 70%; padding: 0 6px; } #comments h3 { } ol.commentlist { margin-left: 0px; list-style: none; padding-left: 0px; } #comments .unapproved { font-style: italic; color: #999; } /* The Comments Forms */ #respond { margin: 40px 0 0 } #respond #reply-title small { margin-top: 5px; display: block; font-size: 13px; } #respond span.required { color: #CFCFCF; display: block; float: left; font-size: 16px; font-weight: bold; margin: 4px 0 0 -12px; } #respond .right { float: left; width: 380px; } #respond label { color: #777777; padding: 4px 0; font-size: 11px; } #respond .left { margin-right: 15px; float: left; width: 200px; } #commentform { margin: 10px 0 0 10px; } #commentform input.txt, #commentform textarea { border-color: #ccc #efefef #efefef #ccc; border-width: 1px; border-style: solid; font-size: inherit; } li.bypostauthor { background: none repeat scroll 0 0 #F8FDFF !important } #commentform input.txt { background: #F9F9F9; width: 170px; color: #666; margin: 0 5px 10px 0; padding: 5px 7px; } #commentform textarea { width: 95%; height: auto; } #commentform #submit { margin: 15px 0 0 0 } .form-allowed-tags { font-size: 90%; color: #777; } /* Pingsbacks */ h3#pings { margin: 25px 0 10px 0 } .pinglist li { list-style-type: decimal; margin: 0 0 0 20px; } .pinglist li .pingcontent { margin: 10px 0; display: block; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px } p.form-allowed-tags { width: 70% } /* ! The Grid The Infinity Base Grid. Do you want to generate your own Fluid or Fixed Grid? Read More about the Grid and how to Modify it here: http://infinity.presscrew.com/docs/?page=infinity-theme&route=cpanel/ddocs/theme_design You can disable the css in this file by adding the following code to your child theme config/infinity.ini file infinity-grid-style = off /* ================================================== */ * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* The Grid ---------------------- */ .row { width: 1050px; max-width: 100%; min-width: 768px; margin: 0 auto; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .row.collapse .column, .row.collapse .columns { padding: 0; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .row .row.collapse { margin: 0; } .column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } .column.centered, .columns.centered { float: none; margin: 0 auto; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .row .one { width: 6.25%; } .row .two { width: 12.5%; } .row .three { width: 18.75%; } .row .four { width: 25%; } .row .five { width: 31.25%; } .row .six { width: 37.5%; } .row .seven { width: 43.75%; } .row .eight { width: 50%; } .row .nine { width: 56.25%; } .row .ten { width: 62.5%; } .row .eleven { width: 68.75%; } .row .twelve { width: 75%; } .row .thirteen { width: 81.25%; } .row .fourteen { width: 87.5%; } .row .fifteen { width: 93.75%; } .row .sixteen { width: 100%; } .row .offset-by-one { margin-left: 6.25%; } .row .offset-by-two { margin-left: 12.5%; } .row .offset-by-three { margin-left: 18.75%; } .row .offset-by-four { margin-left: 25%; } .row .offset-by-five { margin-left: 31.25%; } .row .offset-by-six { margin-left: 37.5%; } .row .offset-by-seven { margin-left: 43.75%; } .row .offset-by-eight { margin-left: 50%; } .row .offset-by-nine { margin-left: 56.25%; } .row .offset-by-ten { margin-left: 62.5%; } .row .offset-by-eleven { margin-left: 68.75%; } .row .offset-by-twelve { margin-left: 75%; } .row .offset-by-thirteen { margin-left: 81.25%; } .row .offset-by-fourteen { margin-left: 87.5%; } .push-two { left: 12.5%; } .pull-two { right: 12.5%; } .push-three { left: 18.75%; } .pull-three { right: 18.75%; } .push-four { left: 25%; } .pull-four { right: 25%; } .push-five { left: 31.25%; } .pull-five { right: 31.25%; } .push-six { left: 37.5%; } .pull-six { right: 37.5%; } .push-seven { left: 43.75%; } .pull-seven { right: 43.75%; } .push-eight { left: 50%; } .pull-eight { right: 50%; } .push-nine { left: 56.25%; } .pull-nine { right: 56.25%; } .push-ten { left: 62.5%; } .pull-ten { right: 62.5%; } .push-eleven { left: 68.75%; } .pull-eleven { right: 68.75%; } .push-twelve { left: 75%; } .pull-twelve { right: 75%; } .push-thirteen { left: 81.25%; } .pull-thirteen { right: 81.25%; } .push-fourteen { left: 87.5%; } .pull-fourteen { right: 87.5%; } img, object, embed { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, .map_canvas img { max-width: none!important; } /* Nicolas Gallagher's micro clearfix */ .row { *zoom: 1; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } /* Mobile Grid and Overrides ---------------------- */ @media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .column, .columns { width: auto !important; float: none; } .column:last-child, .columns:last-child { float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; } .column:after, .columns:after { clear: both; } .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .offset-by-twelve, .offset-by-thirteen, .offset-by-fourteen { margin-left: 0 !important; } .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten, .push-eleven, .push-twelve, .push-thirteen, .push-fourteen { left: auto; } .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten, .pull-eleven, .pull-twelve, .pull-thirteen, .pull-fourteen { right: auto; } /* Mobile 4-column Grid */ .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; } .row .mobile-one:last-child { float: right; } .row.collapse .mobile-one { padding: 0; } .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; } .row .mobile-two:last-child { float: right; } .row.collapse .mobile-two { padding: 0; } .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; } .row .mobile-three:last-child { float: right; } .row.collapse .mobile-three { padding: 0; } .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; } .row .mobile-four:last-child { float: right; } .row.collapse .mobile-four { padding: 0; } .push-one-mobile { left: 25%; } .pull-one-mobile { right: 25%; } .push-two-mobile { left: 50%; } .pull-two-mobile { right: 50%; } .push-three-mobile { left: 75%; } .pull-three-mobile { right: 75%; } } /* Block Grids ---------------------- */ /* These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating blocks of content. Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones For IE7/8 compatibility block-grid items need to be the same height. You can optionally uncomment the lines below to support arbitrary height, but know that IE7/8 do not support :nth-child. -------------------------------------------------- */ .block-grid { display: block; overflow: hidden; padding: 0; } .block-grid > li { display: block; height: auto !important; float: left; } .block-grid.one-up > li { width: 100%; padding: 0 0 15px; } .block-grid.two-up > li { width: 50%; padding: 0 15px 15px; } /* .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */ .block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; } /* .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */ .block-grid.four-up { margin: 0 -10px; } .block-grid.four-up > li { width: 25%; padding: 0 10px 10px; } /* .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */ .block-grid.five-up > li { width: 20%; padding: 0 8px 8px; } /* .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */ /* Mobile Block Grids */ @media only screen and (max-width: 767px) { .block-grid.mobile { margin-left: 0; } .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; } } input.button:active, .button:active { outline: 0; position: relative; top: 1px; } .generic-button a:hover { border: none; } a.button, .generic-button, a.more-link, button, input[type="submit"], input[type="reset"], input[type="button"],#review_form #submit { margin-top: 10px; border-top: 1px solid #ccc; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.2)), color-stop(100%, rgba(0,0,0,.2))); background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); background: linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); border-left: 1px solid #ccc; font-weight: bold; float: none; text-shadow: 0 1px rgba(255, 255, 255, .75); line-height: 21px; margin-bottom: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; color: #444444; border: 1px solid #aaa; cursor: pointer; display: inline-block; font-size: 11px; padding: 8px 12px; } .generic-button a { color: #444; } a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active,#review_form #submit:active { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,.3)), color-stop(100%, rgba(255,255,255,.3))); background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border: 1px solid #888; } a.button:hover, button:hover,#review_form #submit:hover { border-top: 1px solid #aaa; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.3)), color-stop(100%, rgba(0,0,0,.3))); background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); background: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); border-left: 1px solid #aaa; color: #222; border: 1px solid #888; padding: 8px 12px; } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { text-align: center; padding-left: 0 !important; padding-right: 0 !important; width: 100%; } .button, .post-tags a, .widget_tag_cloud a, input, textarea{ display: inline-block; text-decoration: none; padding: 8px 11px; color: #555; border: 1px solid #dedede; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 2px; } .button.white, .post-tags a, .widget_tag_cloud a, a.button, .generic-button, a.more-link { background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); background: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0); background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0); background: -o-linear-gradient(top, #f9f9f9, #f0f0f0); background: -ms-linear-gradient(top, #f9f9f9, #f0f0f0); background: linear-gradient(top, #f9f9f9, #f0f0f0); border-color: #dedede #d8d8d8 #d3d3d3; color: #555; text-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; } .button.white:hover, .post-tags a:hover, .widget_tag_cloud a:hover, a.button:hover, .generic-button:hover, a.more-link:hover { background: #f4f4f4; background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); background: -webkit-linear-gradient(top, #efefef, #f8f8f8); background: -moz-linear-gradient(top, #efefef, #f8f8f8); background: -o-linear-gradient(top, #efefef, #f8f8f8); background: -ms-linear-gradient(top, #efefef, #f8f8f8); background: linear-gradient(top, #efefef, #f8f8f8); border-color: #c7c7c7 #c3c3c3 #bebebe; text-shadow: 0 1px 0 #fdfdfd; -webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; -moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; } .button.grey { background: #bdbdbd; background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae)); background: -webkit-linear-gradient(top, #cacaca, #aeaeae); background: -moz-linear-gradient(top, #cacaca, #aeaeae); background: -o-linear-gradient(top, #cacaca, #aeaeae); background: -ms-linear-gradient(top, #cacaca, #aeaeae); background: linear-gradient(top, #cacaca, #aeaeae); border-color: #b5b5b5 #a1a1a1 #8f8f8f; color: #555; text-shadow: 0 1px 0 #d4d4d4; -webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; -moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; } .button.grey:hover { background: #c2c2c2; background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2)); background: -webkit-linear-gradient(top, #bcbcbc, #c2c2c2); background: -moz-linear-gradient(top, #bcbcbc, #c2c2c2); background: -o-linear-gradient(top, #bcbcbc, #c2c2c2); background: -ms-linear-gradient(top, #bcbcbc, #c2c2c2); background: linear-gradient(top, #bcbcbc, #c2c2c2); border-color: #989898 #8e8e8e #878787; text-shadow: 0 1px 0 #dadada; -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; } .button.pink { background: #f67689; background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778)); background: -webkit-linear-gradient(top, #f78297, #f56778); background: -moz-linear-gradient(top, #f78297, #f56778); background: -o-linear-gradient(top, #f78297, #f56778); background: -ms-linear-gradient(top, #f78297, #f56778); background: linear-gradient(top, #f78297, #f56778); border-color: #df6f8b #da5f75 #d55061; color: #913944; text-shadow: 0 1px 0 #f89ca9; -webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; -moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; } .button.pink:hover { background: #f67c90; background: -webkit-gradient(linear, left top, left bottom, from(#f56c7e), to(#f78297)); background: -webkit-linear-gradient(top, #f56c7e, #f78297); background: -moz-linear-gradient(top, #f56c7e, #f78297); background: -o-linear-gradient(top, #f56c7e, #f78297); background: -ms-linear-gradient(top, #f56c7e, #f78297); background: linear-gradient(top, #f56c7e, #f78297); border-color: #c36079 #c25669 #c14e5c; text-shadow: 0 1px 0 #f9a6b4; -webkit-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; -moz-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; } .button.orange, .orange a, #bpfb_submit { background: #fecc5f; background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a)); background: -webkit-linear-gradient(top, #feda71, #febb4a); background: -moz-linear-gradient(top, #feda71, #febb4a); background: -o-linear-gradient(top, #feda71, #febb4a); background: -ms-linear-gradient(top, #feda71, #febb4a); background: linear-gradient(top, #feda71, #febb4a); border-color: #f5b74e #e5a73e #d6982f; color: #996633; text-shadow: 0 1px 0 #fedd9b; } .button.orange:hover, #bpfb_submit:hover { background: #fecb5e; background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61)); background: -webkit-linear-gradient(top, #fec354, #fecd61); background: -moz-linear-gradient(top, #fec354, #fecd61); background: -o-linear-gradient(top, #fec354, #fecd61); background: -ms-linear-gradient(top, #fec354, #fecd61); background: linear-gradient(top, #fec354, #fecd61); border-color: #d29a3a #cc9436 #c89133; text-shadow: 0 1px 0 #fee1a0; -webkit-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; -moz-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; } .button.green, .gform_footer input.button, .qq-upload-button { background: #b7d770; background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57)); background: -webkit-linear-gradient(top, #cae285, #9fcb57); background: -moz-linear-gradient(top, #cae285, #9fcb57); background: -o-linear-gradient(top, #cae285, #9fcb57); background: -ms-linear-gradient(top, #cae285, #9fcb57); background: linear-gradient(top, #cae285, #9fcb57); border-color: #adc671 #98b65b #87aa4a; color: #5d7731; text-shadow: 0 1px 0 #cfe5a4!important; -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; } .button.green:hover, .gform_footer input.button hover, .qq-upload-button:hover { background: #b9d972; background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972)); background: -webkit-linear-gradient(top, #b8d872, #b9d972); background: -moz-linear-gradient(top, #b8d872, #b9d972); background: -o-linear-gradient(top, #b8d872, #b9d972); background: -ms-linear-gradient(top, #b8d872, #b9d972); background: linear-gradient(top, #b8d872, #b9d972); border-color: #8bb14d #83a648 #7d9e45; text-shadow: 0 1px 0 #d5e8aa; -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; } .button.blue { background: #92dbf6; background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); background: -webkit-linear-gradient(top, #abe4f8, #6fcef3); background: -moz-linear-gradient(top, #abe4f8, #6fcef3); background: -o-linear-gradient(top, #abe4f8, #6fcef3); background: -ms-linear-gradient(top, #abe4f8, #6fcef3); background: linear-gradient(top, #abe4f8, #6fcef3); border-color: #8dc5da #76b7cf #63abc7; color: #42788e; text-shadow: 0 1px 0 #b6e6f9; -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; } .button.blue:hover { background: #92dbf6; border-color: #7caec0 #68a3ba #5a9cb5; text-shadow: 0 1px 0 #bee9fa; -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; } .button.purple { background: #dfaeda; background: -webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d494ce)); background: -webkit-linear-gradient(top, #e8c4e4, #d494ce); background: -moz-linear-gradient(top, #e8c4e4, #d494ce); background: -o-linear-gradient(top, #e8c4e4, #d494ce); background: -ms-linear-gradient(top, #e8c4e4, #d494ce); background: linear-gradient(top, #e8c4e4, #d494ce); border-color: #bc9db9 #ad89aa #a1799d; color: #7b5777; text-shadow: 0 1px 0 #eacae6; -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; } .button.purple:hover { background: #e0b1db; background: -webkit-gradient(linear, left top, left bottom, from(#deabd9), to(#e0b1db)); background: -webkit-linear-gradient(top, #deabd9, #e0b1db); background: -moz-linear-gradient(top, #deabd9, #e0b1db); background: -o-linear-gradient(top, #deabd9, #e0b1db); background: -ms-linear-gradient(top, #deabd9, #e0b1db); background: linear-gradient(top, #deabd9, #e0b1db); border-color: #a482a0 #9b7897 #947090; text-shadow: 0 1px 0 #ecd0e9; -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; } .button.teal { background: #9cedef; background: -webkit-gradient(linear, left top, left bottom, from(#b7f2f4), to(#7ce7ea)); background: -webkit-linear-gradient(top, #b7f2f4, #7ce7ea); background: -moz-linear-gradient(top, #b7f2f4, #7ce7ea); background: -o-linear-gradient(top, #b7f2f4, #7ce7ea); background: -ms-linear-gradient(top, #b7f2f4, #7ce7ea); background: linear-gradient(top, #b7f2f4, #7ce7ea); border-color: #90c6c8 #78bdc0 #65b6ba; color: #437b7d; text-shadow: 0 1px 0 #bef3f5; -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7; -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7; box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7; } .button.teal:hover { background: #9fedf0; border-color: #7db9bb #6bb2b5 #5dacaf; text-shadow: 0 1px 0 #c5f4f6; -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4; -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4; box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4; } .button.darkblue { background: #a5b8c6; background: -webkit-gradient(linear, left top, left bottom, from(#becbd6), to(#88a1b4)); background: -webkit-linear-gradient(top, #becbd6, #88a1b4); background: -moz-linear-gradient(top, #becbd6, #88a1b4); background: -o-linear-gradient(top, #becbd6, #88a1b4); background: -ms-linear-gradient(top, #becbd6, #88a1b4); background: linear-gradient(top, #becbd6, #88a1b4); border-color: #a2afb8 #8696a1 #6f818f; color: #515f6a; text-shadow: 0 1px 0 #c4d0d9; -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0; -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0; box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0; } .button.darkblue:hover { background: #adbfcb; border-color: #8996a0 #798791 #6c7a85; text-shadow: 0 1px 0 #ced9e0; -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8; -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8; box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8; } .button.black { background: #525252; background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); background: -webkit-linear-gradient(top, #5e5e5e, #434343); background: -moz-linear-gradient(top, #5e5e5e, #434343); background: -o-linear-gradient(top, #5e5e5e, #434343); background: -ms-linear-gradient(top, #5e5e5e, #434343); background: linear-gradient(top, #5e5e5e, #434343); border-color: #4c4c4c #313131 #1f1f1f; color: #fff; text-shadow: 0 1px 0 #2e2e2e; -webkit-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; -moz-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; } .button.black:hover { background: #5a5a5a; border-color: #2c2c2c #1c1c1c #101010; text-shadow: 0 1px 0 #363636; -webkit-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; -moz-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; } .post-tags a { font-size: 10px; padding: 3px 5px; margin-left: 1px; margin-right: 5px; } .big { font-size: 16px; padding: 14px 10px; margin-top: 10px; margin-bottom: 10px; } .huge { font-size: 20px; padding: 16px 12px; margin-top: 15px; margin-bottom: 15px; } .widget.widget_tag_cloud a { font-size: 10px; margin: 1px; padding: 5px 8px; } #archives-subject li { display: inline; list-style: disc inside none; padding-right: 5px; } #archives-subject ul { display: inline; margin: 0; } @font-face { font-family: 'iconSweetsRegular'; src: url('VU-Community/wp-content/themes/cbox-theme/assets/fonts/iconsweets-webfont.eot'); src: url('VU-Community/wp-content/themes/cbox-theme/assets/fonts/iconsweets-webfont.eot?#iefix') format('embedded-opentype'), url('VU-Community/wp-content/themes/cbox-theme/assets/fonts/iconsweets-webfont.woff') format('woff'), url('VU-Community/wp-content/themes/cbox-theme/assets/fonts/iconsweets-webfont.ttf') format('truetype'), url('VU-Community/wp-content/themes/cbox-theme/assets/fonts/iconsweets-webfont.svg#iconSweetsRegular') format('svg'); font-weight: normal; font-style: normal; } /* Using some fancy CSS magic to add our icons */ .item-list-tabs * a:before, #item-buttons * a:before, .sidebar-activity-tabs * a:before, .button:before, #message p:before, #subnav * :before, #category-title:before, #tag-title:before, span.post-tags:before, .generic-button a:before, #category-title:before, #tag-title:before, span.post-tags:before, .post-meta-data *:before, .post-title:before, #author-description h3:before, .single_add_to_cart_button:before, .load-more a:before, #whats-new, .main-menu * :before, .link-home h2 a:before, div.link-vote-panel div.clickers a.up:before { font-weight: normal; font-family: "iconsweetsRegular"; color: inherit; padding-right: 2px; font-size: 130%; position: relative; top: 2px; text-transform: none; } /* WordPress Icons */ .post-top { padding-top: 0px } /* Blog Icons */ #category-title:before { content: "L" } #tag-title:before, span.post-tags:before { content: "." } #author-description h3:before { content: "a" } /* ================ */ /* ! Post Formats */ /* ================ */ .format-quote .post-meta-data { display: none } .format-quote .entry { border-left: 5px solid #EEEEEE; font-family: "Georgia",serif; font-size: 140%; line-height: 140%; margin-bottom: 18px; padding-left: 15px; } .post-title:before { background: none repeat scroll 0 0 #555555; border-radius: 50% 50% 50% 50%; color: #FFFFFF; float: right; font-size: 140%; padding: 0 0.8% 1.5%; position: relative; text-shadow: -1px 1px 0 #000000; top: -8px; } .format-video .post-title:before { content: "F" } .format-link .post-title:before { content: "Q" } .format-gallery .post-title:before { content: "3" } .format-image .post-title:before { content: "2" } .format-audio .post-title:before { content: "4" } .format-chat .post-title:before { content: '"' } .format-status .post-title:before { content: "#" } .format-quote .post-title:before { content: "'" } /* Post Meta Icons */ span.post-author:before { content: "d" } span.post-category:before { content: "L" } span.time-posted:before { content: "R" } span.post-comments:before, span.comments a:before { content: "#" } /* BuddyPress Icons */ .activity-comments * :before { display: none } #item-buttons * a:before, .activity-meta * a:before, .button:before, .generic-button a:before { display: inline-block; font-size: 135%; padding: 0 2px 6px 1px; } /* Some Small Padding tweaks to make the icons look sweet */ div#item-header div.generic-button, div#item-header a.button { padding: 0 8px } #sidebar .sidebar-activity-tabs ul li a { padding-bottom: 8px; padding-top: 4px; text-decoration: none; } div#object-nav ul li a { padding: 4px 6px 8px !important; text-decoration: none; } div.activity-type-tabs li a { padding: 4px 6px 8px !important; text-decoration: none; } .loading a:before { display: none !important } div.item-list-tabs ul li.loading a { padding-top: 9px !important } /* Stream Icons. no shorthand CSS to maintain hover effects */ li#activity-all a:before { content: "s" } li#activity-favorites a:before, .button.fav:before, .button.unfav:before { content: "h" } li#activity-friends a:before { content: "a" } li#activity-groups a:before, .widget_bp_groups_widget { content: "f" } li#activity-links a:before, #nav-links:before { content: "Q" } li#activity-mentions a:before { content: "#" } li#activity-following a, li#following-personal-li a:before { content: "*" } .acomment-reply:before { content: "w" } .delete-activity:before, .generic-button.is_friend a:before, .generic-button.pending_friend a:before { content: "X" } .load-more a:before { content: "s" } #whats-new:before { position: absolute; content: "2"; color: #DDD; font-size: 200%; } /* Group Icons */ li#members-groups-li a:before { content: "e" } li#forums-groups-li a:before { content: '"' } li#admin-groups-li a:before, li#link-admin-personal-li a:before { content: "i" } li#invite-groups-li a:before { content: "A" } li#home-groups-li a:before, li#link-home-personal-li a:before { content: "0" } li#nav-docs-groups-li a:before { content: "L" } #bp-create-doc-button:before { content: "C"; font-size: 165%; } li#nav-notifications-groups-li a:before { content: "6" } /* Profile Icons */ #user-activity:before { content: "s" } #user-xprofile:before { content: "?" } #user-friends:before { content: "a" } #user-groups:before { content: "f" } #user-profile:before { content: "?" } #user-links:before { content: "P" } #user-messages:before, #nav-invite-anyone:before, #user-invite-anyone:before { content: "A" } #user-forums:before { content: '"' } #user-blogs:before, #user-sites:before { content: "C" } li#activity-filter-select label:before { content: "." } a.send-message:before { content: "A" } a.friendship-button:before { content: "a" } .follow-button a.follow:before { content: "*" } div#post-mention a.mention:before { content: "#" } #user-settings:before { content: "i" } div#message p { background-color: #FEFAEB; border: 1px solid #F1F1F1; border-radius: 4px 4px 4px 4px; display: block; font-size: 12px; padding: 10px 15px; } div#message p:before { content: "_" } /* BBPress */ #nav-forums:before { content: '"' } /* Main Menu Icons */ .base-menu li ul li a:before { content: none !important } /* Make sure items with an icon line up with non-icon items */ #main-menu-wrap .icon-groups a, #main-menu-wrap .icon-members a, #main-menu-wrap .icon-activity a, #main-menu-wrap .icon-members a, #main-menu-wrap .icon-forums, #main-menu-wrap .icon-links a, #main-menu-wrap .icon-sites a, #main-menu-wrap .icon-blogs a { margin-top: -5px; } #main-menu-wrap .icon-groups a:before { content: "f" } #main-menu-wrap .icon-members a:before { content: "e" } #main-menu-wrap .icon-activity a:before { content: "s" } #main-menu-wrap .icon-forums a:before { content: '"' } #main-menu-wrap .icon-links a:before { content: "Q" } #main-menu-wrap .icon-sites a:before, #main-menu-wrap .icon-blogs a:before { content: "C" } #bp-adminbar-notifications-menu a:before { content: "6" } #bp-adminbar-account-menu a:before { content: "a" } .login-form-link a:before { content: "y" } #join-us-link a:before { content: "w" } /* WooCommerce Icons */ a.add_to_cart_button:before { content: "$" } .product_type_variable:before { content: "l" !important; } .coupon:before { color: inherit; font-family: "iconsweetsRegular"; font-size: 180%; font-weight: normal; padding-right: 2px; position: relative; text-transform: none; top: 2px; content: "("; float: left; opacity: 0.7; } /* BuddyPress Links Icons */ .link-home h2 a:before { content: "Q"; font-size: 100%; opacity: 0.6; } div.link-vote-panel div.clickers a.up { background: transparent; } div.link-vote-panel div.clickers a.up:before { color: inherit; height: 20px; position: relative; width: 20px; content: "["; } /* ---------------------------------------------------------------- BuddyPress Default Styling. You can disable the css in this file by adding the following code to your child theme config/infinity.ini file infinity-bp-support = off --------------------------------------------------------------*/ /* ============================== */ /* BuddyPress Infinity Tweaks */ /* ============================== */ span.highlight, span.activity, div#message p, .generic-button, .activity-list div.activity-meta a { display: inline-block; text-decoration: none; font: bold 11px/12px; padding: 3px 6px; } .activity-list .activity-header a:first-child { padding: 0px } .activity-header p { margin-bottom: 0px } div#message p { font-weight: bold; padding-left: 22px; } #sidebar div#message p { padding-left: 10px; } span.activity { background: #F9F9F9; font-weight: normal; margin-top: 6px; font-size: 85%; } .activity-read-more { margin-left: 5px } /* > Item Headers (Profiles, Groups) --------------------------------------------------------------*/ div#item-header { margin-bottom: 15px; overflow: hidden; } div#item-header div#item-header-content { margin-left: 170px } div#item-header h2 { margin: 0 0 15px 0 } div#item-header h2 a { text-decoration: none; color: #777; } div#item-header img.avatar { float: left; margin: 0 15px 25px 0; } .achievements div#item-header img.avatar { max-width: 93% } div#item-header h2 { margin-bottom: 5px } div#item-header span.activity, div#item-header h2 span.highlight { vertical-align: middle; font-size: 85%; font-weight: normal; line-height: 170%; margin-bottom: 7px; } div#item-header h2 span.highlight { font-size: 11.5px; font-weight: bold; } div#item-header h2 span.highlight span { background: #444444; color: #FFFFFF; cursor: pointer; display: none; font-size: 85%; font-weight: bold; margin-bottom: 0; padding: 1px 4px; position: relative; right: 0; top: -1px; vertical-align: middle; } div#item-header div#item-meta { font-size: 85%; color: #777; padding-bottom: 10px; overflow: hidden; margin: 15px 0 5px 0; } div#item-header div#item-actions { float: right; width: 20%; margin: 0 0 15px 15px; text-align: right; } div#item-header div#item-actions h3 { font-size: 100%; margin: 0 0 5px 0; } div#item-header ul { overflow: hidden; margin-bottom: 15px; } div#item-header ul h5, div#item-header ul span, div#item-header ul hr { display: none } div#item-header ul li { float: right; list-style: none outside none; } div#item-header ul img.avatar, div#item-header ul.avatars img.avatar { width: 30px; height: 30px; margin: 2px; } div#item-header div.generic-button, div#item-header a.button { float: left; font-size: 85%; margin: 10px 10px 0 0; } div#item-header div#message.info { line-height: 80% } div#item-header div#message.info p { background: #F9F9F9 } /* > Item Lists (Activity, Friend, Group lists) --------------------------------------------------------------*/ ul.item-list { padding: 0; width: 100%; } ul.item-list li { border-bottom: 1px solid #EAEAEA; list-style: none outside none; padding: 20px 0 10px; position: relative; } ul.single-line li { border: none } ul.item-list li img.avatar { float: left; margin: 0 10px 10px 0; } .widget img.avatar { float: left; } ul.item-list li div.item-title, ul.item-list li h4 { font-weight: normal; width: 100%; margin: 0; } ul.item-list li div.item-title span { font-size: 100%; color: #999; } ul.item-list li div.item-desc { font-size: 85%; margin: 10px 0 0 64px; width: 68%; } ul.item-list li div.action { position: absolute; top: 15px; right: 0; text-align: right; } ul.item-list li div.meta { margin-top: 10px; color: #888; font-size: 85%; } #sidebar .item-meta { position: relative } .item-avatar { float: left } ul.item-list li h5 span.small { font-weight: normal; font-size: 85%; } /* > Item Tabs --------------------------------------------------------------*/ div.item-list-tabs { min-height: 37px; position: relative; clear: both; } .item-list-tabs { background: none repeat scroll 0 0 #222222 } div.item-list-tabs ul { width: 100%; overflow: hidden; margin: 0; padding: 0; } div.item-list-tabs ul li { float: left; list-style: none; } div.item-list-tabs ul li a:hover { color: #DDD; background: #000; } div.item-list-tabs ul li.last { color: #BFBDBD; float: right; font-size: 85%; margin-bottom: -4px; text-transform: inherit; } div.item-list-tabs ul li.last label { display: inline } div.item-list-tabs ul li.last select { display: inline-block; margin-left: 8px; margin-top: 4px; } li#activity-filter-select label { display: inline-block } div.item-list-tabs ul li a, div.item-list-tabs ul li span { display: block; padding: 8px 10px; text-decoration: none; } div.item-list-tabs ul li span { color: #777 } div.item-list-tabs ul li a span { display: inline; padding: 0; color: inherit; } div.item-list-tabs ul li a span { background: none repeat scroll 0 0 #333333; color: #999999; display: inline; font-size: 75%; margin-left: 2px; padding: 2px 5px; } div.item-list-tabs ul li.selected a, div.item-list-tabs ul li.selected a, div.item-list-tabs ul li.current a { background: none repeat scroll 0 0 #000; color: #DDDDDD; font-weight: bold; } div.item-list-tabs ul li.selected a span, div.item-list-tabs ul li.current a span, div.item-list-tabs ul li a:hover span { background-color: #444 } div.item-list-tabs ul li.selected a span, div.item-list-tabs ul li.current a span { background-color: #555 } div.item-list-tabs ul li.loading a { background-position: 88% 50%; padding-left: 25px !important; } /* Subnav */ div#subnav.item-list-tabs { background: transparent } div.item-list-tabs#subnav ul li { margin-top: 0 } div#subnav.item-list-tabs ul li a { color: #999 } div#subnav.item-list-tabs ul li.current a { background: transparent; color: #444444; } div#subnav.item-list-tabs ul li a:hover { color: #222; background: transparent; } div.item-list-tabs#object-nav { margin-top: 0 } div#subnav.item-list-tabs { border-bottom: 1px solid #E8E8E8; border-top: 0 solid; font-family: inherit; margin-bottom: 20px; overflow: hidden; } /* > Item Body --------------------------------------------------------------*/ .item-body { margin: 20px 0 } /* > Directories (Members, Groups, Blogs, Forums) --------------------------------------------------------------*/ div.dir-search { left: 65%; margin-top: -60px; position: relative; width: 51%; } .dir-form { margin-bottom: 30px } div.dir-search input[type=text] { display: inline-block; margin-right: 10px; } div.dir-search label { display: inline-block } #content .item-title a { font-size: 120% } .dir-form h3 .button { margin-bottom: 0; margin-top: 0; padding: 2px 12px; } .dir-form .info-box { float: left; margin-top: 10px; } /* > Pagination --------------------------------------------------------------*/ div.pagination#user-pag, .friends div.pagination, .mygroups div.pagination, .myblogs div.pagination, noscript div.pagination { background: #f8f8f8; border: none; padding: 8px 15px; } div.pagination .pag-count { float: none; line-height: 5px; font-style: italic;} div.pagination .pagination-links { float: right; margin-top: -10px; } div.pagination .pagination-links span, div.pagination .pagination-links a { padding: 0 5px; } div.pagination .pagination-links a:hover { font-weight: bold } div#pag-bottom { margin-top: 0 } div.item-options { color: #73C1E6; font-size: 80%; font-weight: bold; text-transform: uppercase; } div.item-options a { padding-bottom: 2px; padding-top: 2px; } div.item-avatar img { display: block; float: left; margin: 5px 5px 5px 0; } .avatar-block { overflow: hidden } /* > Error / Success Messages --------------------------------------------------------------*/ div#message { margin: 15px 0 } div#message.updated { clear: both } div#message p { padding: 10px 15px; font-size: 85%; display: block; } /* Buttons that are disabled */ div.pending a, a.disabled { border-color: #eee; color: #bbb; cursor: default; } div.pending a:hover, a.disabled:hover { border-color: #eee; color: #bbb; } div.accept, div.reject { float: left; margin-left: 10px; } ul.button-nav { padding-left: 0px; clear: both; height: 45px; } ul.button-nav li { list-style: none; } ul.button-nav li a { float: left; margin: 0 10px 10px 0; padding: 8px 10px; font-weight: bold; } ul.button-nav li.current a { background: none repeat scroll 0 0 #EFEFEF; border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; margin-bottom: 20px; } /* > AJAX Loaders --------------------------------------------------------------*/ .ajax-loader { background-image: url('VU-Community/wp-content/themes/cbox-theme/assets/images/buddypress/ajax-loader.gif') !important; background-position: 95% 50% !important; background-repeat: no-repeat !important; padding-right: 25px !important; display: none; } a.loading, li.loading a,#object-nav a.loading, #object-nav li.loading { background-image: url('VU-Community/wp-content/themes/cbox-theme/assets/images/buddypress/ajax-loader.gif') !important; background-position: 5% 50% !important; background-repeat: no-repeat !important; padding-left: 25px !important; } /* > Input Forms --------------------------------------------------------------*/ form.standard-form #basic-details-section input[type=password], form.standard-form #blog-details-section input#signup_blog_url { width: 35% } form.standard-form#signup_form input[type=text], form.standard-form#signup_form textarea { width: 85% } form.standard-form#signup_form div.submit { float: right } div#signup-avatar img { margin: 0 15px 10px 0 } form.standard-form textarea { width: 75%; height: 120px; } form.standard-form textarea#message_content { height: 200px } form.standard-form#send-reply textarea { width: 97.5% } form.standard-form p.description { color: #888888; font-size: 85%; font-style: italic; margin: -5px 0 15px; } form.standard-form div.submit { padding: 15px 0; clear: both; } form.standard-form div.submit input { margin-right: 15px } form.standard-form div.radio ul { margin: 10px 0 15px 38px; list-style: disc; } form.standard-form div.radio ul li { margin-bottom: 5px } form.standard-form a.clear-value { display: block; margin-top: 5px; outline: none; } form.standard-form #basic-details-section, form.standard-form #blog-details-section, form.standard-form #profile-details-section { float: left; width: 48%; } form.standard-form #profile-details-section { float: right } form.standard-form #blog-details-section { clear: left } form.standard-form input:focus, form.standard-form textarea:focus, form.standard-form select:focus { background: #fafafa; color: #555; } form#send-invite-form { margin-top: 20px } div#invite-list { height: 400px; overflow: scroll; padding: 5px; background: #f5f5f5; width: 160px; border: 1px solid #e4e4e4; margin: 10px 0; } #invite-list ul { padding: 0; } #invite-list ul li { list-style: none; } .action .button { padding: 3px 8px; font-size: 75%; } /* > Data Tables --------------------------------------------------------------*/ .profile-fields { border: 0 none; font-size: inherit; } table tr td.thread-info p { margin: 0 } table tr td.thread-info p.thread-excerpt { color: #888; font-size: 85%; margin-top: 3px; } div#sidebar table td, table.forum td { text-align: center } table tr.alt { background: #F9F9F9 } table.notification-settings { margin-bottom: 20px; text-align: left; } table.notification-settings th.icon, table.notification-settings td:first-child { display: none } table.notification-settings th.title { width: 80% } table.notification-settings .yes, table.notification-settings .no { width: 40px; text-align: center; } table tr.alt { background: #FBFBFB } table.forum tr > td:first-child, table.forum tr > th:first-child { padding-left: 20px } .forums .pagination { padding: 10px 10px 10px 20px } table.forum { border: 1px solid #FEF8F8; margin: 0; width: auto; } table.forum tr.sticky td { background: #FFF9DB; border-top: 1px solid #FFE8C4; border-bottom: 1px solid #FFE8C4; } table.forum tr.closed td.td-title { padding-left: 35px; background-image: url('VU-Community/wp-content/themes/cbox-theme/assets/images/buddypress/closed.png'); background-position: 15px 50%; background-repeat: no-repeat; } table.forum td p.topic-text { color: #888; font-size: 85%; } table.forum tr > td:first-child, table.forum tr > th:first-child { padding-left: 20px } table.forum tr > td:last-child, table.forum tr > th:last-child { padding-right: 20px } table.forum tr th#th-title, table.forum tr th#th-poster, table.forum tr th#th-group, table.forum td.td-poster, table.forum td.td-group, table.forum td.td-title { text-align: left } table.forum td.td-freshness { font-size: 85%; color: #888; } table.forum td img.avatar { margin-right: 5px; display: none; } table.forum td.td-poster, table.forum td.td-group { min-width: 130px } table.forum th#th-title { width: 40% } table.forum th#th-postcount { width: 1% } table.forum th#th-freshness { width: 10%; text-align: center; } /* > Activity Stream Posting --------------------------------------------------------------*/ #item-body form#whats-new-form { margin-top: 20px; border: none; } #whats-new-form { margin-bottom: 30px } .home-page form#whats-new-form { border-bottom: none; padding-bottom: 0; } form#whats-new-form h5 { color: #555555; font-size: 1.2em; font-weight: bold; line-height: 25px; margin: 0px 0 13px 76px; padding: 0 0 0; } form#whats-new-form #whats-new-avatar { float: left } form#whats-new-form #whats-new-content { margin-left: 54px; padding-left: 22px; } form#whats-new-form #whats-new-textarea { margin-bottom: 10px; } form#whats-new-form textarea { font-family: inherit; font-size: 110%; height: 60px !important; margin: 0; width: 100%; } form#whats-new-form #whats-new-options select { max-width: 200px } form#whats-new-form #whats-new-submit { float: right; margin-top: -10px; } #whats-new-options { height: 0; overflow: hidden; } /* > Activity Stream Listing --------------------------------------------------------------*/ ul.activity-list li { padding: 20px 0 0 0; overflow: hidden; } ul.activity-list > li:first-child { padding-top: 20px } ul.activity-list li.has-comments { padding-bottom: 20px } .activity-list li.mini { position: relative; padding: 12px 0 0 0; } .activity-list li.mini div.activity-meta { margin: 0 } .activity-list li.mini .activity-avatar img.avatar, .activity-list li.mini .activity-avatar img.FB_profile_pic { height: 40px; margin-bottom: 20px; width: 40px; } .activity-list li.activity_comment .activity-avatar img.avatar, .activity-list li.activity_comment .activity-avatar img.FB_profile_pic { width: 40px; height: 40px; margin-left: 20px; } body.activity-permalink .activity-list li .activity-avatar img.avatar, body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic { width: 100px; height: 100px; margin-left: 0; } .activity-list li.mini .activity-content { margin-right: 175px } .activity-list li.mini .activity-content p { margin: 3px 0 0; float: left; width: 84%; } .activity-list li.mini .activity-meta { position: absolute; right: 0; top: 15px; } body.activity-permalink .activity-list li.mini .activity-meta { position: absolute; right: 15px; } .activity-list li.mini .activity-comments { clear: left; font-size: 100%; margin-top: 30px; } .activity-list li .activity-inreplyto { color: #A6A6A6; font-size: 85%; margin-bottom: 15px; margin-top: 20px; padding-left: 25px; background: url('VU-Community/wp-content/themes/cbox-theme/assets/images/buddypress/replyto_arrow.gif')7px 0 no-repeat; } .activity-list li .activity-inreplyto > p { margin: 0; display: inline; } .activity-list li .activity-inreplyto blockquote, .activity-list li .activity-inreplyto div.activity-inner { background: none; border: none; display: inline; padding: 0; margin: 0; overflow: hidden; } body.activity-permalink .activity-list .activity-avatar img { width: 100px; height: 100px; } .activity-list .activity-content { margin-left: 70px; margin-top: -20px; } body.activity-permalink .activity-list li .activity-content { font-size: 130%; line-height: 150%; margin-left: 106px; margin-right: 0; margin-top: -25px; min-height: 35px; padding: 15px; } body.activity-permalink .activity-list li .activity-header > p { margin-left: -35px; padding: 5px 0 0 38px; height: 35px; margin-bottom: 0; } .activity-list .activity-content .activity-header, .activity-list .activity-content .comment-header { color: #888888; font-size: 85%; line-height: 180%; } .activity-list .activity-content .activity-header img.avatar { float: none !important; margin: 0 5px -8px 0 !important; } .activity-list .activity-content a:first-child:focus { outline: none } .activity-list .activity-content span.time-since { color: #bbb } .activity-list .activity-content span.activity-header-meta a { background: none; padding: 0; font-size: 85%; margin: 0; border: none; color: #777; text-decoration: underline; } a.bp-primary-action span, #reply-title small a span { background: none repeat scroll 0 0 #696868; border: 1px solid #FFFFFF; border-radius: 3px 3px 3px 3px; color: #EFEFEF; font-size: 85%; margin-left: 2px; padding: 2px 4px 0; text-shadow: 0 1px 0 #222222; } .activity-list .activity-content span.activity-header-meta a:hover { color: inherit; text-decoration: none; } .activity-list .activity-content .activity-inner, .activity-list .activity-content blockquote { background: #FBFBFB; border: 1px solid #F4F4F4; margin: 15px 0 15px 5px; overflow: hidden; padding: 10px; } .activity-list .activity-content .activity-inner p { margin: 0 } .activity-inner img { max-width: 100% !important; height: auto; } body.activity-permalink .activity-content .activity-inner, body.activity-permalink .activity-content blockquote { margin-top: 5px } /* Backwards compatibility. */ .activity-inner > .activity-inner { margin: 0 !important } .activity-inner > blockquote { margin: 0 !important } .activity-list .activity-content img.thumbnail { float: left; margin: 0 10px 5px 0; border: 2px solid #eee; } .activity-list li.load-more { margin: 15px 0; padding: 10px 15px; background: #f0f0f0; text-align: center; font-size: 1.2em; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; min-height: 40px; } .activity-list li.load-more a { color: #555 } /* > Activity Stream Comments --------------------------------------------------------------*/ .activity-permalink div.activity { margin-left: 30px; margin-right: 10px; margin-top: 20px; } div.activity-meta { margin: 0 0 20px 3px; clear: left; } .activity-list div.activity-meta a { font-size: 75%;} div.activity-comments { position: relative; margin: 0 0 0 75px; width: auto; overflow: hidden; /* IE fix */ } body.activity-permalink div.activity-comments { width: auto; margin-left: 135px; background: none; } div.activity-comments ul, div.activity-comments ul li { border: none; list-style: none; } div.activity-comments ul { clear: left; padding: 0; } div.activity-comments ul li { background: #FBFBFB; border: 1px solid #F4F4F4; padding: 5px; } body.activity-permalink div.activity-comments ul li { border-width: 1px; padding: 10px 0 0; } div.activity-comments ul li p:last-child { margin-bottom: 10px } div.activity-comments > ul > li:first-child { border-top: none } div.activity-comments ul li:last-child { margin-bottom: 0 } div.activity-comments ul li > ul { margin-top: 0; margin-left: 20px; } body.activity-permalink div.activity-comments ul li > ul { margin-top: 15px } div.activity-comments div.acomment-avatar img { float: left; margin-right: 10px; height: 30px; width: 30px; } div.activity-comments div.acomment-content { font-size: 95%; margin-left: 49px; margin-top: 5px; } #content div.activity-comments li { background: #FBFBFB; border: 1px solid #F4F4F4; padding: 10px 15px; } div.acomment-content .time-since { display: none } div.acomment-content .activity-delete-link { display: none } div.acomment-content .comment-header { display: none } body.activity-permalink div.activity-comments div.acomment-content { font-size: 120%; } div.activity-comments div.acomment-meta { font-size: 85%; color: #888; } div.acomment-options a { font-size: 80%; padding: 0 10px; } div.activity-comments form.ac-form { background: #FAFAFA; border: 1px solid #F1F1F1; display: none; margin: 10px 0 10px 33px; padding: 8px; } div.activity-comments li form.ac-form { margin-right: 15px } div.activity-comments form.root { margin-left: 0 } div.activity-comments div#message { margin-top: 15px; margin-bottom: 0; } div.activity-comments form.loading { background-image: url('VU-Community/wp-content/themes/cbox-theme/assets/images/buddypress/ajax-loader.gif'); background-position: 2% 95%; background-repeat: no-repeat; } div.activity-comments form .ac-textarea { padding: 8px; border: 1px inset #ccc; background: #fff; margin-bottom: 10px; } div.activity-comments form textarea { width: 100%; font-family: inherit; font-size: 85%; color: #555; height: 60px; border: none; padding: 0; } div.activity-comments form input { margin-top: 5px } div.activity-comments form div.ac-reply-avatar { float: left; height: 25px; width: 25px; } div.acomment-avatar img { height: 40px; width: 40px; } div.ac-reply-avatar img { height: 25px; width: 25px; } div.activity-comments form div.ac-reply-content { margin-left: 25px; padding-left: 15px; color: #888; font-size: 85%; } /* > Private Message Threads --------------------------------------------------------------*/ table#message-threads { border: 0 none; font-size: 95%; margin-bottom: 20px; margin-top: 20px; padding: 0; } table#message-threads th + th, table#message-threads td + td { border-left: 0px solid #F2F2F2 } table#message-threads tr.unread td { background: #FFF9DB; border-top: 1px solid #FFE8C4; border-bottom: 1px solid #FFE8C4; font-weight: bold; } table#message-threads tr.unread td span.activity { background: #fff } li span.unread-count, tr.unread span.unread-count { background: #DD0000; color: #FFFFFF; font-weight: bold; left: 37px; padding: 2px 8px; position: relative; } div.item-list-tabs ul li a span.unread-count { padding: 1px 6px; color: #fff; } .messages th, .messages td { border-top: 1px solid #F4F4F4; line-height: 18px; padding: 15px 10px 15px 0; text-align: left; } div.messages-options-nav { background: transparent; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; font-size: 85%; padding: 8px 15px; text-align: right; } div.messages-options-nav select { float: right } .thread-options .button { font-size: 85%; left: 10px; line-height: 21px; padding: 0 7px; position: relative; } div#message-thread div.message-box { margin: 0 -20px; padding: 15px; } div#message-thread div.alt { background: #f4f4f4 } div#message-thread p#message-recipients { margin: 10px 0 20px 0 } div#message-thread img.avatar { float: left; margin: 0 10px 0 0; vertical-align: middle; } div#message-thread strong { margin: 0; font-size: 110%; } div#message-thread strong a { text-decoration: none } div#message-thread strong span.activity { margin: 4px 0 0 10px } div#message-thread div.message-metadata { overflow: hidden } div#message-thread div.message-content { margin-left: 45px } div#message-thread div.message-options { text-align: right } /* > Group Forum Topics --------------------------------------------------------------*/ ul#topic-post-list { margin-top: 15px; width: auto; } ul#topic-post-list li { padding: 15px 15px 15px 0; position: relative; } ul#topic-post-list li.alt { background: #FBFBFB } ul#topic-post-list li div.poster-meta { margin-bottom: 10px; color: #888; } ul#topic-post-list li div.post-content { margin-left: 54px } div.admin-links { position: absolute; top: 15px; right: 25px; color: #888; font-size: 85%; } div#topic-meta div.admin-links { bottom: 0; right: 0; top: auto; bottom: 4px; } div#topic-meta { position: relative; padding: 5px 0; } div#new-topic-post { margin: 0; padding: 1px 0 0 0; } /* ---------------------------------------------------------------- //LAYOUT + Global & Wraps + Header + Navigation Menus + Content + Sidebar + Footer + Activity Stream + Groups Directory + Member Directory + Misc. You can disable the css in this file by adding the following code to your child theme config/infinity.ini file. cbox-design = off This allows you to quickly create a custom style for your theme. When you're developing always make sure to turn on Infinity developer mode by addding the following to your wp-config or functions.php define( 'INFINITY_DEV_MODE', true ); Infinity combines all the stylesheets into one file called dynamic.css. You can also write CSS using LESS. To learn all about this visit http://infinity.presscrew.com/learn --------------------------------------------------------------*/ body { background: url('VU-Community/wp-content/themes/cbox-theme/assets/images/bg-body.gif') repeat transparent; border-top: 5px solid #4B4A47; font: 13.6px/140% "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; } h2.page-title a,h2.post-title a,h1.page-title a,h1.post-title a { color: #545454; margin-top: 0; } h2.page-title,h2.post-title,h1.page-title,h1.post-title { color: #545454; margin-top: 0; } a { color: #4183C4; text-decoration: none; -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; -ms-transition: color 0.1s linear; transition: color 0.1s linear; } a:hover { text-decoration: underline; } .base-menu a:hover,#object-nav a:hover,#subnav a:hover,#logo-menu-wrap a:hover,.sidebar-activity-tabs a:hover,#main-menu-wrap a span:hover { border: none; text-decoration: none; } #header { background: #111; border-radius: 5px 5px 0px 0px; } /* Also add a border radius to our pseudo element for header background */ #header:before { border-radius: 5px 5px 0px 0px; } h1#site-title,div#site-title { border-bottom: 2px solid #DDDDDD; border-radius: 0 12px 12px 0; border-right: 1px solid #C1C1C1; border-top: 1px solid #D0CECE; } #site-description { font-style: italic; color: #999999; } .main-wrap { background: #FFF; } /* Global CSS3 Stuff */ .top-menu,.top-wrap .sub-menu,.item-list-tabs,.footer-wrap,thead:first-child tr th,thead:first-child tr td,.base-menu ul ul,.sidebar-activity-tabs ul li.current,.sidebar-activity-tabs ul li.selected,.docs .toggle-switch,.post-title:before,.doc-content-wrapper .toggle-switch,.mobile-menu-container { background-image: -webkit-linear-gradient(top, #333333 0%, #222222 100%); background-image: -moz-linear-gradient(top, #333333 0%, #222222 100%); background-image: -o-linear-gradient(top, #333333 0%, #222222 100%); background-image: -ms-linear-gradient(top, #333333 0%, #222222 100%); background-image: linear-gradient(top, #333333 0%, #222222 100%); background-repeat: repeat-x; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset; border-bottom: 1px solid #292525; border-top: 2px solid #525151; } .author-box,.category-box,.tag-box,.info-box,#sidebar,.activity-inner,div.activity-comments form.ac-form,.postthumb img,span.activity,h1#site-title,div#site-title,#inner-sidebar,.sidebar-activity-tabs ul li,div#subnav.item-list-tabs,#top-homepage,.fluid-width-video-wrapper { background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); background-image: -o-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); background-image: linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); -image -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); text-shadow: 0 1px 0 #FFFFFF; border: 0px; } /* Menus */ .base-menu ul a,div.item-list-tabs ul li a,div.item-list-tabs ul li span,#footer-menu ul li a { color: #FFF; font-weight: 400; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .base-menu ul a:hover,div.item-list-tabs ul li a:hover,div.item-list-tabs ul li span:hover,#footer-menu ul li a:hover { color: #BBB; } .main-menu { border-radius: 6px 6px 6px 6px; font-size: 115%; } .main-menu ul a { font-weight: 500; border-radius: 6px 6px 6px 6px; } .main-menu ul a:hover { background: url('VU-Community/wp-content/themes/cbox-theme/assets/images/bg-body.gif') repeat transparent; } .base-menu ul li.current-cat a,.base-menu ul li.current_page_item a,.base-menu ul li.current-menu-item a { font-weight: bold; background: url('VU-Community/wp-content/themes/cbox-theme/assets/images/bg-body.gif') repeat transparent; } .widget h4,#vertical-activity-tabs h4 { border-bottom: 1px solid #EDEDED; } /* Footer */ #footer .footer-widget { color: #EFEFEF; font-weight: 400; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); width: 33%; } #footer .widget h4 { border-bottom: 1px solid #3E3C3C; color: #FFF; } #content .homepage-widget { width: 33%; } #powered-by { min-height: inherit; } /* WordPress */ h1#category-title,h1#tag-title { color: #999; font-size: 125%; } h1#category-title span,h1#tag-title span { color: #555; } /* BuddyPress */ #item-header-avatar img.avatar { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); border-radius: 8px; } ul.item-list li img.avatar,#whats-new-avatar img,.item-avatar img { border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } /* Activity Stream */ div.activity-meta { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; } div.activity-meta:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; } #vertical-activity-tabs ul li a { background-color: transparent; color: #777; font-weight: bold; text-shadow: none; } #vertical-activity-tabs ul li a:hover { color: #222; } #vertical-activity-tabs ul li.selected a { color: #EFEFEF; } div.item-list-tabs ul li a span { border-radius: 4px 4px 4px 4px; color: #999; } #subnav ul { background: none; -webkit-box-shadow: none; box-shadow: none; } ul.item-list li:last-child { border-bottom: 0px; } #subnav.item-list-tabs ul li a { color: #787676; font-weight: bold; text-shadow: none; } div#subnav.item-list-tabs { border-bottom: 1px solid #E8E8E8; border-top: 1px solid #EEEEEE; -webkit-box-shadow: none; box-shadow: none; } #sidebar .item-list-tabs li.loading a { background: transparent !important; background-image: url('VU-Community/wp-content/themes/cbox-theme/assets/images/ajax-loader.gif') !important; background-repeat: no-repeat !important; background-position: 5px 8px !important; } span.activity { border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); color: #777777; font-size: 75%; font-weight: 400; } #powered-by { border-top: 1px solid #454545; color: #DDDDDD; font-weight: bold; } #item-body form#whats-new-form { background: none repeat scroll 0 0 #F8F8F8; border-bottom: 1px solid #DDDDDD; } .bp-user #item-buttons .generic-button a:hover,#profile-nav-menu a:hover { color: #4183C4; } .bp-user #item-buttons .generic-button a { font-size: 120%; } #profile-nav-menu { margin-bottom: -35px; margin-top: -10px; } #profile-nav-menu a { font-size: 90%; } .sidebar-activity-tabs ul li a { color: #777; font-weight: bold; } .sidebar-activity-tabs ul li a:hover { color: #222; } .sidebar-activity-tabs ul li span,.sidebar-activity-tabs ul li.current span,.sidebar-activity-tabs ul li.selected span { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px 4px 4px 4px; color: #A6A4A3; font-size: 75%; font-weight: bold; } .sidebar-activity-tabs ul li.current span,.sidebar-activity-tabs ul li.selected span { background: none repeat scroll 0 0 #333333; color: #999999; border: 1px solid #282828; } #vertical-activity-tabs ul li span { background: transparent; } .sidebar-activity-tabs ul li.current,.sidebar-activity-tabs ul li.selected { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .sidebar-activity-tabs .profile-subnav li.selected { background: none repeat scroll 0 0 #363636; border-top: 1px solid #3E3D3D; } .sidebar-activity-tabs ul.profile-subnav li.current.selected a { color: #FFF; font-weight: bold; } .sidebar-activity-tabs ul li.current a,.sidebar-activity-tabs ul li.selected a { color: #EFEFEF; font-weight: bold; } .sidebar-activity-tabs ul li:hover a { font-weight: bold; } /* Second Level */ #object-nav ul.profile-subnav { border-bottom: 0 none; border-top: 1px solid #1A1A1A; } ul.profile-subnav li { text-shadow: 0 1px 0 #111111; border-top: 1px solid #444; border-bottom: 1px solid #333; background: none repeat scroll 0 0 #363636; } ul.profile-subnav li a:before { color: #4D4D4D; content: "+"; font-size: 100%; margin-left: 0; padding-right: 7px; position: relative; top: 1px; } .sidebar-activity-tabs ul li.current ul.profile-subnav li a { color: #AAAAAA; font-weight: normal; } ul.profile-subnav li.current a:before { color: inherit; } .sidebar-activity-tabs ul li.current ul.profile-subnav li a:hover { color: #FFF; } .edit-notifications-button:before { content: "_"; } .edit-avatar-button:before { content: "2"; } .edit-password-button:before { content: "y"; } .edit-profile-button:before { content: "9"; } /* ======== */ /* ! Misc */ /* ======== */ thead:first-child tr th,thead:first-child tr td { color: #DDD; } div#invite-list { background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #E4E4E4; } ul.item-list li { border-bottom: 1px solid #F5F5F5; padding-top: 30px; padding-bottom: 20px; } /* ======== */ /* ! HomePage */ /* ======== */ .flexslider .slides img { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); } .flex-caption { background-image: url('VU-Community/wp-content/themes/cbox-theme/engine/includes/feature-slider/assets/images/slides-bg.png'); color: #FFF; text-shadow: 0 1px 0 #000000; border-top: 1px solid #545353; } .flex-caption h2 { color: #EFEFEF; } /* ======== */ /* ! Docs */ /* ======== */ thead:first-child tr th a,thead:first-child tr td a { color: #EFEFEF; } .docs .doc-tabs { background: none repeat scroll 0 0 #FFFFFF; } .docs .doc-tabs li a { border-radius: 5px 5px 5px 5px; } .docs .toggle-content { border: 1px solid #DDD; border-radius: 0px 0px 3px 3px; } .docs div.docs-info-header { background: transparent; } /* Email Nofications */ .single-item .group-subscription-div { color: green; } /* Theme Name: Balance Responsive Theme Parent styles */ /* This stylesheet contains a bunch of extra stuff like buttons and Menu Icons you can use across your theme.*/ /* /* Columns Shortcodes*/ /*-------------------------------------------------------------- 1.1 - iPad Landscape --------------------------------------------------------------*/ body { min-width: inherit } @media only screen and (max-width: 768px) { html { margin-top: 0 !important; } body { margin-top: -28px; } #wpadminbar, .twipsy { display: none !important } #sidebar { min-height: auto !important; } body #wrapper { margin: 0 10px 10px; } .main-menu select.mobileMenu { float: right; } .callout-box, .flex-caption, #feature-box h3 { display: none } .callout-box { padding: 0px } html.js { margin-top: 0 !important } img, fieldset { max-width: 100%; height: auto; } ul.sf-menu, div.menu ul { display: none } div.item-list-tabs select { margin-left: 20px; margin-top: 10px; } #subnav select { margin-top: 5px } .mobileMenu { margin-top: 5px } .post-category, .time-posted { display: none } body select.mobileMenu { background: none repeat scroll 0 0 transparent; border: 1px solid #555555; border-radius: 2px 2px 2px 2px; box-shadow: none; color: #EFEFEF; float: left; margin-right: 10px; width: 30%; } #wpadminbar{ display: none } div#content .padder { margin-right: 0; width: auto; float: none; border: none; } #item-header-avatar img.avatar { width: 40%; } } /*-------------------------------------------------------------- 1.2 - iPad Portrait --------------------------------------------------------------*/ @media only screen and (max-width: 640px) { div.dir-search { float: none; margin: 1.25em 0 0; } div#item-header div#item-header-content { margin-left: 0px } #div.activity-comments { margin: 0 } #feature-box #callout-button { position: inherit; position: inherit; right: inherit; top: inherit; } li.featured-item { text-align: center } div#item-header img.avatar { height: 80px !important; width: 80px !important; } div#item-header ul img.avatar, div#item-header ul.avatars img.avatar { height: 30px !important; margin: 2px; width: 30px !important; } .activity-header p { line-height: 280% !important } .activity-list .activity-content .activity-header img.avatar { display: none } .my-account .activity-avatar { display: none; } .pie-easy-exts-features-header-logo img { margin-top: 8px; width: 224px; } div.dir-search { float: none; margin: 1.25em 0 0; } ul.item-list li div.action { padding-left: 64px; position: relative; right: auto; text-align: left; top: 1em; margin-bottom: 1.25em; } .activity-list li.mini { display: none } div.dir-search { position: inherit } ul.item-list li div.action { padding-left: 64px; position: relative; right: auto; text-align: left; top: 1em; margin-bottom: 1.25em; } .activity-list .activity-content { margin-left: 0 } div.activity-comments { margin: 0; } } /*-------------------------------------------------------------- 2.0 - Smartphone (any) --------------------------------------------------------------*/ @media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) { } @media only screen and (max-width: 480px) { body { width: 100%; } #logo-menu-wrap img { max-width: 140px } #copyright-info { text-align: center } #site-title { top: 10% !important } .activity-list li.mini .activity-content p { width: 440% !important } } /*-------------------------------------------------------------- 3.0 - iPhone --------------------------------------------------------------*/ @media only screen and (max-width: 320px) { #sidebar { width: 100% !important } form#groups-directory-form h3 a { display: block; margin-top: 0.6em; } form#whats-new-form div#whats-new-avatar { display: none } form#whats-new-form h5 { margin: 0 0 0 0px } form#whats-new-form #whats-new-content { margin-left: 0px; padding-left: 0px; } body.activity-permalink .activity-list li .activity-content { margin-left: 0 } body.activity-permalink .activity-list li.mini .activity-meta { left: 0 } } /*-------------------------------------------------------------- 2.0 - Smartphone (any) --------------------------------------------------------------*/ @media only screen and (max-width: 480px) { div.item-list-tabs ul li.last { float: none; margin: 0.3em 0.6em; } div#subnav.item-list-tabs ul li.last { margin-top: 1em } div#subnav ul { padding-top: 0.6em } div.pagination { padding: 0.6em } div.item-list-tabs ul { padding-top: 0 } div.item-list-tabs ul li { margin-top: 0 } form.standard-form #basic-details-section, form.standard-form #blog-details-section, form.standard-form #profile-details-section { float: none; width: 100%; } div.item-list-tabs { height: auto !important } } /* -------------------------------------------------- :: Forms ---------------------------------------------------*/ @media only screen and (max-width: 767px) { input.input-text, input.input-text.oversize, textarea, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { display: block; width: 96%; padding: 6px 2% 4px; font-size: 18px; } form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; } form.nice small.error { padding: 6px 2%; display: block; } form.nice .small + .error { width: auto } form.nice .medium + .error { width: auto } form.nice .large + .error { width: auto } } /* -------------------------------------------------- :: UI ---------------------------------------------------*/ /* Buttons */ @media only screen and (max-width: 767px) { .button { display: block } button.button { width: 100%; padding-left: 0px; padding-right: 0px; } } */ /* Visibility Classes ---------------------- */ /* Standard (large) display targeting */ .show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge { display: none !important; } .hide-for-xlarge, .show-for-large, .show-for-large-up, .hide-for-small, .hide-for-medium, .hide-for-medium-down { display: block !important; } /* Very large display targeting */ @media only screen and (min-width: 3441px) { .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge { display: block !important; } .show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge { display: none !important; } } /* Medium display targeting */ @media only screen and (max-width: 3279px) and (min-width: 768px) { .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: block !important; } .show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } } /* Small display targeting */ @media only screen and (max-width: 767px) { .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: block !important; } .hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: block !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: block !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: block !important; } .touch .show-for-touch { display: block !important; } .touch .hide-for-touch { display: none !important; } /* Specific overrides for elements that require something other than display: block */ table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; } @media only screen and (max-width: 1279px) and (min-width: 768px) { .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium { display: table !important; } } @media only screen and (max-width: 767px) { table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small { display: table !important; } } h1.icext-feature.icext-header-logo, div.icext-feature.icext-header-logo { margin: 0; } h1.icext-feature.icext-header-logo a, div.icext-feature.icext-header-logo a { display: block; position: absolute; margin: 0; } /*+++ generating style ***/ div#icext-16f6e2e3 a,h1#icext-16f6e2e3 a { position: absolute; left: inherit; } /*--- style generation complete! */ .row { width: 1150px; } /* Global Padding */ #content,#sidebar,#content-full,#footer,#header{ padding: 30px; } /* Global Negative Horizontal Padding */ #bbpress-forums, div.bbp-breadcrumb, #item-body form#whats-new-form, div.item-list-tabs, #powered-by, #header #site-title, .negative, #group-navigation, #profile-sidebar, .sidebar-activity-tabs, #sidebar .widget h4, #vertical-activity-tabs, .sidebar-activity-tabs ul li, #content ul.item-list li { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; } /* Global Negative Vertical Padding */ #profile-sidebar { margin-bottom: -30px; margin-top: -30px; padding-bottom: 30px; padding-top: 30px; } #header { padding-bottom: 30px; padding-top: 30px; height: 120px; } h1#site-title,div#site-title { padding: 10px 30px 6px; } #site-description { position: relative; font-size: 14px; line-height: 180%; } #infinity-base .icext-feature a { left: 0px; position: inherit; } #infinity-base .icext-feature { position: absolute; } /* Menus */ #main-menu-wrap { padding: 10px 0 0; } .base-menu { padding-left: 20px; padding-right: 20px; } #main-menu-wrap .sub-menu { margin: 8px 0 0 } .base-menu .sub-menu { padding-left: 0px !important } .top-wrap .base-menu.sub-menu { border-top: 0; } .main-menu { padding: 5px; } .main-menu ul a { margin-right: 10px; } /* Widgets */ .widget { margin: 0 0 20px } #content .widget .item-list li {margin: auto; padding-left: 0px; padding-right: 0px;} #category-description, #tag-description { padding: 10px 10px 10px 0; } .widget h4,#vertical-activity-tabs h4 { padding-bottom: 10px; padding-top: 10px; } .authorbox h3 { padding-left: 25px; } .comment-container { padding: 10px; } .children .comment-container { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #comments .reply { left: inherit; top: 45px; } /* Footer */ #footer { padding-top: 0px; } /* ======== */ /* ! HomePage */ /* ======== */ #top-homepage { margin: -30px -30px 30px; overflow: hidden; padding-left: 15px; padding-right: 15px; padding-top: 30px; } #top-homepage .flexslider { border: 0px; border-radius: 0px; margin: 0 0 60px; position: relative; } .flex-caption { bottom: 0; position: absolute; width: inherit; padding-top: 20px; padding-bottom: 20px; } .flex-caption p,.flex-caption h3 { padding-left: 20px; padding-right: 20px; } /* Avatars */ ul.item-list li img.avatar,#whats-new-avatar img,.item-avatar img { margin-left: 0; padding: 0; width: 50px; height: auto; } ul.item-list li img.avatar { width: 40px; height: 40px; } .avatar-block,.activity-avatar { padding-left: 2px; } .activity-list .activity-content .activity-header img.avatar { float: none !important; height: 20px; margin: 0 5px 0 0 !important; width: 20px; } #whats-new-avatar img { width: 60px; height: 60px; } /* Get rid of the Group Avatars in the stream updates */ .activity-header .avatar { display: none; } /* Activity Stream */ div.activity-meta { margin-bottom: 0; } .activity-list li.mini .activity-meta { position: absolute; right: 20px; top: 10px; } .sidebar-activity-tabs { padding-bottom: 30px; } #vertical-activity-tabs { background: none repeat scroll 0 0 transparent; margin-top: 0; } #vertical-activity-tabs,#group-navigation,#profile-navigation { border: 0 none; -webkit-box-shadow: none; box-shadow: none; } #vertical-activity-tabs ul li { float: none !important; } #vertical-activity-tabs ul { overflow: inherit; } #subnav ul { border-top: 0px; padding: 0; } #sidebar .item-list-tabs li.loading a { padding-left: 30px !important; } div.item-list-tabs { clear: both; min-height: 37px; position: relative; } .activity-list div.activity-meta a { font-size: 70%; } .activity-list .activity-content .activity-inner,.activity-list .activity-content blockquote { padding: 20px; margin-right: 5px; } div.item-options { font-size: 80%; margin-bottom: -16px; margin-top: -16px; } span.activity { margin-bottom: 7px; margin-top: 0; padding: 0 5px; } /* Members */ #profile-nav-menu ul { list-style: none outside none; } .sidebar-activity-tabs ul { list-style: none outside none; margin: 30px 0 0; } .sidebar-activity-tabs ul li { padding-bottom: 3px; padding-top: 5px; } .sidebar-activity-tabs ul li a { display: block; padding-bottom: 10px; padding-right: 0; padding-top: 10px; } .sidebar-activity-tabs ul li.current,.sidebar-activity-tabs ul li.selected { padding: 10px 0 12px 30px; } .sidebar-activity-tabs .profile-subnav li.selected { padding-bottom: 3px; padding-left: 30px; padding-top: 5px; } #item-body form#whats-new-form { margin-top: -20px; padding-bottom: 10px; padding-top: 30px; } .sidebar-activity-tabs ul li.current a,.sidebar-activity-tabs ul li.selected a { margin-bottom: -10px; margin-top: -5px; } /* Profile Action Buttons */ .bp-user #item-buttons .generic-button, #profile-nav-menu a { background: none repeat scroll 0 0 transparent; border: 0 none; -webkit-box-shadow: none; box-shadow: none; display: block; margin-bottom: -18px; padding: 3px 8px; } /* Use some CSS to hide horizontal navigation */ div#subnav.item-list-tabs ul li { display: none; } /* We still need to show some stuff though */ div.item-list-tabs ul li.last,.group-admin .item-list-tabs ul li,single-bp_doc .item-list-tabs ul li { display: block !important; } /* Profile Navigation and Groups Navigation */ /* First Level */ .groups div#subnav.item-list-tabs .sidebar-activity-tabs { margin-bottom: 30px; } .sidebar-activity-tabs ul li span,.sidebar-activity-tabs ul li.current span,.sidebar-activity-tabs ul li.selected span { display: inline; margin-left: 2px; padding: 2px 5px; } /* Second Level */ #object-nav ul.profile-subnav { margin: 15px 0 -12px -30px; padding-left: 30px; } ul.profile-subnav li { -webkit-box-shadow: none; box-shadow: none; margin-right: 0px; font-size: 90%; } ul.profile-subnav li a:before { padding-left: 30px; } ul.profile-subnav li a { padding-left: 30px; } .sidebar-activity-tabs ul li.current ul.profile-subnav li a { padding-bottom: 8px; padding-top: 8px; margin: inherit; } /* FIX: hide the horizontal navigation on settings pages using CSS */ .settings #item-nav { display: none; } /* widgets */ div.item-options { float: right; margin-right: 0px; margin-top: -45px; font-size: 70%; } /* ======== */ /* ! Misc */ /* ======== */ div#item-header div#item-header-content { margin-left: 0; } #item-header-avatar img { float: none; } thead:first-child tr th,thead:first-child tr td { padding-left: 10px; padding-right: 10px; } form#send-invite-form .main-column { margin-left: 190px; } div#invite-list { height: 400px; overflow: scroll; padding: 5px; width: 160px; float: left; } ul.item-list li div.action { right: 30px; } /* ======== */ /* ! Docs */ /* ======== */ .theme-option div.doc-content { border: 0px; padding: 0px; } #doc-title { width: 70%; } #doc_content { min-height: 300px; } #content-label { margin-bottom: -25px; margin-top: 25px; } .theme-option .toggle-content { border-color: #CCCCCC; border-image: none; border-radius: 0 0 5px 5px; } .single-bp_doc .content-column { float: none !important; } .doc-tabs li { list-style: none outside none; } #content .doc-tabs li a { border-radius: 3px; padding: 10px 15px; } .single-bp_doc .doc-tabs { margin-right: 20px; margin-top: -20px; overflow: hidden; margin-bottom: 20px; } .single-bp_doc .toggle-switch { padding: 8px 12px; } .single-bp_doc divsingle-bp_doc-info-header { padding: 0px; } .single-bp_doc label { margin-top: 20px; } .doc-tabs ul { margin-left: 0; padding: 0; } thead:first-child tr th, thead:first-child tr td { width: 0; } #bp-create-doc-button { padding: 2px 10px 7px; } .doc-content-wrapper .toggle-switch { padding: 8px 10px; } /* ======== */ /* ! Wiki */ /* ======== */ body.wiki.single-bp_doc #subnav { display: none; } /* BBPress Bleeding */ .groups.forums #item-header { display: none; } #bbpress-forums { font-size: inherit; } /* ============ */ /* ! Tooltips */ /* ============ */ .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; } .tooltip.right { margin-left: -5%; margin-top: -25px !important; } .tooltip.bottom { margin-top: -20px; } .tooltip.left { margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } /*RESPONSIVE TWEAKS*/ .mobile-menu-container { display: none; } .mobile-menu-container select { width: 70%; } .mobile-menu-container a.button { font-size: 80%; padding: 5px 8px; position: absolute; right: 10px; top: -5px; } @media only screen and (max-width: 768px) { #header { margin-top: 20px; } .mobile-menu-container { display: block; margin-left: -10px; margin-right: -10px; margin-top: -1px; padding-left: 20px; padding-right: 20px; padding-top: 10px; position: fixed; top: 1px; width: 100%; z-index: 100; } } #activity-tour-favorites { left: 30%; position: relative; top: 211px; } /*+++ generating style ***/ #profile-sidebar { position: relative; z-index: 1; } /*--- style generation complete! */ /*+++ generating style ***/ #profile-sidebar:before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; background-image: url("http://localhost/SVU-Community/wp-content/themes/cbox-theme/assets/images/textures/crossed_stripes.png"); } /*--- style generation complete! */ /*+++ generating style ***/ body.theme-option #profile-sidebar:before { opacity: 0.2; } /*--- style generation complete! */ /*+++ generating style ***/ body.theme-option { background-repeat: repeat; } /*--- style generation complete! */ /*+++ generating style ***/ body.theme-option:before { opacity: 0.2; } /*--- style generation complete! */ /*+++ generating style ***/ body.theme-option #header { background-repeat: repeat; } /*--- style generation complete! */ /*+++ generating style ***/ #header:before { position: relative; z-index: 1; } /*--- style generation complete! */ /*+++ generating style ***/ #header:before:before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; background-image: url("http://localhost/SVU-Community/wp-content/themes/cbox-theme/assets/images/textures/woven.png"); } /*--- style generation complete! */ /*+++ generating style ***/ body.theme-option #header:before { opacity: 0.2; } /*--- style generation complete! */ /*+++ generating style ***/ .main-menu { position: relative; z-index: 1; } /*--- style generation complete! */ /*+++ generating style ***/ .main-menu:before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; background-image: url("http://localhost/SVU-Community/wp-content/themes/cbox-theme/assets/images/textures/bgnoise_lg.png"); } /*--- style generation complete! */ /*+++ generating style ***/ body.theme-option .main-menu:before { opacity: 0.2; } /*--- style generation complete! */ /*+++ generating style ***/ .top-menu { position: relative; z-index: 1; } /*--- style generation complete! */ /*+++ generating style ***/ .top-menu:before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; background-image: url("http://localhost/SVU-Community/wp-content/themes/cbox-theme/assets/images/textures/crossed_stripes.png"); } /*--- style generation complete! */ /*+++ generating style ***/ body.theme-option .top-menu:before { opacity: 0.2; } /*--- style generation complete! */ /*+++ generating style ***/ body.theme-option .sub-menu:before { opacity: 0.2; } /*--- style generation complete! */ /*+++ generating style ***/ body.theme-option #content { background-repeat: repeat; } /*--- style generation complete! */ /*+++ generating style ***/ body.theme-option #content:before { opacity: 0.2; } /*--- style generation complete! */ /*+++ generating style ***/ body.theme-option #sidebar { background-repeat: repeat; } /*--- style generation complete! */ /*+++ generating style ***/ body.theme-option #sidebar:before { opacity: 0.2; } /*--- style generation complete! */ /*+++ generating style ***/ body.theme-option #sidebar .widget:before { opacity: 0.2; } /*--- style generation complete! */ /*+++ generating style ***/ body.theme-option .footer-wrap { background-repeat: repeat; } /*--- style generation complete! */ /*+++ generating style ***/ body.theme-option .footer-wrap:before { opacity: 0.2; } /*--- style generation complete! */