EstudioJuridicoAlmagro_Web/www/wpv_common/admin/assets/css/wpv_admin.css

1212 lines
22 KiB
CSS
Raw Normal View History

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearboth, .clearfix:after { clear: both; }
/* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
.invisible {
visibility: hidden;
}
.sub_shortcode_wrap {
display: none;
}
.wpv-config-page .button,
.wpv-config-page .button-primary {
-moz-border-radius: 3px;
border-radius: 3px;
}
/*
* tabs/ tab secttions
*/
#wpv-config .wpv-config-group { display: block; }
#wpv-config-tabs {
width: 149px;
float: left;
margin-bottom: -1px;
}
#wpv-config-tabs li {
margin: 0;
position: relative;
}
#wpv-config-tabs li a {
display: block;
background: #f3f3f3;
border: solid #dfdfdf;
border-top-color: #fff;
border-width: 1px 0;
text-decoration: none;
padding: 6px;
text-shadow: 0 1px 0 #fff;
color: #21759B;
font-weight: bold;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#wpv-config-tabs li.sub a {
padding: 3px 6px 3px 15px;
font-weight: normal;
background: #fff;
border-bottom: 0;
}
#wpv-config-tabs li.sub.last-sub a {
border-bottom: 1px solid #dfdfdf;
}
#wpv-config-tabs li.sub a:hover {
background: #eaf2fa;
color: #333;
}
#wpv-config-tabs li:first-child a {
border-top: 1px solid #dfdfdf;
}
#wpv-config-tabs li a:hover {
color: #d54e21;
}
#wpv-config-tabs li.ui-tabs-active a,
#wpv-config-tabs li.sub-selected a {
color: #fff;
text-shadow: 0 -1px 0 #333333;
}
#wpv-config-tabs li.ui-tabs-active a,
#wpv-config-tabs li.ui-tabs-active .arrow,
#wpv-config-tabs li.sub-selected a,
#wpv-config-tabs li.sub-selected .arrow {
background-color: #777;
background-image: -ms-linear-gradient(bottom,#6d6d6d,#808080);
background-image: -moz-linear-gradient(bottom,#6d6d6d,#808080);
background-image: -o-linear-gradient(bottom,#6d6d6d,#808080);
background-image: -webkit-gradient(linear,left bottom,left top,from(#6d6d6d),to(#808080));
background-image: -webkit-linear-gradient(bottom,#6d6d6d,#808080);
background-image: linear-gradient(bottom,#6d6d6d,#808080);
}
#wpv-config-tabs li.ui-tabs-active .arrow,
#wpv-config-tabs li.sub-selected .arrow {
display: block;
position: absolute;
right: -14px;
top: 1px;
z-index: 90000;
height: 30px;
width: 14px;
background: url('../images/tabs-arrow.png') no-repeat;
}
#wpv-config-tabs li.ui-tabs-active.sub a {
color: #333;
background: #fff;
text-shadow: none;
font-weight: bold;
}
/*
* admin header
*/
#wpv-config-title {
width: 827px;
margin-top: 30px;
padding-top: 10px;
background-color: #f3f3f3;
background-image: -moz-linear-gradient(top, #f3f3f3, #f0f0f0);
background-image: -ms-linear-gradient(top, #f3f3f3, #f0f0f0);
background-image: -o-linear-gradient(top, #f3f3f3, #f0f0f0);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#f0f0f0));
background-image: -webkit-linear-gradient(top, #f3f3f3, #f0f0f0);
background-image: linear-gradient(top, #f3f3f3, #f0f0f0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#f0f0f0');
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
border: 1px solid #dfdfdf;
}
/*
* helper links under header
*/
#wpv-first-run,
#wpv-config-title-links {
background-color: #f0f0f0;
padding: 5px 10px;
text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
border-top: 1px solid #fff;
}
#wpv-first-run {
border-botom: 1px solid #dfdfdf;
border-width: 1px 0;
background-color: #ccf;
}
#wpv-config-title-links * {
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#wpv-config-title-links .button-primary {
float: right;
position: relative;
top: 3px;
margin-top: -3px;
padding: 0 6px;
margin-right: 10px;
}
#wpv-config-title-links a {
color: #666;
text-decoration: none;
margin: 0 5px;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
position: relative;
top: 4px;
float: left;
}
#wpv-config-title-links a:hover {
color: #21759b;
}
#wpv-config-title-links a:first-child { margin-left: 0; }
#wpv-config-title-links a:last-child { margin-right: 0; }
/*
* title in admin header
*/
#wpv-config-title h2 {
color: #666;
text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
padding: 10px;
font-style: normal;
border-bottom: 1px solid #dfdfdf;
}
#wpv-config-title p {
margin: 0;
padding: 10px 0;
}
#wpv-config-title .message {
margin: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 0;
backgroundd9d9d9BB9;
color: #f0f0f0;
text-align: center;
}
/*
* admin wrap
*/
#wpv-config {
width: 828px;
background: #f3f3f3;
border: solid #dfdfdf;
border-width: 0 0 1px 1px;
overflow-y: hidden;
}
/*
* config groups
*/
.wpv-config-group {
width: 677px;
float: left;
background: #fff;
padding-bottom: 10000px;
margin-bottom: -9990px;
border: 1px solid #dfdfdf;
border-bottom-width: 0;
color: #444;
}
.wpv-config-group.metabox {
float: none;
display: block;
width: auto;
margin-bottom: 0;
padding-bottom: 0;
border-bottom-width: 1px;
}
.wpv-config-group:first-of-type {
display: block;
}
.wpv-config-group h4,
#shortcode_preview h4 {
border-bottom: 1px solid #E7E7E7;
font-size: 15px;
font-weight: normal;
color: #464646;
margin: 10px 0;
padding: 7px 0;
text-shadow: 0 1px 0 #FFFFFF;
font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
}
.wpv-config-group .config-separator,
.wpv-config-group .config-info {
border: 1px solid #dfdfdf;
border-width: 1px 0;
color: #666;
background-color: #f3f3f3;
background-image: -moz-linear-gradient(top, #f3f3f3, #f0f0f0);
background-image: -ms-linear-gradient(top, #f3f3f3, #f0f0f0);
background-image: -o-linear-gradient(top, #f3f3f3, #f0f0f0);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#f0f0f0));
background-image: -webkit-linear-gradient(top, #f3f3f3, #f0f0f0);
background-image: linear-gradient(top, #f3f3f3, #f0f0f0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#f0f0f0');
}
.wpv-config-group .config-separator {
text-align: center;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
font-weight: bold;
margin-top: 10px;
}
.postbox .config-separator .handlediv {
margin-top: -10px;
}
*+html .postbox .config-separator .handlediv {
margin-top: -30px;
}
.wpv-config-row.autofill {
margin-top: 10px;
}
.wpv-config-row,
.wpv-config-group .config-separator,
.wpv-config-group .config-info {
padding: 6px 20px;
clear: both;
}
.wpv-config-group .config-info {
margin: 10px 50px 0 50px;
border-width: 1px;
}
.wpv-config-group .config-info.sticked {
margin-top: 0;
border-top-color: #fff;
}
.wpv-config-row .content {
margin-right: 160px;
}
.wpv-config-row.no-desc .content {
margin-right: 0;
}
.wpv-config-row .description {
float: right;
width: 135px;
padding-left: 5px;
border-left: 1px dotted #999;
text-shadow: #ccc 1px 1px 1px;
}
.wpv-config-row.no-desc .description {
display: none;
}
.wpv-config-row select {
max-width: 100%;
}
/*
* footer
*/
.save-wpv-config {
width: 827px;
background: #f3f3f3;
border: 1px solid;
border-top-color: #fff !important;
margin: 0;
text-align: right;
padding: 3px 0;
}
.save-wpv-config input {
margin-right: 20px;
padding: 0 6px;
}
/*
* shortcode styles
*/
#shortcodes {
display: none;
}
.shortcode_wrap {
width: 100%;
}
.shortcode_content {
width: 49%;
float: left;
}
#shortcode_preview {
width: 50%;
height: 100%;
float: left;
margin-top: 45px;
}
#shortcode_preview > div > iframe {
min-height: 300px;
}
.shortcode_send {
margin-left: 20px;
}
.shortcode_buttons {
clear: both;
text-align: right;
}
.shortcode_buttons.top {
margin-bottom: 0;
}
/*
* portfolio gallery
*/
.imageItemWrap .hndle {
vertical-align: middle;
width: 10px;
}
.imageItemWrap .hndle div {
width: 10px;
height: 10px;
background: #55f;
-moz-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.4);
box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
#imagesSortable .sortItem-placeholder {
background: #f0f0f0;
border: 1px solid #ccc;
}
#credits_tbl {
border: 1px solid #dfdfdf;
}
/*
* the sortcodes menu in tinymce
*/
#menu_content_content_wpv_shortcodes_menu {
width: 132px;
height: 300px;
}
#menu_content_content_wpv_shortcodes_menu tr.mceFirst {
width: 132px !important;
}
#menu_content_content_wpv_shortcodes_menu tr.mceFirst td {
width: 132px !important;
}
#menu_content_content_wpv_shortcodes_menu tr {
width: 132px !important;
border-left: 1px solid #ccc;
}
#menu_content_content_wpv_shortcodes_menu tr td {
width: 132px;
}
/*
* sidebar editor
*/
#new-sidebar-id {
width: 131px;
}
#registered-sidebars {
margin-bottom: 10px;
}
#registered-sidebars li {
background: #F1F1F1;
color: #21759B;
padding: 5px 10px;
width: 230px;
margin: 0;
border: 1px solid #dfdfdf;
border-top-color: #fff;
}
#registered-sidebars li:first-child {
border-top-color: #dfdfdf;
}
.delete-sidebar {
cursor: pointer;
margin-left: 20px;
float: right;
}
.delete-sidebar:hover {
color: #d54e21
}
#wpv-sidebars-message {
color: #FF4B33;
}
.wpv-help {
padding: 10px 20px;
background: #fff;
}
/* font options */
.font-descriptions div {
float: left;
font-size: 9px;
color: #777;
text-align: center;
text-shadow: #ccc 1px 1px 2px;
}
.font-size-desc {
width: 60px;
}
.line-height-desc {
margin-left: 20px;
width: 60px;
}
.font-preview {
margin-top: 5px;
padding: 10px;
border: 1px dotted #ccc;
}
/* font options */
.body-layout img,
.wpv-autofill img {
cursor: pointer;
border: 1px solid #bbb;
}
.body-layout img.selected,
.body-layout img:hover,
.wpv-autofill.selected img,
.wpv-autofill:hover img {
border-color: #288BB9;
-moz-box-shadow: 0 0 2px #288BB9;
-webkit-box-shadow: 0 0 2px #288BB9;
box-shadow: 0 0 2px #288BB9;
}
.body-layout input[type="radio"] {
display: none;
}
.result {
color: #FF4B33;
display: block;
}
/* toggle */
.wpv-config-row.toggle .content img {
margin-right: 10px;
border: 1px solid #bbb;
}
/* toggle */
/* general layout editor */
.wpv-layout-wrap {
border: 1px solid #999;
background: #ddd;
width: 630px;
height: 600px;
overflow: hidden;
color: #777;
text-shadow: 1px 1px 3px #aaa;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
margin-left: 5px;
}
.locontent {
background: #fff;
}
.loelement-pad {
overflow: hidden;
text-align: center;
padding: 5px;
font-size: 1em;
}
.lo-info {
position: absolute;
top: -2px;
left: 10px;
}
.lo-toggle {
position: absolute;
top: -2px;
right: 20px;
font-weight: normal;
text-transform: lowercase;
}
.lo-toggle.bottom {
top: auto;
right: auto;
left: 10px;
bottom: 10px;
}
.lo-toggle span {
color: #999;
cursor: pointer;
}
.lo-toggle .enable.active,
.lo-toggle .enable:hover {
color: #0b0;
}
.lo-toggle .disable.active,
.lo-toggle .disable:hover {
color: #b00;
}
.toggle-disabled {
background: #f0f0f0;
}
.ui-layout-content {
padding: 10px;
position: relative; /* contain floated or positioned elements */
}
.margin-east,
.margin-west {
background: #ddd;
color: #999;
overflow:hidden;
}
.gutter-dragging-limit,
.wpv-resizer-west-dragging-limit,
.wpv-resizer-east-dragging-limit,
.gutter-horizontal-dragging-limit,
.inner-gutter-horizontal-dragging-limit {
background: #d55 !important;
}
.wpv-resizer-west,
.wpv-resizer-east,
.gutter {
border-left: 1px dotted #5484C6;
border-right: 1px dotted #5484C6;
background: #CBE3FF;
}
.inner-gutter-horizontal,
.gutter-horizontal {
border-top: 1px dotted #5484C6;
border-bottom: 1px dotted #5484C6;
background: #CBE3FF;
width: 100% !important;
}
.gutter-horizontal-inactive {
background: #ddd;
width: 100% !important;
}
.layout-inner-content > .inner-gutter-horizontal-north {
margin-top: -58px !important;
}
.layout-slider {
height: auto !important;
}
/* general layout editor */
/* social */
.wpv-config-row.social tbody th {
text-align: right;
}
.wpv-config-row.social td {
text-align: center;
}
/* social */
/* templates */
.wpv-config-row.templates {
padding: 0;
}
#wpv_templates .metabox {
border: 0;
background: transparent;
}
#wpv-templates-name {
width: 199px;
}
#wpv_templates .success {
background: #393;
}
#wpv_templates .error {
background: #FF4B33;
}
#wpv_templates .success,
#wpv_templates .error {
color: white;
display: block;
font-weight: bold;
margin-bottom: 5px;
padding: 7px;
text-align: center;
}
#wpv-available-templates {
width: 134px;
}
.templates .description {
font-size: 10px;
margin: 5px 3px;
border: 0;
float: none;
width: auto;
padding: 0;
}
/* templates */
/* ajax save */
#wpv-ajax-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.3);
z-index: 9999;
}
#wpv-ajax-content {
-moz-border-radius: 10px;
border-radius: 10px;
background-color:rgba(0, 0, 0, 0.6);
color: #fff;
font-size: 40px;
height: 80px;
left: 45%;
padding-top: 50px;
position: fixed;
text-align: center;
top: 20%;
width: 200px;
z-index: 10000;
}
/* ajax save */
/* thickbox */
#TB_overlay,
#TB_window {
z-index: 500000;
}
/* thickbox */
/* colorbox */
#cboxContent {
-moz-box-shadow: rgba(0,0,0,1) 0 4px 30px;
-webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px;
-khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px;
box-shadow: rgba(0,0,0,1) 0 4px 30px;
}
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
display: none;
}
#cboxOverlay {
opacity: 0.75 !important;
}
#cboxClose {
top: 0;
bottom: auto;
background: url('../images/tb-close.png') no-repeat;
margin: 5px;
height: 15px;
width: 15px;
}
#cboxClose:hover {
background-position: center center;
}
#cboxLoadedContent {
margin-bottom: 0 !important;
margin-top: 25px;
}
#cboxTitle {
min-height: 20px;
bottom: auto;
top: 0;
left: 0;
right: 0;
width: auto;
background: #222;
color: #cfcfcf;
padding:5px 0 0 10px;
text-align: left;
font: 12px "Lucida Grande", Verdana, Arial, sans-serif
}
/* colorbox */
/* select + checkbox */
.wpv-config-row.select_checkbox select,
.wpv-config-row.select_checkbox .checkbox {
float: left;
}
/* select + checkbox */
/* grid */
/* simple grid */
.one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifths, .three_fifths, .four_fifths, .one_sixth, .five_sixths, .full {
position: relative;
margin-right: 4%;
float: left;
}
.one_half { width: 48%; }
.one_third { width: 30.6666%; }
.two_thirds { width: 65.3332%; }
.one_fourth { width: 22%; }
.two_fourth { width: 48%; }
.three_fourths { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifths { width: 37.6%; }
.three_fifths { width: 58.4%; }
.four_fifths { width: 79.2%; }
.one_sixth { width: 13.3333%; }
.five_sixths { width: 82.6665%; }
.full { width: 100%; }
.last, .full {
margin-right: 0 !important;
clear: right;
}
/* grid */
/* horizontal blocks */
.horizontal_blocks .ui-range {
height: 32px;
margin-top: 20px;
}
.horizontal_blocks .blocks div.block {
border: 1px solid #bbb;
background: #f7f7f7;
color: #333;
min-height: 80px;
margin-top: 20px;
position: relative;
display: none;
}
.horizontal_blocks .blocks .active div.block {
display: block;
}
.horizontal_blocks .blocks div.block .options {
position: absolute;
text-align: center;
top: 50%;
margin-top: -12px;
width: 100%;
}
/* horizontal blocks */
.wpv-config-row[data-slide-type="html"] .slide-types .image {
display: none;
}
.wpv-config-row .slide-types .html textarea {
width: 100%;
}
.hidden_el {
border-top: 1px solid #ccc;
padding-top: 10px
}
.hidden_el:first-child {
border-top: 0;
padding: 0
}
#wpcontent select[multiple] {
height: 6em;
}
.theme-config-page input.mColorPicker {
width: auto;
}
.ibutton-container {
position: relative;
height: 27px;
cursor: pointer;
overflow: hidden;
/* set max width to that of sprite */
max-width: 400px;
/* prevent text selection */
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-moz-user-focus: ignore;
-moz-user-input: disabled;
/* set default width based on ON/OFF labels */
width: 89px;
}
.ibutton-container input {
position: absolute;
top: 0;
left: 0;
/* hide the element */
filter:alpha(opacity=0);
-moz-opacity: 0.0;
opacity: 0.0;
/* allow checking of input if visible */
-moz-user-input: enabled !important;
}
.ibutton-handle {
display: block;
height: 27px;
cursor: inherit;
position: absolute;
top: 0;
left: 0;
width: 0;
background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 0 -27px;
z-index: 3;
padding-left: 3px;
/* set default width based on ON/OFF labels */
width: 33px;
}
.ibutton-handle-right {
height: 100%;
width: 100%;
padding-right: 3px;
background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 100% -27px;
z-index: 3;
}
.ibutton-handle-middle {
height: 100%;
width: 100%;
background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 50% -27px;
z-index: 3;
}
div.ibutton-label-on, div.ibutton-label-off {
white-space: nowrap;
font-size: 17px;
line-height: 17px;
font-weight: bold;
font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
text-transform: uppercase;
cursor: inherit;
display: block;
height: 22px;
position: absolute;
width: auto;
top: 0;
padding-top: 5px;
overflow: hidden;
background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 0 0;
}
div.ibutton-label-on {
color: #fff;
text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4);
left: 0;
padding-top: 5px;
z-index: 1;
}
div.ibutton-label-on span {
padding-left: 8px;
}
div.ibutton-label-off {
color: #7c7c7c;
background-position: 100% 0;
text-shadow: 0 -1px 2px rgba(153, 153, 153, 0.4);
text-align: right;
right: 0;
/* the off label needs to near the left edge (ideally just 5px away)
* it just needs to be close enough that it won't show under the handle if dragged to the left
*/
width: 95%;
}
div.ibutton-label-off span {
padding-right: 8px;
}
/* create an outline when button gets focus via keyboard */
.ibutton-container label {
cursor: inherit;
border: 1px dotted transparent;
}
.ibutton-focus label {
/* we must use border, since outline doesn't work in IE */
border: 1px dotted #666 !important;
}
.ibutton-focus div.ibutton-label-on span label {
/* use white for more contrast */
border-color: #fff !important;
}
/* add padding to right/left so that text gets clipped before absolute edge */
.ibutton-padding-left, .ibutton-padding-right {
position: absolute;
top: 4px;
z-index: 2;
background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 0 -4px;
width: 3px;
height: 20px;
}
.ibutton-padding-left {
left: 0;
}
.ibutton-padding-right {
right: 0;
background-position: 100% -4px;
}
/* change the styles of the handle when being dragged */
.ibutton-active-handle .ibutton-handle {
background-position: 0 -108px;
}
.ibutton-active-handle .ibutton-handle-right {
background-position: 100% -108px;
}
.ibutton-active-handle .ibutton-handle-middle {
background-position: 50% -108px;
}
/* styles to use when the button is disabled */
.ibutton-disabled {
cursor: not-allowed !important; /* cursor options: default or not-allowed */
}
.ibutton-disabled .ibutton-handle {
background-position: 0 -81px;
}
.ibutton-disabled .ibutton-handle-right {
background-position: 100% -81px;
}
.ibutton-disabled .ibutton-handle-middle {
background-position: 50% -81px;
}
.ibutton-disabled div.ibutton-label-on {
background-position: 0 -54px;
}
.ibutton-disabled div.ibutton-label-off {
background-position: 100% -54px;
}
.ibutton-disabled .ibutton-padding-left {
background-position: 0 -54px;
}
.ibutton-disabled .ibutton-padding-right {
background-position: 100% -54px;
}
.ibutton-disabled div.ibutton-label-on {
color: #fff;
}
.ibutton-disabled div.ibutton-label-off {
color: #cbcbcb;
}
/*** range input ***/
.ui-range-slider {
background:url("../images/ibutton-slider-default.png") -3px -10px;
height:9px;
position:relative;
cursor:pointer;
border:1px solid #ddd;
margin-top: 8px;
width:180px;
float:left;
-moz-border-radius:5px;
border-radius:5px;
}
.progress {
height:9px;
background-color:#C5FF00;
display:none;
opacity:0.6;
}
.ui-range-slider .ui-slider-handle {
background:url("../images/ibutton-slider-default.png") -5px -30px;
height:23px;
width:8px;
top:-9px;
position:absolute;
display:block;
margin-top:1px;
border:1px solid #ccc;
cursor:move;
-moz-box-shadow:0 0 6px #ddd;
-webkit-box-shadow:0 0 6px #ddd;
box-shadow:0 0 6px #ddd;
-moz-border-radius:14px;
border-radius:14px;
}
.ui-range input {
border:1px solid #ddd;
float:left;
font-size:12px;
margin-left:15px;
padding:3px 0;
text-align:center;
width:40px;
-moz-border-radius:5px;
border-radius:5px;
}
/*** image upload ***/
.image-upload-preview:not(:empty) {
margin-bottom: 10px;
}
#wpv-colorpicker {
background: #fafafa;
border: 1px solid #ccc;
border-radius: 3px;
}
#wpv-colorpicker .transparent {
display: block;
text-align: center;
border-top: 1px solid #ccc;
margin-top: 10px;
cursor: pointer;
color: inherit;
padding: 5px 0;
}