/** * Simple Job Board Admin Core CSS File - V 1.1.0 * * @author PressTigers , 2016 * * @since 1.0.0 */ /*-------------------------- Table of Content ---------------------------- # Core Variables and Mixins # Normalize # Grid # Colors - Core CSS # Typography - Core CSS # Elements - Core CSS # Add-ons - Core CSS ----------------------------*/ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ .sjb-wrap article, .sjb-wrap aside, .sjb-wrap details, .sjb-wrap figcaption, .sjb-wrap figure, .sjb-wrap footer, .sjb-wrap header, .sjb-wrap hgroup, .sjb-wrap main, .sjb-wrap menu, .sjb-wrap nav, .sjb-wrap section, .sjb-wrap summary { display: block; } .sjb-wrap audio, .sjb-wrap canvas, .sjb-wrap progress, .sjb-wrap video { display: inline-block; vertical-align: baseline; } .sjb-wrap audio:not([controls]) { display: none; height: 0; } .sjb-wrap [hidden], .sjb-wrap template { display: none; } .sjb-wrap a { background-color: transparent; } .sjb-wrap a:active, .sjb-wrap a:hover { outline: 0; } .sjb-wrap abbr[title] { border-bottom: 1px dotted; } .sjb-wrap b, .sjb-wrap strong { font-weight: bold; } .sjb-wrap dfn { font-style: italic; } .sjb-wrap h1 { font-size: 2em; margin: 0.67em 0; } .sjb-wrap mark { background: #ff0; color: #000; } .sjb-wrap small { font-size: 80%; } .sjb-wrap sub, .sjb-wrap sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .sjb-wrap sup { top: -0.5em; } .sjb-wrap sub { bottom: -0.25em; } .sjb-wrap img { border: 0; } .sjb-wrap svg:not(:root) { overflow: hidden; } .sjb-wrap figure { margin: 1em 40px; } .sjb-wrap hr { box-sizing: content-box; height: 0; } .sjb-wrap pre { overflow: auto; } .sjb-wrap code, .sjb-wrap kbd, .sjb-wrap pre, .sjb-wrap samp { font-family: monospace, monospace; font-size: 1em; } .sjb-wrap button, .sjb-wrap input, .sjb-wrap optgroup, .sjb-wrap select, .sjb-wrap textarea { color: inherit; font: inherit; margin: 0; } .sjb-wrap button { overflow: visible; } .sjb-wrap button, .sjb-wrap select { text-transform: none; } .sjb-wrap button, .sjb-wrap html input[type="button"], .sjb-wrap input[type="reset"], .sjb-wrap input[type="submit"] { -webkit-appearance: button; cursor: pointer; } .sjb-wrap button[disabled], .sjb-wrap html input[disabled] { cursor: default; } .sjb-wrap button::-moz-focus-inner, .sjb-wrap input::-moz-focus-inner { border: 0; padding: 0; } .sjb-wrap input { line-height: normal; } .sjb-wrap input[type="checkbox"], .sjb-wrap input[type="radio"] { box-sizing: border-box; padding: 0; } .sjb-wrap input[type="number"]::-webkit-inner-spin-button, .sjb-wrap input[type="number"]::-webkit-outer-spin-button { height: auto; } .sjb-wrap input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } .sjb-wrap input[type="search"]::-webkit-search-cancel-button, .sjb-wrap input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .sjb-wrap fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } .sjb-wrap legend { border: 0; padding: 0; } .sjb-wrap textarea { overflow: auto; } .sjb-wrap optgroup { font-weight: bold; } .sjb-wrap table { border-collapse: collapse; border-spacing: 0; } .sjb-wrap td, .sjb-wrap th { padding: 0; } body.jobpost_page_sjb-add-ons { color: #333333; background-color: #fff; } .sjb-wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sjb-wrap *:before, .sjb-wrap *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sjb-wrap { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .sjb-wrap input, .sjb-wrap button, .sjb-wrap select, .sjb-wrap textarea { font-family: inherit; font-size: inherit; line-height: inherit; } .sjb-wrap a { color: #337ab7; text-decoration: none; } .sjb-wrap a:hover, .sjb-wrap a:focus { color: #23527c; text-decoration: underline; } .sjb-wrap a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .sjb-wrap figure { margin: 0; } .sjb-wrap img { vertical-align: middle; } .sjb-wrap .img-responsive { display: block; max-width: 100%; height: auto; } .sjb-wrap .img-rounded { border-radius: 6px; } .sjb-wrap .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .sjb-wrap .img-circle { border-radius: 50%; } .sjb-wrap hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sjb-wrap .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sjb-wrap .sr-only-focusable:active, .sjb-wrap .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .sjb-wrap [role="button"] { cursor: pointer; } /*-------------------------- # Normalize ----------------------------*/ .sjb-section { padding: 20px; overflow: hidden; margin-bottom: 20px; } .sjb-content { width: 500px; } @media (min-width: 320px) and (max-width: 768px) { .sjb-content { width: 100%; } } .sjb-content p { margin-bottom: 0; } .sjb-form-group:first-child { padding-top: 0; padding-bottom: 10px; } .sjb-form-group { padding: 10px 0; height: 28px; } @media (min-width: 320px) and (max-width: 768px) { .sjb-form-group { height: inherit; } } .sjb-form-group:last-child { padding-top: 10px; padding-bottom: 0; } .sjb-form-group input { float: right; } @media (min-width: 320px) and (max-width: 768px) { .sjb-form-group input { float: none; width: 100%; } } .sjb-form-group input[type="radio"], .sjb-form-group input[type="checkbox"] { float: left; } @media (min-width: 320px) and (max-width: 768px) { .sjb-form-group input[type="radio"], .sjb-form-group input[type="checkbox"] { float: left; width: inherit; } } .sjb-form-group input[type="radio"] { margin-top: 5px; } @media (min-width: 320px) and (max-width: 768px) { .sjb-form-group input[type="radio"] { margin-top: -1px; } } .sjb-form-group input[type="checkbox"] { margin-top: 4px; } @media (min-width: 320px) and (max-width: 768px) { .sjb-form-group input[type="checkbox"] { margin-top: -1px; } } .sjb-form-group label { padding-top: 2px; cursor: default; width: 90%; } @media (min-width: 320px) and (max-width: 768px) { .sjb-form-group label { margin-bottom: 10px; display: inline-block; } } .sjb-typography { float: left; margin: 5px; width: 100%; } .sjb-typography-label { float: left; width: 250px; cursor: default; } .sjb-typography-label label { cursor: default; display: inline-block; min-width: 250px; } .sjb-typography-input { float: left; width: 55%; } .sjb-content-featured { width: 700px; } @media (min-width: 320px) and (max-width: 768px) { .sjb-content-featured { width: 100%; } } .sjb-content-featured .sjb-form-group { width: 30%; float: left; margin: 0 15px 0 0; padding: 0; height: auto; } @media (min-width: 320px) and (max-width: 768px) { .sjb-content-featured .sjb-form-group { float: left; height: inherit; margin: 0 15px 0 0; padding: 0; width: 100%; } } .sjb-content-featured .sjb-form-group label { cursor: default; float: left; text-align: center; width: 100%; font-weight: bold; } .sjb-content-featured .sjb-form-group input[type="text"], .sjb-content-featured .sjb-form-group select { width: 100%; } .sjb-content-featured input[type="submit"] { margin-top: 19px; } .sjb-content-featured .sjb-elements { float: left; height: 50px; } .sjb-content-featured .sjb-elements .sjb-required { float: left; margin-top: 25px; margin-right: 15px; } .sjb-input-data label { width: 100%; } .sjb-input-data label.sjb-featured-label { margin-bottom: 10px; font-weight: bold; } .sjb-input-data input[type="text"], .sjb-input-data select { width: 100%; max-width: 100%; } .sjb-input-data .sjb-required { margin-top: 20px; } #job_feature_form label { display: inline-block; cursor: default; width: 250px; } #job_app_form label { display: inline-block; cursor: default; } #job_app_form select { display: inline-block; } #job_feature_form li:first-child, #job_app_form li:first-child { padding-bottom: 10px; padding-top: 0; } #job_feature_form li, #job_app_form li { padding: 10px 0; } #job_feature_form li:last-child, #job_app_form li:last-child { padding-bottom: 0px; padding-top: 10px; } #upload-file-select { width: 250px; } @media (min-width: 320px) and (max-width: 768px) { #upload-file-select { height: 143px !important; } } .sjb-content-email-notify { width: 500px; } .sjb-content-email-notify .sjb-form-group { float: left; } .sjb-content-email-notify .sjb-form-group label { width: 220px; display: inline-block; float: left; } .sjb-content-email-notify .sjb-form-group.right-align { margin-left: 220px; } .sjb-content-email-notify .right-align label { width: 250px; } @media (min-width: 320px) and (max-width: 768px) { .sjb-content-email-notify { width: 100%; } .sjb-content-email-notify .sjb-form-group label { display: inline-block; float: left; } .sjb-content-email-notify .sjb-form-group.right-align { margin-left: 0px; float: left; } } @media (min-width: 320px) and (max-width: 480px) { #job_app_form label, #job_app_form select { margin-bottom: 10px; } #job_app_form select { width: 100%; } .sjb-form-group input[type="radio"], .sjb-form-group input[type="checkbox"] { width: 20px; } } @media (min-width: 320px) and (max-width: 992px) { .wrap h2.nav-tab-wrapper, h1.nav-tab-wrapper, h3.nav-tab-wrapper { border-bottom: none; } h1 .nav-tab, h2 .nav-tab, h3 .nav-tab { border-bottom: 1px solid #ccc; margin: 10px 10px 0 0; } } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } /*-------------------------- # Typography ----------------------------*/ .sjb-admin-settings h4 { margin: 20px 1px 20px; padding-top: 20px; font-size: 14px; font-weight: 700; line-height: 1.1; } .sjb-admin-settings h4.first { margin: 32px 1px 18px 0; padding-top: 10px; } /*-------------------------- # Elements ----------------------------*/ /** * Job Detail Page -> Meta Boxes CSS */ .simple-job-board-metabox { padding: 12px; clear: both; } .simple-job-board-metabox::after, .simple-job-board-metabox::before { content: ""; display: table; } .simple-job-board-metabox::after { clear: both; } .metabox-field { clear: both; float: left; line-height: 2em; margin: 0 0 12px; padding: 0 12px 0 0; width: 50%; -moz-box-sizing: border-box; box-sizing: border-box; } .metabox-field:nth-child(2n) { clear: right; float: right; padding: 0 0 0 12px; } .metabox-field label { display: block; font-weight: 700; margin: 0; vertical-align: middle; } .metabox-field input[type=text], .metabox-field textarea { width: 100%; } .metabox-field .file_url input { width: 85.8%; } .metabox-field .tips { color: #999; cursor: help; float: right; font-weight: 400; } .meta_option_panel label { cursor: default; min-width: 175px; display: inline-block; } #app_form_fields select, select#jobapp_field_type { width: 200px; display: inline-block; margin-right: 15px; } #settings_app_form_fields li { overflow: hidden; } /* Meta Boxes & Settings -> Movable Fields */ #job_features li, #app_form_fields li, #settings_job_features li, #settings_app_form_fields li { cursor: move; } #settings_app_form_fields li input[type="text"], #settings_app_form_fields li select { width: 100%; max-width: 100%; } @media (max-width: 1082px) { #settings_app_form_fields li input[type="text"], #settings_app_form_fields li select { margin-bottom: 10px; } } /* Settings Required Fields */ .settings-field-options, .jobapp-field-options { margin-right: 15px; } /* Footer Logo */ #job_general_options { margin-bottom: 50px; } /* Add-ons Styles */ .add-ons #primary.content-area { padding: 60px 0; } .add-ons .products { letter-spacing: -4px; } .add-ons .products .product { display: inline-block; float: none; letter-spacing: 0; vertical-align: top; } .add-ons .products .product article { border: 1px solid #eee; padding-bottom: 15px; min-height: 300px; margin-bottom: 30px; } .add-ons .products .product article a h3 { padding: 0 15px; font-size: 16px; color: #337ab7; } .add-ons .products .product article a.button { float: right; margin-right: 15px; } .add-ons .products .product article a:hover { text-decoration: none; } .add-ons .products .product article p { font-weight: normal; padding: 0 15px; } .add-ons .products .product article .price { display: inline; padding: 0 15px; } /*-------------------------- # Colors ----------------------------*/ .sjb-section { background-color: #f9f9f9; } /* * Color Picker WP 4.9 Compatibility */ .wp-picker-container .wp-color-result.button { height: 26px; background: no-repeat; border: 1px solid #ccc; } .wp-color-result-text { line-height: 24px; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .sjb-wrap .add-ons a.button.button-primary.add-on-contact { float: left; margin-left: 10px; } .sjb-wrap .price.add-to-cart { display: inline; } .sjb-wrap .price.add-to-cart span { vertical-align: middle; } .job-application-metabox .app-status { width: 100%; } .job-application-metabox p { margin: 10px 0; } .type-jobpost_applicants .label { border-radius: 3px; font-size: 10px; padding: 4px 6px; font-weight: bold; display: inline-block; text-align: center; } .type-jobpost_applicants .new { border: 1px solid #f19c42; background: #f19c42; color: #fff; } .type-jobpost_applicants .in-process { border: 1px solid #ffc107; background: #ffc107; color: #fff; } .type-jobpost_applicants .selected { border: 1px solid #28a745; background: #28a745; color: #fff; } .type-jobpost_applicants .shortlisted { border: 1px solid #007bff; background: #007bff; color: #fff; } .type-jobpost_applicants .rejected { border: 1px solid #e40c0c; background: #e40c0c; color: #fff; } .type-jobpost_applicants .not_any { border: 1px solid #000; background: transparent; color: #000; } .full-width { width: 100%; } .font-bold { font-weight: bold; }