/*! * Themebazar Admin v1.0.0 * Copyright 2013 Themebazaar.com */ [class^="tb-"] *, [class*="tb-"] *, [class^="pb-"] *, [class*="pb-"] * { font-family: 'Open Sans', sans-serif; } body { margin: 0; color: #333333; font-size: 14px; line-height: 20px; background-color: #ffffff; } a { color: #0088cc; text-decoration: none; } a:hover { color: #005580; } a:focus { outline:0px; } img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } .tb-logo{ padding:0px !important; } .tb-logo img{ height:100px; } #wpcontent{ background-color:#FFF !important; } p { margin: 0 0 10px; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: normal; line-height: 20px; color: inherit; text-rendering: optimizelegibility; } h1, h2, h3 { line-height: 30px; } h1 { font-size: 34px; } h2 { font-size: 28px; } h3 { font-size: 20px; } h4 { font-size: 17px; } h5 { font-size: 14px; } h6 { font-size: 12px; } #theme-wrap { width:1050px; margin:auto; } .tb-masthead {} .tb-logo { float:left; padding:28px 45px; margin-right:15px; background:#515151; } .tb-head-sect:before, .tb-head-sect:after { display:table; content:''; line-height:0; } .tb-head-sect:after { clear:both; } .tb-head-sect { padding-top:33px; } .tb-head-sect h2 { margin:0px; float:left; } .head-button { float:right; } .controls .btn + .btn { margin-left:10px; } #content-wrap { background:#777777; } .tb-contents-section { margin-right:270px; } .tb-builder-content { width:100%; float:left; background:#ffffff; } .tb-heading { padding:14px 24px; color:#ffffff; background-color:#2a79b8; position:relative; } .tb-heading h3 { margin:0px; } .tb-heading p { font-size:12px; } .tb-heading p:last-child { margin-bottom:3px; } .tb-detail { padding:0px; } .tb-content { padding:10px 30px; } hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } hr.sp { margin:15px 0 14px 0; height:0px; border-top:1px dotted #d2d2d2; background:none; } .form-horizontal .control-group { padding:10px 30px; } table.social td input[type="text"] { margin-top:10px; } /*** Icons /////////////////////////////// ***/ [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 16px; height: 16px; margin-top: 1px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../images/sprites.png"); background-position: 14px 14px; background-repeat: no-repeat; } .tb-nav [class^="icon-"] { margin-top:3px; margin-right:17px; } .icon-config { background-position: 0 -422px; } .icon-trash { background-position: 0 -455px; } .icon-settings-general { background-position: 0 0px; } .icon-settings-home { background-position: 0 -43px; } .icon-settings-fonts { background-position: 0 -86px; } .icon-settings-sidebar { background-position: 0 -129px; } .icon-settings-slider { background-position: 0 -172px; } .icon-settings-social { background-position: 0 -214px; } .icon-settings-lang { background-position: 0 -259px; } .icon-settings-translate { background-position: 0 -301px; } .icon-settings-page { background-position: 0 -345px; } .icon-settings-news { background-position: 0 -387px; } .icon-slider { width:27px; height:20px; background-position: 0 -744px; } .icon-blog { width:21px; height:22px; background-position: 0 -813px; } .icon-news { width:19px; height:19px; background-position: 0 -885px; } .icon-events { width:22px; height:22px; background-position: 0 -954px; } .icon-gallery { width:29px; height:24px; background-position: 0 -1025px; } .icon-album { width:27px; height:24px; background-position: 0 -1099px; } .icon-contact { width:29px; height:22px; background-position: 0 -1173px; } .icon-sidebar { width:29px; height:22px; background-position: 0 -1245px; } .icon-facebook, .icon-twitter, .icon-linkedin { width:35px; height:36px; background-image:url(../images/social.png); } table.social td .icon-facebook, table.social td .icon-twitter, table.social td .icon-linkedin { vertical-align:middle; margin-top:0px; margin-left:10px; } .icon-facebook { background-position:0 0; } .icon-twitter { background-position:0 -36px; } .icon-linkedin { background-position:0 -72px; } /*** Layout styles ***/ ul.layouts { margin:0; padding:0px; list-style:none; } ul.layouts li { width:96px; height:81px; margin-right:20px; display:inline-block; cursor:pointer; background:url(../images/layouts.png) 0 -27px no-repeat; position:relative; } ul.layouts li.col-right { background-position:0 -108px; } ul.layouts li.col-left { background-position:0 -189px; } ul.layouts li.col-right2 { background-position:0 -351px; } ul.layouts li.col-left2 { background-position:0 -270px; } ul.layouts li.col-both { background-position:0 -432px; } .icon-chosen { width:21px; height:21px; background:url(../images/layouts.png) 0 0 no-repeat; position:absolute; bottom:5px; right:5px; display:none; } .chosen .icon-chosen { display:inline-block; } ul.patterns li .icon-chosen { background-image:url(../images/patterns.png); bottom:3px; right:3px; } /*** Patterns style ***/ ul.patterns { margin:0; padding:0px; list-style:none; } ul.patterns li { width:50px; height:50px; margin-right:20px; display:inline-block; border:3px solid #d2d2d2; cursor:pointer; position:relative; } /*ul.patterns li.pattern-1 { background:url(../images/patterns.png) 0 -24px no-repeat; } ul.patterns li.pattner-2 { background-position:0 -74px; } ul.patterns li.pattner-3 { background-position:0 -124px; } ul.patterns li.pattner-4 { background-position:0 -174px; } ul.patterns li.pattner-5 { background-position:0 -224px; } ul.patterns li.pattner-6 { background-position:0 -274px; } */ ul.patterns li:first-child{ background:url(../images/patterns.png) 0 -24px no-repeat; } ul.patterns li.pattern-2 { background:url(../images/pattern-2.png); } ul.patterns li.pattern-3 { background:url(../images/pattern-3.png); } ul.patterns li.pattern-4 { background:url(../images/pattern-4.png); } ul.patterns li.pattern-5 { background:url(../images/pattern-5.png); } ul.patterns li.pattnern-6 { background:url(../images/pattern-6.png); } ul.patterns li.pattern-7 { background:url(../images/pattern-7.png); } ul.patterns li.pattern-8 { background:url(../images/pattern-8.png); } ul.patterns li.pattern-9 { background:url(../images/pattern-9.png); } ul.patterns li.pattern-10 { background:url(../images/pattern-10.png); } ul.patterns li.pattern-11 { background:url(../images/pattern-11.png); } .upload-preview { padding:10px; clear:both; position:relative; } .preview-hold { height:215px; line-height:215px; vertical-align:middle; text-align:center; overflow:hidden; } .upload-preview img { max-width:100%; } .pattern-none { background:url(../images/pattern-none.png) repeat; } .pattern-1 { background:url(../images/pattern-1.png) repeat; } .pattern-2 { background:url(../images/pattern-2.png) repeat; } .pattern-3 { background:url(../images/pattern-3.png) repeat; } .pattern-4 { background:url(../images/pattern-4.png) repeat; } .pattern-5 { background:url(../images/pattern-5.png) repeat; } .pattern-6 { background:url(../images/pattern-6.png) repeat; } /*** Sidebar ////////////////////////////////// ***/ .tb-bar-section { width:270px; float:right; margin-right:-270px; color:#ffffff; } .tb-nav, .tb-nav ul { margin:0px; padding:0px; list-style:none; } .tb-nav li a { color:#ffffff; display:block; line-height:25px; padding:2px 10px 2px 20px; } .tb-nav li a:hover { background-color:#666666; } .tb-nav > li > a { font-size:14px; line-height:42px; } .tb-nav li li { background-color:#515151; margin-bottom:0; } .tb-nav li li a { padding:8px 20px 8px 30px; position:relative; } .tb-nav li li a:after { width: 0; height: 0; display: block; float: left; margin-left:-10px; margin-top:9px; border-color: transparent; border-left-color: #ffffff; border-style: solid; border-width: 4px 0 4px 4px; content: " "; position:absolute; top:8px; } .tb-nav ul { display:none; } /*** Buttons /////////////////////////////// ***/ .btn { display: inline-block; *display: inline; padding: 8px 30px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; letter-spacing:-0.05em; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *zoom: 1; position:relative; } .btn:before { width:100%; height:1px; content:''; background:rgba(255,255,255,0.5); position:absolute; top:0px; left:0px; } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:hover { color: #333333; text-decoration: none; background-position: 0 -15px; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 9px 20px; font-size: 16px; } .head-button .btn { margin-left:10px; padding: 9px 20px; font-size: 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } .btn-small { padding: 2px 15px; font-size: 11.9px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { padding: 0 6px; font-size: 10.5px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-blue.active, .btn-yallow.active, .btn-red.active, .btn-green.active, .btn-cyan.active, .btn-black.active { color: rgba(255, 255, 255, 0.75); } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-white, .btn-white:active, .btn-white[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-white { color: #0088cc; cursor: pointer; border-color: transparent; } .btn-white:hover { color: #005580; text-decoration: underline; background-color: transparent; } .btn-white[disabled]:hover { color: #333333; text-decoration: none; } .btn-blue { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; } .btn-blue:hover, .btn-blue:active, .btn-blue.active, .btn-blue.disabled, .btn-blue[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-blue:active, .btn-blue.active { background-color: #003399 \9; } .btn-yallow { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; } .btn-yallow:hover, .btn-yallow:active, .btn-yallow.active, .btn-yallow.disabled, .btn-yallow[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-yallow:active, .btn-yallow.active { background-color: #c67605 \9; } .btn-red { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #b02a2f; } .btn-red:hover, .btn-red:active, .btn-red.active, .btn-red.disabled, .btn-red[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-red:active, .btn-red.active { background-color: #942a25 \9; } .btn-green { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #1db542; } .btn-green:hover, .btn-green:active, .btn-green.active, .btn-green.disabled, .btn-green[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-green:active, .btn-green.active { background-color: #408140 \9; } .btn-cyan { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; } .btn-cyan:hover, .btn-cyan:active, .btn-cyan.active, .btn-cyan.disabled, .btn-cyan[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-cyan:active, .btn-cyan.active { background-color: #24748c \9; } .btn-black { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; } .btn-black:hover, .btn-black:active, .btn-black.active, .btn-black.disabled, .btn-black[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-black:active, .btn-black.active { background-color: #080808 \9; } /*** Close Buttons ***/ .close { width:21px; height:21px; padding:0; float: right; background:url(../images/sprites.png) 0 -652px; cursor: pointer; position:absolute; right:15px; top:15px; } .close:hover { opacity: 0.9; filter: alpha(opacity=90); } button.close { cursor: pointer; border: 0; -webkit-appearance: none; } .alert .close { background-position:3px -1669px; top: 9px; right: 9px; } .upload-preview .close { background-position:0 -683px; top:10px; right:10px; } /*** Alert Styles ///////////////////////////////////// ***/ .alert { padding: 10px 30px 10px 37px; margin-bottom: 20px; background-color: #b8bb01; color: #ffffff; position:relative; } .alert:before { width:15px; height:15px; content:''; background:url(../images/sprites.png) 0 -619px no-repeat; position:absolute; top:12px; left:12px; } .alert-success { background-color: #1db542; } .alert-success:before { background-position:0 -554px; } .alert-danger, .alert-error { background-color: #a70101; } .alert-danger:before, .alert-error:before { background-position:0 -588px; } .alert-info { background-color: #2a79b8; } .alert-info:before { background-position:0 -520px; } /**** Table /////////////////////// ***/ table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 17px 10px; line-height: 20px; text-align: left; vertical-align: middle; border-top: 1px dotted #d2d2d2; } .table th { padding:10px 10px; font-weight: bold; color:#fff; background:#454545; } .table thead th { vertical-align: bottom; } .table th:first-child, .table td:first-child { padding-left:20px; } .table th:last-child, .table td:last-child { padding-right:20px; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td, .table tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .action-icon [class^="icon-"]:first-child { margin-left:10px; } /*** Form Styles /////////////////////////////////////// ***/ label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } label { display: block; margin-bottom: 5px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 26px; line-height: 26px; padding: 4px 15px; margin-bottom: 10px; font-size: 14px; color: #555555; vertical-align: middle; } input, textarea, .uneditable-input { width: 206px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #d2d2d2; border: 1px solid #d2d2d2; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #b2b2b2; outline: 0; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; *margin-top: 0; line-height: normal; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 36px; line-height: 36px; *margin-top: 4px; } select { width: 220px; background-color: #d2d2d2; border: 1px solid #d2d2d2; } .input-mini { width: 60px; } .input-small { width: 175px; -moz-box-sizing: inherit !important; } .input-medium { width: 210px; } .input-large { width: 230px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } #datepicker { width:140px; padding-left:41px; background-image:url(../images/sprites.png); background-position: 10px -478px; background-repeat:no-repeat; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; line-height: 0; content: ""; } .controls-row:after { clear: both; } .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; } .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } .form-horizontal .control-group { margin-bottom: 10px; margin-top: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; line-height: 0; content: ""; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 170px; padding-top: 5px; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 190px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 180px; } .form-horizontal .help-block { margin-top: 10px; margin-bottom: 0; clear:both; } .help-block, .help-inline { color: #595959; } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; *display: inline; padding-left: 5px; vertical-align: middle; *zoom: 1; } /*** Upload file style ***/ span.file_upload { width:100%; height:36px; line-height:36px; padding:0px; margin-right:0px; float:left; position:relative; } span.file_upload .fakeupload { width:96%; height:26px; line-height:26px; padding:4px 2%; margin-right:0px; float:left; background-color:##D2D2D2; border:1px solid #D2D2D2; position:relative; } span.file_upload .fakeupload:focus { border-color:#B2B2B2; } .fileUpload { letter-spacing:8px; opacity:0; -moz-opacity:0; filter:alpha(opacity:0); position:absolute; top:0px; left:0px; z-index:11; } input[type="file"].fileUpload { width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -moz-box-sizing:border-box; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } span.file_upload em { height:36px; line-height:36px; font-style:normal; padding:0 20px; border:0; color:#ffffff; display:inline-block; background:#b02a2f; position:absolute; right:-1px; top:1px; } .form_style_radio { display:inline-block; } .form_style label { height:40px; line-height:40px; padding:0 15px 0 5px; margin:0px; float:left; display:inline-block; } /* Color Picker Styles ///////////////////////////////////////////////////////////////// */ .colorpicker { width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(../images/colorpicker/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; display: none; z-index:9999; } .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; } .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(../images/colorpicker/colorpicker_overlay.png); } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(../images/colorpicker/colorpicker_select.gif); margin: -5px 0 0 -5px; } .colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize; } .colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(../images/colorpicker/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px; } .colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; } .colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; } .colorpicker input { width:auto; height: 11px; background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; } .colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url(../images/colorpicker/colorpicker_hex.png) top; left: 212px; top: 142px; } .colorpicker_hex input { right: 6px; } .colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; } .colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; } .colorpicker_rgb_r { background-image: url(../images/colorpicker/colorpicker_rgb_r.png); top: 52px; left: 212px; } .colorpicker_rgb_g { background-image: url(../images/colorpicker/colorpicker_rgb_g.png); top: 82px; left: 212px; } .colorpicker_rgb_b { background-image: url(../images/colorpicker/colorpicker_rgb_b.png); top: 112px; left: 212px; } .colorpicker_hsb_h { background-image: url(../images/colorpicker/colorpicker_hsb_h.png); top: 52px; left: 282px; } .colorpicker_hsb_s { background-image: url(../images/colorpicker/colorpicker_hsb_s.png); top: 82px; left: 282px; } .colorpicker_hsb_b { background-image: url(../images/colorpicker/colorpicker_hsb_b.png); top: 112px; left: 282px; } .colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url(../images/colorpicker/colorpicker_submit.png) top; left: 322px; top: 142px; overflow: hidden; } .colorpicker_focus { background-position: center; } .colorpicker_hex.colorpicker_focus { background-position: bottom; } .colorpicker_submit.colorpicker_focus { background-position: bottom; } .colorpicker_slider { background-position: bottom; } .wpnukescp { background: none repeat scroll 0 0 #D2D2D2; border: 1px solid #D2D2D2; display: inline-block; height: 20px; line-height: 20px; margin-bottom: 10px; padding: 7px 6px; position: relative; top: -3px; width: 175px; } .wpnukescp div { width: 20px; height: 20px; border:1px solid #878787; position: relative; } .wpnukescp div:after { width:20px; height:10px; background:rgba(255,255,255,0.15); content:''; position:absolute; top:0px; left:0px; } /*** ******* Page Builder Style ***** /////////////////////////////////// ***/ .pb-masthead { border-bottom:1px dotted #d2d2d2; background:#f5f5f5; } .pb-head { padding:30px; } #content-wrapper { background:#414141; } .pb-contents-section { margin-right: 240px; } .pb-builder-content { width: 100%; min-height:576px; float: left; background:#e3e3e3; } .pb-heading { padding:10px 15px; line-height:20px; font-size:14px; color:#fff; background:#454545; } .sidebars .pb-heading { text-align:center; } .pb-content { margin:20px; } .sidebars { width:185px; float:left; background:#fff; } .available-bars { padding:5px 0; background:#ededed; } .pb-bars { margin:0; padding:0px; list-style:none; } .pb-bars li { border:1px solid #cccccc; margin:5px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background: #e5e6e6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjN2M4Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e5e6e6 0%, #c7c8ca 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e6e6), color-stop(100%,#c7c8ca)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e6e6 0%,#c7c8ca 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e6e6 0%,#c7c8ca 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e5e6e6 0%,#c7c8ca 100%); /* IE10+ */ background: linear-gradient(to bottom, #e5e6e6 0%,#c7c8ca 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e6e6', endColorstr='#c7c8ca',GradientType=0 ); /* IE6-8 */ } .pb-bars li a { padding:10px 30px 10px 15px; line-height:18px; color:#333333; display:block; cursor:default; border-top:1px solid #fff; border-left:1px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .addRem-widge { width:14px; height:14px; margin-top:2px; float:right; display:inline-block; cursor:pointer; background:url(../images/sprites.png) 2px -1641px no-repeat; position:relative; right:-17px; } .availed-list li:first-child { margin-top:10px; } .availed-list li:last-child { margin-bottom:10px; } .availed-list li a { cursor:move; } .availed-list .addRem-widge { background-position:0px -1455px; } .availed-list li a:hover { background-position:138px -1475px; } .pb-main { padding:20px 20px 0 20px; background:#ffffff; margin-left:205px; } .pb-widget { min-height:72px; color:#fff; background:#151515; border:1px solid #151515; } .pb-addRem { width:38px; height:100%; float:left; } .plus-size, .minus-size { border:0px; width:38px; height:34px; display:inline-block; background:url(../images/sprites.png) 10px -1511px no-repeat; cursor:pointer; } .minus-size { background-position:10px -1577px; } .pb-hold-widge { line-height:24px; margin-left:38px; } .hold-up, .hold-down { background:#404040; } .hold-up { padding:6px 40px 6px 15px; margin-bottom:1px; position:relative; } .hold-up span { position:absolute; right:15px; top:5px; } .hold-down { height:24px; padding:5px 7px 6px 15px; text-align:right; } .move-widge, .edit-widge, .remove-widge { width:24px; height:22px; border:0px; padding:0px; display:inline-block; background:url(../images/sprites.png) 2px -1315px no-repeat; cursor:pointer; } .hold-down .move-widge:hover { cursor:move; background-position:2px -1350px; } .hold-down .edit-widge { background-position:3px -1384px; } .hold-down .edit-widge:hover { background-position:3px -1419px; } .hold-down .remove-widge { background-position:3px -1452px; } .hold-down .remove-widge:hover { background-position:3px -1484px; } /*** columns division ***/ .pb-col-container { margin-left:-10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pb-col1, .pb-col2, .pb-col3, .pb-col4 { float:left; padding-left:10px; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition:width 0.2s linear 0s; -moz-transition:width 0.2s linear 0s; -webkit-transition:width 0.2s linear 0s; } .pb-col1 { width:100%; } .pb-col2 { width:50%; } .pb-col3 { width:75%; } .pb-col4 { width:25%; } /*** page builder bar section ////////////////////////////////////// ***/ .pb-bar-section { width: 240px; margin-right: -240px; float: right; color: #fff; } .pb-nav { margin: 0; padding: 0; list-style: none; } .pb-nav li a { padding: 24px; line-height: 24px; color: #ffffff; display: block; } .pb-nav li:nth-child(even) a { background-color:#333333; } .pb-nav li a:hover { background-color:#666666; } /*** pb-nav icons ***/ .pb-nav [class^="icon-"] { float: right; } .pb-nav .icon-slider, .pb-nav .icon-news { margin-top:2px; } .pb-nav .icon-gallery { margin-top:-1px; } .pb-nav .icon-album { margin-top:0px; } /*** jQuery UI Dialog ///////////////////////////////////////// ****/ .dialog-overlay { width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000; position:fixed; top:0%; left:0px; display:none; } .ui-dialog { min-width:80%; min-height:200px; padding: 0; outline: 0; background:#fff; z-index:1001; position: absolute; left: 0; transition:top 0.2s ease 0; -moz-transition:top 0.2s ease 0; -webkit-transition:top 0.2s ease 0; } .ui-dialog .ui-dialog-titlebar { width:100%; padding: 0; position: relative; background:#454545; } .ui-dialog .ui-dialog-title { margin-right: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; cursor:move; padding:10px 15px; line-height:20px; font-size:14px; color:#fff; } .ui-dialog .ui-dialog-titlebar-close { width: 14px; height: 13px; position: absolute; right: 15px; top: 10px; margin: 0; padding: 0px; border:0px; text-indent:-9999px; background:url(../images/sprites.png) 0 -1707px no-repeat; cursor:pointer; } .ui-dialog .ui-dialog-content { width:100%; position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } /*** Sortable Style ***/ .ui-state-highlight { height:72px; padding-left:10px; margin-bottom:10px; float:left; position:relative; background:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pb-col-container .ui-state-highlight { min-width:25%; } .pb-col-container .ui-state-highlight:after { width:100%; height:72px; float:left; content:''; border:1px dashed #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .availed-list .ui-state-highlight { height: 40px; float: none; background: none; border: 1px dashed #ddd; } .loading-icon { width: 100%; height: 100%; background:url(../images/loading_icon.gif) no-repeat center center; display: none; left: 0; opacity: 0.7; position: fixed; top: 0; z-index: 1010; } .overlay-wrap { width: 100%; min-height:100%; z-index:1000; opacity:0.7; background:#000000; display: none; position:absolute; left:0; top:0; } .tb-builder-content .wp-color-result:before { width:24px; height:24px; content:''; display:inline-block; z-index:1; border:1px solid #878787; position:absolute; left:0; top: 0; } .tb-builder-content .wp-color-result:after { padding:2px 10px 2px 30px; text-shadow:none; background:#d2d2d2; border:0px; } .tb-builder-content .wp-color-result { height:25px; padding:0 0 0 25px; border:7px solid #d2d2d2; top:0px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .tb-builder-content .wp-color-picker { height:86px; height:39px; margin:0px; border:0px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .tb-builder-content .wp-color-result:hover, .tb-builder-content .wp-color-result:focus { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .tb-builder-content .wp-picker-container .button { height:auto; display: inline-block; *display: inline; padding: 8px 20px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; letter-spacing:-0.05em; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background: #f5f5f5; *zoom: 1; position:relative; border:0px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .tb-builder-content .wp-picker-container { position:relative; } .tb-builder-content .wp-picker-holder { z-index:100; position:absolute; left:0px; top:33px; } /*** wordpress default styles override ***/ #adminmenuwrap { height:100%; position:absolute; } #theme-wrap { position:relative; }