| Current File : /home/inlingua/www/crm/ninexb/wp-content/plugins/ultimate-member/assets/css/admin/forms.sass |
@import "selectors"
@import "mixins"
@import "colors"
.#{$prefix}form-table
.#{$prefix}forms-line
&[data-conditional]
display: none
label
.#{$prefix}req
color: $required-asterisk
margin: 0 0 0 3px
font-weight: normal
.#{$prefix}text-delete
color: #a00
float: left
&:hover
color: red
.#{$prefix}multi-text-add-option
margin-bottom: 14px
.icon_preview
display: none
max-width: 200px
max-height: 200px
padding: 5px
cursor: pointer
border: 1px solid #e3e3e3
background: #f7f7f7
border-radius: 3px
height: auto
width: auto !important
td
.#{$prefix}same-page-update-wrapper
display: none
margin: 7px 0 0 0
input.#{$prefix}admin-form-same-page-update
margin: 7px 0 0 0
.upgrade_log
margin: 7px 0 0 0
width: 100%
height: 150px
overflow: auto
border: 1px solid #a1a1a1
//.select2
// margin: 1px 0 0 0
// .select2-selection__rendered
// line-height: 28px
// padding: 0
// color: #2c3338
// .select2-selection__clear
// margin-right: 0
// right: 5px
// font-size: 24px
// color: #2c3338 !important
// font-weight: 300 !important
// top: -2px
&[data-field_type="same_page_update"]
vertical-align: baseline
th,
td
vertical-align: baseline
&.#{$prefix}third-column
.#{$prefix}forms-line
th
width: 33%
&.#{$prefix}half-column
.#{$prefix}forms-line
th
width: 50%
&.#{$prefix}two-thirds-column
.#{$prefix}forms-line
th
width: 83%
&.#{$prefix}top-label
.#{$prefix}forms-line
td
padding: 0 0 15px 0
label
margin: 0 0 5px 0
display: inline-block
//font-weight: bold
&[data-field_type="icon"]
td
label
width: 100%
display: block
margin: 0 0 5px 0
//.description
// font-style: italic
// clear: both
.um-external-link-icon
width: 1em
height: 1em
margin: 0
vertical-align: middle
fill: currentcolor
.um_admin_fonticon_wrapper
+flex( row, flex-start, center, nowrap )
.#{$prefix}admin-icon-value
line-height: 1
i
top: 0
input[type="text"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="password"],
select,
textarea
&.#{$prefix}forms-field
box-sizing: border-box
&.#{$prefix}long-field
width: 100% !important
&.#{$prefix}medium-field
width: 50% !important
&.#{$prefix}small-field
width: 25% !important
input[type="number"]
&.#{$prefix}forms-field
padding-right: 0
.#{$prefix}multi-text-list,
.#{$prefix}multi-selects-list,
.#{$prefix}md-default-filters-list
float: left
width: 100%
margin: 0 0 10px 0
.#{$prefix}hidden-multi-text,
.#{$prefix}hidden-multi-selects,
.#{$prefix}hidden-md-default-filters
display: none !important
.#{$prefix}md-default-filters-option-line
float: left
width: 100%
clear: both
border-bottom: 1px solid #eee
padding: 0 0 5px 0
margin: 5px 0 0 0
.#{$prefix}field-wrapper
float: left
width: calc( 100% - 60px )
line-height: 30px
box-sizing: border-box
.#{$prefix}field-wrapper2
float: left
width: calc( 100% - 60px )
line-height: 30px
box-sizing: border-box
&.um
margin: 5px 0 0 0
.ui-slider-range.ui-widget-header
background: #44b0ec
border: 1px solid #44b0ec !important
margin-top: -1px
& > select
width: 100%
float: left
& > input
width: 100%
float: left
&.#{$prefix}timepicker-filter,
&.#{$prefix}datepicker-filter
width: calc( 50% - 7px ) !important
float: left
&:first-child
margin-right: 11px
.#{$prefix}slider
margin: 5px 9px 0 9px
width: calc( 100% - 18px )
box-sizing: border-box
display: block
.#{$prefix}field-control
float: left
width: 60px
line-height: 30px
padding: 0 10px
box-sizing: border-box
.#{$prefix}multi-selects-option-line
float: left
width: 100%
padding: 0
clear: both
margin: 0 0 5px 0
&.#{$prefix}admin-drag-fld
+flex( row, flex-start, center, nowrap )
background: none
border: none
.#{$prefix}field-wrapper
width: calc( 100% - 90px )
.#{$prefix}field-icon
float: left
width: 20px
text-align: left
line-height: 30px
.#{$prefix}field-wrapper
float: left
width: calc( 100% - 60px )
line-height: 30px
box-sizing: border-box
&.#{$prefix}custom-order-fields
margin: 5px 0 0 0
label
float: left
width: 100%
line-height: 30px
box-sizing: border-box
margin: 0 !important
padding: 0 !important
font-weight: bold
+flex( row, space-beetween, baseline, nowrap )
input[type="text"],
select
width: auto
display: inline
font-weight: normal
max-width: 70%
flex: 0.9
input,
select
float: left
width: 100%
margin: 0
.#{$prefix}field-control
float: left
width: 60px
line-height: 30px
padding: 0 10px
box-sizing: border-box
.#{$prefix}multi-text-option-line
float: left
width: 100%
padding: 0
clear: both
margin: 0 0 5px 0
.#{$prefix}field-wrapper
float: left
width: calc( 100% - 90px )
line-height: 30px
box-sizing: border-box
input,
select
float: left
width: 100%
margin: 0
.#{$prefix}field-control
float: left
width: 60px
line-height: 30px
padding: 0 10px
box-sizing: border-box
.#{$prefix}form-fields-section
float: left
clear: none
margin: 0
padding: 0 10px 0 0
+border-box
label
float: left
width: 100%
margin: 0
padding: 0
input
float: left
margin-top: 0
span
float: left
width: calc( 100% - 20px )
@media screen and (max-width: 782px)
input[type="text"],
select,
textarea
&.#{$prefix}forms-field
&.#{$prefix}medium-field
width: 100% !important
&.#{$prefix}small-field
width: 50% !important
.#{$prefix}form-fields-section
width: 100% !important
.#{$prefix}admin-metabox
.#{$prefix}form-fields-section
label
line-height: 22px !important
margin: 0 0 12px 0 !important
span
width: calc( 100% - 30px )
.#{$prefix}multi-text-option-line,
.#{$prefix}multi-selects-option-line
margin: 0 0 6px 0
.#{$prefix}forms-line
label
float: left
width: 100%
.#{$prefix}form-table
&.#{$prefix}third-column,
&.#{$prefix}half-column,
&.#{$prefix}two-thirds-column
.#{$prefix}forms-line
th
float: left
width: 100%
margin-bottom: 5px
label
float: left
width: 100%
td
float: left
width: 100%
.#{$prefix}sortable-items-field
.#{$prefix}sortable-item
cursor: move !important
padding: 5px
+border-box
border: 1px solid #7e8993
border-radius: 4px
-moz-border-radius: 4px
background: #fff
height: 42px
line-height: 28px
+flex( row, flex-start, center, nowrap )
&.#{$prefix}hidden-item
display: none
.#{$prefix}field-icon
width: 20px
text-align: left
margin: 0 10px 0 0
.wp-picker-container
input.wp-color-picker[type="text"]
width: 68px !important
float: left !important
padding: 2px 4px !important
border-width: 1px !important
//body.#{$prefix}admin
// .select2
// &.select2-container
// .select2-selection
// width: 100%
// display: block !important
// min-height: 30px !important
// padding: 0 0 0 8px !important
// margin: 0 1px !important
// overflow: hidden !important
// position: relative !important
// white-space: nowrap !important
// color: #2c3338 !important
// font-size: 14px !important
// line-height: 2 !important
// text-align: left !important
// text-decoration: none !important
// +border-radius(3px,3px,3px,3px)
// background-clip: padding-box !important
// -webkit-touch-callout: none
// -webkit-user-select: none
// -moz-user-select: none
// -ms-user-select: none
// user-select: none
// background: #fff none !important
// border: 1px solid #8c8f94 !important
// .select2-selection__arrow
// display: inline-block !important
// width: 34px !important
// height: 100% !important
// position: absolute !important
// right: 0 !important
// top: 0 !important
// -moz-border-radius: 0 2px 2px 0 !important
// -webkit-border-radius: 0 2px 2px 0 !important
// border-radius: 0 2px 2px 0 !important
// background-clip: padding-box !important
// text-align: center !important
// background: transparent !important
// border-left: 0 !important
// b[role="presentation"]
// display: none
// &:before
// content: "\f3d0" !important
// font-size: 27px !important
// font-family: "Ionicons" !important
// width: 100% !important
// display: block
// height: 100%
// line-height: 28px
// color: #aaaaaa
// .select2-search--inline
// line-height: 37px !important
// &.select2-container--open
// .select2-dropdown
// border: 1px solid #ddd !important
// .select2-results
// li
// list-style: none
// display: list-item
// background-image: none
// font-size: 13px
// margin: 5px !important
// padding: 3px 0 !important
// color: #666 !important
// &.select2-results__option
// &.select2-results__option--highlighted
// background: none !important
// background: #f4f4f4 !important
// color: #666 !important
// .select2-container--default
// .select2-selection--multiple
// height: auto !important
// .select2-selection__clear
// cursor: pointer
// float: right
// margin-top: 0
// margin-right: 5px
// font-size: 25px
// .select2-results__option[aria-selected="true"]
// background: transparent !important
// .select2-selection__clear
// right: 5px
// font-size: 24px
// color: #555 !important
// font-weight: 300 !important
// top: -2px
// .select2-selection--multiple
// .select2-selection__rendered
// box-sizing: border-box
// list-style: none
// margin: 0
// padding: 0
// width: 100%
// line-height: 20px
// font-size: 13px
//
// .select2-drop-active
// z-index: 99999 !important
span.um-admin-icon-value
margin: 0 10px
font-size: 13px
i
font-size: 28px
color: #0085ba
position: relative
top: 5px
span.um-admin-icon-clear
display: none
cursor: pointer
position: relative
color: #ccc
&.show
display: inline-block
&:hover
color: #777
i
font-size: 20px
vertical-align: middle