diff --git a/.editorconfig b/.editorconfig index c951f002..a154caf1 100644 --- a/.editorconfig +++ b/.editorconfig @@ -13,7 +13,7 @@ insert_final_newline = true trim_trailing_whitespace = true indent_style = tab -[{.jshintrc,*.json,*.yml}] +[{.jshintrc,*.json,*.yml,*.sass}] indent_style = space indent_size = 2 diff --git a/assets/css/admin/_colors.sass b/assets/css/admin/_colors.sass new file mode 100644 index 00000000..6a3f1fb4 --- /dev/null +++ b/assets/css/admin/_colors.sass @@ -0,0 +1,109 @@ +$um-base: #0085ba +$um-base-hover: #008ec2 +$delete-link: #a00 +$delete-link-hover: #f00 + +$tooltip-back: #333 +$tooltip-color: #eee + +$admin-ok: #7acf58 +$admin-warning: #c74a4a + +$border: #ddd +$hover: #ccc +$shadow1: rgba(50,50,93,.1) +$shadow2: rgba(0,0,0,.07) + + +$wp-background: #f1f1f1 +//$overlay: #333 +$grey-text: #eee +$border-color: #eee + + +$white: #fff +$sub-color: #a3a3a3 +$preloader-base: #c6c6c6 +$preloader-second: fade-out( $preloader-base, .8 ) +$sub-color-hover: darken( $sub-color, 15% ) +$link: #000 +$active-link: fade-out( $link,.2 ) +$visited-link: #999 +$overlay: fade-out( $link,.15 ) +$like: #f13a37 +$active-like: fade-out( $like,.2 ) +$active-unlike: fade-out( $sub-color,.2 ) +$border-color: #dddddd +$icon-color: #909090 +$child-sub: #f6f8fc +$child-line: #ebecf0 +$shadow1: rgba(50,50,93,.1) +$shadow2: rgba(0,0,0,.07) +$trashed-row: #ff787b +$pending-row: #ffd096 + +$notice-text: #3f7cc7 + + + +// NEW COLORS since v3 +$required-asterisk: #a00 +$error-text: var(--um-blocks-error-color, #d92d20) + +$um-font-size: 14px + +$um-white: #fff +$um-black: #000 +$wp-admin-primary: #2271b1 +$wp-admin-text: #3c434a + +$um-primary: var(--um-blocks-button-bg-color, #eee) +$um-primary-hover: var(--um-blocks-button-bg-hover-color, #ddd) +$um-text: var(--um-blocks-button-fg-color, #333) + +$button-bg: var(--um-blocks-button-bg-color, #eee) +$button-bg-hover: var(--um-blocks-button-bg-hover-color, #ddd) +$button-color: var(--um-blocks-button-fg-color, #333) +$button-border-radius: 8px +$button-line-height: 22px + +// Figma shades of gray colors +$gray-25: var(--um-gray-25, #fcfcfd) +$gray-50: var(--um-gray-50, #f9fafb) +$gray-100: var(--um-gray-100, #f2f4f7) +$gray-200: var(--um-gray-200, #eaecf0) +$gray-300: var(--um-gray-300, #d0d5dd) +$gray-400: var(--um-gray-400, #98a2b3) +$gray-500: var(--um-gray-500, #667085) +$gray-600: var(--um-gray-600, #475467) +$gray-700: var(--um-gray-700, #344054) +$gray-800: var(--um-gray-800, #1d2939) +$gray-900: var(--um-gray-900, #101828) + +// Figma shades of error colors +$error-25: var(--um-error-25, #fcfcfd) +$error-50: var(--um-error-50, #f9fafb) +$error-100: var(--um-error-100, #fee4e2) +$error-200: var(--um-error-200, #eaecf0) +$error-300: var(--um-error-300, #d0d5dd) +$error-400: var(--um-error-400, #98a2b3) +$error-500: var(--um-error-500, #667085) +$error-600: var(--um-error-600, #475467) +$error-700: var(--um-error-700, #b42318) +$error-800: var(--um-error-800, #1d2939) +$error-900: var(--um-error-900, #101828) + +// Text input variables +$text-input-border-radius: 6px +$text-input-bg: $um-white +$text-input-color: $um-black +$text-input-border-color: $gray-300 +$text-input-border-color-focus: $gray-400 + +$semi-bold-weight: 500 +$bold-weight: 600 // CSS bold = 700, so it will be applied if there aren't 600 weight for the font +$label-size: 15px + +// Links variables +$link-color: $um-primary +$link-hover-color: $um-primary-hover diff --git a/assets/css/admin/_mixins.sass b/assets/css/admin/_mixins.sass new file mode 100644 index 00000000..36351f04 --- /dev/null +++ b/assets/css/admin/_mixins.sass @@ -0,0 +1,44 @@ +=flex ($direction, $justify, $align, $wrap) + display: flex + flex-direction: $direction + justify-content: $justify + align-items: $align + flex-wrap: $wrap + +=border-box + box-sizing: border-box + -moz-box-sizing: border-box + -webkit-box-sizing: border-box + +// Figma xs shadow +=box-shadow-xs + box-shadow: 0 1px 2px rgba( 16, 24, 40, 0.05 ) +// Figma lg shadow +=box-shadow-lg + box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03) +// Figma md shadow +=box-shadow-md + box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06) + +=transition ($time, $action) + -webkit-transition: $time $action + -moz-transition: $time $action + -ms-transition: $time $action + -o-transition: $time $action + transition: $time $action + + +=keyframes ($name) + @-webkit-keyframes #{$name} + @content + @-moz-keyframes #{$name} + @content + @-ms-keyframes #{$name} + @content + @keyframes #{$name} + @content + +=border-radius ($tl, $tr, $br, $bl) + border-radius: $tl $tr $br $bl + -moz-border-radius: $tl $tr $br $bl + -webkit-border-radius: $tl $tr $br $bl diff --git a/assets/css/admin/_selectors.sass b/assets/css/admin/_selectors.sass new file mode 100644 index 00000000..f3681247 --- /dev/null +++ b/assets/css/admin/_selectors.sass @@ -0,0 +1,7 @@ +$prefix: um- +$helptip: um_tooltip + +$pr: primary- +$button: #{$prefix}button +$primary-button: #{$prefix}#{$pr}button +$avatar: #{$prefix}user-avatar diff --git a/assets/css/admin/block.css b/assets/css/admin/block.css new file mode 100644 index 00000000..69ad1ae3 --- /dev/null +++ b/assets/css/admin/block.css @@ -0,0 +1,14 @@ +.um_block_settings .um_block_settings_hide { + display: none; } + +.um_block_settings .components-select-control .components-select-control__input[multiple] { + height: auto; } + .um_block_settings .components-select-control .components-select-control__input[multiple] + .components-input-control__suffix { + display: none; } + +.um-block-notice { + background: #fff; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size: 13px; + padding: 20px; + border: 1px solid #000; } diff --git a/assets/css/admin/block.min.css b/assets/css/admin/block.min.css new file mode 100644 index 00000000..34f3ac0b --- /dev/null +++ b/assets/css/admin/block.min.css @@ -0,0 +1 @@ +.um_block_settings .um_block_settings_hide{display:none}.um_block_settings .components-select-control .components-select-control__input[multiple]{height:auto}.um_block_settings .components-select-control .components-select-control__input[multiple]+.components-input-control__suffix{display:none}.um-block-notice{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding:20px;border:1px solid #000} \ No newline at end of file diff --git a/assets/css/admin/block.sass b/assets/css/admin/block.sass new file mode 100644 index 00000000..1590abaf --- /dev/null +++ b/assets/css/admin/block.sass @@ -0,0 +1,17 @@ +// Block restriction settings. + +.um_block_settings + .um_block_settings_hide + display: none + .components-select-control + .components-select-control__input[multiple] + height: auto + & + .components-input-control__suffix + display: none + +.um-block-notice + background: #fff + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif + font-size: 13px + padding: 20px + border: 1px solid #000 diff --git a/assets/css/admin/builder-rtl.css b/assets/css/admin/builder-rtl.css new file mode 100644 index 00000000..28ebb947 --- /dev/null +++ b/assets/css/admin/builder-rtl.css @@ -0,0 +1,29 @@ +.um-admin-drag-ctrls-demo.um-admin-drag-ctrls { + left: 12px; + right: auto; } + +.um-admin-drag-row-icons { + left: 0; + right: auto; } + .um-admin-drag-row-icons a { + float: right; } + +.um-admin-drag-ctrls.columns { + right: 0 !important; + left: auto; } + .um-admin-drag-ctrls.columns a { + float: right; } + +.um-admin-drag-rowsub-icons { + right: auto; + left: 0; } + +.um-admin-drag-fld-icons { + float: left; } + .um-admin-drag-fld-icons a { + float: right; } + +.um-admin-drag-fld-title, +.um-admin-drag-fld-type { + float: right; + margin: 0 20px 0 0; } diff --git a/assets/css/admin/builder-rtl.min.css b/assets/css/admin/builder-rtl.min.css new file mode 100644 index 00000000..2350ddd5 --- /dev/null +++ b/assets/css/admin/builder-rtl.min.css @@ -0,0 +1 @@ +.um-admin-drag-ctrls-demo.um-admin-drag-ctrls{left:12px;right:auto}.um-admin-drag-row-icons{left:0;right:auto}.um-admin-drag-row-icons a{float:right}.um-admin-drag-ctrls.columns{right:0!important;left:auto}.um-admin-drag-ctrls.columns a{float:right}.um-admin-drag-rowsub-icons{right:auto;left:0}.um-admin-drag-fld-icons{float:left}.um-admin-drag-fld-icons a{float:right}.um-admin-drag-fld-title,.um-admin-drag-fld-type{float:right;margin:0 20px 0 0} \ No newline at end of file diff --git a/assets/css/admin/builder-rtl.sass b/assets/css/admin/builder-rtl.sass new file mode 100644 index 00000000..3e87b2b2 --- /dev/null +++ b/assets/css/admin/builder-rtl.sass @@ -0,0 +1,31 @@ +.um-admin-drag-ctrls-demo + &.um-admin-drag-ctrls + left: 12px + right: auto + +.um-admin-drag-row-icons + left: 0 + right: auto + a + float: right + +.um-admin-drag-ctrls + &.columns + right: 0 !important + left: auto + a + float: right + +.um-admin-drag-rowsub-icons + right: auto + left: 0 + +.um-admin-drag-fld-icons + float: left + a + float: right + +.um-admin-drag-fld-title, +.um-admin-drag-fld-type + float: right + margin: 0 20px 0 0 diff --git a/assets/css/admin/builder.css b/assets/css/admin/builder.css new file mode 100644 index 00000000..f83d4243 --- /dev/null +++ b/assets/css/admin/builder.css @@ -0,0 +1,545 @@ +@-webkit-keyframes um-ajax-spinning { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@-moz-keyframes um-ajax-spinning { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@-ms-keyframes um-ajax-spinning { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes um-ajax-spinning { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +.um-admin-row-loading { + position: absolute; + width: 100%; + height: calc( 100% + 30px); + top: -30px; + left: 0; + background: rgba(241, 241, 241, 0.6); + z-index: 999; + display: none; } + .um-admin-row-loading > span { + display: block; + -webkit-transition: 0.1s opacity; + -moz-transition: 0.1s opacity; + -ms-transition: 0.1s opacity; + -o-transition: 0.1s opacity; + transition: 0.1s opacity; + color: #c6c6c6 !important; + -webkit-animation: um-ajax-spinning 1.1s infinite linear; + animation: um-ajax-spinning 1.1s infinite linear; + border-top: 0.2em solid black; + border-right: 0.2em solid black; + border-bottom: 0.2em solid black; + border-left: 0.2em solid #c6c6c6; + font-size: 1.75em; + filter: alpha(opacity=0); + -ms-transform: translateZ(0); + transform: translateZ(0); + border-radius: 50%; + width: 40px; + height: 40px; + margin: -20px 0 0 -20px; + outline: 0; + padding: 0; + vertical-align: baseline; + position: absolute; + left: 50%; + top: 50%; } + +.um-admin-boxed-links { + width: 100%; + text-align: center; } + .um-admin-boxed-links a { + width: 33.3%; + float: left; + border-left: 1px solid #fff; + border-right: 1px solid #fff; + padding: 30px 25px !important; + background: #f8f8f8; + text-align: center; + display: inline-block !important; + font-size: 14px; + transition: all .2s linear; + text-decoration: none; + color: #666; + margin: 0 !important; + box-sizing: border-box !important; + border-radius: 2px; + font-weight: 600; } + .um-admin-boxed-links a:hover { + background: #eee; } + .um-admin-boxed-links a.um-admin-activebg { + background: #0085ba; + color: #fff; } + .um-admin-boxed-links a.um-admin-activebg:hover { + background: #0085ba; + color: #fff; } + .um-admin-boxed-links i { + font-size: 28px; + vertical-align: middle; + margin: 0 10px 0 0; } + +.um-admin-half { + float: left; + width: 48%; } + .um-admin-half select { + box-sizing: border-box; } + .um-admin-half.um-admin-right { + float: right; } + .um-admin-half p:first-child { + margin-top: 0; } + +.um-admin-tri { + float: left; + width: 33%; + position: relative; } + +.um-admin-error-block, +.um-admin-success-block { + display: none; + width: 100%; + background: #c74a4a; + border-radius: 3px; + color: #fff; + box-sizing: border-box; + position: relative; + padding: 12px; + font-size: 13px; + line-height: 1em !important; + margin: 0 0 16px 0; } + +.um-admin-success-block { + background: #7acf58; } + +.um-admin-cur-condition-template { + display: none; } + +.dynamic-mce-content { + display: none; } + +.um-admin-btns { + line-height: 1.5em; + margin: 0 0 5px 0; + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: wrap; } + .um-admin-btns .um-no-custom-fields { + margin: 0; } + .um-admin-btns a { + margin: 0 3px 8px 0 !important; + font-size: 12px !important; + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + flex-wrap: nowrap; + display: flex !important; } + .um-admin-btns a.with-icon span { + color: #aaa; + font-size: 15px !important; + padding-left: 5px; + height: auto; + width: auto; } + .um-admin-btns a.with-icon:hover span { + color: #cb3838; } + +.um-admin-btn-toggle { + padding: 10px 0; } + .um-admin-btn-toggle p { + margin: 0 5px 0 0 !important; } + .um-admin-btn-toggle p.um-admin-reset-conditions a { + margin-bottom: 5px; } + .um-admin-btn-toggle a { + text-decoration: none; + color: #999; } + .um-admin-btn-toggle a.um-admin-new-condition { + margin-bottom: 5px; } + .um-admin-btn-toggle a.active { + color: #0085ba; } + .um-admin-btn-toggle a.active:hover { + color: #0085ba; } + .um-admin-btn-toggle i { + margin: 0 5px 0 0 !important; + height: 100%; + color: #666; + position: relative; + top: 1px; } + +.um-admin-btn-content { + display: none; + padding: 5px 0 0 0; } + .um-admin-btn-content p { + float: left; + margin-right: 10px !important; + padding: 0 !important; } + .um-admin-btn-content p.um-admin-conditions-notice { + width: 100%; + margin: 0 0 9px 0 !important; } + .um-admin-btn-content .um-admin-cur-condition:not(:last-child) { + margin: 0 0 5px 0; } + +.um-admin-builder i { + font-size: 15px !important; + height: 100% !important; + line-height: 100% !important; + margin: 0 5px 0 0 !important; } + +.um-admin-builder .um-admin-drag { + margin-top: 40px; } + +.um-admin-drag-add-field { + display: block; + width: 100%; + height: 30px; + line-height: 30px; + text-align: center; + color: #aaa; + text-decoration: none; } + .um-admin-drag-add-field:hover { + color: #0085ba; } + .um-admin-drag-add-field i { + font-size: 23px !important; + margin: 0 !important; } + +.um-admin-drag-ctrls { + position: absolute; + top: -30px; + left: 0; } + .um-admin-drag-ctrls.um-admin-drag-ctrls-demo { + position: absolute; + right: 7px; + top: -30px; + left: auto; } + .um-admin-drag-ctrls a { + float: left; + margin: 0 5px 0 0; + height: 30px; + line-height: 30px; + background: #eee; + color: #888; + padding: 0 8px; + text-decoration: none; + border-radius: 2px 2px 0 0; } + .um-admin-drag-ctrls a:hover { + background-color: #e5e5e5; } + .um-admin-drag-ctrls a.active, .um-admin-drag-ctrls a.active:hover { + background-color: #0085ba; + color: #fff; } + .um-admin-drag-ctrls.columns a { + width: 30px !important; + background-image: url(../../img/builder/1-column.gif); + background-repeat: no-repeat; + background-position: center; } + .um-admin-drag-ctrls.columns a:nth-child(2) { + background-image: url(../../img/builder/2-columns.gif); } + .um-admin-drag-ctrls.columns a:last-child { + background-image: url(../../img/builder/3-columns.gif); } + .um-admin-drag-ctrls.columns a.active { + background-image: url(../../img/builder/1-column-active.gif); } + .um-admin-drag-ctrls.columns a.active:nth-child(2) { + background-image: url(../../img/builder/2-columns-active.gif); } + .um-admin-drag-ctrls.columns a.active:last-child { + background-image: url(../../img/builder/3-columns-active.gif); } + +.um-admin-drag { + width: 100%; + background: #f1f1f1; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + position: relative; + padding: 60px 20px 20px 20px; } + +.um-admin-drag-row { + width: 100%; + background: #fefefe; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + position: relative; + padding: 60px 20px 20px 20px; + margin: 0 0 60px 0; } + .um-admin-drag-row:last-child { + margin-bottom: 0; } + +.um-admin-drag-row-icons { + position: absolute; + right: 0; + top: -30px; + height: 30px; } + .um-admin-drag-row-icons a { + text-decoration: none; + color: #fff; + width: 40px; + height: 30px; + line-height: 30px; + text-align: center; + display: block !important; + float: left; + background: #0085ba; + padding: 0 4px; + transition: all .2s linear; + border-left: 1px solid #379dd5; } + .um-admin-drag-row-icons a:hover { + background: #008ec2; } + .um-admin-drag-row-icons span { + cursor: move !important; + text-decoration: none; + color: #fff; + width: 40px; + height: 30px; + line-height: 30px; + text-align: center; + display: block !important; + float: left; + background: #0085ba; + padding: 0 4px; + transition: all .2s linear; + border-left: 1px solid #379dd5; } + .um-admin-drag-row-icons span:hover { + background: #008ec2; } + .um-admin-drag-row-icons i { + font-size: 18px !important; + margin: 0 !important; + top: 2px; + position: relative; } + +.um-admin-drag-rowsub { + position: relative; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + background: #f1f1f1; + padding: 20px; + margin: 0 0 60px 0; } + .um-admin-drag-rowsub:last-child { + margin-bottom: 0; } + +.um-admin-drag-rowsub-icons { + position: absolute; + right: 0; + top: -30px; + height: 30px; } + .um-admin-drag-rowsub-icons a { + text-decoration: none; + color: #fff; + width: 40px; + height: 30px; + line-height: 30px; + text-align: center; + display: block !important; + float: left; + background: #0085ba; + padding: 0 4px; + transition: all .2s linear; + border-left: 1px solid #379dd5; } + .um-admin-drag-rowsub-icons a:hover { + background: #008ec2; } + .um-admin-drag-rowsub-icons span { + cursor: move !important; + text-decoration: none; + color: #fff; + width: 40px; + height: 30px; + line-height: 30px; + text-align: center; + display: block !important; + float: left; + background: #0085ba; + padding: 0 4px; + transition: all .2s linear; + border-left: 1px solid #379dd5; } + .um-admin-drag-rowsub-icons span:hover { + background: #008ec2; } + .um-admin-drag-rowsub-icons i { + font-size: 18px !important; + margin: 0 !important; + top: 2px; + position: relative; } + +.um-admin-drag-col { + float: left; + width: 100%; + background: #fff; + border: 1px dashed #bbb; + box-sizing: border-box; + padding: 20px; } + .um-admin-drag-col.cols-3 { + width: 32%; } + .um-admin-drag-col.cols-3.cols-last { + width: 32%; } + .um-admin-drag-col.cols-3.cols-middle { + width: 32%; + margin: 0 2%; } + .um-admin-drag-col.cols-3 .um-admin-drag-fld-title { + height: auto; + line-height: 18px; + margin: 10px; + margin-bottom: 0; } + .um-admin-drag-col.cols-3 .um-admin-drag-fld-type { + height: auto; + line-height: 18px; + margin: 0 0 10px 0; } + .um-admin-drag-col.cols-3 .um-admin-drag-fld-icons { + float: none; + position: absolute; + bottom: 0; + right: 0; + height: 30px; + display: none; } + .um-admin-drag-col.cols-3 .um-admin-drag-fld-icons.um-field-type-group { + float: left; + position: relative; + bottom: auto; + right: auto; + height: 30px; + display: block; } + .um-admin-drag-col.cols-3 .um-admin-drag-fld:hover .um-admin-drag-fld-icons { + display: block; } + .um-admin-drag-col.cols-1 { + width: 100%; } + .um-admin-drag-col.cols-1.cols-last { + width: 100%; } + .um-admin-drag-col.cols-2 { + width: 49%; + margin: 0 1% 0 0; } + .um-admin-drag-col.cols-2.cols-last { + width: 49%; + margin: 0 0 0 1%; } + .um-admin-drag-col > .um-admin-drag-fld:last-of-type { + margin-bottom: 20px; } + +.um-admin-drag-addrow { + text-align: center; + font-size: 14px; + color: #888; + cursor: pointer; + border: 1px dashed #bbb; + padding: 10px 0; + margin: 20px 0 0 0; } + .um-admin-drag-addrow i { + font-size: 23px !important; + margin: 0 !important; } + .um-admin-drag-addrow:hover { + color: #0085ba; } + +.um-admin-drag-fld { + display: block; + position: relative; + border: 1px solid #dddddd; + margin: 0 0 15px 0; + background: #f5f5f5; + cursor: move !important; } + .um-admin-drag-fld.um-field-type-group { + background: #555; + border: 0; } + +.um-admin-drag-fld-title { + float: left; + font-weight: bold; + font-size: 13px; + color: #666; + height: 30px; + line-height: 30px; + margin: 0 0 0 20px; } + .um-admin-drag-fld-title.um-field-type-group { + color: #fff; } + .um-admin-drag-fld-title i { + width: 24px; + display: inline-block; + text-align: center; } + +.um-admin-drag-group { + background: #fcfcfc; + cursor: default; + padding: 20px; + border: 1px dashed #bbb; } + +.um-admin-drag-fld-type { + float: left; + font-size: 13px; + height: 30px; + line-height: 30px; + margin: 0 0 0 20px; + font-weight: 400; + color: #999; } + .um-admin-drag-fld-type.um-field-type-group { + color: #fff; } + +.um-admin-drag-fld-icons { + float: right; } + .um-admin-drag-fld-icons a { + text-decoration: none; + color: #fff; + width: 40px; + height: 30px; + line-height: 30px; + text-align: center; + display: block !important; + float: left; + background: #0085ba; + padding: 0 4px; + transition: all .2s linear; + border-left: 1px solid #379dd5; } + .um-admin-drag-fld-icons a:hover { + background: #008ec2; } + .um-admin-drag-fld-icons i { + font-size: 18px !important; + margin: 0 !important; + top: 2px; + position: relative; } + .um-admin-drag-fld-icons.um-field-type-group a.um_admin_duplicate_field { + display: none !important; } + +.um-row-placeholder { + width: 100%; + border: 2px dashed #aaa; + box-sizing: border-box; } + +.um-rowsub-placeholder { + width: 100%; + border: 2px dashed #ccc; + box-sizing: border-box; + display: block; } + +.um-fld-placeholder { + display: block; + border: 1px dashed #ddd; + background: #fff; + box-sizing: border-box; + width: 100%; } + +.um-admin-modal #UM_preview_form .um-admin-modal-body { + position: relative; } + .um-admin-modal #UM_preview_form .um-admin-modal-body .um-admin-preview-overlay { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background-color: rgba(255, 255, 255, 0); + z-index: 100; } diff --git a/assets/css/admin/builder.min.css b/assets/css/admin/builder.min.css new file mode 100644 index 00000000..51a4e8ef --- /dev/null +++ b/assets/css/admin/builder.min.css @@ -0,0 +1 @@ +@-webkit-keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.um-admin-row-loading{position:absolute;width:100%;height:calc(100% + 30px);top:-30px;left:0;background:rgba(241,241,241,.6);z-index:999;display:none}.um-admin-row-loading>span{display:block;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-ms-transition:.1s opacity;-o-transition:.1s opacity;transition:.1s opacity;color:#c6c6c6!important;-webkit-animation:um-ajax-spinning 1.1s infinite linear;animation:um-ajax-spinning 1.1s infinite linear;border-top:.2em solid #000;border-right:.2em solid #000;border-bottom:.2em solid #000;border-left:.2em solid #c6c6c6;font-size:1.75em;-ms-transform:translateZ(0);transform:translateZ(0);border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;outline:0;padding:0;vertical-align:baseline;position:absolute;left:50%;top:50%}.um-admin-boxed-links{width:100%;text-align:center}.um-admin-boxed-links a{width:33.3%;float:left;border-left:1px solid #fff;border-right:1px solid #fff;padding:30px 25px!important;background:#f8f8f8;text-align:center;display:inline-block!important;font-size:14px;transition:all .2s linear;text-decoration:none;color:#666;margin:0!important;box-sizing:border-box!important;border-radius:2px;font-weight:600}.um-admin-boxed-links a:hover{background:#eee}.um-admin-boxed-links a.um-admin-activebg{background:#0085ba;color:#fff}.um-admin-boxed-links a.um-admin-activebg:hover{background:#0085ba;color:#fff}.um-admin-boxed-links i{font-size:28px;vertical-align:middle;margin:0 10px 0 0}.um-admin-half{float:left;width:48%}.um-admin-half select{box-sizing:border-box}.um-admin-half.um-admin-right{float:right}.um-admin-half p:first-child{margin-top:0}.um-admin-tri{float:left;width:33%;position:relative}.um-admin-error-block,.um-admin-success-block{display:none;width:100%;background:#c74a4a;border-radius:3px;color:#fff;box-sizing:border-box;position:relative;padding:12px;font-size:13px;line-height:1em!important;margin:0 0 16px 0}.um-admin-success-block{background:#7acf58}.um-admin-cur-condition-template{display:none}.dynamic-mce-content{display:none}.um-admin-btns{line-height:1.5em;margin:0 0 5px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:wrap}.um-admin-btns .um-no-custom-fields{margin:0}.um-admin-btns a{margin:0 3px 8px 0!important;font-size:12px!important;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;display:flex!important}.um-admin-btns a.with-icon span{color:#aaa;font-size:15px!important;padding-left:5px;height:auto;width:auto}.um-admin-btns a.with-icon:hover span{color:#cb3838}.um-admin-btn-toggle{padding:10px 0}.um-admin-btn-toggle p{margin:0 5px 0 0!important}.um-admin-btn-toggle p.um-admin-reset-conditions a{margin-bottom:5px}.um-admin-btn-toggle a{text-decoration:none;color:#999}.um-admin-btn-toggle a.um-admin-new-condition{margin-bottom:5px}.um-admin-btn-toggle a.active{color:#0085ba}.um-admin-btn-toggle a.active:hover{color:#0085ba}.um-admin-btn-toggle i{margin:0 5px 0 0!important;height:100%;color:#666;position:relative;top:1px}.um-admin-btn-content{display:none;padding:5px 0 0 0}.um-admin-btn-content p{float:left;margin-right:10px!important;padding:0!important}.um-admin-btn-content p.um-admin-conditions-notice{width:100%;margin:0 0 9px 0!important}.um-admin-btn-content .um-admin-cur-condition:not(:last-child){margin:0 0 5px 0}.um-admin-builder i{font-size:15px!important;height:100%!important;line-height:100%!important;margin:0 5px 0 0!important}.um-admin-builder .um-admin-drag{margin-top:40px}.um-admin-drag-add-field{display:block;width:100%;height:30px;line-height:30px;text-align:center;color:#aaa;text-decoration:none}.um-admin-drag-add-field:hover{color:#0085ba}.um-admin-drag-add-field i{font-size:23px!important;margin:0!important}.um-admin-drag-ctrls{position:absolute;top:-30px;left:0}.um-admin-drag-ctrls.um-admin-drag-ctrls-demo{position:absolute;right:7px;top:-30px;left:auto}.um-admin-drag-ctrls a{float:left;margin:0 5px 0 0;height:30px;line-height:30px;background:#eee;color:#888;padding:0 8px;text-decoration:none;border-radius:2px 2px 0 0}.um-admin-drag-ctrls a:hover{background-color:#e5e5e5}.um-admin-drag-ctrls a.active,.um-admin-drag-ctrls a.active:hover{background-color:#0085ba;color:#fff}.um-admin-drag-ctrls.columns a{width:30px!important;background-image:url(../../img/builder/1-column.gif);background-repeat:no-repeat;background-position:center}.um-admin-drag-ctrls.columns a:nth-child(2){background-image:url(../../img/builder/2-columns.gif)}.um-admin-drag-ctrls.columns a:last-child{background-image:url(../../img/builder/3-columns.gif)}.um-admin-drag-ctrls.columns a.active{background-image:url(../../img/builder/1-column-active.gif)}.um-admin-drag-ctrls.columns a.active:nth-child(2){background-image:url(../../img/builder/2-columns-active.gif)}.um-admin-drag-ctrls.columns a.active:last-child{background-image:url(../../img/builder/3-columns-active.gif)}.um-admin-drag{width:100%;background:#f1f1f1;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;padding:60px 20px 20px 20px}.um-admin-drag-row{width:100%;background:#fefefe;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;padding:60px 20px 20px 20px;margin:0 0 60px 0}.um-admin-drag-row:last-child{margin-bottom:0}.um-admin-drag-row-icons{position:absolute;right:0;top:-30px;height:30px}.um-admin-drag-row-icons a{text-decoration:none;color:#fff;width:40px;height:30px;line-height:30px;text-align:center;display:block!important;float:left;background:#0085ba;padding:0 4px;transition:all .2s linear;border-left:1px solid #379dd5}.um-admin-drag-row-icons a:hover{background:#008ec2}.um-admin-drag-row-icons span{cursor:move!important;text-decoration:none;color:#fff;width:40px;height:30px;line-height:30px;text-align:center;display:block!important;float:left;background:#0085ba;padding:0 4px;transition:all .2s linear;border-left:1px solid #379dd5}.um-admin-drag-row-icons span:hover{background:#008ec2}.um-admin-drag-row-icons i{font-size:18px!important;margin:0!important;top:2px;position:relative}.um-admin-drag-rowsub{position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:#f1f1f1;padding:20px;margin:0 0 60px 0}.um-admin-drag-rowsub:last-child{margin-bottom:0}.um-admin-drag-rowsub-icons{position:absolute;right:0;top:-30px;height:30px}.um-admin-drag-rowsub-icons a{text-decoration:none;color:#fff;width:40px;height:30px;line-height:30px;text-align:center;display:block!important;float:left;background:#0085ba;padding:0 4px;transition:all .2s linear;border-left:1px solid #379dd5}.um-admin-drag-rowsub-icons a:hover{background:#008ec2}.um-admin-drag-rowsub-icons span{cursor:move!important;text-decoration:none;color:#fff;width:40px;height:30px;line-height:30px;text-align:center;display:block!important;float:left;background:#0085ba;padding:0 4px;transition:all .2s linear;border-left:1px solid #379dd5}.um-admin-drag-rowsub-icons span:hover{background:#008ec2}.um-admin-drag-rowsub-icons i{font-size:18px!important;margin:0!important;top:2px;position:relative}.um-admin-drag-col{float:left;width:100%;background:#fff;border:1px dashed #bbb;box-sizing:border-box;padding:20px}.um-admin-drag-col.cols-3{width:32%}.um-admin-drag-col.cols-3.cols-last{width:32%}.um-admin-drag-col.cols-3.cols-middle{width:32%;margin:0 2%}.um-admin-drag-col.cols-3 .um-admin-drag-fld-title{height:auto;line-height:18px;margin:10px;margin-bottom:0}.um-admin-drag-col.cols-3 .um-admin-drag-fld-type{height:auto;line-height:18px;margin:0 0 10px 0}.um-admin-drag-col.cols-3 .um-admin-drag-fld-icons{float:none;position:absolute;bottom:0;right:0;height:30px;display:none}.um-admin-drag-col.cols-3 .um-admin-drag-fld-icons.um-field-type-group{float:left;position:relative;bottom:auto;right:auto;height:30px;display:block}.um-admin-drag-col.cols-3 .um-admin-drag-fld:hover .um-admin-drag-fld-icons{display:block}.um-admin-drag-col.cols-1{width:100%}.um-admin-drag-col.cols-1.cols-last{width:100%}.um-admin-drag-col.cols-2{width:49%;margin:0 1% 0 0}.um-admin-drag-col.cols-2.cols-last{width:49%;margin:0 0 0 1%}.um-admin-drag-col>.um-admin-drag-fld:last-of-type{margin-bottom:20px}.um-admin-drag-addrow{text-align:center;font-size:14px;color:#888;cursor:pointer;border:1px dashed #bbb;padding:10px 0;margin:20px 0 0 0}.um-admin-drag-addrow i{font-size:23px!important;margin:0!important}.um-admin-drag-addrow:hover{color:#0085ba}.um-admin-drag-fld{display:block;position:relative;border:1px solid #ddd;margin:0 0 15px 0;background:#f5f5f5;cursor:move!important}.um-admin-drag-fld.um-field-type-group{background:#555;border:0}.um-admin-drag-fld-title{float:left;font-weight:700;font-size:13px;color:#666;height:30px;line-height:30px;margin:0 0 0 20px}.um-admin-drag-fld-title.um-field-type-group{color:#fff}.um-admin-drag-fld-title i{width:24px;display:inline-block;text-align:center}.um-admin-drag-group{background:#fcfcfc;cursor:default;padding:20px;border:1px dashed #bbb}.um-admin-drag-fld-type{float:left;font-size:13px;height:30px;line-height:30px;margin:0 0 0 20px;font-weight:400;color:#999}.um-admin-drag-fld-type.um-field-type-group{color:#fff}.um-admin-drag-fld-icons{float:right}.um-admin-drag-fld-icons a{text-decoration:none;color:#fff;width:40px;height:30px;line-height:30px;text-align:center;display:block!important;float:left;background:#0085ba;padding:0 4px;transition:all .2s linear;border-left:1px solid #379dd5}.um-admin-drag-fld-icons a:hover{background:#008ec2}.um-admin-drag-fld-icons i{font-size:18px!important;margin:0!important;top:2px;position:relative}.um-admin-drag-fld-icons.um-field-type-group a.um_admin_duplicate_field{display:none!important}.um-row-placeholder{width:100%;border:2px dashed #aaa;box-sizing:border-box}.um-rowsub-placeholder{width:100%;border:2px dashed #ccc;box-sizing:border-box;display:block}.um-fld-placeholder{display:block;border:1px dashed #ddd;background:#fff;box-sizing:border-box;width:100%}.um-admin-modal #UM_preview_form .um-admin-modal-body{position:relative}.um-admin-modal #UM_preview_form .um-admin-modal-body .um-admin-preview-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(255,255,255,0);z-index:100} \ No newline at end of file diff --git a/assets/css/admin/builder.sass b/assets/css/admin/builder.sass new file mode 100644 index 00000000..3e92d73d --- /dev/null +++ b/assets/css/admin/builder.sass @@ -0,0 +1,544 @@ +@import "selectors" +@import "mixins" +@import "colors" + ++keyframes(um-ajax-spinning) + 0% + -webkit-transform: rotate(0deg) + transform: rotate(0deg) + 100% + -webkit-transform: rotate(360deg) + transform: rotate(360deg) + +.#{$prefix}admin-row-loading + position: absolute + width: 100% + height: calc( 100% + 30px ) + top: -30px + left: 0 + background: rgba(241, 241, 241, 0.6) + z-index: 999 + display: none + & > span + display: block + -webkit-transition: 0.1s opacity + -moz-transition: 0.1s opacity + -ms-transition: 0.1s opacity + -o-transition: 0.1s opacity + transition: 0.1s opacity + color: #c6c6c6 !important + -webkit-animation: um-ajax-spinning 1.1s infinite linear + animation: um-ajax-spinning 1.1s infinite linear + border-top: 0.2em solid rgba(0, 0, 0, 1) + border-right: 0.2em solid rgba(0, 0, 0, 1) + border-bottom: 0.2em solid rgba(0, 0, 0, 1) + border-left: 0.2em solid #c6c6c6 + font-size: 1.75em + filter: alpha(opacity=0) + -ms-transform: translateZ(0) + transform: translateZ(0) + border-radius: 50% + width: 40px + height: 40px + margin: -20px 0 0 -20px + outline: 0 + padding: 0 + vertical-align: baseline + position: absolute + left: 50% + top: 50% + +.#{$prefix}admin-boxed-links + width: 100% + text-align: center + a + width: 33.3% + float: left + border-left: 1px solid #fff + border-right: 1px solid #fff + padding: 30px 25px !important + background: #f8f8f8 + text-align: center + display: inline-block !important + font-size: 14px + transition: all .2s linear + text-decoration: none + color: #666 + margin: 0 !important + box-sizing: border-box !important + border-radius: 2px + font-weight: 600 + &:hover + background: #eee + &.#{$prefix}admin-activebg + background: #{$um-base} + color: #fff + &:hover + background: #{$um-base} + color: #fff + i + font-size: 28px + vertical-align: middle + margin: 0 10px 0 0 + +// Form columns inside the Modal +.#{$prefix}admin-half + float: left + width: 48% + select + box-sizing: border-box + &.#{$prefix}admin-right + float: right + p:first-child + margin-top: 0 +.#{$prefix}admin-tri + float: left + width: 33% + position: relative + + +.#{$prefix}admin-error-block, +.#{$prefix}admin-success-block + display: none + width: 100% + background: #{$admin-warning} + border-radius: 3px + color: #fff + box-sizing: border-box + position: relative + padding: 12px + font-size: 13px + line-height: 1em !important + margin: 0 0 16px 0 + +.#{$prefix}admin-success-block + background: #{$admin-ok} + +.#{$prefix}admin-cur-condition-template + display: none + +.dynamic-mce-content + display: none + +.#{$prefix}admin-btns + line-height: 1.5em + margin: 0 0 5px 0 + +flex( row, flex-start, baseline, wrap ) + .#{$prefix}no-custom-fields + margin: 0 + a + margin: 0 3px 8px 0 !important + font-size: 12px !important + +flex( row, flex-start, center, nowrap ) + display: flex !important + &.with-icon + span + color: #aaa + font-size: 15px !important + padding-left: 5px + height: auto + width: auto + &:hover + span + color: #cb3838 + +// Field modal on the form builder + +.#{$prefix}admin-btn-toggle + padding: 10px 0 + p + margin: 0 5px 0 0 !important + &.#{$prefix}admin-reset-conditions + a + margin-bottom: 5px + a + text-decoration: none + color: #999 + &.#{$prefix}admin-new-condition + margin-bottom: 5px + &.active + color: #0085ba + &:hover + color: #0085ba + + i + margin: 0 5px 0 0 !important + height: 100% + color: #666 + position: relative + top: 1px + +.#{$prefix}admin-btn-content + display: none + padding: 5px 0 0 0 + + p + float: left + margin-right: 10px !important + padding: 0 !important + + &.#{$prefix}admin-conditions-notice + width: 100% + margin: 0 0 9px 0 !important + + .#{$prefix}admin-cur-condition:not(:last-child) + margin: 0 0 5px 0 + +.#{$prefix}admin-builder + i + font-size: 15px !important + height: 100% !important + line-height: 100% !important + margin: 0 5px 0 0 !important + + .#{$prefix}admin-drag + margin-top: 40px + + +.#{$prefix}admin-drag-add-field + display: block + width: 100% + height: 30px + line-height: 30px + text-align: center + color: #aaa + text-decoration: none + &:hover + color: #{$um-base} + i + font-size: 23px !important + margin: 0 !important + + +.#{$prefix}admin-drag-ctrls + position: absolute + top: -30px + left: 0 + &.#{$prefix}admin-drag-ctrls-demo + position: absolute + right: 7px + top: -30px + left: auto + + a + float: left + margin: 0 5px 0 0 + height: 30px + line-height: 30px + background: #eee + color: #888 + padding: 0 8px + text-decoration: none + border-radius: 2px 2px 0 0 + + &:hover + background-color: #e5e5e5 + + &.active, + &.active:hover + background-color: #{$um-base} + color: #fff + + &.columns + a + width: 30px !important + background-image: url(../../img/builder/1-column.gif) + background-repeat: no-repeat + background-position: center + &:nth-child(2) + background-image: url(../../img/builder/2-columns.gif) + &:last-child + background-image: url(../../img/builder/3-columns.gif) + + &.active + background-image: url(../../img/builder/1-column-active.gif) + &:nth-child(2) + background-image: url(../../img/builder/2-columns-active.gif) + &:last-child + background-image: url(../../img/builder/3-columns-active.gif) + +.#{$prefix}admin-drag + width: 100% + background: #{$wp-background} + +border-box + position: relative + padding: 60px 20px 20px 20px + +.#{$prefix}admin-drag-row + width: 100% + background: #fefefe + +border-box + position: relative + padding: 60px 20px 20px 20px + margin: 0 0 60px 0 + &:last-child + margin-bottom: 0 + +.#{$prefix}admin-drag-row-icons + position: absolute + right: 0 + top: -30px + height: 30px + a + text-decoration: none + color: #fff + width: 40px + height: 30px + line-height: 30px + text-align: center + display: block !important + float: left + background: #{$um-base} + padding: 0 4px + transition: all .2s linear + border-left: 1px solid #379dd5 + &:hover + background: #{$um-base-hover} + span + cursor: move !important + text-decoration: none + color: #fff + width: 40px + height: 30px + line-height: 30px + text-align: center + display: block !important + float: left + background: #{$um-base} + padding: 0 4px + transition: all .2s linear + border-left: 1px solid #379dd5 + &:hover + background: #{$um-base-hover} + i + font-size: 18px !important + margin: 0 !important + top: 2px + position: relative + +.#{$prefix}admin-drag-rowsub + position: relative + +border-box + background: #{$wp-background} + padding: 20px + margin: 0 0 60px 0 + &:last-child + margin-bottom: 0 + +.#{$prefix}admin-drag-rowsub-icons + position: absolute + right: 0 + top: -30px + height: 30px + a + text-decoration: none + color: #fff + width: 40px + height: 30px + line-height: 30px + text-align: center + display: block !important + float: left + background: #{$um-base} + padding: 0 4px + transition: all .2s linear + border-left: 1px solid #379dd5 + &:hover + background: #{$um-base-hover} + span + cursor: move !important + text-decoration: none + color: #fff + width: 40px + height: 30px + line-height: 30px + text-align: center + display: block !important + float: left + background: #{$um-base} + padding: 0 4px + transition: all .2s linear + border-left: 1px solid #379dd5 + &:hover + background: #{$um-base-hover} + i + font-size: 18px !important + margin: 0 !important + top: 2px + position: relative + + +.#{$prefix}admin-drag-col + float: left + width: 100% + background: #fff + border: 1px dashed #bbb + box-sizing: border-box + padding: 20px + + &.cols-3 + width: 32% + &.cols-last + width: 32% + &.cols-middle + width: 32% + margin: 0 2% + .#{$prefix}admin-drag-fld-title + height: auto + line-height: 18px + margin: 10px + margin-bottom: 0 + .#{$prefix}admin-drag-fld-type + height: auto + line-height: 18px + margin: 0 0 10px 0 + .#{$prefix}admin-drag-fld-icons + float: none + position: absolute + bottom: 0 + right: 0 + height: 30px + display: none + &.#{$prefix}field-type-group + float: left + position: relative + bottom: auto + right: auto + height: 30px + display: block + .#{$prefix}admin-drag-fld:hover + .#{$prefix}admin-drag-fld-icons + display: block + + &.cols-1 + width: 100% + &.cols-last + width: 100% + + &.cols-2 + width: 49% + margin: 0 1% 0 0 + &.cols-last + width: 49% + margin: 0 0 0 1% + + & > .#{$prefix}admin-drag-fld:last-of-type + margin-bottom: 20px + +.#{$prefix}admin-drag-addrow + text-align: center + font-size: 14px + color: #888 + cursor: pointer + border: 1px dashed #bbb + padding: 10px 0 + margin: 20px 0 0 0 + + i + font-size: 23px !important + margin: 0 !important + &:hover + color: #{$um-base} + + +.#{$prefix}admin-drag-fld + display: block + position: relative + border: 1px solid #dddddd + margin: 0 0 15px 0 + background: #f5f5f5 + cursor: move !important + &.#{$prefix}field-type-group + background: #555 + border: 0 + +.#{$prefix}admin-drag-fld-title + float: left + font-weight: bold + font-size: 13px + color: #666 + height: 30px + line-height: 30px + margin: 0 0 0 20px + &.um-field-type-group + color: #fff + i + width: 24px + display: inline-block + text-align: center + +.#{$prefix}admin-drag-group + background: #fcfcfc + cursor: default + padding: 20px + border: 1px dashed #bbb + +.#{$prefix}admin-drag-fld-type + float: left + font-size: 13px + height: 30px + line-height: 30px + margin: 0 0 0 20px + font-weight: 400 + color: #999 + &.um-field-type-group + color: #fff + + +.#{$prefix}admin-drag-fld-icons + float: right + a + text-decoration: none + color: #fff + width: 40px + height: 30px + line-height: 30px + text-align: center + display: block !important + float: left + background: #{$um-base} + padding: 0 4px + transition: all .2s linear + border-left: 1px solid #379dd5 + &:hover + background: #{$um-base-hover} + i + font-size: 18px !important + margin: 0 !important + top: 2px + position: relative + &.#{$prefix}field-type-group + a.um_admin_duplicate_field + display: none !important + + +.#{$prefix}row-placeholder + width: 100% + border: 2px dashed #aaa + box-sizing: border-box + +.#{$prefix}rowsub-placeholder + width: 100% + border: 2px dashed #ccc + box-sizing: border-box + display: block + +.#{$prefix}fld-placeholder + display: block + border: 1px dashed #ddd + background: #fff + box-sizing: border-box + width: 100% + +.#{$prefix}admin-modal + #UM_preview_form + .#{$prefix}admin-modal-body + position: relative + .#{$prefix}admin-preview-overlay + position: absolute + top: 0 + bottom: 0 + left: 0 + right: 0 + background-color: rgba(255,255,255,0) + z-index: 100 diff --git a/assets/css/admin/common.css b/assets/css/admin/common.css new file mode 100644 index 00000000..1010ead6 --- /dev/null +++ b/assets/css/admin/common.css @@ -0,0 +1,87 @@ +.um-adm-ico { + font-size: 18px; + width: 18px; + text-align: center; + display: inline-block; + color: #7acf58; } + .um-adm-ico.inactive { + color: #c74a4a; } + .um-adm-ico.pointer { + cursor: pointer; } + +body.um-admin-modal-open { + overflow: hidden; } + +.um-admin #major-publishing-actions { + background-color: #fff !important; + border-top: 0; } + +.um-admin a.button i, +.um-admin a.button-primary i { + font-size: 15px !important; + height: 15px !important; + width: 15px !important; + text-align: center !important; + margin: 0 5px 0 0 !important; + display: inline-block; } + .um-admin a.button i:before, + .um-admin a.button-primary i:before { + position: relative; + top: 1px; } + +.um-admin-metabox h6 { + font-size: 14px; + margin: 12px 0 0 0; } + +.um-admin-metabox h3 { + padding-left: 0 !important; } + +.um-admin-metabox h4 { + font-size: 14px; + background: #f5f5f5; + padding: 8px 4px; + color: #333; } + +.um-admin-metabox p { + margin: 10px 0 0 0; } + +.um-admin-metabox label { + display: block; + cursor: default; + padding: 0 !important; + font-size: 13px; + color: #666; } + +.um-admin-metabox input[type="text"] { + height: auto !important; + width: 100%; + max-width: 100%; + display: block; + box-sizing: border-box !important; + font-size: 13px !important; + line-height: 1.4em !important; + padding: 4px 10px !important; } + .um-admin-metabox input[type="text"]:disabled { + opacity: 0.7 !important; + color: #aaa !important; } + .um-admin-metabox input[type="text"].small { + width: 54px; } + .um-admin-metabox input[type="text"].um-admin-error { + border-color: #c74a4a !important; } + +.um-admin-metabox textarea { + width: 100%; + max-width: 100%; + display: block; + box-sizing: border-box !important; + font-size: 13px !important; + line-height: 1.4em !important; + padding: 8px !important; + color: #888 !important; + min-height: 100px; + height: 100px; } + .um-admin-metabox textarea.tall { + min-height: 200px; + height: 200px; } + .um-admin-metabox textarea.um-admin-error { + border-color: #c74a4a !important; } diff --git a/assets/css/admin/common.min.css b/assets/css/admin/common.min.css new file mode 100644 index 00000000..f9d342f9 --- /dev/null +++ b/assets/css/admin/common.min.css @@ -0,0 +1 @@ +.um-adm-ico{font-size:18px;width:18px;text-align:center;display:inline-block;color:#7acf58}.um-adm-ico.inactive{color:#c74a4a}.um-adm-ico.pointer{cursor:pointer}body.um-admin-modal-open{overflow:hidden}.um-admin #major-publishing-actions{background-color:#fff!important;border-top:0}.um-admin a.button i,.um-admin a.button-primary i{font-size:15px!important;height:15px!important;width:15px!important;text-align:center!important;margin:0 5px 0 0!important;display:inline-block}.um-admin a.button i:before,.um-admin a.button-primary i:before{position:relative;top:1px}.um-admin-metabox h6{font-size:14px;margin:12px 0 0 0}.um-admin-metabox h3{padding-left:0!important}.um-admin-metabox h4{font-size:14px;background:#f5f5f5;padding:8px 4px;color:#333}.um-admin-metabox p{margin:10px 0 0 0}.um-admin-metabox label{display:block;cursor:default;padding:0!important;font-size:13px;color:#666}.um-admin-metabox input[type=text]{height:auto!important;width:100%;max-width:100%;display:block;box-sizing:border-box!important;font-size:13px!important;line-height:1.4em!important;padding:4px 10px!important}.um-admin-metabox input[type=text]:disabled{opacity:.7!important;color:#aaa!important}.um-admin-metabox input[type=text].small{width:54px}.um-admin-metabox input[type=text].um-admin-error{border-color:#c74a4a!important}.um-admin-metabox textarea{width:100%;max-width:100%;display:block;box-sizing:border-box!important;font-size:13px!important;line-height:1.4em!important;padding:8px!important;color:#888!important;min-height:100px;height:100px}.um-admin-metabox textarea.tall{min-height:200px;height:200px}.um-admin-metabox textarea.um-admin-error{border-color:#c74a4a!important} \ No newline at end of file diff --git a/assets/css/admin/common.sass b/assets/css/admin/common.sass new file mode 100644 index 00000000..1c47c459 --- /dev/null +++ b/assets/css/admin/common.sass @@ -0,0 +1,87 @@ +@import "selectors" +@import "colors" + +.#{$prefix}adm-ico + font-size: 18px + width: 18px + text-align: center + display: inline-block + color: #{$admin-ok} + &.inactive + color: #{$admin-warning} + &.pointer + cursor: pointer + +body.#{$prefix}admin-modal-open + overflow: hidden + +.#{$prefix}admin + #major-publishing-actions + background-color: #fff !important + border-top: 0 + a.button, + a.button-primary + i + font-size: 15px !important + height: 15px !important + width: 15px !important + text-align: center !important + margin: 0 5px 0 0 !important + display: inline-block + &:before + position: relative + top: 1px + +.#{$prefix}admin-metabox + h6 + font-size: 14px + margin: 12px 0 0 0 + h3 + padding-left: 0 !important + h4 + font-size: 14px + background: #f5f5f5 + padding: 8px 4px + color: #333 + p + margin: 10px 0 0 0 + label + display: block + cursor: default + padding: 0 !important + font-size: 13px + color: #666 + + input[type="text"] + height: auto !important + width: 100% + max-width: 100% + display: block + box-sizing: border-box !important + font-size: 13px !important + line-height: 1.4em !important + padding: 4px 10px !important + &:disabled + opacity: 0.7 !important + color: #aaa !important + &.small + width: 54px + &.#{$prefix}admin-error + border-color: #{$admin-warning} !important + + textarea + width: 100% + max-width: 100% + display: block + box-sizing: border-box !important + font-size: 13px !important + line-height: 1.4em !important + padding: 8px !important + color: #888 !important + min-height: 100px + height: 100px + &.tall + min-height: 200px + height: 200px + &.#{$prefix}admin-error + border-color: #{$admin-warning} !important diff --git a/assets/css/admin/dashboard.css b/assets/css/admin/dashboard.css new file mode 100644 index 00000000..0504fde1 --- /dev/null +++ b/assets/css/admin/dashboard.css @@ -0,0 +1,67 @@ +#um-metaboxes-general h1 sup { + font-size: 14px; + position: relative; + font-weight: 400; + background: #0085ba; + color: #fff !important; + padding: 2px 4px !important; + border-radius: 3px; + top: 5px; + left: 3px; + border: none !important; } + +#um-metaboxes-general.wrap a.red, +#um-metaboxes-general.wrap span.red { + color: #c74a4a; } + +#um-metaboxes-general.wrap span.ok { + color: #7acf58; } + +.um-metabox-holder p.sub { + padding: 0 4px 2px 4px; + margin: 0 0 8px 0; + color: #8F8F8F; + font-size: 14px; + border-bottom: 1px solid #ECECEC; } + +.um-metabox-holder .table { + float: left; + width: 45%; } + .um-metabox-holder .table td { + white-space: nowrap; + font-size: 12px; } + +.um-metabox-holder a.warning { + color: #c74a4a !important; + background: transparent !important; + border: 0; } + +.um-metabox-holder .table_right { + float: right; + width: 45%; } + +.um-metabox-holder td.b { + padding-right: 6px; + text-align: right; + font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif; + font-size: 14px; + width: 1%; } + .um-metabox-holder td.b a { + font-size: 18px; } + +.um-metabox-holder .norm i { + display: inline-block; + width: 30px; + text-align: center; } + +.um-metabox-holder .norm p { + margin: 5px 0; } + +.um-metabox-holder .norm .count { + font-size: 16px; + font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif; + color: #999; + width: 40px; + display: inline-block; + text-align: right; + margin-right: 10px; } diff --git a/assets/css/admin/dashboard.min.css b/assets/css/admin/dashboard.min.css new file mode 100644 index 00000000..121b1a39 --- /dev/null +++ b/assets/css/admin/dashboard.min.css @@ -0,0 +1 @@ +#um-metaboxes-general h1 sup{font-size:14px;position:relative;font-weight:400;background:#0085ba;color:#fff!important;padding:2px 4px!important;border-radius:3px;top:5px;left:3px;border:none!important}#um-metaboxes-general.wrap a.red,#um-metaboxes-general.wrap span.red{color:#c74a4a}#um-metaboxes-general.wrap span.ok{color:#7acf58}.um-metabox-holder p.sub{padding:0 4px 2px 4px;margin:0 0 8px 0;color:#8f8f8f;font-size:14px;border-bottom:1px solid #ececec}.um-metabox-holder .table{float:left;width:45%}.um-metabox-holder .table td{white-space:nowrap;font-size:12px}.um-metabox-holder a.warning{color:#c74a4a!important;background:0 0!important;border:0}.um-metabox-holder .table_right{float:right;width:45%}.um-metabox-holder td.b{padding-right:6px;text-align:right;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-size:14px;width:1%}.um-metabox-holder td.b a{font-size:18px}.um-metabox-holder .norm i{display:inline-block;width:30px;text-align:center}.um-metabox-holder .norm p{margin:5px 0}.um-metabox-holder .norm .count{font-size:16px;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;color:#999;width:40px;display:inline-block;text-align:right;margin-right:10px} \ No newline at end of file diff --git a/assets/css/admin/dashboard.sass b/assets/css/admin/dashboard.sass new file mode 100644 index 00000000..63702151 --- /dev/null +++ b/assets/css/admin/dashboard.sass @@ -0,0 +1,74 @@ +@import "colors" +@import "selectors" +@import "mixins" + +#um-metaboxes-general + h1 + sup + font-size: 14px + position: relative + font-weight: 400 + background: #{$um-base} + color: #fff !important + padding: 2px 4px !important + border-radius: 3px + top: 5px + left: 3px + border: none !important + &.wrap + a.red, + span.red + color: #{$admin-warning} + span.ok + color: #{$admin-ok} + +.um-metabox-holder + p.sub + padding: 0 4px 2px 4px + margin: 0 0 8px 0 + color: #8F8F8F + font-size: 14px + border-bottom: 1px solid #ECECEC + + .table + float: left + width: 45% + td + white-space: nowrap + font-size: 12px + + a.warning + color: #{$admin-warning} !important + background: transparent !important + border: 0 + + .table_right + float: right + width: 45% + + td.b + padding-right: 6px + text-align: right + font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif + font-size: 14px + width: 1% + a + font-size: 18px + + .norm + i + display: inline-block + width: 30px + text-align: center + + p + margin: 5px 0 + + .count + font-size: 16px + font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif + color: #999 + width: 40px + display: inline-block + text-align: right + margin-right: 10px diff --git a/assets/css/admin/directories-screen.css b/assets/css/admin/directories-screen.css new file mode 100644 index 00000000..0f801ad2 --- /dev/null +++ b/assets/css/admin/directories-screen.css @@ -0,0 +1,13 @@ +.um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-id { + width: 60px; } + +.um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-shortcode { + width: 35%; } + +.um-admin.post-type-um_directory .wp-list-table.posts .column-is_default { + width: 120px; + text-align: center !important; } + +@media screen and (max-width: 782px) { + .um-admin.post-type-um_directory .wp-list-table.posts td.column-is_default { + text-align: left !important; } } diff --git a/assets/css/admin/directories-screen.min.css b/assets/css/admin/directories-screen.min.css new file mode 100644 index 00000000..84f8cc90 --- /dev/null +++ b/assets/css/admin/directories-screen.min.css @@ -0,0 +1 @@ +.um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-id{width:60px}.um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-shortcode{width:35%}.um-admin.post-type-um_directory .wp-list-table.posts .column-is_default{width:120px;text-align:center!important}@media screen and (max-width:782px){.um-admin.post-type-um_directory .wp-list-table.posts td.column-is_default{text-align:left!important}} \ No newline at end of file diff --git a/assets/css/admin/directories-screen.sass b/assets/css/admin/directories-screen.sass new file mode 100644 index 00000000..c652abb7 --- /dev/null +++ b/assets/css/admin/directories-screen.sass @@ -0,0 +1,18 @@ +@import "selectors" + +.#{$prefix}admin.post-type-um_directory + .wp-list-table.posts + .manage-column + &.column-id + width: 60px + &.column-shortcode + width: 35% + .column-is_default + width: 120px + text-align: center !important + +@media screen and (max-width: 782px) + .#{$prefix}admin.post-type-um_directory + .wp-list-table.posts + td.column-is_default + text-align: left !important diff --git a/assets/css/admin/extensions.css b/assets/css/admin/extensions.css new file mode 100644 index 00000000..791e3607 --- /dev/null +++ b/assets/css/admin/extensions.css @@ -0,0 +1,146 @@ +#um-extensions-wrap #the-list { + margin: 0; + width: 100%; + display: grid; + grid-template-rows: auto 1fr; + grid-template-columns: repeat(3, 1fr); + grid-gap: 10px; + grid-auto-rows: minmax(max-content, auto); + -ms-grid-template-rows: auto 1fr; + -ms-grid-template-columns: repeat(3, 1fr); + -ms-grid-gap: 10px; + -ms-grid-auto-rows: minmax(max-content, auto); + align-items: center; } + +#um-extensions-wrap .plugin-card { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: stretch; + flex-wrap: nowrap; + width: 100%; + margin: 0; + padding: 20px; } + +#um-extensions-wrap .plugin-image-wrapper { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + flex-wrap: nowrap; + color: #fff; + height: 70px; + width: 70px; + margin: 0 auto; + border-radius: 60px; + box-shadow: 0 2px 9px rgba(50, 50, 93, 0.21); + border: solid 4px #fff; + overflow: hidden; } + #um-extensions-wrap .plugin-image-wrapper a { + width: 100%; + height: 100%; + margin: 0; + padding: 0; + background-color: #7856ff; } + +#um-extensions-wrap a.plugin-image { + display: block; } + #um-extensions-wrap a.plugin-image img { + display: block; } + #um-extensions-wrap a.plugin-image.svg-image { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + flex-wrap: nowrap; } + #um-extensions-wrap a.plugin-image.svg-image img { + filter: invert(1); + background-color: transparent; + width: 38px; + height: auto; } + #um-extensions-wrap a.plugin-image:not(.svg-image) img { + width: 70px; + margin: 0; + height: 70px; + padding: 0; } + +#um-extensions-wrap #um_bbpress_image { + background-color: #fff !important; + filter: none !important; + width: 70px !important; } + +#um-extensions-wrap #um_mycred_image { + background-color: #fff; } + +#um-extensions-wrap #um_groups_image, +#um-extensions-wrap #um_profile-tabs_image, +#um-extensions-wrap #um_user-tags_image, +#um-extensions-wrap #um_friends_image, +#um-extensions-wrap #um_user-reviews_image, +#um-extensions-wrap #um_verified-users_image, +#um-extensions-wrap #um_private-content_image, +#um-extensions-wrap #um_online-users_image { + width: 36px !important; } + +#um-extensions-wrap #um_notices_image, +#um-extensions-wrap #um_social-activity_image, +#um-extensions-wrap #um_profile-completeness_image, +#um-extensions-wrap #um_private-messages_image, +#um-extensions-wrap #um_user-photos_image, +#um-extensions-wrap #um_terms-conditions_image { + width: 29px !important; } + +#um-extensions-wrap #um_social-login_image { + width: 28px !important; } + +#um-extensions-wrap #um_real-time-notifications_image, +#um-extensions-wrap #um_user-notes_image { + width: 26px !important; } + +#um-extensions-wrap #um_followers_image, +#um-extensions-wrap #um_user-locations_image { + width: 32px !important; } + +#um-extensions-wrap #um_user-bookmarks_image { + width: 23px !important; } + +#um-extensions-wrap .plugin-card-top { + margin: 0; + padding: 20px 0 0 0; + width: 100%; + min-height: 100px; } + #um-extensions-wrap .plugin-card-top h3 { + text-align: center; + margin: 0 0 20px 0; + padding: 0; } + #um-extensions-wrap .plugin-card-top .desc { + text-align: center; + margin: 0 !important; + padding: 0 !important; } + +#um-extensions-wrap .plugin-action-links { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: baseline; + flex-wrap: nowrap; + width: 100%; + padding: 20px 0 0 0; } + +@media (max-width: 1152px) { + #um-extensions-wrap .plugin-card-top { + min-height: 120px; } } + +@media (max-width: 992px) { + #um-extensions-wrap #the-list { + grid-template-columns: repeat(2, 1fr); + -ms-grid-template-columns: repeat(2, 1fr); } } + +@media (max-width: 782px) { + #um-extensions-wrap #the-list { + grid-template-columns: repeat(1, 1fr); + -ms-grid-template-columns: repeat(1, 1fr); } } + +@media screen and (max-width: 782px) { + #um-extensions-wrap .plugin-card-top { + min-height: 80px; } } diff --git a/assets/css/admin/extensions.min.css b/assets/css/admin/extensions.min.css new file mode 100644 index 00000000..a0b437f9 --- /dev/null +++ b/assets/css/admin/extensions.min.css @@ -0,0 +1 @@ +#um-extensions-wrap #the-list{margin:0;width:100%;display:grid;grid-template-rows:auto 1fr;grid-template-columns:repeat(3,1fr);grid-gap:10px;grid-auto-rows:minmax(max-content,auto);-ms-grid-template-rows:auto 1fr;-ms-grid-template-columns:repeat(3,1fr);-ms-grid-gap:10px;-ms-grid-auto-rows:minmax(max-content,auto);align-items:center}#um-extensions-wrap .plugin-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;width:100%;margin:0;padding:20px}#um-extensions-wrap .plugin-image-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;color:#fff;height:70px;width:70px;margin:0 auto;border-radius:60px;box-shadow:0 2px 9px rgba(50,50,93,.21);border:solid 4px #fff;overflow:hidden}#um-extensions-wrap .plugin-image-wrapper a{width:100%;height:100%;margin:0;padding:0;background-color:#7856ff}#um-extensions-wrap a.plugin-image{display:block}#um-extensions-wrap a.plugin-image img{display:block}#um-extensions-wrap a.plugin-image.svg-image{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}#um-extensions-wrap a.plugin-image.svg-image img{filter:invert(1);background-color:transparent;width:38px;height:auto}#um-extensions-wrap a.plugin-image:not(.svg-image) img{width:70px;margin:0;height:70px;padding:0}#um-extensions-wrap #um_bbpress_image{background-color:#fff!important;filter:none!important;width:70px!important}#um-extensions-wrap #um_mycred_image{background-color:#fff}#um-extensions-wrap #um_friends_image,#um-extensions-wrap #um_groups_image,#um-extensions-wrap #um_online-users_image,#um-extensions-wrap #um_private-content_image,#um-extensions-wrap #um_profile-tabs_image,#um-extensions-wrap #um_user-reviews_image,#um-extensions-wrap #um_user-tags_image,#um-extensions-wrap #um_verified-users_image{width:36px!important}#um-extensions-wrap #um_notices_image,#um-extensions-wrap #um_private-messages_image,#um-extensions-wrap #um_profile-completeness_image,#um-extensions-wrap #um_social-activity_image,#um-extensions-wrap #um_terms-conditions_image,#um-extensions-wrap #um_user-photos_image{width:29px!important}#um-extensions-wrap #um_social-login_image{width:28px!important}#um-extensions-wrap #um_real-time-notifications_image,#um-extensions-wrap #um_user-notes_image{width:26px!important}#um-extensions-wrap #um_followers_image,#um-extensions-wrap #um_user-locations_image{width:32px!important}#um-extensions-wrap #um_user-bookmarks_image{width:23px!important}#um-extensions-wrap .plugin-card-top{margin:0;padding:20px 0 0 0;width:100%;min-height:100px}#um-extensions-wrap .plugin-card-top h3{text-align:center;margin:0 0 20px 0;padding:0}#um-extensions-wrap .plugin-card-top .desc{text-align:center;margin:0!important;padding:0!important}#um-extensions-wrap .plugin-action-links{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;flex-wrap:nowrap;width:100%;padding:20px 0 0 0}@media (max-width:1152px){#um-extensions-wrap .plugin-card-top{min-height:120px}}@media (max-width:992px){#um-extensions-wrap #the-list{grid-template-columns:repeat(2,1fr);-ms-grid-template-columns:repeat(2,1fr)}}@media (max-width:782px){#um-extensions-wrap #the-list{grid-template-columns:repeat(1,1fr);-ms-grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:782px){#um-extensions-wrap .plugin-card-top{min-height:80px}} \ No newline at end of file diff --git a/assets/css/admin/extensions.sass b/assets/css/admin/extensions.sass new file mode 100644 index 00000000..339ed89f --- /dev/null +++ b/assets/css/admin/extensions.sass @@ -0,0 +1,138 @@ +@import "selectors" +@import "mixins" + +#um-extensions-wrap + #the-list + margin: 0 + width: 100% + display: grid + grid-template-rows: auto 1fr + grid-template-columns: repeat(3, 1fr) + grid-gap: 10px + grid-auto-rows: minmax(max-content, auto) + -ms-grid-template-rows: auto 1fr + -ms-grid-template-columns: repeat(3, 1fr) + -ms-grid-gap: 10px + -ms-grid-auto-rows: minmax(max-content, auto) + align-items: center + .plugin-card + +flex( column, flex-start, stretch, nowrap ) + width: 100% + margin: 0 + padding: 20px + .plugin-image-wrapper + +flex( row, center, center, nowrap ) + color: #fff + height: 70px + width: 70px + margin: 0 auto + border-radius: 60px + box-shadow: 0 2px 9px rgba(50,50,93,0.21) + border: solid 4px #fff + overflow: hidden + a + width: 100% + height: 100% + margin: 0 + padding: 0 + background-color: #7856ff + + a.plugin-image + display: block + img + display: block + &.svg-image + +flex( row, center, center, nowrap ) + img + filter: invert(1) + background-color: transparent + width: 38px + height: auto + &:not(.svg-image) + img + width: 70px + margin: 0 + height: 70px + padding: 0 + + #um_bbpress_image + background-color: #fff !important + filter: none !important + width: 70px !important + + #um_mycred_image + background-color: #fff + + #um_groups_image, + #um_profile-tabs_image, + #um_user-tags_image, + #um_friends_image, + #um_user-reviews_image, + #um_verified-users_image, + #um_private-content_image, + #um_online-users_image + width: 36px !important + + #um_notices_image, + #um_social-activity_image, + #um_profile-completeness_image, + #um_private-messages_image, + #um_user-photos_image, + #um_terms-conditions_image + width: 29px !important + + #um_social-login_image + width: 28px !important + + #um_real-time-notifications_image, + #um_user-notes_image + width: 26px !important + + #um_followers_image, + #um_user-locations_image + width: 32px !important + + #um_user-bookmarks_image + width: 23px !important + + .plugin-card-top + margin: 0 + padding: 20px 0 0 0 + width: 100% + min-height: 100px + h3 + text-align: center + margin: 0 0 20px 0 + padding: 0 + .desc + text-align: center + margin: 0 !important + padding: 0 !important + + .plugin-action-links + +flex( row, space-between, baseline, nowrap ) + width: 100% + padding: 20px 0 0 0 + + +@media (max-width: 1152px) + #um-extensions-wrap + .plugin-card-top + min-height: 120px + +@media (max-width: 992px) + #um-extensions-wrap + #the-list + grid-template-columns: repeat(2, 1fr) + -ms-grid-template-columns: repeat(2, 1fr) + +@media (max-width: 782px) + #um-extensions-wrap + #the-list + grid-template-columns: repeat(1, 1fr) + -ms-grid-template-columns: repeat(1, 1fr) + +@media screen and (max-width: 782px) + #um-extensions-wrap + .plugin-card-top + min-height: 80px diff --git a/assets/css/admin/forms-rtl.css b/assets/css/admin/forms-rtl.css new file mode 100644 index 00000000..ced0caf4 --- /dev/null +++ b/assets/css/admin/forms-rtl.css @@ -0,0 +1,5 @@ +.um-form-fields-section { + padding: 0 0 0 10px; + float: right; } + .um-form-fields-section label input { + float: right; } diff --git a/assets/css/admin/forms-rtl.min.css b/assets/css/admin/forms-rtl.min.css new file mode 100644 index 00000000..bc4d2694 --- /dev/null +++ b/assets/css/admin/forms-rtl.min.css @@ -0,0 +1 @@ +.um-form-fields-section{padding:0 0 0 10px;float:right}.um-form-fields-section label input{float:right} \ No newline at end of file diff --git a/assets/css/admin/forms-rtl.sass b/assets/css/admin/forms-rtl.sass new file mode 100644 index 00000000..9e7c9bf0 --- /dev/null +++ b/assets/css/admin/forms-rtl.sass @@ -0,0 +1,17 @@ +.um-form-fields-section + padding: 0 0 0 10px + float: right + label + input + float: right + +//.select2-container +// .select2-choice +// & > .select2-chosen +// text-align: right !important +// margin-right: 10px !important +// margin-left: 26px !important +// .select2-arrow +// border: none !important +// right: auto !important +// left: 0 !important diff --git a/assets/css/admin/forms-screen.css b/assets/css/admin/forms-screen.css new file mode 100644 index 00000000..ccc42f00 --- /dev/null +++ b/assets/css/admin/forms-screen.css @@ -0,0 +1,17 @@ +.um-admin.post-type-um_form .manage-column.column-id { + width: 60px; } + +.um-admin.post-type-um_form .manage-column.column-mode { + width: 100px; } + +.um-admin.post-type-um_form .manage-column.column-is_default { + width: 60px; } + +.um-admin.post-type-um_form .manage-column.column-title { + width: 200px; } + +.um-admin.post-type-um_form .manage-column.column-shortcode { + width: 200px; } + +.um-admin.post-type-um_form td.column-shortcode, .um-admin.post-type-um_form td.column-id { + font-size: 14px; } diff --git a/assets/css/admin/forms-screen.min.css b/assets/css/admin/forms-screen.min.css new file mode 100644 index 00000000..e2fc75ef --- /dev/null +++ b/assets/css/admin/forms-screen.min.css @@ -0,0 +1 @@ +.um-admin.post-type-um_form .manage-column.column-id{width:60px}.um-admin.post-type-um_form .manage-column.column-mode{width:100px}.um-admin.post-type-um_form .manage-column.column-is_default{width:60px}.um-admin.post-type-um_form .manage-column.column-title{width:200px}.um-admin.post-type-um_form .manage-column.column-shortcode{width:200px}.um-admin.post-type-um_form td.column-id,.um-admin.post-type-um_form td.column-shortcode{font-size:14px} \ No newline at end of file diff --git a/assets/css/admin/forms-screen.sass b/assets/css/admin/forms-screen.sass new file mode 100644 index 00000000..12129634 --- /dev/null +++ b/assets/css/admin/forms-screen.sass @@ -0,0 +1,18 @@ +@import "selectors" + +.#{$prefix}admin.post-type-um_form + .manage-column + &.column-id + width: 60px + &.column-mode + width: 100px + &.column-is_default + width: 60px + &.column-title + width: 200px + &.column-shortcode + width: 200px + td + &.column-shortcode, + &.column-id + font-size: 14px diff --git a/assets/css/admin/forms.css b/assets/css/admin/forms.css new file mode 100644 index 00000000..77ebdea2 --- /dev/null +++ b/assets/css/admin/forms.css @@ -0,0 +1,370 @@ +.um-form-table .um-forms-line[data-conditional] { + display: none; } + +.um-form-table .um-forms-line[data-field_type="checkbox"] td label { + font-style: italic; } + +.um-form-table .um-forms-line label .um-req { + color: #a00; + margin: 0 0 0 3px; + font-weight: normal; } + +.um-form-table .um-forms-line .um-text-delete { + color: #a00; + float: left; } + .um-form-table .um-forms-line .um-text-delete:hover { + color: red; } + +.um-form-table .um-forms-line .um-multi-text-add-option { + margin-bottom: 14px; } + +.um-form-table .um-forms-line .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; } + +.um-form-table .um-forms-line td .um-same-page-update-wrapper { + display: none; + margin: 7px 0 0 0; } + .um-form-table .um-forms-line td .um-same-page-update-wrapper input.um-admin-form-same-page-update { + margin: 7px 0 0 0; } + .um-form-table .um-forms-line td .um-same-page-update-wrapper .upgrade_log { + margin: 7px 0 0 0; + width: 100%; + height: 150px; + overflow: auto; + border: 1px solid #a1a1a1; } + +.um-form-table .um-forms-line[data-field_type="same_page_update"] { + vertical-align: baseline; } + .um-form-table .um-forms-line[data-field_type="same_page_update"] th, + .um-form-table .um-forms-line[data-field_type="same_page_update"] td { + vertical-align: baseline; } + +.um-form-table.um-third-column .um-forms-line th { + width: 33%; } + +.um-form-table.um-half-column .um-forms-line th { + width: 50%; } + +.um-form-table.um-two-thirds-column .um-forms-line th { + width: 83%; } + +.um-form-table.um-top-label .um-forms-line td { + padding: 0 0 15px 0; } + .um-form-table.um-top-label .um-forms-line td label { + margin: 0 0 5px 0; + display: inline-block; } + +.um-form-table.um-top-label .um-forms-line[data-field_type="icon"] td label { + width: 100%; + display: block; + margin: 0 0 5px 0; } + +.um-form-table .description { + font-style: italic; + clear: both; } + +.um_admin_fonticon_wrapper { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + flex-wrap: nowrap; } + .um_admin_fonticon_wrapper .um-admin-icon-value { + line-height: 1; } + .um_admin_fonticon_wrapper .um-admin-icon-value i { + top: 0; } + +input[type="text"].um-forms-field, +input[type="url"].um-forms-field, +input[type="number"].um-forms-field, +input[type="date"].um-forms-field, +input[type="time"].um-forms-field, +input[type="password"].um-forms-field, +select.um-forms-field, +textarea.um-forms-field { + box-sizing: border-box; } + input[type="text"].um-forms-field.um-long-field, + input[type="url"].um-forms-field.um-long-field, + input[type="number"].um-forms-field.um-long-field, + input[type="date"].um-forms-field.um-long-field, + input[type="time"].um-forms-field.um-long-field, + input[type="password"].um-forms-field.um-long-field, + select.um-forms-field.um-long-field, + textarea.um-forms-field.um-long-field { + width: 100% !important; } + input[type="text"].um-forms-field.um-medium-field, + input[type="url"].um-forms-field.um-medium-field, + input[type="number"].um-forms-field.um-medium-field, + input[type="date"].um-forms-field.um-medium-field, + input[type="time"].um-forms-field.um-medium-field, + input[type="password"].um-forms-field.um-medium-field, + select.um-forms-field.um-medium-field, + textarea.um-forms-field.um-medium-field { + width: 50% !important; } + input[type="text"].um-forms-field.um-small-field, + input[type="url"].um-forms-field.um-small-field, + input[type="number"].um-forms-field.um-small-field, + input[type="date"].um-forms-field.um-small-field, + input[type="time"].um-forms-field.um-small-field, + input[type="password"].um-forms-field.um-small-field, + select.um-forms-field.um-small-field, + textarea.um-forms-field.um-small-field { + width: 25% !important; } + +input[type="number"].um-forms-field { + padding-right: 0; } + +.um-multi-text-list, +.um-multi-selects-list, +.um-md-default-filters-list { + float: left; + width: 100%; + margin: 0 0 10px 0; } + +.um-hidden-multi-text, +.um-hidden-multi-selects, +.um-hidden-md-default-filters { + display: none !important; } + +.um-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; } + .um-md-default-filters-option-line .um-field-wrapper { + float: left; + width: calc( 100% - 60px); + line-height: 30px; + box-sizing: border-box; } + .um-md-default-filters-option-line .um-field-wrapper2 { + float: left; + width: calc( 100% - 60px); + line-height: 30px; + box-sizing: border-box; } + .um-md-default-filters-option-line .um-field-wrapper2.um { + margin: 5px 0 0 0; } + .um-md-default-filters-option-line .um-field-wrapper2 .ui-slider-range.ui-widget-header { + background: #44b0ec; + border: 1px solid #44b0ec !important; + margin-top: -1px; } + .um-md-default-filters-option-line .um-field-wrapper2 select { + width: 100%; + float: left; } + .um-md-default-filters-option-line .um-field-wrapper2 input { + width: 100%; + float: left; } + .um-md-default-filters-option-line .um-field-wrapper2 input.um-timepicker-filter, .um-md-default-filters-option-line .um-field-wrapper2 input.um-datepicker-filter { + width: calc( 50% - 7px) !important; + float: left; } + .um-md-default-filters-option-line .um-field-wrapper2 input.um-timepicker-filter:first-child, .um-md-default-filters-option-line .um-field-wrapper2 input.um-datepicker-filter:first-child { + margin-right: 11px; } + .um-md-default-filters-option-line .um-field-wrapper2 .um-slider { + margin: 5px 9px 0 9px; + width: calc( 100% - 18px); + box-sizing: border-box; + display: block; } + .um-md-default-filters-option-line .um-field-control { + float: left; + width: 60px; + line-height: 30px; + padding: 0 10px; + box-sizing: border-box; } + +.um-multi-selects-option-line { + float: left; + width: 100%; + padding: 0; + clear: both; + margin: 0 0 5px 0; } + .um-multi-selects-option-line.um-admin-drag-fld { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + flex-wrap: nowrap; + background: none; + border: none; } + .um-multi-selects-option-line.um-admin-drag-fld .um-field-wrapper { + width: calc( 100% - 90px); } + .um-multi-selects-option-line.um-admin-drag-fld .um-field-icon { + float: left; + width: 20px; + text-align: left; + line-height: 30px; } + .um-multi-selects-option-line .um-field-wrapper { + float: left; + width: calc( 100% - 60px); + line-height: 30px; + box-sizing: border-box; } + .um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields { + margin: 5px 0 0 0; } + .um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label { + float: left; + width: 100%; + line-height: 30px; + box-sizing: border-box; + margin: 0 !important; + padding: 0 !important; + font-weight: bold; + display: flex; + flex-direction: row; + justify-content: space-beetween; + align-items: baseline; + flex-wrap: nowrap; } + .um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label input[type="text"], + .um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label select { + width: auto; + display: inline; + font-weight: normal; + max-width: 70%; + flex: 0.9; } + .um-multi-selects-option-line .um-field-wrapper input, + .um-multi-selects-option-line .um-field-wrapper select { + float: left; + width: 100%; + margin: 0; } + .um-multi-selects-option-line .um-field-control { + float: left; + width: 60px; + line-height: 30px; + padding: 0 10px; + box-sizing: border-box; } + +.um-multi-text-option-line { + float: left; + width: 100%; + padding: 0; + clear: both; + margin: 0 0 5px 0; } + .um-multi-text-option-line .um-field-wrapper { + float: left; + width: calc( 100% - 90px); + line-height: 30px; + box-sizing: border-box; } + .um-multi-text-option-line .um-field-wrapper input, + .um-multi-text-option-line .um-field-wrapper select { + float: left; + width: 100%; + margin: 0; } + .um-multi-text-option-line .um-field-control { + float: left; + width: 60px; + line-height: 30px; + padding: 0 10px; + box-sizing: border-box; } + +.um-form-fields-section { + float: left; + clear: none; + margin: 0; + padding: 0 10px 0 0; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; } + .um-form-fields-section label { + float: left; + width: 100%; + margin: 0; + padding: 0; } + .um-form-fields-section label input { + float: left; + margin-top: 0; } + .um-form-fields-section label span { + float: left; + width: calc( 100% - 20px); } + +@media screen and (max-width: 782px) { + input[type="text"].um-forms-field.um-medium-field, + select.um-forms-field.um-medium-field, + textarea.um-forms-field.um-medium-field { + width: 100% !important; } + input[type="text"].um-forms-field.um-small-field, + select.um-forms-field.um-small-field, + textarea.um-forms-field.um-small-field { + width: 50% !important; } + .um-form-fields-section { + width: 100% !important; } + .um-admin-metabox .um-form-fields-section label { + line-height: 22px !important; + margin: 0 0 12px 0 !important; } + .um-admin-metabox .um-form-fields-section label span { + width: calc( 100% - 30px); } + .um-multi-text-option-line, + .um-multi-selects-option-line { + margin: 0 0 6px 0; } + .um-forms-line label { + float: left; + width: 100%; } + .um-form-table.um-third-column .um-forms-line th, .um-form-table.um-half-column .um-forms-line th, .um-form-table.um-two-thirds-column .um-forms-line th { + float: left; + width: 100%; + margin-bottom: 5px; } + .um-form-table.um-third-column .um-forms-line th label, .um-form-table.um-half-column .um-forms-line th label, .um-form-table.um-two-thirds-column .um-forms-line th label { + float: left; + width: 100%; } + .um-form-table.um-third-column .um-forms-line td, .um-form-table.um-half-column .um-forms-line td, .um-form-table.um-two-thirds-column .um-forms-line td { + float: left; + width: 100%; } } + +.um-sortable-items-field .um-sortable-item { + cursor: move !important; + padding: 5px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + border: 1px solid #7e8993; + border-radius: 4px; + -moz-border-radius: 4px; + background: #fff; + height: 42px; + line-height: 28px; + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + flex-wrap: nowrap; } + .um-sortable-items-field .um-sortable-item.um-hidden-item { + display: none; } + .um-sortable-items-field .um-sortable-item .um-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; } + +span.um-admin-icon-value { + margin: 0 10px; + font-size: 13px; } + span.um-admin-icon-value i { + font-size: 28px; + color: #0085ba; + position: relative; + top: 5px; } + +span.um-admin-icon-clear { + display: none; + cursor: pointer; + position: relative; + color: #ccc; } + span.um-admin-icon-clear.show { + display: inline-block; } + span.um-admin-icon-clear:hover { + color: #777; } + span.um-admin-icon-clear i { + font-size: 20px; + vertical-align: middle; } diff --git a/assets/css/admin/forms.min.css b/assets/css/admin/forms.min.css new file mode 100644 index 00000000..125ae377 --- /dev/null +++ b/assets/css/admin/forms.min.css @@ -0,0 +1 @@ +.um-form-table .um-forms-line[data-conditional]{display:none}.um-form-table .um-forms-line[data-field_type=checkbox] td label{font-style:italic}.um-form-table .um-forms-line label .um-req{color:#a00;margin:0 0 0 3px;font-weight:400}.um-form-table .um-forms-line .um-text-delete{color:#a00;float:left}.um-form-table .um-forms-line .um-text-delete:hover{color:red}.um-form-table .um-forms-line .um-multi-text-add-option{margin-bottom:14px}.um-form-table .um-forms-line .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}.um-form-table .um-forms-line td .um-same-page-update-wrapper{display:none;margin:7px 0 0 0}.um-form-table .um-forms-line td .um-same-page-update-wrapper input.um-admin-form-same-page-update{margin:7px 0 0 0}.um-form-table .um-forms-line td .um-same-page-update-wrapper .upgrade_log{margin:7px 0 0 0;width:100%;height:150px;overflow:auto;border:1px solid #a1a1a1}.um-form-table .um-forms-line[data-field_type=same_page_update]{vertical-align:baseline}.um-form-table .um-forms-line[data-field_type=same_page_update] td,.um-form-table .um-forms-line[data-field_type=same_page_update] th{vertical-align:baseline}.um-form-table.um-third-column .um-forms-line th{width:33%}.um-form-table.um-half-column .um-forms-line th{width:50%}.um-form-table.um-two-thirds-column .um-forms-line th{width:83%}.um-form-table.um-top-label .um-forms-line td{padding:0 0 15px 0}.um-form-table.um-top-label .um-forms-line td label{margin:0 0 5px 0;display:inline-block}.um-form-table.um-top-label .um-forms-line[data-field_type=icon] td label{width:100%;display:block;margin:0 0 5px 0}.um-form-table .description{font-style:italic;clear:both}.um_admin_fonticon_wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.um_admin_fonticon_wrapper .um-admin-icon-value{line-height:1}.um_admin_fonticon_wrapper .um-admin-icon-value i{top:0}input[type=date].um-forms-field,input[type=number].um-forms-field,input[type=password].um-forms-field,input[type=text].um-forms-field,input[type=time].um-forms-field,input[type=url].um-forms-field,select.um-forms-field,textarea.um-forms-field{box-sizing:border-box}input[type=date].um-forms-field.um-long-field,input[type=number].um-forms-field.um-long-field,input[type=password].um-forms-field.um-long-field,input[type=text].um-forms-field.um-long-field,input[type=time].um-forms-field.um-long-field,input[type=url].um-forms-field.um-long-field,select.um-forms-field.um-long-field,textarea.um-forms-field.um-long-field{width:100%!important}input[type=date].um-forms-field.um-medium-field,input[type=number].um-forms-field.um-medium-field,input[type=password].um-forms-field.um-medium-field,input[type=text].um-forms-field.um-medium-field,input[type=time].um-forms-field.um-medium-field,input[type=url].um-forms-field.um-medium-field,select.um-forms-field.um-medium-field,textarea.um-forms-field.um-medium-field{width:50%!important}input[type=date].um-forms-field.um-small-field,input[type=number].um-forms-field.um-small-field,input[type=password].um-forms-field.um-small-field,input[type=text].um-forms-field.um-small-field,input[type=time].um-forms-field.um-small-field,input[type=url].um-forms-field.um-small-field,select.um-forms-field.um-small-field,textarea.um-forms-field.um-small-field{width:25%!important}input[type=number].um-forms-field{padding-right:0}.um-md-default-filters-list,.um-multi-selects-list,.um-multi-text-list{float:left;width:100%;margin:0 0 10px 0}.um-hidden-md-default-filters,.um-hidden-multi-selects,.um-hidden-multi-text{display:none!important}.um-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}.um-md-default-filters-option-line .um-field-wrapper{float:left;width:calc(100% - 60px);line-height:30px;box-sizing:border-box}.um-md-default-filters-option-line .um-field-wrapper2{float:left;width:calc(100% - 60px);line-height:30px;box-sizing:border-box}.um-md-default-filters-option-line .um-field-wrapper2.um{margin:5px 0 0 0}.um-md-default-filters-option-line .um-field-wrapper2 .ui-slider-range.ui-widget-header{background:#44b0ec;border:1px solid #44b0ec!important;margin-top:-1px}.um-md-default-filters-option-line .um-field-wrapper2 select{width:100%;float:left}.um-md-default-filters-option-line .um-field-wrapper2 input{width:100%;float:left}.um-md-default-filters-option-line .um-field-wrapper2 input.um-datepicker-filter,.um-md-default-filters-option-line .um-field-wrapper2 input.um-timepicker-filter{width:calc(50% - 7px)!important;float:left}.um-md-default-filters-option-line .um-field-wrapper2 input.um-datepicker-filter:first-child,.um-md-default-filters-option-line .um-field-wrapper2 input.um-timepicker-filter:first-child{margin-right:11px}.um-md-default-filters-option-line .um-field-wrapper2 .um-slider{margin:5px 9px 0 9px;width:calc(100% - 18px);box-sizing:border-box;display:block}.um-md-default-filters-option-line .um-field-control{float:left;width:60px;line-height:30px;padding:0 10px;box-sizing:border-box}.um-multi-selects-option-line{float:left;width:100%;padding:0;clear:both;margin:0 0 5px 0}.um-multi-selects-option-line.um-admin-drag-fld{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;background:0 0;border:none}.um-multi-selects-option-line.um-admin-drag-fld .um-field-wrapper{width:calc(100% - 90px)}.um-multi-selects-option-line.um-admin-drag-fld .um-field-icon{float:left;width:20px;text-align:left;line-height:30px}.um-multi-selects-option-line .um-field-wrapper{float:left;width:calc(100% - 60px);line-height:30px;box-sizing:border-box}.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields{margin:5px 0 0 0}.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label{float:left;width:100%;line-height:30px;box-sizing:border-box;margin:0!important;padding:0!important;font-weight:700;display:flex;flex-direction:row;justify-content:space-beetween;align-items:baseline;flex-wrap:nowrap}.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label input[type=text],.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label select{width:auto;display:inline;font-weight:400;max-width:70%;flex:.9}.um-multi-selects-option-line .um-field-wrapper input,.um-multi-selects-option-line .um-field-wrapper select{float:left;width:100%;margin:0}.um-multi-selects-option-line .um-field-control{float:left;width:60px;line-height:30px;padding:0 10px;box-sizing:border-box}.um-multi-text-option-line{float:left;width:100%;padding:0;clear:both;margin:0 0 5px 0}.um-multi-text-option-line .um-field-wrapper{float:left;width:calc(100% - 90px);line-height:30px;box-sizing:border-box}.um-multi-text-option-line .um-field-wrapper input,.um-multi-text-option-line .um-field-wrapper select{float:left;width:100%;margin:0}.um-multi-text-option-line .um-field-control{float:left;width:60px;line-height:30px;padding:0 10px;box-sizing:border-box}.um-form-fields-section{float:left;clear:none;margin:0;padding:0 10px 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.um-form-fields-section label{float:left;width:100%;margin:0;padding:0}.um-form-fields-section label input{float:left;margin-top:0}.um-form-fields-section label span{float:left;width:calc(100% - 20px)}@media screen and (max-width:782px){input[type=text].um-forms-field.um-medium-field,select.um-forms-field.um-medium-field,textarea.um-forms-field.um-medium-field{width:100%!important}input[type=text].um-forms-field.um-small-field,select.um-forms-field.um-small-field,textarea.um-forms-field.um-small-field{width:50%!important}.um-form-fields-section{width:100%!important}.um-admin-metabox .um-form-fields-section label{line-height:22px!important;margin:0 0 12px 0!important}.um-admin-metabox .um-form-fields-section label span{width:calc(100% - 30px)}.um-multi-selects-option-line,.um-multi-text-option-line{margin:0 0 6px 0}.um-forms-line label{float:left;width:100%}.um-form-table.um-half-column .um-forms-line th,.um-form-table.um-third-column .um-forms-line th,.um-form-table.um-two-thirds-column .um-forms-line th{float:left;width:100%;margin-bottom:5px}.um-form-table.um-half-column .um-forms-line th label,.um-form-table.um-third-column .um-forms-line th label,.um-form-table.um-two-thirds-column .um-forms-line th label{float:left;width:100%}.um-form-table.um-half-column .um-forms-line td,.um-form-table.um-third-column .um-forms-line td,.um-form-table.um-two-thirds-column .um-forms-line td{float:left;width:100%}}.um-sortable-items-field .um-sortable-item{cursor:move!important;padding:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #7e8993;border-radius:4px;-moz-border-radius:4px;background:#fff;height:42px;line-height:28px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.um-sortable-items-field .um-sortable-item.um-hidden-item{display:none}.um-sortable-items-field .um-sortable-item .um-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}span.um-admin-icon-value{margin:0 10px;font-size:13px}span.um-admin-icon-value i{font-size:28px;color:#0085ba;position:relative;top:5px}span.um-admin-icon-clear{display:none;cursor:pointer;position:relative;color:#ccc}span.um-admin-icon-clear.show{display:inline-block}span.um-admin-icon-clear:hover{color:#777}span.um-admin-icon-clear i{font-size:20px;vertical-align:middle} \ No newline at end of file diff --git a/assets/css/admin/forms.sass b/assets/css/admin/forms.sass new file mode 100644 index 00000000..cb510702 --- /dev/null +++ b/assets/css/admin/forms.sass @@ -0,0 +1,494 @@ +@import "selectors" +@import "mixins" +@import "colors" + + +.#{$prefix}form-table + .#{$prefix}forms-line + &[data-conditional] + display: none + &[data-field_type="checkbox"] + td + label + font-style: italic + 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 + + &[data-field_type="icon"] + td + label + width: 100% + display: block + margin: 0 0 5px 0 + .description + font-style: italic + clear: both + +.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 diff --git a/assets/css/admin/global.css b/assets/css/admin/global.css new file mode 100644 index 00000000..1dc29641 --- /dev/null +++ b/assets/css/admin/global.css @@ -0,0 +1,59 @@ +ul#adminmenu li#toplevel_page_ultimatemember a.wp-has-current-submenu:after { + display: none !important; } + +ul#adminmenu li#toplevel_page_ultimatemember.wp-has-submenu.wp-not-current-submenu:hover:after { + right: -9999999px; } + +ul#adminmenu > li#toplevel_page_ultimatemember.current > a.current:after { + display: none !important; } + +.um-admin-notice { + border-color: #0085ba; + color: #555; } + .um-admin-notice.error { + border-color: #dc3232; } + .um-admin-notice.notice-warning { + border-color: #dba617; } + .um-admin-notice a { + text-decoration: none; + color: #0085ba; } + .um-admin-notice a:hover { + color: #44b0ec; } + .um-admin-notice a.button-primary { + background-color: #0085ba; + border-color: #0085ba; } + .um-admin-notice a.button-primary:hover { + background-color: #008ec2; + border-color: #008ec2; } + .um-admin-notice a.button-secondary { + opacity: 0.7; } + .um-admin-notice a.button-secondary:hover { + opacity: 0.9; } + +/* UM Tooltip ( future helptip ) */ +.um .ui-tooltip.um_tooltip { + padding: 8px; + color: #eee !important; + background: rgba(0, 0, 0, 0.85) !important; + position: absolute; + z-index: 10002; + max-width: 300px; + font-size: 12px; + border-radius: 5px; + border: none !important; + text-shadow: none !important; } + +.um_tooltip { + cursor: pointer; + vertical-align: middle; } + .um_tooltip:hover { + opacity: 1; } + .um_tooltip:hover:before { + opacity: 0.8; } + .um_tooltip.dashicons, .um_tooltip.dashicons:before { + height: 22px; } + .um_tooltip.dashicons-editor-help:before { + float: left; + font-size: 20px; + line-height: 20px; + color: rgba(0, 0, 0, 0.85) !important; } diff --git a/assets/css/admin/global.min.css b/assets/css/admin/global.min.css new file mode 100644 index 00000000..f1fbda47 --- /dev/null +++ b/assets/css/admin/global.min.css @@ -0,0 +1 @@ +ul#adminmenu li#toplevel_page_ultimatemember a.wp-has-current-submenu:after{display:none!important}ul#adminmenu li#toplevel_page_ultimatemember.wp-has-submenu.wp-not-current-submenu:hover:after{right:-9999999px}ul#adminmenu>li#toplevel_page_ultimatemember.current>a.current:after{display:none!important}.um-admin-notice{border-color:#0085ba;color:#555}.um-admin-notice.error{border-color:#dc3232}.um-admin-notice.notice-warning{border-color:#dba617}.um-admin-notice a{text-decoration:none;color:#0085ba}.um-admin-notice a:hover{color:#44b0ec}.um-admin-notice a.button-primary{background-color:#0085ba;border-color:#0085ba}.um-admin-notice a.button-primary:hover{background-color:#008ec2;border-color:#008ec2}.um-admin-notice a.button-secondary{opacity:.7}.um-admin-notice a.button-secondary:hover{opacity:.9}.um .ui-tooltip.um_tooltip{padding:8px;color:#eee!important;background:rgba(0,0,0,.85)!important;position:absolute;z-index:10002;max-width:300px;font-size:12px;border-radius:5px;border:none!important;text-shadow:none!important}.um_tooltip{cursor:pointer;vertical-align:middle}.um_tooltip:hover{opacity:1}.um_tooltip:hover:before{opacity:.8}.um_tooltip.dashicons,.um_tooltip.dashicons:before{height:22px}.um_tooltip.dashicons-editor-help:before{float:left;font-size:20px;line-height:20px;color:rgba(0,0,0,.85)!important} \ No newline at end of file diff --git a/assets/css/admin/global.sass b/assets/css/admin/global.sass new file mode 100644 index 00000000..5e62c3bd --- /dev/null +++ b/assets/css/admin/global.sass @@ -0,0 +1,69 @@ +@import "selectors" +@import "colors" + +ul#adminmenu + li#toplevel_page_ultimatemember + a.wp-has-current-submenu:after + display: none !important + &.wp-has-submenu.wp-not-current-submenu:hover:after + right: -9999999px + & > li#toplevel_page_ultimatemember.current > a.current:after + display: none !important + +.#{$prefix}admin-notice + border-color: #{$um-base} + color: #555 + &.error + border-color: #dc3232 + &.notice-warning + border-color: #dba617 + a + text-decoration: none + color: #{$um-base} + &:hover + color: #44b0ec + &.button-primary + background-color: #{$um-base} + border-color: #{$um-base} + &:hover + background-color: #{$um-base-hover} + border-color: #{$um-base-hover} + &.button-secondary + opacity: 0.7 + &:hover + opacity: 0.9 + +/* UM Tooltip ( future helptip ) */ +.um .ui-tooltip + &.#{$helptip} + padding: 8px + color: $grey-text !important + background: $overlay !important + position: absolute + z-index: 10002 + max-width: 300px + font-size: 12px + border-radius: 5px + border: none !important + text-shadow: none !important + +.#{$helptip} + cursor: pointer + vertical-align: middle + &:hover + opacity: 1 + &:before + opacity: 0.8 + &.dashicons + height: 22px + &:before + @extend .#{$helptip}.dashicons + &.dashicons-editor-help:before + float: left + font-size: 20px + line-height: 20px + color: $overlay !important + +// wp.org reviews admin notice: Removed for now to avoid the bad reviews +//.#{$prefix}hidden-notice +// display: none diff --git a/assets/css/admin/modal.css b/assets/css/admin/modal.css new file mode 100644 index 00000000..a666a9eb --- /dev/null +++ b/assets/css/admin/modal.css @@ -0,0 +1,140 @@ +.um-admin-overlay { + background: rgba(0, 0, 0, 0.7); + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 10000; } + +.um-admin-modal { + border-radius: 3px; + background: #fff; + position: fixed; + top: 50% !important; + left: 50% !important; + display: none; + z-index: 10001; + box-sizing: border-box; + width: 730px; + margin-left: -365px; } + .um-admin-modal.normal { + width: 730px; + margin-left: -365px; } + .um-admin-modal.smaller { + width: 500px; + margin-left: -250px; } + .um-admin-modal.small { + width: 400px; + margin-left: -200px; } + .um-admin-modal input[type="submit"].button-primary { + padding: 0 12px !important; + vertical-align: middle !important; + line-height: 24px !important; } + .um-admin-modal .um-admin-modal-body { + padding: 10px 20px 10px 20px; + max-height: 500px; + overflow: auto; } + .um-admin-modal .um-admin-modal-body.um-admin-metabox label { + margin: 0 !important; } + .um-admin-modal .um-admin-modal-body.um-admin-metabox .um-admin-editor-h { + margin-top: 12px; } + .um-admin-modal .um-admin-modal-body.um-admin-metabox .um-admin-editor-h label { + margin: 0 0 4px 0 !important; } + .um-admin-modal .um-admin-modal-body.um-admin-metabox .wp-editor-wrap { + margin: 0 0 4px 0 !important; } + .um-admin-modal .um-admin-modal-body.um-admin-metabox .wp-editor-wrap textarea { + border: 0 !important; } + .um-admin-modal a.button-primary { + padding: 0 12px !important; + vertical-align: middle !important; } + .um-admin-modal a.button { + padding: 0 12px !important; + vertical-align: middle !important; } + .um-admin-modal a.button i:before { + display: block; + top: 0; } + .um-admin-modal h3 { + font-size: 14px; + line-height: 14px; + font-weight: normal; + color: #fff; } + .um-admin-modal h4 { + margin: 0 0 10px 0 !important; } + .um-admin-modal label { + font-size: 13px; + color: #aaa; } + .um-admin-modal p { + font-size: 13px; + color: #aaa; } + .um-admin-modal.loading .um-admin-modal-body { + height: 200px; + background: url(../../img/ajax-loader.gif) no-repeat center; } + +.um-admin-modal-close { + position: absolute; + color: #fff !important; + right: 16px; + top: 14px; + font-size: 22px; + text-decoration: none; + opacity: 0.4; } + .um-admin-modal-close:hover { + opacity: 1; } + +.um-admin-modal-head { + padding: 4px 20px; + background: #0085ba; + position: relative; + border-radius: 3px 3px 0 0; } + +.um-admin-modal-foot { + padding: 20px 0 !important; + border-top: 1px solid #ddd; + text-align: center; + background: #eee; + border-radius: 0 0 3px 3px; } + .um-admin-modal-foot a, + .um-admin-modal-foot input { + margin: 0 10px !important; + font-size: 14px !important; } + +#UM_fonticons div.um-admin-metabox { + padding-bottom: 22px !important; } + +p._icon_search { + position: relative; + width: 85% !important; + margin: 0 auto !important; + padding: 12px 0 0 0 !important; } + p._icon_search:before { + position: absolute; + right: 6px; + top: 12px; + font-size: 20px; + content: "\f4a4"; + font-family: "Ionicons"; + color: #999; } + p._icon_search:before input[type="text"] { + padding-right: 40px !important; } + +.um-admin-icons { + padding: 0 0 15px 12px; + float: left; } + .um-admin-icons span { + cursor: pointer; + float: left; + margin: 5px; + color: #777; + border: 4px solid #eee; + border-radius: 3px; } + .um-admin-icons span:hover, .um-admin-icons span.highlighted { + color: #0085ba; + border-color: #0085ba; } + .um-admin-icons i { + vertical-align: middle !important; + font-size: 24px; + width: 24px; + text-align: center; + padding: 15px 20px; + display: inline-block; } diff --git a/assets/css/admin/modal.min.css b/assets/css/admin/modal.min.css new file mode 100644 index 00000000..b11cfcc7 --- /dev/null +++ b/assets/css/admin/modal.min.css @@ -0,0 +1 @@ +.um-admin-overlay{background:rgba(0,0,0,.7);width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000}.um-admin-modal{border-radius:3px;background:#fff;position:fixed;top:50%!important;left:50%!important;display:none;z-index:10001;box-sizing:border-box;width:730px;margin-left:-365px}.um-admin-modal.normal{width:730px;margin-left:-365px}.um-admin-modal.smaller{width:500px;margin-left:-250px}.um-admin-modal.small{width:400px;margin-left:-200px}.um-admin-modal input[type=submit].button-primary{padding:0 12px!important;vertical-align:middle!important;line-height:24px!important}.um-admin-modal .um-admin-modal-body{padding:10px 20px 10px 20px;max-height:500px;overflow:auto}.um-admin-modal .um-admin-modal-body.um-admin-metabox label{margin:0!important}.um-admin-modal .um-admin-modal-body.um-admin-metabox .um-admin-editor-h{margin-top:12px}.um-admin-modal .um-admin-modal-body.um-admin-metabox .um-admin-editor-h label{margin:0 0 4px 0!important}.um-admin-modal .um-admin-modal-body.um-admin-metabox .wp-editor-wrap{margin:0 0 4px 0!important}.um-admin-modal .um-admin-modal-body.um-admin-metabox .wp-editor-wrap textarea{border:0!important}.um-admin-modal a.button-primary{padding:0 12px!important;vertical-align:middle!important}.um-admin-modal a.button{padding:0 12px!important;vertical-align:middle!important}.um-admin-modal a.button i:before{display:block;top:0}.um-admin-modal h3{font-size:14px;line-height:14px;font-weight:400;color:#fff}.um-admin-modal h4{margin:0 0 10px 0!important}.um-admin-modal label{font-size:13px;color:#aaa}.um-admin-modal p{font-size:13px;color:#aaa}.um-admin-modal.loading .um-admin-modal-body{height:200px;background:url(../../img/ajax-loader.gif) no-repeat center}.um-admin-modal-close{position:absolute;color:#fff!important;right:16px;top:14px;font-size:22px;text-decoration:none;opacity:.4}.um-admin-modal-close:hover{opacity:1}.um-admin-modal-head{padding:4px 20px;background:#0085ba;position:relative;border-radius:3px 3px 0 0}.um-admin-modal-foot{padding:20px 0!important;border-top:1px solid #ddd;text-align:center;background:#eee;border-radius:0 0 3px 3px}.um-admin-modal-foot a,.um-admin-modal-foot input{margin:0 10px!important;font-size:14px!important}#UM_fonticons div.um-admin-metabox{padding-bottom:22px!important}p._icon_search{position:relative;width:85%!important;margin:0 auto!important;padding:12px 0 0 0!important}p._icon_search:before{position:absolute;right:6px;top:12px;font-size:20px;content:"\f4a4";font-family:Ionicons;color:#999}p._icon_search:before input[type=text]{padding-right:40px!important}.um-admin-icons{padding:0 0 15px 12px;float:left}.um-admin-icons span{cursor:pointer;float:left;margin:5px;color:#777;border:4px solid #eee;border-radius:3px}.um-admin-icons span.highlighted,.um-admin-icons span:hover{color:#0085ba;border-color:#0085ba}.um-admin-icons i{vertical-align:middle!important;font-size:24px;width:24px;text-align:center;padding:15px 20px;display:inline-block} \ No newline at end of file diff --git a/assets/css/admin/modal.sass b/assets/css/admin/modal.sass new file mode 100644 index 00000000..d450f068 --- /dev/null +++ b/assets/css/admin/modal.sass @@ -0,0 +1,147 @@ +.um-admin-overlay + background: rgba( 0, 0, 0, 0.7) + width: 100% + height: 100% + position: fixed + top: 0 + left: 0 + z-index: 10000 + +.um-admin-modal + border-radius: 3px + background: #fff + position: fixed + top: 50% !important + left: 50% !important + display: none + z-index: 10001 + box-sizing: border-box + width: 730px + margin-left: -365px + &.normal + width: 730px + margin-left: -365px + &.smaller + width: 500px + margin-left: -250px + &.small + width: 400px + margin-left: -200px + input[type="submit"] + &.button-primary + padding: 0 12px !important + vertical-align: middle !important + line-height: 24px !important + .um-admin-modal-body + padding: 10px 20px 10px 20px + max-height: 500px + overflow: auto + &.um-admin-metabox + label + margin: 0 !important + .um-admin-editor-h + margin-top: 12px + label + margin: 0 0 4px 0 !important + .wp-editor-wrap + margin: 0 0 4px 0 !important + textarea + border: 0 !important + + a + &.button-primary + padding: 0 12px !important + vertical-align: middle !important + &.button + padding: 0 12px !important + vertical-align: middle !important + i:before + display: block + top: 0 + h3 + font-size: 14px + line-height: 14px + font-weight: normal + color: #fff + h4 + margin: 0 0 10px 0 !important + label + font-size: 13px + color: #aaa + p + font-size: 13px + color: #aaa + + &.loading + .um-admin-modal-body + height: 200px + background: url(../../img/ajax-loader.gif) no-repeat center + +.um-admin-modal-close + position: absolute + color: #fff !important + right: 16px + top: 14px + font-size: 22px + text-decoration: none + opacity: 0.4 + &:hover + opacity: 1 + +.um-admin-modal-head + padding: 4px 20px + background: #0085ba + position: relative + border-radius: 3px 3px 0 0 +.um-admin-modal-foot + padding: 20px 0 !important + border-top: 1px solid #ddd + text-align: center + background: #eee + border-radius: 0 0 3px 3px + a, + input + margin: 0 10px !important + font-size: 14px !important + +#UM_fonticons + div.um-admin-metabox + padding-bottom: 22px !important + +p._icon_search + position: relative + width: 85% !important + margin: 0 auto !important + padding: 12px 0 0 0 !important + &:before + position: absolute + right: 6px + top: 12px + font-size: 20px + content: "\f4a4" + font-family: "Ionicons" + color: #999 + input[type="text"] + padding-right: 40px!important + +.um-admin-icons + padding: 0 0 15px 12px + float: left + span + cursor: pointer + float: left + margin: 5px + color: #777 + border: 4px solid #eee + border-radius: 3px + &:hover, + &.highlighted + color: #0085ba + border-color: #0085ba + i + vertical-align: middle !important + font-size: 24px + width: 24px + text-align: center + padding: 15px 20px + display: inline-block diff --git a/assets/css/admin/nav-menu.css b/assets/css/admin/nav-menu.css new file mode 100644 index 00000000..e1c369b3 --- /dev/null +++ b/assets/css/admin/nav-menu.css @@ -0,0 +1,11 @@ +.wp-admin p.um-nav-roles { + display: none; + margin-top: 5px; } + .wp-admin p.um-nav-roles label { + margin-top: 2px !important; + margin-bottom: 2px !important; } + .wp-admin p.um-nav-roles label input[type="checkbox"] { + margin-top: 2px !important; } + +.wp-admin p.um-nav-mode { + margin-top: 10px; } diff --git a/assets/css/admin/nav-menu.min.css b/assets/css/admin/nav-menu.min.css new file mode 100644 index 00000000..c9181550 --- /dev/null +++ b/assets/css/admin/nav-menu.min.css @@ -0,0 +1 @@ +.wp-admin p.um-nav-roles{display:none;margin-top:5px}.wp-admin p.um-nav-roles label{margin-top:2px!important;margin-bottom:2px!important}.wp-admin p.um-nav-roles label input[type=checkbox]{margin-top:2px!important}.wp-admin p.um-nav-mode{margin-top:10px} \ No newline at end of file diff --git a/assets/css/admin/nav-menu.sass b/assets/css/admin/nav-menu.sass new file mode 100644 index 00000000..0a099243 --- /dev/null +++ b/assets/css/admin/nav-menu.sass @@ -0,0 +1,13 @@ +@import "selectors" + +.wp-admin + p.#{$prefix}nav-roles + display: none + margin-top: 5px + label + margin-top: 2px !important + margin-bottom: 2px !important + input[type="checkbox"] + margin-top: 2px !important + p.#{$prefix}nav-mode + margin-top: 10px diff --git a/assets/css/admin/roles.css b/assets/css/admin/roles.css new file mode 100644 index 00000000..a6bc71a9 --- /dev/null +++ b/assets/css/admin/roles.css @@ -0,0 +1,34 @@ +#um-roles .row-actions .reset a { + color: #a00; } + #um-roles .row-actions .reset a:hover { + color: red; } + +.wp-list-table.roles .column-core, +.wp-list-table.roles .column-users { + width: 15%; + text-align: center !important; } + +.wp-list-table.roles .column-admin_access, +.wp-list-table.roles .column-priority { + width: 10%; + text-align: center !important; } + +@media screen and (max-width: 782px) { + .wp-list-table.roles .column-core, + .wp-list-table.roles .column-users, + .wp-list-table.roles .column-admin_access, + .wp-list-table.roles .column-priority { + text-align: left !important; } } + +#um-admin-form-wp-capabilities .um-metadata-line th { + width: auto; } + +#um-admin-form-wp-capabilities .um-metadata-line td { + width: 20px; } + +#um_edit_role #titlewrap > span { + width: 40px; + font-size: 24px; + float: left; + display: block; + line-height: 37px; } diff --git a/assets/css/admin/roles.min.css b/assets/css/admin/roles.min.css new file mode 100644 index 00000000..8343788a --- /dev/null +++ b/assets/css/admin/roles.min.css @@ -0,0 +1 @@ +#um-roles .row-actions .reset a{color:#a00}#um-roles .row-actions .reset a:hover{color:red}.wp-list-table.roles .column-core,.wp-list-table.roles .column-users{width:15%;text-align:center!important}.wp-list-table.roles .column-admin_access,.wp-list-table.roles .column-priority{width:10%;text-align:center!important}@media screen and (max-width:782px){.wp-list-table.roles .column-admin_access,.wp-list-table.roles .column-core,.wp-list-table.roles .column-priority,.wp-list-table.roles .column-users{text-align:left!important}}#um-admin-form-wp-capabilities .um-metadata-line th{width:auto}#um-admin-form-wp-capabilities .um-metadata-line td{width:20px}#um_edit_role #titlewrap>span{width:40px;font-size:24px;float:left;display:block;line-height:37px} \ No newline at end of file diff --git a/assets/css/admin/roles.sass b/assets/css/admin/roles.sass new file mode 100644 index 00000000..08869811 --- /dev/null +++ b/assets/css/admin/roles.sass @@ -0,0 +1,44 @@ +@import "selectors" +@import "colors" + +##{$prefix}roles + .row-actions + .reset + a + color: #{$delete-link} + &:hover + color: red + + +.wp-list-table.roles + .column-core, + .column-users + width: 15% + text-align: center !important + .column-admin_access, + .column-priority + width: 10% + text-align: center !important + +@media screen and (max-width: 782px) + .wp-list-table.roles + .column-core, + .column-users, + .column-admin_access, + .column-priority + text-align: left !important + +##{$prefix}admin-form-wp-capabilities + .#{$prefix}metadata-line + th + width: auto + td + width: 20px + +#um_edit_role + #titlewrap > span + width: 40px + font-size: 24px + float: left + display: block + line-height: 37px diff --git a/assets/css/admin/settings.css b/assets/css/admin/settings.css new file mode 100644 index 00000000..0b5d7676 --- /dev/null +++ b/assets/css/admin/settings.css @@ -0,0 +1,193 @@ +#um-settings-wrap .subsubsub { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + flex-wrap: wrap; + margin-left: -3px; + margin-right: -3px; } + #um-settings-wrap .subsubsub a { + margin: 0 3px; } + +.um-settings-section .description { + font-style: italic; } + +.um-notification-status { + margin-right: 18px; + font-size: 28px; + line-height: 22px; + color: #c74a4a; + float: left; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; } + .um-notification-status.um-notification-is-active { + color: #7acf58; } + +.um-email-configure span { + line-height: 24px; } + +.um-long-field { + width: 100%; } + +.um-medium-field { + width: 50%; } + +.um-small-field { + width: 25%; } + +.column-configure { + width: 60px; + text-align: center; } + +th.column-email.column-primary { + padding-left: 48px; } + +.um-form-table .um-forms-line td { + padding-right: 0; } + +#um-settings-template-versions .wp-list-table .column-core_version { + width: 100px; + text-align: center; } + +#um-settings-template-versions .wp-list-table .column-theme_version { + width: 100px; + text-align: center; } + +#um-settings-template-versions .wp-list-table .column-status { + width: 260px; } + +#um-settings-form { + float: left; + width: 100%; + margin: 0; } + #um-settings-form .subsubsub { + float: left; + width: 100%; } + +.um-settings-line .multi-checkbox-line { + float: left; + width: 100%; + clear: both; + margin: 0 0 10px 0; + padding: 0; } + +.um-settings-line .multi-checkbox-column { + float: left; + margin: 0; + padding: 0; } + .um-settings-line .multi-checkbox-column label { + float: left; + width: 100%; } + +.wrap-licenses .form-table, +.wrap-licenses thead, +.wrap-licenses tbody, +.wrap-licenses tfoot, +.wrap-licenses tr, +.wrap-licenses td, +.wrap-licenses th, +.wrap-licenses caption { + display: block; } + +.wrap-licenses .form-table tr { + float: left; + margin: 0 15px 15px 0; + background: #fff; + border: 1px solid #ccc; + width: 30.5%; + max-width: 350px; + padding: 14px; + min-height: 240px; + position: relative; + box-sizing: border-box; } + +.wrap-licenses .form-table th { + background: #f9f9f9; + padding: 14px; + border-bottom: 1px solid #ccc; + margin: -14px -14px 20px; + width: 100%; } + +.wrap-licenses .form-table td { + padding: 0; } + +.wrap-licenses td input.regular-text { + margin: 0 0 8px; + width: 100%; } + +.wrap-licenses .edd-license-data[class*="edd-license-"] { + position: absolute; + background: #fafafa; + padding: 14px; + border-top: 1px solid #eee; + margin: 20px -14px -14px; + min-height: 67px; + width: 100%; + bottom: 14px; + box-sizing: border-box; } + .wrap-licenses .edd-license-data[class*="edd-license-"] a { + color: #444; } + .wrap-licenses .edd-license-data[class*="edd-license-"] a:hover { + text-decoration: none; } + +.wrap-licenses .edd-license-data.license-expires-soon-notice { + background-color: #00a0d2; + color: #fff; + border-color: #00a0d2; } + .wrap-licenses .edd-license-data.license-expires-soon-notice a { + color: #fff; } + .wrap-licenses .edd-license-data.license-expires-soon-notice a:hover { + text-decoration: none; } + +.wrap-licenses .edd-license-data.edd-license-expired { + background-color: #e24e4e; + color: #fff; + border-color: #e24e4e; } + .wrap-licenses .edd-license-data.edd-license-expired a { + color: #fff; } + .wrap-licenses .edd-license-data.edd-license-expired a:hover { + text-decoration: none; } + +.wrap-licenses .edd-license-data.edd-license-valid { + background-color: #5abc55; + color: #fff; + border-color: #5abc55; } + +.wrap-licenses .edd-license-data.edd-license-error, .wrap-licenses .edd-license-data.edd-license-missing, .wrap-licenses .edd-license-data.edd-license-invalid, .wrap-licenses .edd-license-data.edd-license-site_inactive, .wrap-licenses .edd-license-data.edd-license-item_name_mismatch { + background-color: #ffebcd; + border-color: #ffebcd; } + +.wrap-licenses .edd-license-data p { + font-size: 13px; + margin-top: 0; } + +.wrap-licenses ~ p.submit { + clear: both; } + +@media screen and (max-width: 980px) { + .wrap-licenses .form-table tr { + width: calc( 50% - 15px); + max-width: none; } } + +@media screen and (max-width: 782px) { + #um-settings-template-versions .wp-list-table .column-core_version, + #um-settings-template-versions .wp-list-table .column-theme_version { + width: auto; + text-align: left; } + .wrap-licenses .form-table tr { + width: 100%; + margin-right: 0; + max-width: none; } + .um-settings-line .multi-checkbox-column { + width: 100% !important; } + .um-settings-line .multi-checkbox-column label { + line-height: 30px !important; } + .um-medium-field { + width: 100%; } + .um-small-field { + width: 50%; } } + +.um_setting_ajax_button_response.complete { + color: #7acf58; + font-style: italic; } diff --git a/assets/css/admin/settings.min.css b/assets/css/admin/settings.min.css new file mode 100644 index 00000000..b98a6977 --- /dev/null +++ b/assets/css/admin/settings.min.css @@ -0,0 +1 @@ +#um-settings-wrap .subsubsub{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin-left:-3px;margin-right:-3px}#um-settings-wrap .subsubsub a{margin:0 3px}.um-settings-section .description{font-style:italic}.um-notification-status{margin-right:18px;font-size:28px;line-height:22px;color:#c74a4a;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.um-notification-status.um-notification-is-active{color:#7acf58}.um-email-configure span{line-height:24px}.um-long-field{width:100%}.um-medium-field{width:50%}.um-small-field{width:25%}.column-configure{width:60px;text-align:center}th.column-email.column-primary{padding-left:48px}.um-form-table .um-forms-line td{padding-right:0}#um-settings-template-versions .wp-list-table .column-core_version{width:100px;text-align:center}#um-settings-template-versions .wp-list-table .column-theme_version{width:100px;text-align:center}#um-settings-template-versions .wp-list-table .column-status{width:260px}#um-settings-form{float:left;width:100%;margin:0}#um-settings-form .subsubsub{float:left;width:100%}.um-settings-line .multi-checkbox-line{float:left;width:100%;clear:both;margin:0 0 10px 0;padding:0}.um-settings-line .multi-checkbox-column{float:left;margin:0;padding:0}.um-settings-line .multi-checkbox-column label{float:left;width:100%}.wrap-licenses .form-table,.wrap-licenses caption,.wrap-licenses tbody,.wrap-licenses td,.wrap-licenses tfoot,.wrap-licenses th,.wrap-licenses thead,.wrap-licenses tr{display:block}.wrap-licenses .form-table tr{float:left;margin:0 15px 15px 0;background:#fff;border:1px solid #ccc;width:30.5%;max-width:350px;padding:14px;min-height:240px;position:relative;box-sizing:border-box}.wrap-licenses .form-table th{background:#f9f9f9;padding:14px;border-bottom:1px solid #ccc;margin:-14px -14px 20px;width:100%}.wrap-licenses .form-table td{padding:0}.wrap-licenses td input.regular-text{margin:0 0 8px;width:100%}.wrap-licenses .edd-license-data[class*=edd-license-]{position:absolute;background:#fafafa;padding:14px;border-top:1px solid #eee;margin:20px -14px -14px;min-height:67px;width:100%;bottom:14px;box-sizing:border-box}.wrap-licenses .edd-license-data[class*=edd-license-] a{color:#444}.wrap-licenses .edd-license-data[class*=edd-license-] a:hover{text-decoration:none}.wrap-licenses .edd-license-data.license-expires-soon-notice{background-color:#00a0d2;color:#fff;border-color:#00a0d2}.wrap-licenses .edd-license-data.license-expires-soon-notice a{color:#fff}.wrap-licenses .edd-license-data.license-expires-soon-notice a:hover{text-decoration:none}.wrap-licenses .edd-license-data.edd-license-expired{background-color:#e24e4e;color:#fff;border-color:#e24e4e}.wrap-licenses .edd-license-data.edd-license-expired a{color:#fff}.wrap-licenses .edd-license-data.edd-license-expired a:hover{text-decoration:none}.wrap-licenses .edd-license-data.edd-license-valid{background-color:#5abc55;color:#fff;border-color:#5abc55}.wrap-licenses .edd-license-data.edd-license-error,.wrap-licenses .edd-license-data.edd-license-invalid,.wrap-licenses .edd-license-data.edd-license-item_name_mismatch,.wrap-licenses .edd-license-data.edd-license-missing,.wrap-licenses .edd-license-data.edd-license-site_inactive{background-color:#ffebcd;border-color:#ffebcd}.wrap-licenses .edd-license-data p{font-size:13px;margin-top:0}.wrap-licenses~p.submit{clear:both}@media screen and (max-width:980px){.wrap-licenses .form-table tr{width:calc(50% - 15px);max-width:none}}@media screen and (max-width:782px){#um-settings-template-versions .wp-list-table .column-core_version,#um-settings-template-versions .wp-list-table .column-theme_version{width:auto;text-align:left}.wrap-licenses .form-table tr{width:100%;margin-right:0;max-width:none}.um-settings-line .multi-checkbox-column{width:100%!important}.um-settings-line .multi-checkbox-column label{line-height:30px!important}.um-medium-field{width:100%}.um-small-field{width:50%}}.um_setting_ajax_button_response.complete{color:#7acf58;font-style:italic} \ No newline at end of file diff --git a/assets/css/admin/settings.sass b/assets/css/admin/settings.sass new file mode 100644 index 00000000..963e0ac5 --- /dev/null +++ b/assets/css/admin/settings.sass @@ -0,0 +1,212 @@ +@import "selectors" +@import "mixins" +@import "colors" + +##{$prefix}settings-wrap + .subsubsub + +flex( row, flex-start, center, wrap ) + margin-left: -3px + margin-right: -3px + a + margin: 0 3px + +.#{$prefix}settings-section + .description + font-style: italic + +.#{$prefix}notification-status + margin-right: 18px + font-size: 28px + line-height: 22px + color: #{$admin-warning} + float: left + +border-box + &.#{$prefix}notification-is-active + color: #{$admin-ok} + +.#{$prefix}email-configure + span + line-height: 24px + +.#{$prefix}long-field + width: 100% + +.#{$prefix}medium-field + width: 50% + +.#{$prefix}small-field + width: 25% + +.column-configure + width: 60px + text-align: center + +th.column-email.column-primary + padding-left: 48px + + +.#{$prefix}form-table + .#{$prefix}forms-line + td + padding-right: 0 + +##{$prefix}settings-template-versions + .wp-list-table + .column-core_version + width: 100px + text-align: center + .column-theme_version + width: 100px + text-align: center + .column-status + width: 260px + +##{$prefix}settings-form + float: left + width: 100% + margin: 0 + .subsubsub + float: left + width: 100% + + +.#{$prefix}settings-line + .multi-checkbox-line + float: left + width: 100% + clear: both + margin: 0 0 10px 0 + padding: 0 + + .multi-checkbox-column + float: left + margin: 0 + padding: 0 + + label + float: left + width: 100% + + +.wrap-licenses + .form-table, + thead, + tbody, + tfoot, + tr, + td, + th, + caption + display: block + .form-table + tr + float: left + margin: 0 15px 15px 0 + background: #fff + border: 1px solid #ccc + width: 30.5% + max-width: 350px + padding: 14px + min-height: 240px + position: relative + box-sizing: border-box + th + background: #f9f9f9 + padding: 14px + border-bottom: 1px solid #ccc + margin: -14px -14px 20px + width: 100% + + td + padding: 0 + + td + input + &.regular-text + margin: 0 0 8px + width: 100% + .edd-license-data + &[class*="edd-license-"] + position: absolute + background: #fafafa + padding: 14px + border-top: 1px solid #eee + margin: 20px -14px -14px + min-height: 67px + width: 100% + bottom: 14px + box-sizing: border-box + a + color: #444 + &:hover + text-decoration: none + + &.license-expires-soon-notice + background-color: #00a0d2 + color: #fff + border-color: #00a0d2 + a + color: #fff + &:hover + text-decoration: none + &.edd-license-expired + background-color: #e24e4e + color: #fff + border-color: #e24e4e + a + color: #fff + &:hover + text-decoration: none + + &.edd-license-valid + background-color: #5abc55 + color: #fff + border-color: #5abc55 + + &.edd-license-error, + &.edd-license-missing, + &.edd-license-invalid, + &.edd-license-site_inactive, + &.edd-license-item_name_mismatch + background-color: #ffebcd + border-color: #ffebcd + + p + font-size: 13px + margin-top: 0 + + & ~ p.submit + clear: both + +@media screen and (max-width: 980px) + .wrap-licenses .form-table tr + width: calc( 50% - 15px ) + max-width: none + +@media screen and (max-width: 782px) + ##{$prefix}settings-template-versions + .wp-list-table + .column-core_version, + .column-theme_version + width: auto + text-align: left + + .wrap-licenses + .form-table tr + width: 100% + margin-right: 0 + max-width: none + + .#{$prefix}settings-line + .multi-checkbox-column + width: 100% !important + label + line-height: 30px !important + .#{$prefix}medium-field + width: 100% + .#{$prefix}small-field + width: 50% + +.um_setting_ajax_button_response.complete + color: #{$admin-ok} + font-style: italic diff --git a/assets/css/admin/users.css b/assets/css/admin/users.css new file mode 100644 index 00000000..806eb9b5 --- /dev/null +++ b/assets/css/admin/users.css @@ -0,0 +1,29 @@ +.um-admin.users-php .subsubsub li.subsep { + display: block; + visibility: hidden; + height: 0; } + +.um-admin-modal .um-admin-infobox label { + font-weight: bold; + display: block; + color: #333; + cursor: default; } + +.um-admin-modal .um-admin-infobox p { + color: #666; + padding-top: 15px; } + +.um-admin-modal .um-admin-infobox > p:not(:first-child) { + border-top: 1px solid #e5e5e5; } + +.um-admin-modal .um-admin-infobox > p:first-child { + margin-top: 0; + padding-top: 0; } + +.um-admin-modal .um-admin-infobox > .um-row > p { + border-top: 1px solid #e5e5e5; } + .um-admin-modal .um-admin-infobox > .um-row > p:last-child { + margin-bottom: 0; } + +#UM_preview_registration .um-admin-modal-foot { + display: none; } diff --git a/assets/css/admin/users.min.css b/assets/css/admin/users.min.css new file mode 100644 index 00000000..eb6d1dc7 --- /dev/null +++ b/assets/css/admin/users.min.css @@ -0,0 +1 @@ +.um-admin.users-php .subsubsub li.subsep{display:block;visibility:hidden;height:0}.um-admin-modal .um-admin-infobox label{font-weight:700;display:block;color:#333;cursor:default}.um-admin-modal .um-admin-infobox p{color:#666;padding-top:15px}.um-admin-modal .um-admin-infobox>p:not(:first-child){border-top:1px solid #e5e5e5}.um-admin-modal .um-admin-infobox>p:first-child{margin-top:0;padding-top:0}.um-admin-modal .um-admin-infobox>.um-row>p{border-top:1px solid #e5e5e5}.um-admin-modal .um-admin-infobox>.um-row>p:last-child{margin-bottom:0}#UM_preview_registration .um-admin-modal-foot{display:none} \ No newline at end of file diff --git a/assets/css/admin/users.sass b/assets/css/admin/users.sass new file mode 100644 index 00000000..fe61d28f --- /dev/null +++ b/assets/css/admin/users.sass @@ -0,0 +1,34 @@ +@import "selectors" + +.#{$prefix}admin.users-php + .subsubsub + li.subsep + display: block + visibility: hidden + height: 0 + +.um-admin-modal + .um-admin-infobox + label + font-weight: bold + display: block + color: #333 + cursor: default + p + color: #666 + padding-top: 15px + & > p + &:not(:first-child) + border-top: 1px solid #e5e5e5 + &:first-child + margin-top: 0 + padding-top: 0 + & > .um-row + & > p + border-top: 1px solid #e5e5e5 + &:last-child + margin-bottom: 0 + +#UM_preview_registration + .um-admin-modal-foot + display: none diff --git a/assets/css/common.css b/assets/css/common.css new file mode 100644 index 00000000..fccbf7b2 --- /dev/null +++ b/assets/css/common.css @@ -0,0 +1,28 @@ +/* Tipsy customizations */ +.um .tipsy { + z-index: 9999999999; + font-size: inherit; } + +.um .tipsy-inner { + background-color: #333333; + color: #fff; + max-width: 250px; + padding: 6px 10px; + text-align: left; + font-size: 13px; + line-height: 17px; + word-wrap: break-word; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +.um .tipsy-arrow-n { + border-bottom-color: #333; } + +.um .tipsy-arrow-s { + border-top-color: #333; } + +.um .tipsy-arrow-e { + border-left-color: #333; } + +.um .tipsy-arrow-w { + border-right-color: #333; } diff --git a/assets/css/common.min.css b/assets/css/common.min.css new file mode 100644 index 00000000..9647cd95 --- /dev/null +++ b/assets/css/common.min.css @@ -0,0 +1 @@ +.um .tipsy{z-index:9999999999;font-size:inherit}.um .tipsy-inner{background-color:#333;color:#fff;max-width:250px;padding:6px 10px;text-align:left;font-size:13px;line-height:17px;word-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.um .tipsy-arrow-n{border-bottom-color:#333}.um .tipsy-arrow-s{border-top-color:#333}.um .tipsy-arrow-e{border-left-color:#333}.um .tipsy-arrow-w{border-right-color:#333} \ No newline at end of file diff --git a/assets/css/common.sass b/assets/css/common.sass new file mode 100644 index 00000000..96611800 --- /dev/null +++ b/assets/css/common.sass @@ -0,0 +1,26 @@ +/* Tipsy customizations */ +.um + .tipsy + z-index: 9999999999 + font-size: inherit + + .tipsy-inner + background-color: #333333 + color: #fff + max-width: 250px + padding: 6px 10px + text-align: left + font-size: 13px + line-height: 17px + word-wrap: break-word + -webkit-font-smoothing: antialiased + -moz-osx-font-smoothing: grayscale + + .tipsy-arrow-n + border-bottom-color: #333 + .tipsy-arrow-s + border-top-color: #333 + .tipsy-arrow-e + border-left-color: #333 + .tipsy-arrow-w + border-right-color: #333 diff --git a/assets/css/simplebar.css b/assets/css/simplebar.css deleted file mode 100644 index 49061205..00000000 --- a/assets/css/simplebar.css +++ /dev/null @@ -1,190 +0,0 @@ -[data-simplebar] { - position: relative; - flex-direction: column; - flex-wrap: wrap; - justify-content: flex-start; - align-content: flex-start; - align-items: flex-start; -} - -.simplebar-wrapper { - overflow: hidden; - width: inherit; - height: inherit; - max-width: inherit; - max-height: inherit; -} - -.simplebar-mask { - direction: inherit; - position: absolute; - overflow: hidden; - padding: 0; - margin: 0; - left: 0; - top: 0; - bottom: 0; - right: 0; - width: auto !important; - height: auto !important; - z-index: 0; -} - -.simplebar-offset { - direction: inherit !important; - box-sizing: inherit !important; - resize: none !important; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - padding: 0; - margin: 0; - -webkit-overflow-scrolling: touch; -} - -.simplebar-content-wrapper { - direction: inherit; - box-sizing: border-box !important; - position: relative; - display: block; - height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ - width: auto; - visibility: visible; - overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */ - max-width: 100%; /* Not required for horizontal scroll to trigger */ - max-height: 100%; /* Needed for vertical scroll to trigger */ -} - -.simplebar-content:before, -.simplebar-content:after { - content: " "; - display: table; -} - -.simplebar-placeholder { - max-height: 100%; - max-width: 100%; - width: 100%; - pointer-events: none; -} - -.simplebar-height-auto-observer-wrapper { - box-sizing: inherit !important; - height: 100%; - width: inherit; - max-width: 1px; - position: relative; - float: left; - max-height: 1px; - overflow: hidden; - z-index: -1; - padding: 0; - margin: 0; - pointer-events: none; - flex-grow: inherit; - flex-shrink: 0; - flex-basis: 0; -} - -.simplebar-height-auto-observer { - box-sizing: inherit; - display: block; - opacity: 0; - position: absolute; - top: 0; - left: 0; - height: 1000%; - width: 1000%; - min-height: 1px; - min-width: 1px; - overflow: hidden; - pointer-events: none; - z-index: -1; -} - -.simplebar-track { - z-index: 1; - position: absolute; - right: 0; - bottom: 0; - pointer-events: none; - overflow: hidden; -} - -[data-simplebar].simplebar-dragging .simplebar-track { - pointer-events: all; -} - -.simplebar-scrollbar { - position: absolute; - right: 2px; - width: 7px; - min-height: 10px; -} - -.simplebar-scrollbar:before { - position: absolute; - content: ""; - background: black; - border-radius: 7px; - left: 0; - right: 0; - opacity: 0; - transition: opacity 0.2s linear; -} - -.simplebar-track .simplebar-scrollbar.simplebar-visible:before { - /* When hovered, remove all transitions from drag handle */ - opacity: 0.5; - transition: opacity 0s linear; -} - -.simplebar-track.simplebar-vertical { - top: 0; - width: 11px; -} - -.simplebar-track.simplebar-vertical .simplebar-scrollbar:before { - top: 2px; - bottom: 2px; -} - -.simplebar-track.simplebar-horizontal { - left: 0; - height: 11px; -} - -.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { - height: 100%; - left: 2px; - right: 2px; -} - -.simplebar-track.simplebar-horizontal .simplebar-scrollbar { - right: auto; - left: 0; - top: 2px; - height: 7px; - min-height: 0; - min-width: 10px; - width: auto; -} - -/* Rtl support */ -[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical { - right: auto; - left: 0; -} - -.hs-dummy-scrollbar-size { - direction: rtl; - position: fixed; - opacity: 0; - visibility: hidden; - height: 500px; - width: 500px; - overflow-y: hidden; - overflow-x: scroll; -} diff --git a/assets/css/um-account.min.css b/assets/css/um-account.min.css new file mode 100644 index 00000000..15b43505 --- /dev/null +++ b/assets/css/um-account.min.css @@ -0,0 +1 @@ +.um-account i{vertical-align:baseline!important}.um-account p.um-notice{margin:0 0 20px 0!important;padding:12px 15px!important}.um-account a:focus{outline:0!important}.um-account-side{float:left;width:30%;padding:0;box-sizing:border-box}.um-account-main{float:left;width:70%;padding:0 0 0 1.5em;box-sizing:border-box}.um-account-main a{border-bottom:none!important}.um-account-tab{display:none}.um-account-tab .um-field .um-field-label{display:flex;flex-direction:row;align-items:baseline;flex-wrap:nowrap;justify-content:flex-start}.um-account-main div.um-account-heading{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:flex-start;align-items:baseline;margin:0!important;font-size:18px;line-height:18px;font-weight:700;color:#555}.um-account-main div.um-account-heading i{margin-right:10px;font-size:26px;position:relative;top:2px}.um-account-main p{margin:20px 0 0 0!important;padding:0!important}.um-account-main label{font-size:15px}.um-account-meta{text-align:center;margin-bottom:20px}.um-account-meta img{margin:0!important;position:static!important;float:none!important;display:inline-block}.um-account-meta.radius-1 img{-moz-border-radius:999px;-webkit-border-radius:999px;border-radius:999px}.um-account-meta.radius-2 img{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.um-account-meta.radius-3 img{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.um-account-name{padding-top:12px}.um-account-name a{font-weight:700;color:#555;text-decoration:none!important;font-size:18px;line-height:1.4em}.um-account-profile-link a{font-size:13px;font-weight:400}.um-account-nav a{display:block;height:44px;line-height:44px;color:#666!important;text-decoration:none!important;position:relative;padding-left:40px;border-bottom:1px solid #eee!important;transition:all .2s linear;font-size:14px}.um-account-nav a.current{font-weight:700}.um-account-nav span.arr{position:absolute;right:0;top:1px;font-size:28px}.um-account-nav span.ico{position:absolute;left:0;top:0;font-size:21px;width:21px;text-align:center}.um-account-side li,.um-account-side ul{margin:0!important;padding:0!important;list-style-type:none!important}.um-account-side li{margin-bottom:1px!important;background:#eee}.um-account-side li a{display:block;padding:4px 0;font-size:14px;height:30px;line-height:20px;color:#999;position:relative}.um-account-side li a span.um-account-arrow{position:absolute;right:10px;top:6px;font-size:26px;opacity:.6}.um-account-side li a span.um-account-icon,.um-account-side li a.current span.um-account-icon,.um-account-side li a.current:hover span.um-account-icon{text-align:center;font-size:20px;width:20px;height:30px;border-right:1px solid #ccc;color:#444;float:left;padding:0 15px;font-weight:400!important}.um-account-side li a span.um-account-icon i{display:block;height:30px;line-height:30px}.um-account-side li a span.um-account-title{padding-left:20px;float:left;height:30px;line-height:30px;color:#555}.um-account-side li a:hover{color:#444;background:#ddd}.um-account-side li a.current,.um-account-side li a.current:hover{color:#444;font-weight:700;text-decoration:none!important}.um-field-export_data .um-field-error{display:none}.um-field-export_data .um-field-area-response{display:none;line-height:1.5;padding:10px 0}.um-request-button{display:inline-block;background-color:#3ba1da;border-radius:5px;color:#fff;margin:10px 0 0;padding:5px 10px;text-decoration:none}.um-request-button:hover{background-color:#44b0ec;color:#fff;text-decoration:none} \ No newline at end of file diff --git a/assets/css/um-crop.css b/assets/css/um-crop.css deleted file mode 100644 index d3f5e186..00000000 --- a/assets/css/um-crop.css +++ /dev/null @@ -1,294 +0,0 @@ -.cropper-container { - direction: ltr; - font-size: 0; - line-height: 0; - position: relative; - -ms-touch-action: none; - touch-action: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.cropper-container img { - display: block; - height: 100%; - image-orientation: 0deg; - max-height: none !important; - max-width: none !important; - min-height: 0 !important; - min-width: 0 !important; - width: 100%; -} - -.cropper-wrap-box, -.cropper-canvas, -.cropper-drag-box, -.cropper-crop-box, -.cropper-modal { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; -} - -.cropper-wrap-box, -.cropper-canvas { - overflow: hidden; -} - -.cropper-drag-box { - background-color: #fff; - opacity: 0; -} - -.cropper-modal { - background-color: #000; - opacity: 0.5; -} - -.cropper-view-box { - display: block; - height: 100%; - outline: 1px solid #39f; - outline-color: rgba(51, 153, 255, 0.75); - overflow: hidden; - width: 100%; -} - -.cropper-dashed { - border: 0 dashed #eee; - display: block; - opacity: 0.5; - position: absolute; -} - -.cropper-dashed.dashed-h { - border-bottom-width: 1px; - border-top-width: 1px; - height: calc(100% / 3); - left: 0; - top: calc(100% / 3); - width: 100%; -} - -.cropper-dashed.dashed-v { - border-left-width: 1px; - border-right-width: 1px; - height: 100%; - left: calc(100% / 3); - top: 0; - width: calc(100% / 3); -} - -.cropper-center { - display: block; - height: 0; - left: 50%; - opacity: 0.75; - position: absolute; - top: 50%; - width: 0; -} - -.cropper-center::before, -.cropper-center::after { - background-color: #eee; - content: ' '; - display: block; - position: absolute; -} - -.cropper-center::before { - height: 1px; - left: -3px; - top: 0; - width: 7px; -} - -.cropper-center::after { - height: 7px; - left: 0; - top: -3px; - width: 1px; -} - -.cropper-face, -.cropper-line, -.cropper-point { - display: block; - height: 100%; - opacity: 0.1; - position: absolute; - width: 100%; -} - -.cropper-face { - background-color: #fff; - left: 0; - top: 0; -} - -.cropper-line { - background-color: #39f; -} - -.cropper-line.line-e { - cursor: ew-resize; - right: -3px; - top: 0; - width: 5px; -} - -.cropper-line.line-n { - cursor: ns-resize; - height: 5px; - left: 0; - top: -3px; -} - -.cropper-line.line-w { - cursor: ew-resize; - left: -3px; - top: 0; - width: 5px; -} - -.cropper-line.line-s { - bottom: -3px; - cursor: ns-resize; - height: 5px; - left: 0; -} - -.cropper-point { - background-color: #39f; - height: 5px; - opacity: 0.75; - width: 5px; -} - -.cropper-point.point-e { - cursor: ew-resize; - margin-top: -3px; - right: -3px; - top: 50%; -} - -.cropper-point.point-n { - cursor: ns-resize; - left: 50%; - margin-left: -3px; - top: -3px; -} - -.cropper-point.point-w { - cursor: ew-resize; - left: -3px; - margin-top: -3px; - top: 50%; -} - -.cropper-point.point-s { - bottom: -3px; - cursor: s-resize; - left: 50%; - margin-left: -3px; -} - -.cropper-point.point-ne { - cursor: nesw-resize; - right: -3px; - top: -3px; -} - -.cropper-point.point-nw { - cursor: nwse-resize; - left: -3px; - top: -3px; -} - -.cropper-point.point-sw { - bottom: -3px; - cursor: nesw-resize; - left: -3px; -} - -.cropper-point.point-se { - bottom: -3px; - cursor: nwse-resize; - height: 20px; - opacity: 1; - right: -3px; - width: 20px; -} - -@media (min-width: 768px) { - .cropper-point.point-se { - height: 15px; - width: 15px; - } -} - -@media (min-width: 992px) { - .cropper-point.point-se { - height: 10px; - width: 10px; - } -} - -@media (min-width: 1200px) { - .cropper-point.point-se { - height: 5px; - opacity: 0.75; - width: 5px; - } -} - -.cropper-point.point-se::before { - background-color: #39f; - bottom: -50%; - content: ' '; - display: block; - height: 200%; - opacity: 0; - position: absolute; - right: -50%; - width: 200%; -} - -.cropper-invisible { - opacity: 0; -} - -.cropper-bg { - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC'); -} - -.cropper-hide { - display: block; - height: 0; - position: absolute; - width: 0; -} - -.cropper-hidden { - display: none !important; -} - -.cropper-move { - cursor: move; -} - -.cropper-crop { - cursor: crosshair; -} - -.cropper-disabled .cropper-drag-box, -.cropper-disabled .cropper-face, -.cropper-disabled .cropper-line, -.cropper-disabled .cropper-point { - cursor: not-allowed; -} diff --git a/assets/css/um-fileupload.min.css b/assets/css/um-fileupload.min.css new file mode 100644 index 00000000..90db6e63 --- /dev/null +++ b/assets/css/um-fileupload.min.css @@ -0,0 +1 @@ +.um .um-single-file-preview,.um .um-single-image-preview{margin-bottom:20px}.um .um-single-image-preview>img{max-height:300px;display:inline-block;overflow:hidden;margin:auto;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.um-single-file-preview,.um-single-image-preview{display:none;text-align:center;position:relative}.um-single-file-preview.show,.um-single-image-preview.show{display:block}.um-single-image-preview>img{max-width:100%;max-height:inherit}.um-single-file-preview a.cancel,.um-single-image-preview a.cancel{position:absolute;top:-15px;right:-15px;width:30px;height:30px;-moz-border-radius:999px;-webkit-border-radius:999px;border-radius:999px;background:#ddd;cursor:pointer;text-decoration:none!important;z-index:666;opacity:.75}.um-single-file-preview a.cancel i,.um-single-image-preview a.cancel i{font-size:16px;color:#888;position:relative;display:block;width:100%;height:100%;line-height:30px;overflow:hidden}.um-single-file-preview a.cancel i:before,.um-single-image-preview a.cancel i:before{line-height:inherit}.um-single-fileinfo{padding:26px 0 20px 0;display:inline-block;max-width:100%}.um-single-fileinfo span.icon{font-size:40px;display:inline-block;width:100px;height:70px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#666;color:#fff!important}.um-single-fileinfo span.icon i{display:block;height:70px;line-height:70px;overflow:hidden}.um-single-fileinfo span.icon i:before{line-height:inherit}.um-single-fileinfo span.filename{display:block;font-size:16px;color:#888;padding-top:5px}.um-single-fileinfo a{text-decoration:none!important;opacity:.9}.um-single-fileinfo a:hover{opacity:1}div.um-modal .upload-statusbar{margin:20px 0 0 0}div.um-modal .upload-filename{display:none!important}div.um-modal .upload-progress{position:relative;width:100%;box-sizing:border-box}div.um-modal .upload-bar{width:0;height:10px;color:#666;background:#7acf58;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}div.um-modal .ajax-upload-dragdrop{width:100%;text-align:center;vertical-align:middle;padding:20px;box-sizing:border-box;border:2px dashed #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:18px;line-height:1em}div.um-modal .ajax-upload-dragdrop span.str{display:block;margin:0 0 15px 0}div.um-modal .ajax-upload-dragdrop span.icon{display:block;font-size:80px;line-height:80px;vertical-align:middle;margin-bottom:10px}div.um-modal .ajax-upload-dragdrop span.help{display:block;font-size:14px;color:#aaa;margin:0 0 12px 0}div.um-modal .upload{cursor:pointer!important;line-height:34px!important;height:34px;display:inline-block;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:0 20px;color:#fff;vertical-align:middle;font-size:14px;box-sizing:border-box;transition:.2s}div.um-modal .upload:hover{background:#44b0ec}.um-modal input[type=file]::-webkit-file-upload-button{cursor:pointer} \ No newline at end of file diff --git a/assets/css/um-members-rtl.min.css b/assets/css/um-members-rtl.min.css new file mode 100644 index 00000000..1b0630ad --- /dev/null +++ b/assets/css/um-members-rtl.min.css @@ -0,0 +1 @@ +.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row{justify-content:flex-start}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label{margin:0 0 0 10px}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type{margin:0 0 0 10px}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a a{margin:0 0 0 5px}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown{right:-12px;left:auto}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a a{margin:0 0 0 5px}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input,.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input{margin:0 0 0 5px!important}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input:nth-child(even),.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input:nth-child(even){margin:0 5px 0 0!important}.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag{margin:0 0 5px 10px}.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag:first-child{margin-left:10px}.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove{margin-left:0;margin-right:10px}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn:before{margin-right:0;margin-left:8px}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo{margin:0 0 0 15px}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content{margin:0 0 0 10px}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-new-dropdown{right:auto;left:0;text-align:right}.um-directory .um-members-pagination-box .um-members-pagi{align-items:center}.um-directory .um-members-pagination-box .um-members-pagi .pagi.pagi-arrow{transform:rotate(180deg)}.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type{margin:0 0 0 2px}.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-new-dropdown{right:auto;left:0}.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo{margin:0 0 0 10px}.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons{margin:0 0 0 10px}.um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type{margin:0 0 0 5px}.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo{margin:0 0 0 10px}.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer{align-items:flex-start}.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons{margin:0 0 0 10px}.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper{margin:0 0 5px 10px}.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo{margin:0 0 0 10px}.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons{margin:0 0 0 10px}.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper{margin:0 0 5px 10px} \ No newline at end of file diff --git a/assets/css/um-members.min.css b/assets/css/um-members.min.css new file mode 100644 index 00000000..5659a061 --- /dev/null +++ b/assets/css/um-members.min.css @@ -0,0 +1 @@ +@-webkit-keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.um-new-dropdown{font-size:16px;margin:0;position:absolute;height:auto;background:#fff;z-index:10;display:none;border:1px solid #ddd;box-shadow:0 7px 14px 0 rgba(50,50,93,.1),0 3px 6px 0 rgba(0,0,0,.07);-webkit-box-shadow:0 7px 14px 0 rgba(50,50,93,.1),0 3px 6px 0 rgba(0,0,0,.07);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px}.um-new-dropdown ul{margin:0;padding:0}.um-new-dropdown ul li{list-style-type:none;padding:0;margin:0}.um-new-dropdown ul li a{display:block;padding:8px 12px;line-height:1}.um-new-dropdown-arr{position:absolute;font-size:24px;width:24px;height:24px;overflow:hidden;z-index:15;color:#eee}.um-new-dropdown-arr *{display:block;width:24px;height:24px;vertical-align:bottom;overflow:hidden;line-height:24px}body #content .um-directory a{text-decoration:none;border-bottom:none;box-shadow:none}body #content .um-directory a:focus,body #content .um-directory a:hover{text-decoration:none;border-bottom:none;box-shadow:none}.um-directory{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;position:relative}.um-directory a{text-decoration:none;border-bottom:none;box-shadow:none}.um-directory a:focus,.um-directory a:hover{text-decoration:none;border-bottom:none;box-shadow:none}.um-directory .select2-container--disabled{opacity:.6}.um-directory .um-members-overlay{display:none;position:absolute;width:100%;top:0;bottom:0;background:0 0;z-index:2}.um-directory .um-members-overlay .um-ajax-loading{-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-ms-transition:.1s opacity;-o-transition:.1s opacity;transition:.1s opacity;color:#c6c6c6!important;-webkit-animation:um-ajax-spinning 1.1s infinite linear;animation:um-ajax-spinning 1.1s infinite linear;border-top:.2em solid rgba(198,198,198,.2);border-right:.2em solid rgba(198,198,198,.2);border-bottom:.2em solid rgba(198,198,198,.2);border-left:.2em solid #c6c6c6;font-size:1.75em;position:absolute;left:calc(50% - 1.75em);top:calc(50% - 1.75em);-ms-transform:translateZ(0);transform:translateZ(0);border-radius:50%;display:block;width:2.5em;height:2.5em;margin:0;outline:0;padding:0;vertical-align:baseline}.um-directory .um-member-directory-header{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;width:100%}.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-filters-bar{padding:0 0 10px 0}.um-directory .um-member-directory-header .um-member-directory-header-row:not(.um-member-directory-filters-bar){display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;margin:0 0 10px 0}.um-directory .um-member-directory-header .um-member-directory-header-row.um-header-row-invisible{margin:0}.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row{justify-content:flex-end}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;width:60%}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label{flex:1;margin:0 10px 0 0;min-width:90px;max-width:85%}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label span{display:none;margin:0 5px 0 0}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label .um-search-line{-webkit-appearance:textfield;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line .um-do-search{min-width:15%;width:auto}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;width:100%}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type{font-size:30px;line-height:30px;margin:0 10px 0 0;width:30px}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type .um-member-directory-view-type-a{color:#ddd;display:none}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled{cursor:default}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled a{cursor:default}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:hover{color:#ccc}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:focus{color:#ddd}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;flex:5}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;position:relative;cursor:pointer}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a a{margin:0 5px 0 0}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-down{display:inline}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-up{display:none}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-down{display:none}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-up{display:inline}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown{top:24px;width:200px;left:-12px}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown li a[data-selected="1"]{display:none}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters{display:flex;flex-direction:row;justify-content:flex-end;align-items:baseline;flex-wrap:nowrap;flex:2;text-align:right}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;cursor:pointer}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a a{margin:0 5px 0 0}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-down{display:inline}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-up{display:none}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-down{display:none}.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-up{display:inline}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search{margin:0;width:100%;display:grid;grid-template-rows:auto 1fr;grid-template-columns:repeat(3,1fr);grid-gap:10px;grid-auto-rows:minmax(max-content,auto);-ms-grid-template-rows:auto 1fr;-ms-grid-template-columns:repeat(3,1fr);-ms-grid-gap:10px;-ms-grid-auto-rows:minmax(max-content,auto);align-items:center}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;width:100%;position:relative}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .select2-container{float:left;width:100%!important}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .um-s1{width:100%}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-text-filter-type input{width:100%}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type{flex-direction:column;align-items:stretch}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider{width:calc(100% - 16px)}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider .ui-slider-range.ui-widget-header{background:#44b0ec;border:1px solid #44b0ec!important;margin-top:-1px}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider.ui-slider.ui-slider-horizontal{border:1px solid #ddd!important;box-sizing:border-box;margin:4px 8px 0 8px}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider-range{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;margin:6px 0 0 8px;font-size:.8em}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type,.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input,.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input{width:calc(50% - 5px);margin:0 5px 0 0!important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input:nth-child(even),.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input:nth-child(even){margin:0 0 0 5px!important}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search[style*="overflow: hidden;"] .um-search-filter{pointer-events:none}.um-directory .um-member-directory-header .um-member-directory-header-row .um-search.um-search-invisible{display:none}.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:wrap;margin:0;padding:0;box-sizing:border-box;border:none}.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;margin:0 10px 5px 0;padding:0 10px;border-radius:3px;cursor:default;background:#f1f1f1;font-size:13px}.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag:first-child{margin-left:0}.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove{float:right;display:inline-block;margin-left:10px;cursor:pointer;font-weight:700;font-size:20px}.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove:hover{color:#a00}.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters{display:none}.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters a{padding:3px 10px;margin:0 10px}.um-directory .um-members-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;width:100%;margin:0 0 10px 0;padding:0;position:relative;height:300px}.um-directory .um-members-wrapper .um-members-intro{text-align:center;margin:0 0 10px 0}.um-directory .um-members-wrapper .um-members-total{font-size:20px;font-weight:300}.um-directory .um-members-wrapper .um-members{width:100%;margin:0;padding:0;-ms-word-break:break-all;word-break:break-word;word-wrap:break-word}.um-directory .um-members-wrapper .um-members .um-member{border:1px solid #ddd;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1 a img{-moz-border-radius:999px!important;-webkit-border-radius:999px!important;border-radius:999px!important}.um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1.radius-2 a img{-moz-border-radius:4px!important;-webkit-border-radius:4px!important;border-radius:4px!important}.um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1.radius-3 a img{-moz-border-radius:0!important;-webkit-border-radius:0!important;border-radius:0!important}.um-directory .um-members-wrapper .um-members .um-member .um-member-card .um-member-name{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap}.um-directory .um-members-wrapper .um-members .um-member .um-member-card .um-member-name a{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.um-directory .um-members-wrapper .um-members img{display:block;overflow:hidden;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin:0;padding:0}.um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer{width:5%}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member{float:left;width:30%;background:#fff;text-align:center;margin-bottom:40px;position:relative}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status{display:none;background:#999}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.awaiting_admin_review,.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.inactive,.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.rejected{display:block;position:absolute;top:0;left:0;width:100%;padding:7px 15px;color:#fff;z-index:10;font-size:13px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.awaiting_admin_review{background:#c74a4a}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo{padding:40px 0 20px 0;text-align:center}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a{text-decoration:none;box-shadow:none!important;display:inline!important}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a img{display:inline!important;border:5px solid #fff;background:#fff;width:140px;height:140px;float:none!important}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.awaiting_admin_review,.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.inactive,.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.rejected{opacity:.7}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo{padding-top:0}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo a img{width:90px;height:90px;position:relative;top:-35px;margin-bottom:-45px;float:none;opacity:1}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover{background-color:#eee;box-sizing:border-box;position:relative}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover[data-ratio]{overflow-y:hidden}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover .um-member-cover-e{text-align:center;box-sizing:border-box}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover .um-member-cover-e img{width:100%!important}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card{padding-bottom:15px}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card.no-photo{padding-top:30px}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name{margin:0 0 4px 0;justify-content:center}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a{font-size:16px;line-height:26px;color:#444;font-weight:700}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn{margin:2px 0;height:40px}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn{padding:10px 15px!important;transition:none!important;display:inline-block!important;margin:0 auto!important;min-width:110px;width:auto;text-align:center;font-size:13px}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn:before{font-family:FontAwesome;margin-right:8px;width:14px;text-align:left;display:inline-block;font-size:16px;position:relative;left:0;top:1px;content:"\f013"}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-tagline{font-size:13px;line-height:22px;color:#999;padding:0 15px}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta{display:none;margin:20px 15px 0 15px;padding:15px 0;border-top:1px solid #e5e5e5}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta.no-animate{display:block}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline{font-size:13px;padding:12px 0 0 0;line-height:16px;vertical-align:middle}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline strong{display:block;clear:both}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline span{display:block;text-align:center}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect{padding-top:20px}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a{display:inline-block;width:40px;line-height:40px;height:40px;-moz-border-radius:999px;-webkit-border-radius:999px;border-radius:999px;color:#fff!important;opacity:.85;margin:0 1px;font-size:22px;transition:.25s}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a:hover{opacity:1;color:#fff}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less{display:none}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less a{color:#666;display:inline-block}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less a i{display:block;font-size:32px;height:32px;line-height:32px}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-more a{color:#666;display:inline-block}.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-more a i{display:block;font-size:32px;height:32px;line-height:32px}.um-directory .um-members-wrapper .um-members.um-members-list{display:grid;grid-template-rows:auto 1fr;grid-template-columns:repeat(1,1fr);grid-gap:10px;grid-auto-rows:minmax(max-content,auto);-ms-grid-template-rows:auto 1fr;-ms-grid-template-columns:repeat(1,1fr);-ms-grid-gap:10px;-ms-grid-auto-rows:minmax(max-content,auto);align-items:center}.um-directory .um-members-wrapper .um-members.um-members-list .um-member{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;width:100%;padding:15px;margin:0;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status{display:none;background:#999}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.awaiting_admin_review,.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.inactive,.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.rejected{display:block;width:100%;padding:7px 15px;margin-bottom:10px;color:#fff;font-size:13px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.awaiting_admin_review{background:#c74a4a}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;width:100%;margin:0 0 10px 0;padding:0}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo{width:100px;margin:0 15px 0 0;padding:0}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a{width:100px;height:100px;display:block}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a img{width:100px;height:100px;position:relative;top:0;margin:0;margin-bottom:0;border:none}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;width:calc(100% - 115px);padding:0;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card.no-photo{width:100%}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;width:calc(100% - 30px);margin:0 10px 0 0}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header{width:100%}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name{margin:0 0 4px 0}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name a{font-size:16px;line-height:26px;color:#444;font-weight:700}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-tagline{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:wrap;width:100%;font-size:13px;color:#999;padding:0;box-sizing:border-box}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main{width:100%;padding:0;box-sizing:border-box;display:none}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main.no-animate{display:block}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta{float:left;width:100%;display:block;margin:10px 0 0 0;box-sizing:border-box;border:none}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;font-size:13px;padding:12px 0 0 0;line-height:16px;width:100%}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect{padding-top:10px}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect a{display:inline-block;width:40px;line-height:40px;height:40px;-moz-border-radius:999px;-webkit-border-radius:999px;border-radius:999px;color:#fff!important;opacity:.85;margin:0 1px;font-size:22px;transition:.25s;text-align:center}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect a:hover{opacity:1;color:#fff}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;flex-wrap:nowrap;width:20px;text-align:right;padding:0}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog{position:relative}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-member-actions-a{line-height:1;display:block;color:#666}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-member-actions-a i{display:block;font-size:20px;line-height:1}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-new-dropdown{width:180px;right:0;text-align:left}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions a{box-sizing:border-box}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex-wrap:nowrap;width:100%}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;width:calc(100% - 145px);margin:0 10px 0 0}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;margin:0}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons>:not(:last-child){margin:0 10px 0 0}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons{width:20px;text-align:right}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more{display:flex;flex-direction:column;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more a{color:#666;display:inline-block}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more a i{display:block;font-size:28px;height:28px;line-height:28px}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less{display:flex;flex-direction:column;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;display:none}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less a{color:#666;display:inline-block}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less a i{display:block;font-size:28px;height:28px;line-height:28px}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-photo.no-reveal .um-member-card-footer-buttons{width:100%}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-photo:not(.no-reveal) .um-member-card-footer-buttons{width:calc(100% - 30px)}.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons{width:calc(100% - 125px)}.um-directory .um-members-wrapper .um-members .um-members-none{text-align:center;font-size:18px}.um-directory .um-members-pagination-box{width:100%;float:left;margin:0 0 10px 0;padding:0}.um-directory .um-members-pagination-box .um-members-pagi{display:flex;flex-direction:row;justify-content:center;align-items:baseline;flex-wrap:nowrap;width:100%;margin:0;padding:0;font-size:15px}.um-directory .um-members-pagination-box .um-members-pagi .pagi{cursor:pointer;display:inline-block;width:auto;height:34px;line-height:34px;transition:all .2s linear;padding:0 14px;color:#666!important;font-weight:400}.um-directory .um-members-pagination-box .um-members-pagi .pagi.pagi-arrow{line-height:38px}.um-directory .um-members-pagination-box .um-members-pagi .pagi.pagi-arrow i:before{font-size:20px;vertical-align:middle!important;height:34px;line-height:34px;top:-2px;position:relative}.um-directory .um-members-pagination-box .um-members-pagi .pagi.current{cursor:default;color:#fff!important}.um-directory .um-members-pagination-box .um-members-pagi .pagi.current:hover{color:#fff!important}.um-directory .um-members-pagination-box .um-members-pagi .pagi.disabled{cursor:default;opacity:.4}.um-directory .um-members-pagination-box .um-members-pagi .pagi.none{color:#aaa!important}.um-directory .um-members-pagination-box .um-members-pagidrop{width:100%;float:left;margin:0;text-align:center;padding:5px 0;font-size:15px}.um-directory.um-loaded .um-members-wrapper{height:auto}.um-directory[data-view_type=list] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type=list]{display:block}.um-directory[data-view_type=grid] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type=grid]{display:block}.um-directory[data-view_type=map] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type=map]{display:block}.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line{width:100%}.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row{justify-content:flex-start}.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line{flex-wrap:wrap}.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type{width:20px;font-size:20px;line-height:20px;margin:0 2px 0 0}.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting{width:calc(100% - 25px);justify-content:flex-end}.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-new-dropdown{right:0;left:auto}.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters{flex:none;width:100%}.um-directory.uimob340 .um-member-directory-header .um-search{grid-template-columns:repeat(1,1fr)}.um-directory.uimob340 .um-members-wrapper .um-members .um-member{width:100%}.um-directory.uimob340 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer{width:0}.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member{padding:10px}.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo{width:50px;margin:0 10px 0 0}.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a{width:50px;height:50px}.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img{width:50px;height:50px}.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card{width:calc(100% - 60px)}.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer{align-items:flex-start}.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;width:calc(100% - 90px);margin:0 10px 0 0}.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper{margin:0 0 5px 0}.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper a.um-button{width:100%!important}.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons{width:calc(100% - 70px)}.um-directory.uimob340 .um-members-pagination-box .um-members-pagi{display:none}.um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line{width:100%}.um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row{justify-content:flex-start}.um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type{width:20px;font-size:20px;line-height:20px;margin:0 5px 0 0}.um-directory.uimob500 .um-member-directory-header .um-search{grid-template-columns:repeat(1,1fr)}.um-directory.uimob500 .um-members-wrapper .um-members .um-member{width:100%}.um-directory.uimob500 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer{width:0}.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo{width:70px;margin:0 10px 0 0}.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a{width:70px;height:70px}.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img{width:70px;height:70px}.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card{width:calc(100% - 80px)}.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer{align-items:flex-start}.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons{flex-wrap:wrap;width:calc(100% - 110px);margin:0 10px 0 0}.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper{margin:0 10px 5px 0}.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons{width:calc(100% - 90px)}.um-directory.uimob500 .um-members-pagination-box .um-members-pagi{display:none}.um-directory.uimob800 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line{width:100%}.um-directory.uimob800 .um-member-directory-header .um-search{grid-template-columns:repeat(2,1fr)}.um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer{width:4%}.um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-member{width:48%}.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo{width:80px;margin:0 10px 0 0}.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a{width:80px;height:80px}.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img{width:80px;height:80px}.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card{width:calc(100% - 90px)}.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer{align-items:flex-start}.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons{flex-wrap:wrap;width:calc(100% - 120px);margin:0 10px 0 0}.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper{margin:0 10px 5px 0}.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons{width:calc(100% - 100px)}.um-directory.uimob960 .um-member-directory-header .um-search{grid-template-columns:repeat(2,1fr)}.um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer{width:4%}.um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-member{width:48%}.select2-container .select2-results li.select2-results__option[aria-disabled=true]{display:none} \ No newline at end of file diff --git a/assets/css/um-misc.min.css b/assets/css/um-misc.min.css new file mode 100644 index 00000000..09d6f870 --- /dev/null +++ b/assets/css/um-misc.min.css @@ -0,0 +1 @@ +.um-login.um-logout{max-width:300px!important}.um-misc-with-img{position:relative;font-size:15px;border-bottom:3px solid #eee;text-align:center;margin-bottom:14px;padding-top:4px;padding-bottom:14px}.um-misc-img{text-align:center}.um-misc-img img{border-radius:999px;height:auto!important;display:inline-block!important}.um-misc-ul,.um-misc-ul li{font-size:14px}.um-googlemap,.um-vimeo,.um-youtube{position:relative;height:0;overflow:hidden}.um-youtube{padding-bottom:56.25%}.um-vimeo{padding-bottom:56.25%}.um-googlemap{padding-bottom:75%}.um-googlemap iframe,.um-vimeo iframe,.um-youtube iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.um-profile-connect.um-member-connect{padding:5px 0 10px 0}.um-profile-connect.um-member-connect a{text-align:center;width:36px;line-height:36px;height:36px;font-size:20px;border-radius:999px;color:#fff!important;opacity:.85;margin:0 1px;transition:.25s;display:inline-block}.um-profile-connect.um-member-connect a:hover{opacity:1}@-webkit-keyframes um-effect-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes um-effect-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.um-effect-pop{-webkit-animation-name:um-effect-pop;animation-name:um-effect-pop;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.um-locked-content{width:100%;box-sizing:border-box;border:2px dotted #cc3000;color:#333;background:#fff;font-size:14px;padding:20px;border-radius:4px;margin-bottom:20px}.um-locked-content a{border:none!important} \ No newline at end of file diff --git a/assets/css/um-modal.css b/assets/css/um-modal.css index 7ddda9eb..54a7cad2 100644 --- a/assets/css/um-modal.css +++ b/assets/css/um-modal.css @@ -98,7 +98,7 @@ .um-modal-body { min-height: 3px; padding: 20px; - box-sizing: border-box; + box-sizing: border-box !important; width: 100%; background: #fff; -moz-border-radius: 0 0 3px 3px; @@ -201,4 +201,4 @@ a.um-modal-btn:visited { .um-modal .um-single-image-preview.crop img{ float:left; -} \ No newline at end of file +} diff --git a/assets/css/um-modal.min.css b/assets/css/um-modal.min.css new file mode 100644 index 00000000..378b2fa7 --- /dev/null +++ b/assets/css/um-modal.min.css @@ -0,0 +1 @@ +.um-popup-overlay{background:rgba(0,0,0,.7);width:100%;height:100%;position:fixed;top:0;left:0;z-index:1999992}.um-popup *{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.um-popup{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;position:fixed;left:50%;top:10%;margin-left:-250px;width:500px;background:#fff;box-shadow:0 1px 3px #111;z-index:1999993;box-sizing:border-box;overflow:auto;color:#888;padding:0!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.um-popup.loading{background:#fff url(../img/loading.gif) no-repeat center;min-height:100px}.um-popup a{outline:0!important}.um-modal-overlay{background:rgba(0,0,0,.85);width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999}.um-modal *{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.um-modal-hidden-content{display:none}.um-modal-close{display:block;position:fixed;right:0;top:0;font-size:24px;text-decoration:none!important;color:#fff!important;padding:0 10px}.um-modal{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;position:fixed;left:50%;display:none;z-index:1999993;box-sizing:border-box;bottom:-50px}.um-modal.normal{width:500px;margin-left:-250px}.um-modal.large{width:730px;margin-left:-365px}.um-modal.small{width:400px;margin-left:-200px}.um-modal-body{min-height:3px;padding:20px;box-sizing:border-box!important;width:100%;background:#fff;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.um-modal-body.photo{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 0 0 1px rgba(255,255,255,.12) inset;background:#888;padding:0}.um-modal-body.photo img{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;display:block;overflow:hidden;opacity:0}.um-modal.loading .um-modal-body{background:#fff url(../img/loading.gif) no-repeat center;min-height:150px}.um-modal div.um{margin-bottom:20px!important}.um-modal-header{-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;height:44px;line-height:44px;color:#fff;padding:0 20px;box-sizing:border-box;font-size:17px}.um-modal-footer{margin-top:20px}.um-modal-left{float:left}.um-modal-right{float:right}.um-modal-btn.disabled,.um-modal-btn.disabled:hover{opacity:.5;cursor:default!important}.um-modal-btn{cursor:pointer!important;line-height:34px!important;height:34px;display:inline-block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:0 20px;text-align:center;color:#fff;vertical-align:middle;font-size:14px;box-sizing:border-box;transition:.2s;text-decoration:none!important}a.um-modal-btn:visited{color:#fff}.um-modal-btn:hover{background:#44b0ec;color:#fff}.um-modal-btn.alt{color:#666;background:#eee}.um-modal-btn.alt:hover{background:#e5e5e5}.um-modal .um-single-image-preview.crop img{float:left} \ No newline at end of file diff --git a/assets/css/um-old-default.min.css b/assets/css/um-old-default.min.css new file mode 100644 index 00000000..7372ee60 --- /dev/null +++ b/assets/css/um-old-default.min.css @@ -0,0 +1 @@ +.um .um-cover-add:hover,.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,.um .um-item-meta a,.um .um-member-less a:hover,.um .um-member-more a:hover,.um .um-member-name a:hover,.um .um-members-pagi a:hover,.um .um-profile-subnav a.active,.um .um-tip:hover,.um-account-name a:hover,.um-account-nav a.current,.um-account-side li a.current span.um-account-icon,.um-account-side li a.current:hover span.um-account-icon,.um-dropdown li a:hover,i.um-active-color,span.um-active-color{color:#3ba1da}.picker__box,.picker__nav--next:hover,.picker__nav--prev:hover,.um .um-field-group-head,.um .um-members-pagi span.current,.um .um-members-pagi span.current:hover,.um .um-profile-nav-item.active a,.um .um-profile-nav-item.active a:hover,.um-modal-btn,.um-modal-btn.disabled,.um-modal-btn.disabled:hover,.um-modal-header,.upload,div.uimob800 .um-account-side li a.current,div.uimob800 .um-account-side li a.current:hover{background:#3ba1da}.picker--focused .picker__day--highlighted,.picker--focused .picker__list-item--highlighted,.picker--focused .picker__list-item--selected,.picker__day--highlighted:hover,.picker__day--infocus:hover,.picker__day--outfocus:hover,.picker__footer,.picker__header,.picker__list-item--highlighted:hover,.picker__list-item--selected,.picker__list-item--selected:hover,.picker__list-item:hover,.um .um-field-group-head:hover{background:#44b0ec}.um{margin-left:auto!important;margin-right:auto!important}.um input[type=submit]:disabled:hover{background:#3ba1da}.um a.um-button,.um a.um-button.um-disabled:active,.um a.um-button.um-disabled:focus,.um a.um-button.um-disabled:hover,.um input[type=submit].um-button,.um input[type=submit].um-button:focus{background:#3ba1da}.um a.um-link{color:#3ba1da}.um a.um-button:hover,.um input[type=submit].um-button:hover{background-color:#44b0ec}.um a.um-link-hvr:hover,.um a.um-link:hover{color:#44b0ec}.um .um-button{color:#fff}.um .um-button:before{color:#fff}.um .um-button.um-alt,.um input[type=submit].um-button.um-alt{background:#eee}.um .um-button.um-alt:hover,.um input[type=submit].um-button.um-alt:hover{background:#e5e5e5}.um .um-button.um-alt,.um input[type=submit].um-button.um-alt{color:#666}.um .um-button.um-alt:before,.um input[type=submit].um-button.um-alt:before{color:#666}.um .um-tip{color:#ccc}.um .um-field-label{color:#555}.um .um-row.um-customized-row .um-field-label{color:inherit}.select2-container .select2-choice,.select2-container-multi .select2-choices,.select2-drop,.select2-drop-active,.select2-drop.select2-drop-above,.um .um-form input[type=number],.um .um-form input[type=password],.um .um-form input[type=search],.um .um-form input[type=tel],.um .um-form input[type=text],.um .um-form textarea,.um .upload-progress{border:1px solid #ddd!important}.um .um-form .select2-container-multi .select2-choices .select2-search-field input[type=text]{border:none!important}.um .um-form .um-datepicker.picker__input.picker__input--active,.um .um-form .um-datepicker.picker__input.picker__input--target,.um .um-form input[type=number]:focus,.um .um-form input[type=password]:focus,.um .um-form input[type=search]:focus,.um .um-form input[type=tel]:focus,.um .um-form input[type=text]:focus,.um .um-form textarea:focus{border:1px solid #bbb!important}.select2-container .select2-choice,.select2-container-multi .select2-choices,.um .um-form input[type=number],.um .um-form input[type=password],.um .um-form input[type=search],.um .um-form input[type=tel],.um .um-form input[type=text],.um .um-form textarea{background-color:#fff}.um .um-form input[type=number]:focus,.um .um-form input[type=password]:focus,.um .um-form input[type=search]:focus,.um .um-form input[type=tel]:focus,.um .um-form input[type=text]:focus,.um .um-form textarea:focus{background-color:#fff}.um .um-form input[type=password],.um .um-form input[type=search],.um .um-form input[type=tel],.um .um-form input[type=text],.um .um-form textarea{color:#666}.um .um-form input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #fff inset;-webkit-text-fill-color:#666}.um .um-form input:-webkit-autofill:focus{-webkit-box-shadow:none,0 0 0 50px #fff inset;-webkit-text-fill-color:#666}.um .um-form ::-webkit-input-placeholder{color:#aaa;opacity:1!important}.um .um-form ::-moz-placeholder{color:#aaa;opacity:1!important}.um .um-form ::-moz-placeholder{color:#aaa;opacity:1!important}.um .um-form ::-ms-input-placeholder{color:#aaa;opacity:1!important}.select2-container-multi .select2-choices .select2-search-field input,.select2-default,.select2-default *{color:#aaa}.select2-container .select2-choice .select2-arrow:before,.select2-search-choice-close:before,.select2-search:before,.um .um-field-icon i{color:#aaa}.um span.um-req{color:#aaa}.um .um-profile-photo a.um-profile-photo-img,.um .um-profile-photo img,.um .um-profile-photo span.um-profile-photo-overlay{-moz-border-radius:999px!important;-webkit-border-radius:999px!important;border-radius:999px!important}.um-profile.um .um-profile-meta{color:#999}.um-profile.um .um-name a{color:#555}.um-profile.um .um-name a:hover{color:#444}.um-profile.um .um-profile-headericon a{color:#aaa}.um-profile.um .um-profile-edit-a.active,.um-profile.um .um-profile-headericon a:hover{color:#3ba1da} \ No newline at end of file diff --git a/assets/css/um-profile.min.css b/assets/css/um-profile.min.css new file mode 100644 index 00000000..da7771a2 --- /dev/null +++ b/assets/css/um-profile.min.css @@ -0,0 +1 @@ +.um-profile{box-sizing:border-box}.um-profile .um-cover-overlay{display:none}.um-profile.um-editing .um-cover.has-cover .um-cover-overlay{display:block}.um-profile.um-viewing .um-profile-photo-overlay{display:none}.um-profile img{display:block;overflow:hidden;border-radius:0;margin:0!important}.um-profile a,.um-profile a:hover{text-decoration:none!important}.um-profile .um-profile-body{padding-top:15px;padding-bottom:15px;max-width:600px;margin:auto}.um-profile.um-editing{padding-bottom:15px}.um-profile.um-viewing{padding-bottom:1px}.um-profile.um-viewing .um-field-label{display:block;margin:0 0 8px 0;border-bottom:solid 2px #eee;padding-bottom:4px}.um-cover{background-color:#eee;box-sizing:border-box;position:relative}.um-cover-add{color:#aaa;font-size:36px;width:100%;display:table}.um-cover-add i{font-size:36px}.um-cover-add span{display:table-cell;vertical-align:middle}.um-cover-e{text-align:center;box-sizing:border-box;overflow:hidden}.um-cover-e img{width:100%!important}.um-cover-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.5);text-align:center;box-sizing:border-box;padding:0 40px;color:#fff;text-shadow:0 1px #666;cursor:pointer!important;line-height:21px;font-size:16px;height:100%;width:100%}.um-cover-overlay:hover{background:rgba(0,0,0,.55)}.um-cover-overlay span.um-cover-overlay-s{display:table;height:100%;width:100%}.um-cover-overlay ins{display:table-cell;vertical-align:middle;height:100%;text-decoration:none!important;background:0 0!important;color:#fff!important;border-bottom:none!important}.um-cover-overlay i{font-size:46px;display:block;margin-bottom:6px}.um-header{position:relative;padding:0 0 25px 0;border-bottom:solid 2px #eee;min-height:85px;box-sizing:content-box!important}.um-profile-edit{position:absolute;top:15px;right:0;vertical-align:middle;font-size:30px;height:30px;line-height:30px;z-index:66;margin-right:10px}.um-profile-edit i{font-size:30px}.um-header.no-cover .um-profile-meta{padding-left:0!important;padding-right:0!important;text-align:center!important}.um-header.no-cover .um-name{float:none!important;margin-right:0!important}.um-header.no-cover .um-profile-photo{float:none!important;margin:0 auto!important;text-align:center!important}.um-header.no-cover a.um-profile-photo-img{position:relative!important;top:auto!important;left:auto!important;float:none!important;display:inline-block!important;text-align:center!important}.um-header.no-cover .um-main-meta{padding:0}.um-profile .gravatar{position:static}.um-profile-photo{float:left;position:relative;width:200px;margin:0 0 0 30px;box-sizing:border-box}.um-profile-photo a.um-profile-photo-img{float:left;position:absolute;background:#fff;border-radius:100%;border:5px solid #fff;border-bottom:5px solid #fff!important;overflow:hidden;left:0}.um-profile-photo a.um-profile-photo-img img{width:100%;height:auto}.um-profile-photo-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.5);text-align:center;box-sizing:border-box;padding:0;color:#fff;text-shadow:0 1px #666;cursor:pointer!important;line-height:21px;font-size:16px;height:100%;width:100%}.um-profile-photo-overlay:hover{background:rgba(0,0,0,.55)}.um-profile-photo-overlay span.um-profile-photo-overlay-s{display:table;height:100%;width:100%}.um-profile-photo-overlay ins{display:table-cell;vertical-align:middle;height:100%;text-decoration:none!important;background:0 0!important;color:#fff!important;border-bottom:none!important}.um-profile-photo-overlay i{font-size:46px;display:block}.um-profile-meta{padding-right:30px;-ms-word-break:break-all;word-break:break-word;word-wrap:break-word}.um-main-meta{padding:10px 0 0 0}.um-name{float:left;font-size:24px;font-weight:700;margin-right:30px;line-height:1.7em}.um-name a{font-size:24px}.um-meta{font-size:15px}.um-meta span a{font-weight:400}.um-meta span:first-child{margin:0 5px 0 0}.um-meta span{margin:0 5px;font-size:14px;display:inline-block}.um-meta span i{font-size:16px;margin:0 5px 0 0}.um-meta-text{margin:6px 0 0 0;color:#666;line-height:1.4em;font-size:13px}.um-meta-text p{margin:0 0 6px 0!important;padding:0!important}.um-profile-status{display:none}.um-profile-status.awaiting_admin_review,.um-profile-status.inactive,.um-profile-status.rejected{display:inline-block;margin:6px 0 0 0;border-left:3px solid #c74a4a;padding-left:10px;font-size:14px;color:#777}.um-profile-note{display:none;text-align:center!important;padding-top:20px;color:#666}.um-profile-note i{display:inline-block;font-size:70px;height:70px;line-height:70px}.um-profile-note i.um-faicon-lock{position:relative;top:2px;display:inline-block;font-size:24px;height:auto;line-height:24px;margin-right:10px}.um-profile-note span{margin-top:10px;display:block;font-size:16px;color:#888}.um-profile-note a{border:none!important}.um-profile-note a:hover{text-decoration:underline!important}.um-profile-nav{padding:10px;background:#444;text-align:center}.um-profile-nav-item.active a,.um-profile-nav-item.active a:hover{color:#fff!important}.um-profile-nav-item.active a span.count{background:0 0;padding:4px 0;color:#fff}.um-profile-nav-item a{color:#fff!important;font-size:14px;font-weight:600;padding:6px 10px 6px 28px;display:block;float:left;border-radius:4px;margin-left:5px;position:relative;border-bottom:0!important}.um-profile-nav-item.without-icon a{padding-left:10px}.um-profile-nav-item.without-icon span.title{padding-left:0}.um-profile-nav-item.without-icon i{display:none}.um-profile-nav-item a:hover{background:#555}.um-profile-nav-item i{font-size:18px;height:18px;line-height:18px;position:absolute;display:block;top:8px;left:10px}.um-profile-nav-item span.title{padding-left:5px}.um-profile-nav-item span.count{font-size:12px;font-weight:300;background:#ddd;color:#666;border-radius:3px;padding:4px 8px;margin-left:3px}.um-profile-subnav{background:#eee;padding:15px;text-align:center}.um-profile-subnav a{display:inline-block;color:#555;font-size:15px;font-weight:600;margin:0 20px;border-bottom:none!important}.um-profile-subnav a:hover{color:#333}.um-profile-subnav span{display:inline-block;margin:0 0 0 8px;background:#ddd;padding:1px 8px;color:#aaa!important;border-radius:2px}.um-item{padding:20px 0;border-bottom:1px solid #eee;position:relative}.um-item-action{position:absolute;right:0;top:16px;width:20px;height:20px;font-size:20px;text-align:center}.um-item-action a{color:#ccc}.um-item-action a:hover{color:#999}.um-item-link{padding-right:40px}.um-item-link a{color:#333;font-size:16px;line-height:20px}.um-item-link a:hover{text-decoration:underline!important}.um-item-link i{font-size:24px;color:#666;margin-right:10px;position:relative;top:3px}.um-item-img{padding:10px 0 0 0}.um-item-img a{display:inline-block;padding:8px;border-radius:3px;border:1px solid #ddd}.um-item-img a:hover{border-color:#bbb}.um-item-img img{max-width:100%;border-radius:3px}.um-item-meta{color:#888}.um-item-meta span{font-size:13px;font-weight:400;font-style:italic}.um-item-meta span:not(:last-child):after{position:relative;padding:0 4px 0 7px;content:"•"}.um-item-meta a{font-weight:700;border-bottom:1px solid #e0e0e0}.um-item-meta a:hover{border-bottom-color:#bbb}.um-load-items{text-align:center;margin-top:12px;padding-top:30px}.um-load-items.loading{background:url(../img/loading-dots.gif) no-repeat top center}.um-load-items a{max-width:250px;display:inline-block;margin:0 auto}.um-tab-notifier{position:absolute;background:none repeat scroll 0 0 #c65151;width:18px;height:18px;border-radius:999px;line-height:18px;top:-3px;right:-7px;font-size:11px;font-weight:400}.um-tab-notifier.uimob800-show.uimob500-show.uimob340-show{top:2px;right:8px}.um-profile.um-viewing .um-field-checkbox,.um-profile.um-viewing .um-field-radio{cursor:default!important} \ No newline at end of file diff --git a/assets/css/um-responsive.min.css b/assets/css/um-responsive.min.css new file mode 100644 index 00000000..acbb8806 --- /dev/null +++ b/assets/css/um-responsive.min.css @@ -0,0 +1 @@ +.uimob340-show,.uimob500-show,.uimob800-show,.uimob960-show{display:none}.um-profile-nav-item a.uimob340-show,.um-profile-nav-item a.uimob500-show,.um-profile-nav-item a.uimob800-show,.um-profile-nav-item a.uimob960-show{display:none}div.uimob340 .uimob340-show,div.uimob500 .uimob500-show,div.uimob800 .uimob800-show,div.uimob960 .uimob960-show{display:block}div.uimob340 .uimob340-hide,div.uimob500 .uimob500-hide,div.uimob800 .uimob800-hide,div.uimob960 .uimob960-hide{display:none}div.uimob340 .um-item-link a{font-size:14px}div.uimob340 .um-item-meta span{font-size:13px}div.uimob340 .um-load-items a{width:100%!important;max-width:100%!important}div.uimob340 .um-profile-nav{padding:0}div.uimob340 .um-profile-nav-item a{padding:10px 16px;margin-left:0;border-radius:0}div.uimob340 .um-profile-nav-item i{display:block;position:static;top:auto;left:auto}div.uimob340 .um-profile-subnav{padding:8px 15px}div.uimob340 .um-profile-subnav a{display:block;text-align:left;font-size:13px;margin:0;padding:6px 0}div.uimob340 .um-profile-subnav span{font-size:12px;padding:1px 6px}div.uimob340 .um-cover-overlay span.um-cover-overlay-t{display:none!important}div.uimob340 .um-cover-overlay{padding:0}div.uimob340 .um-cover-overlay i,div.uimob340 .um-profile-photo-overlay i{margin-bottom:0;font-size:30px}.um-modal.uimob340{width:100%!important;margin:0!important;left:0!important;height:100%;background:#fff}.um-modal.uimob340,.um-modal.uimob340 .um-modal-body,.um-modal.uimob340 .um-modal-header{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.um-modal.uimob340 .um-modal-header{text-align:center}.um-modal.uimob340 .um-modal-footer{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:10px;border-top:1px solid #ddd}.um-modal.uimob340 .um-modal-right{width:100%;float:none}.um-modal.uimob340 .um-modal-footer a.um-modal-btn{width:48%;margin:0 1%;float:left;display:block;line-height:44px!important;height:44px}.um-modal.uimob340 .ajax-upload-dragdrop span.icon{font-size:40px;line-height:40px}div.uimob340 .um-profile-body{padding-left:0;padding-right:0}div.uimob340 .um-profile-photo{width:100%!important;text-align:center!important;position:absolute;top:-40px;left:0;margin:0}div.uimob340 .um-header.no-cover .um-profile-photo{position:static;top:auto;left:auto}div.uimob340 .um-profile-photo a.um-profile-photo-img{width:100px!important;height:100px!important;margin:0 auto!important;float:none!important;display:inline-block!important;position:relative!important;top:auto!important;left:auto!important}div.uimob340 .um-header.no-cover .um-profile-photo a.um-profile-photo-img{width:120px!important;height:120px!important}div.uimob340 .um-header .um-profile-meta{padding-left:0!important;padding-right:0!important;text-align:center!important;padding-top:60px!important}div.uimob340 .um-header.no-cover .um-profile-meta{padding-top:0!important}div.uimob340 .um-header .um-name{float:none!important;margin-right:0!important;font-size:18px}div.uimob340 .um-header .um-meta-text{padding:0 20px}div.uimob340 .um-header .um-meta{padding:0 10px;display:inline-block}div.uimob340 .um-col-121,div.uimob340 .um-col-122,div.uimob340 .um-col-131,div.uimob340 .um-col-132,div.uimob340 .um-col-133{float:none;width:100%;margin:0}div.uimob340 .um-field-half{float:none;width:100%}div.uimob340 .um-account-main{float:none;width:100%;padding:0;box-sizing:border-box}div.uimob340 .um-account-tab{padding-bottom:20px;border-bottom:1px solid #eee}div.uimob340 .um-account-meta{margin-bottom:0}.uimob340 .um-half{float:none;width:100%;margin:0 0 10px 0}.uimob340 .um-button.um-btn-auto-width{min-width:auto;max-width:auto;width:100%}.uimob340 .um-col-alt-s{padding-top:0}div.uimob500 .um-profile-nav{padding:0}div.uimob500 .um-profile-nav-item a{padding:10px 16px;margin-left:0;border-radius:0}div.uimob500 .um-profile-nav-item i{display:block;position:static;top:auto;left:auto;font-size:22px;height:22px;line-height:22px}div.uimob500 .um-profile-subnav{padding:8px 15px}div.uimob500 .um-profile-subnav a{display:block;text-align:left;font-size:13px;margin:0;padding:6px 0}div.uimob500 .um-profile-subnav span{font-size:12px;padding:1px 6px}div.uimob500 .um-cover-overlay span.um-cover-overlay-t{display:none!important}div.uimob500 .um-cover-overlay{padding:0}div.uimob500 .um-cover-overlay i,div.uimob500 .um-profile-photo-overlay i{margin-bottom:0;font-size:30px}.um-modal.uimob500{width:100%!important;margin:0!important;left:0!important;height:100%;background:#fff}.um-modal.uimob500,.um-modal.uimob500 .um-modal-body,.um-modal.uimob500 .um-modal-header{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.um-modal.uimob500 .um-modal-header{text-align:center}.um-modal.uimob500 .um-modal-footer{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:10px;border-top:1px solid #ddd}.um-modal.uimob500 .um-modal-right{width:100%;float:none}.um-modal.uimob500 .um-modal-footer a.um-modal-btn{width:48%;margin:0 1%;float:left;display:block;line-height:44px!important;height:44px}.um-modal.uimob500 .ajax-upload-dragdrop span.icon{font-size:40px;line-height:40px}div.uimob500 .um-profile-body{padding-left:0;padding-right:0}div.uimob500 .um-profile-photo{width:100%!important;text-align:center!important;position:absolute;top:-40px;left:0;margin:0}div.uimob500 .um-header.no-cover .um-profile-photo{position:static;top:auto;left:auto}div.uimob500 .um-profile-photo a.um-profile-photo-img{width:100px!important;height:100px!important;margin:0 auto!important;float:none!important;display:inline-block!important;position:relative!important;top:auto!important;left:auto!important}div.uimob500 .um-header.no-cover .um-profile-photo a.um-profile-photo-img{width:120px!important;height:120px!important}div.uimob500 .um-header .um-profile-meta{padding-left:0!important;padding-right:0!important;text-align:center!important;padding-top:60px!important}div.uimob500 .um-header.no-cover .um-profile-meta{padding-top:0!important}div.uimob500 .um-header .um-name{float:none!important;margin-right:0!important;font-size:21px}div.uimob500 .um-header .um-meta-text{padding:0 20px}div.uimob500 .um-header .um-meta{padding:0 20px;display:block}div.uimob500 .um-col-121,div.uimob500 .um-col-122,div.uimob500 .um-col-131,div.uimob500 .um-col-132,div.uimob500 .um-col-133{float:none;width:100%;margin:0}div.uimob500 .um-field-half{float:none;width:100%}div.uimob500 .um-account-main{float:none;width:100%;padding:0;box-sizing:border-box}div.uimob500 .um-account-tab{padding-bottom:20px;border-bottom:1px solid #eee}div.uimob500 .um-account-meta{margin-bottom:0}div.uimob800 .um-profile-nav{padding:0}div.uimob800 .um-profile-nav-item a{padding:10px 20px;margin-left:0;border-radius:0}div.uimob800 .um-profile-nav-item i{display:block;position:static;top:auto;left:auto;font-size:26px;height:26px;line-height:26px}div.uimob800 .um-profile-subnav{padding:8px 15px}div.uimob800 .um-profile-subnav a{display:block;text-align:left;font-size:14px;margin:0;padding:6px 0}div.uimob800 .um-profile-subnav span{font-size:12px;padding:2px 8px}div.uimob800 .um-account-main{width:90%;max-width:450px}div.uimob800 .um-account-side{padding:0;width:10%}div.uimob800 .um-account-side ul{border:1px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}div.uimob800 .um-account-side li{margin-bottom:0!important;background:0 0}div.uimob800 .um-account-side li a{display:block;padding:0!important;height:44px;line-height:44px;color:#666!important;text-align:center;text-decoration:none!important;background:0 0;transition:all .2s linear}div.uimob800 .um-account-side li:first-child a{-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}div.uimob800 .um-account-side li:last-child a{-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}div.uimob800 .um-account-side li a span.um-account-icontip{display:block;float:left;text-align:center;width:100%;height:100%;font-size:22px;line-height:44px}div.uimob800 .um-account-side li a span.um-account-icontip i{position:relative;text-align:center;width:100%}div.uimob800 .um-account-side li a.current,div.uimob800 .um-account-side li a.current:hover{color:#fff!important}div.uimob800 .um-account-meta a{border:1px solid #ddd}div.uimob800 .um-account-meta a,div.uimob800 .um-account-meta img{display:block;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;max-width:100%;height:auto}div.uimob800 .um-account-meta img{width:100%}div.uimob800 .um-profile-photo{width:150px!important}div.uimob800 .um-profile-photo a.um-profile-photo-img{width:140px!important;height:140px!important;top:-70px!important}div.uimob800 .um-header.no-cover .um-profile-photo a.um-profile-photo-img{top:auto!important}div.uimob800 .um-header .um-profile-meta{padding-left:200px}div.uimob800 .um-cover-overlay{padding:0}div.uimob960 .um-profile-photo{width:200px!important}div.uimob960 .um-profile-photo a.um-profile-photo-img{width:140px!important;height:140px!important;top:-70px!important}@media screen and (max-height:400px){.ajax-upload-dragdrop span.icon{display:none}.um-modal.no-photo{width:100%!important;margin:0!important;left:0!important;height:100%;background:#fff}.um-modal.no-photo,.um-modal.no-photo .um-modal-body,.um-modal.no-photo .um-modal-header{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.um-modal.no-photo .um-modal-header{text-align:center;font-size:14px}.um-modal.no-photo .um-modal-footer{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:10px;border-top:1px solid #ddd}.um-modal.no-photo .um-modal-right{width:100%;float:none}.um-modal.no-photo .um-modal-footer a.um-modal-btn{width:48%;margin:0 1%;float:left;display:block;line-height:44px!important;height:44px}}@media screen and (max-height:300px){.um-modal.no-photo .um-modal-header{display:none}.ajax-upload-dragdrop span.icon,.ajax-upload-dragdrop span.str{display:none}}@media screen and (max-width:600px){.um-popup{width:96%;margin-left:2%;left:0;top:15px}} \ No newline at end of file diff --git a/assets/css/um-select.min.css b/assets/css/um-select.min.css new file mode 100644 index 00000000..f60b34ee --- /dev/null +++ b/assets/css/um-select.min.css @@ -0,0 +1 @@ +.select2-container{margin:0!important;position:relative!important;display:inline-block!important;zoom:1!important;vertical-align:middle!important}.select2-container a:hover{color:#666!important}.select2-container,.select2-drop,.select2-search,.select2-search input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.select2-container .select2-choice{display:block!important;height:36px!important;padding:0 0 0 12px!important;overflow:hidden!important;position:relative!important;white-space:nowrap!important;line-height:35px!important;color:#666!important;font-size:15px!important;text-align:left!important;text-decoration:none!important;-moz-border-radius:2px!important;-webkit-border-radius:2px!important;border-radius:2px!important;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:0 0!important;background-color:#fff!important}.select2-container.select2-drop-above .select2-choice{-moz-border-radius:0 0 2px 2px!important;-webkit-border-radius:0 0 2px 2px!important;border-radius:0 0 2px 2px!important}.select2-container.select2-allowclear .select2-choice .select2-chosen{margin-right:42px}.select2-container .select2-choice>.select2-chosen{margin-right:26px!important;display:block!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;float:none!important;width:auto!important;font-weight:400}.select2-container .select2-choice abbr{display:none;width:20px!important;height:100%!important;right:24px!important;font-size:1px!important;text-decoration:none!important;border:0!important;background:0 0!important;cursor:pointer!important;outline:0!important}.select2-container.select2-allowclear .select2-choice abbr{display:inline-block!important}.select2-container .select2-choice abbr:hover{cursor:pointer!important}.select2-drop-mask{border:0!important;margin:0!important;padding:0!important;position:fixed!important;left:0!important;top:0!important;min-height:100%!important;min-width:100%!important;height:auto!important;width:auto!important;opacity:0!important;z-index:1999997!important;background-color:#fff!important}.select2-drop{width:100%;margin-top:-1px;position:absolute;z-index:1999998!important;top:100%;background:#fff;color:#666;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;box-shadow:none}.select2-drop.select2-drop-above{margin-top:1px;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;box-shadow:none}.select2-drop-active{box-shadow:none!important}.select2-drop-auto-width{width:auto!important}.select2-drop-auto-width .select2-search{padding-top:4px}.select2-container .select2-choice .select2-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:0 0!important;border-left:0!important}.select2-container .select2-choice .select2-arrow *{line-height:100%!important;vertical-align:middle!important}.select2-container .select2-choice .select2-arrow b{display:block!important;width:100%!important;height:100%!important;background:0 0!important}.select2-container .select2-choice .select2-arrow:before{content:"\f3d0"!important;font-size:27px!important;font-family:Ionicons!important;width:100%!important;display:block;height:100%;line-height:36px}.select2-container .select2-choice .select2-arrow:hover:before{color:#666!important}.select2-search{display:inline-block!important;width:100%!important;min-height:32px!important;height:32px!important;line-height:1em!important;margin:0!important;padding-left:4px!important;padding-right:4px!important;position:relative!important;z-index:1999999!important;white-space:nowrap!important}.select2-search input[type=text]{background:0 0!important;width:100%!important;height:32px!important;line-height:auto!important;padding:0 38px 0 7px!important;margin:0!important;outline:0!important;border:1px solid #ddd!important;color:#666!important;-moz-border-radius:2px!important;-webkit-border-radius:2px!important;border-radius:2px!important;font-size:15px!important;box-sizing:border-box!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;box-shadow:none!important}.select2-search:before{content:"\f4a4"!important;font-size:20px!important;height:32px!important;line-height:32px!important;font-family:Ionicons!important;top:0!important;right:10px!important;position:absolute!important}.select2-drop .select2-search{margin-top:4px!important}.select2-search input.select2-active{background:#fff!important}.select2-container-active .select2-choice,.select2-container-active .select2-choices{outline:0!important;box-shadow:none!important}.select2-dropdown-open .select2-choice{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.select2-dropdown-open .select2-choice .select2-arrow{background:0 0!important;filter:none!important;border-color:transparent!important}.select2-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.select2-results{max-height:200px;padding:0 0 0 5px;margin:4px 4px 4px 0;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-tap-highlight-color:transparent}.select2-results ul.select2-result-sub{margin:0;padding-left:0}.select2-results li{list-style:none;display:list-item;background-image:none;font-size:15px;margin:0!important;padding:3px 0!important;color:#666!important}.select2-results li.select2-result-with-children>.select2-result-label{font-weight:700!important}.select2-results .select2-result-label{padding:3px 7px 4px!important;margin:0!important;cursor:pointer;min-height:1em!important;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.select2-results-dept-1 .select2-result-label{padding-left:20px}.select2-results-dept-2 .select2-result-label{padding-left:40px}.select2-results-dept-3 .select2-result-label{padding-left:60px}.select2-results-dept-4 .select2-result-label{padding-left:80px}.select2-results-dept-5 .select2-result-label{padding-left:100px}.select2-results-dept-6 .select2-result-label{padding-left:110px}.select2-results-dept-7 .select2-result-label{padding-left:120px}.select2-results .select2-highlighted{background:0 0!important;background:#f4f4f4!important;color:#666!important}.select2-results li em{background:#feffde!important;font-style:normal!important}.select2-results .select2-highlighted em{background:0 0!important}.select2-results .select2-highlighted ul{background:#fff!important;color:#666!important}.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit{background:#f4f4f4!important;display:list-item!important;padding:5px!important;font-size:15px!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.select2-results .select2-disabled.select2-highlighted .select2-result-label{color:#bbb!important;background:#fff!important;display:list-item!important;cursor:default!important}.select2-results .select2-disabled .select2-result-label{color:#bbb!important;background:#fff!important;display:list-item!important;cursor:default!important}.select2-results .select2-selected{display:none}.select2-more-results.select2-active{background:#f4f4f4!important}.select2-more-results{background:#f4f4f4!important;display:list-item!important}.select2-container.select2-container-disabled .select2-choice{background-color:#f4f4f4!important;background-image:none!important;border:1px solid #ddd!important;cursor:default!important}.select2-container.select2-container-disabled .select2-choice .select2-arrow{background:0 0!important;background:#f9f9f9!important;border-left:0!important}.select2-container.select2-container-disabled .select2-choice abbr{display:none!important}.select2-container-multi .select2-choices{height:auto!important;height:1%!important;margin:0!important;padding:1px 3px!important;position:relative!important;cursor:text!important;overflow:hidden!important;-moz-border-radius:2px!important;-webkit-border-radius:2px!important;border-radius:2px!important;box-shadow:none!important}.select2-locked{padding:3px 5px 3px 5px!important}.select2-container-multi .select2-choices{min-height:26px;background-image:none!important}.select2-container-multi.select2-container-active .select2-choices{outline:0;box-shadow:none}.select2-container-multi .select2-choices li{float:left;list-style:none}html[dir=rtl] .select2-container-multi .select2-choices li{float:right}.select2-container-multi .select2-choices .select2-search-field{margin:0;padding:0;white-space:nowrap}.select2-container-multi .select2-choices .select2-search-field input{padding:5px!important;margin:3px 0!important;font-size:100%;height:auto!important;outline:0;border:0!important;-webkit-box-shadow:none;box-shadow:none;background:0 0!important}.select2-container-multi .select2-choices .select2-search-field input.select2-active{background:#fff!important}.select2-container-multi .select2-choices .select2-search-choice{padding:4px 20px 4px 5px!important;margin:6px 0 4px 5px!important;position:relative;line-height:14px;font-size:14px;color:#666;cursor:default;border:1px solid #ddd;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;box-shadow:none!important;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0 0!important;background-color:#f9f9f9!important}html[dir=rtl] .select2-container-multi .select2-choices .select2-search-choice{margin-left:0;margin-right:5px}.select2-container-multi .select2-choices .select2-search-choice .select2-chosen{cursor:default}.select2-container-multi .select2-choices .select2-search-choice-focus{background:#f1f1f1}.select2-search-choice-close{position:absolute!important;width:18px!important;height:18px!important;right:0!important;top:0!important;left:auto!important;outline:0!important;background:0 0!important}.select2-search-choice-close:before{content:"\f2d7"!important;font-size:22px!important;font-family:Ionicons!important;right:4px!important;position:relative!important;display:block;height:100%;width:100%;line-height:36px}.select2-search-choice-close:hover:before{color:#666!important}.select2-container-multi .select2-search-choice-close{text-decoration:none!important;width:21px!important;height:100%!important;text-align:center!important;border-bottom:0!important}.select2-container-multi .select2-search-choice-close:before{font-size:16px!important;right:0!important;line-height:23px!important}.select2-container-multi.select2-container-disabled .select2-choices{background-color:#f4f4f4;background-image:none;border:1px solid #ddd;cursor:default}.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice{padding:3px 5px 3px 5px;border:1px solid #ddd;background-image:none;background-color:#f4f4f4}.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close{display:none;background:0 0}.select2-result-selectable .select2-match,.select2-result-unselectable .select2-match{text-decoration:underline}.select2-offscreen,.select2-offscreen:focus{clip:rect(0 0 0 0)!important;width:1px!important;height:1px!important;border:0!important;margin:0!important;padding:0!important;overflow:hidden!important;position:absolute!important;outline:0!important;left:0!important;top:0!important}.select2-display-none{display:none}.select2-measure-scrollbar{position:absolute;top:-10000px;left:-10000px;width:100px;height:100px;overflow:scroll} \ No newline at end of file diff --git a/assets/css/um-styles.css b/assets/css/um-styles.css index d107dea4..badcd971 100644 --- a/assets/css/um-styles.css +++ b/assets/css/um-styles.css @@ -2,7 +2,7 @@ - Layout */ -.um { +.um:not(.um-admin) { width: 100%; text-align: left; box-sizing: border-box; @@ -19,9 +19,8 @@ display: none; } -.um *, -.um *:before, -.um *:after { +.um:not(.um-admin) *:before, +.um:not(.um-admin) *:after { box-sizing: content-box; } @@ -40,14 +39,14 @@ border-bottom: 0 !important; } -.um a:focus, +.um:not(.um-admin) a:focus, .um-modal a:focus { outline: 0 !important; } -.um a .image-overlay, -.um a:hover .image-overlay, -.um a:hover .image-overlay * { +.um:not(.um-admin) a .image-overlay, +.um:not(.um-admin) a:hover .image-overlay, +.um:not(.um-admin) a:hover .image-overlay * { display: none !important; width: 0 !important; height: 0 !important; @@ -60,13 +59,13 @@ } .um.um-in-admin .um-tip {display: none !important} -.um:not(.um-directory) input, -.um:not(.um-directory) select, -.um:not(.um-directory) textarea{ +.um:not(.um-admin):not(.um-directory) input, +.um:not(.um-admin):not(.um-directory) select, +.um:not(.um-admin):not(.um-directory) textarea{ font-size: 15px; } -.um * { +.um:not(.um-admin) * { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } diff --git a/assets/css/um-styles.min.css b/assets/css/um-styles.min.css new file mode 100644 index 00000000..071c3e71 --- /dev/null +++ b/assets/css/um-styles.min.css @@ -0,0 +1 @@ +.um:not(.um-admin){width:100%;text-align:left;box-sizing:border-box;color:#666;font-size:15px;margin-bottom:30px!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;opacity:0}.um-s1,.um-s2{display:none}.um:not(.um-admin) :after,.um:not(.um-admin) :before{box-sizing:content-box}.um-account-side li a,.um-cover a,.um-field-value a,.um-header a,.um-member-less a,.um-member-more a,.um-member-name a,.um-member-photo a,.um-members a,.um-members-pagi a,.um-members-pagi span{border-bottom:0!important}.um-modal a:focus,.um:not(.um-admin) a:focus{outline:0!important}.um:not(.um-admin) a .image-overlay,.um:not(.um-admin) a:hover .image-overlay,.um:not(.um-admin) a:hover .image-overlay *{display:none!important;width:0!important;height:0!important;position:static!important}.um.um-in-admin{padding-top:0}.um.um-in-admin .um-tip{display:none!important}.um:not(.um-admin):not(.um-directory) input,.um:not(.um-admin):not(.um-directory) select,.um:not(.um-admin):not(.um-directory) textarea{font-size:15px}.um:not(.um-admin) *{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.um-left{float:left}.um-right{float:right}.um-clear{clear:both}.um-center{text-align:center}.um-center .um-button{display:inline-block!important;width:auto!important;min-width:250px!important}.um-half{width:48%}.um-field-half{width:48%;float:left}.um-field-half.right{float:right}.um-field-tri{width:30%;float:left;margin-right:3%}.um img{box-shadow:none!important}.um-col{padding-bottom:20px}.um-col-alt{margin:15px 0 5px 0}.um-col-alt-s{padding-top:10px}.um-col-alt-b{padding-top:20px}.um-col-121{float:left;width:48%}.um-col-122{float:right;width:48%}.um-col-131{float:left;width:30%}.um-col-132{float:left;width:30%;margin:0 5%}.um-col-133{float:left;width:30%}.um-raty i{font-size:26px}.um-field-half .um-raty i{font-size:21px}.um-field-tri .um-raty i{font-size:21px}.um-button i{font-size:22px;width:22px;height:12px!important;display:inline-block;line-height:12px!important;vertical-align:middle!important;position:relative;top:-6px;margin-right:8px}.um-row-heading{padding:5px 0;font-size:16px}.um-row-heading i{font-size:24px;height:24px;line-height:24px;margin:0 12px 0 0;display:inline-block;width:30px;text-align:center}.um-row-heading i:before{vertical-align:middle!important}p.um-notice{width:auto;color:#fff;box-sizing:border-box;font-size:15px;padding:12px!important;margin:12px 0 0 0!important;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;position:relative}p.um-notice a{color:#fff;text-decoration:underline}p.um-notice i{position:absolute;right:14px;font-size:36px;cursor:pointer;top:7px;display:block;height:30px;line-height:30px}p.um-notice.success{background:#7acf58}p.um-notice.err{background:#c74a4a}p.um-notice.warning{background:#f9f9d1;color:#666;border:1px solid #efe4a2;padding:8px 15px!important}p.um-notice.warning a{color:#666;text-decoration:underline}.um-field-error{width:auto;max-width:100%;background:#c74a4a;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#fff;box-sizing:border-box;position:relative;padding:12px;font-size:14px;line-height:20px!important;margin:12px 0 0 0}.um-field-error a{color:#fff!important;text-decoration:underline!important}.um-field-arrow{top:-17px;left:10px;position:absolute;z-index:1;color:#c74a4a;font-size:28px;line-height:1em!important}.um-error-block{width:auto;max-width:100%;background:#c74a4a;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#fff;box-sizing:border-box;position:relative;padding:12px;font-size:14px;line-height:1em!important;margin:12px 0 0 0}.um-field-notice{width:auto;max-width:100%;background:#497bc7;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#fff;box-sizing:border-box;position:relative;padding:12px;font-size:14px;line-height:20px!important;margin:5px 0 0 0}.um-field-notice a{color:#fff!important;text-decoration:underline!important}.um-field-notice .um-field-arrow{top:-17px;left:10px;position:absolute;z-index:1;color:#497bc7!important;font-size:28px;line-height:1em!important}.um-notice-block{width:auto;max-width:100%;background:#497bc7;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#fff;box-sizing:border-box;position:relative;padding:12px;font-size:14px;line-height:1em!important;margin:12px 0 0 0}.um-tip{margin:0 0 0 8px;cursor:pointer;display:inline-block;position:relative;top:3px}.um-tip i{font-size:22px;height:22px;line-height:22px;display:block;position:relative}.um-tip-text{display:block;font-size:13px;line-height:15px;color:#999}.um-form button::-moz-focus-inner,.um-form input::-moz-focus-inner{border:0!important;padding:0!important}.um-field{position:relative;padding:15px 0 0 0}.um-field-b,.um-field-c{padding-top:0!important}.um-field-label{display:block;margin:0 0 8px 0}.um-field-label .um-field-label-icon{float:left;margin:0 8px 0 0;height:22px;line-height:18px;display:inline-block;width:24px;text-align:center}.um-field-label .um-field-label-icon i{font-size:22px;position:relative;top:1px}.um-field-label label{font-size:15px!important;line-height:22px!important;font-weight:700;font-weight:600}.um-field-area{position:relative;word-wrap:break-word}.um-field-area-password{position:relative}.um-toggle-password{cursor:pointer;display:block;position:absolute;right:0;top:0;height:100%;width:40px;text-align:center;box-sizing:border-box;font-size:20px;line-height:2}.um-toggle-password i{transition:all .2s linear}.um-toggle-password:hover i{color:#44b0ec}.um-field-value p{margin:0 0 6px 0!important;padding:0}.um-field-block{color:#777;font-size:17px}.um-field-spacing{width:100%}.um-field-divider{width:100%;margin:0 0 12px 0;height:24px;position:relative}.um-field-divider-text{position:absolute;width:100%;text-align:center;bottom:-24px;left:0;font-size:16px;padding:10px 0}.um-field-divider-text span{background:#fff;color:#555;display:inline-block;padding:0 15px}.um-field-icon{position:absolute;cursor:default;text-align:center!important;top:2px;left:0;width:44px;font-size:22px;line-height:1.7em}.um-form input[type=number],.um-form input[type=password],.um-form input[type=search],.um-form input[type=tel],.um-form input[type=text]{padding:0 12px!important;width:100%;display:block!important;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;outline:0!important;cursor:text!important;font-size:15px!important;height:40px!important;box-sizing:border-box!important;box-shadow:none!important;margin:0!important;position:static}.um-form .um-field-area-password input[type=password]{padding-right:40px!important}.um-form input[type=number]{width:auto;padding:0 0 0 5px!important;height:30px!important}.um-form input[type=number]:focus,.um-form input[type=password]:focus,.um-form input[type=search]:focus,.um-form input[type=tel]:focus,.um-form input[type=text]:focus,.um-form textarea:focus{box-shadow:none!important;outline:0!important}.um-form input[type=password].um-iconed,.um-form input[type=tel].um-iconed,.um-form input[type=text].um-iconed{padding-left:44px!important}.um-form input[type=password].um-error,.um-form input[type=tel].um-error,.um-form input[type=text].um-error{border-color:#c74a4a!important}.um-form textarea{width:100%;padding:8px 12px!important;display:block;font-size:15px!important;line-height:22px!important;background:#fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;box-sizing:border-box;min-height:80px!important;box-shadow:none;outline:0!important}.um-form .um-meta-text textarea{max-width:100%}.um-form .wp-editor-container{border:1px solid #ddd}.um-form .wp-editor-container textarea{background:#ddd!important;color:#222!important;border-radius:0}.um-field-c .um-field-checkbox{margin-bottom:14px;margin-top:0!important;position:relative}.um-field-checkbox:not(.um-field),.um-field-radio:not(.um-field){display:block;margin:8px 0;position:relative}.um-profile.um-editing .um-field-checkbox,.um-profile.um-editing .um-field-radio{cursor:pointer!important}.um-field-checkbox:hover i,.um-field-radio:hover i{color:#666}.um-field-checkbox input,.um-field-radio input{opacity:0!important;display:inline!important;width:0!important;float:left}.um-field-checkbox-state,.um-field-radio-state{position:absolute;top:0;left:1px;width:24px;height:24px}.um-field-checkbox-state i,.um-field-radio-state i{font-size:24px;line-height:24px;height:24px;color:#aaa;transition:all .2s linear}.um-field-checkbox-option,.um-field-radio-option{margin:0 0 0 36px;line-height:24px;color:#888!important;display:block}.um-field-group{margin-top:20px}.um-field-group-head{cursor:pointer;color:#fff;font-size:16px;line-height:22px;padding:10px 20px;transition:.25s;box-sizing:border-box;-moz-border-radius:4px!important;-webkit-border-radius:4px!important;border-radius:4px!important;border-top:1px solid transparent!important;border-bottom:2px solid rgba(0,0,0,.1)!important}.um-field-group-head i{font-size:20px;margin:0 8px 0 0}.um-field-group-head i:before{vertical-align:middle!important}.um-field-group-body{display:none;margin:15px 0 0 0;padding:15px 20px 5px 20px;background:#f9f9f9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;position:relative;box-sizing:border-box;width:100%}.um-field-group-body div.um-field{padding:0 0 15px 0}.um-field-group-cancel{font-size:18px;position:absolute;z-index:800;right:8px;top:8px;color:#ccc!important;text-decoration:none!important}.um-field-group-cancel:hover{color:#777!important}.um div.disabled,.um input[type=number]:disabled,.um input[type=submit]:disabled,.um input[type=text]:disabled,.um-disabled{opacity:.6!important;cursor:no-drop!important}input[type=submit].um-button,input[type=submit].um-button:focus{vertical-align:middle!important;height:auto!important;font-size:15px;cursor:pointer!important;width:100%;box-shadow:none;text-shadow:none;font-family:inherit;outline:0!important;margin:0;opacity:1;-webkit-appearance:none}input[type=submit].um-button:hover{opacity:1}.um-button{font-size:15px;border:none!important;display:block;width:100%;line-height:1em!important;padding:16px 20px!important;text-decoration:none!important;text-align:center;text-transform:none!important;font-weight:400!important;overflow:hidden;position:relative;transition:.25s;box-sizing:border-box;-moz-border-radius:4px!important;-webkit-border-radius:4px!important;border-radius:4px!important;-webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);opacity:1}a.um-button{font-size:15px;border:none!important;display:block;width:100%;line-height:1em!important;padding:16px 20px!important;text-decoration:none!important;text-align:center;text-transform:none!important;font-weight:400!important;overflow:hidden;position:relative;transition:.25s;box-sizing:border-box;-moz-border-radius:4px!important;-webkit-border-radius:4px!important;border-radius:4px!important;-webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);opacity:1}a.um-button:hover{-webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.um-button.um-btn-auto-width{width:auto;display:inline-block;padding:14px 20px!important;min-width:200px;max-width:450px}a.um-link-alt{line-height:22px;color:#888!important;display:block!important;text-decoration:none!important;font-weight:400;text-align:center;border-bottom:none!important}a.um-link-alt:hover{text-decoration:underline!important}.um-dropdown{position:absolute;height:auto;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;z-index:55;display:none;border:1px solid #e5e5e5;box-sizing:border-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);box-shadow:0 0 1px rgba(0,0,0,.1)}.um-dropdown li,.um-dropdown ul{list-style-type:none!important;padding:0!important;margin:0!important}.um-dropdown ul{background:#fff;position:relative;z-index:16}.um-dropdown li a{display:block;padding:8px 12px;color:#666;font-size:14px;line-height:18px}.um-dropdown li:last-child a{border-top:1px solid #e5e5e5;padding:12px}.um-dropdown-b{position:relative}.um-dropdown-arr{position:absolute;font-size:24px;width:24px;height:24px;overflow:hidden;z-index:15;color:#eee}.um-dropdown-arr *{display:block!important;width:24px!important;height:24px!important;vertical-align:bottom!important;overflow:hidden!important;line-height:24px!important}div.um-photo{margin:20px auto 0 auto;text-align:center;box-sizing:border-box;max-width:100%}div.um-photo,div.um-photo a,div.um-photo img{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}div.um-photo a{border:1px solid #e5e5e5;padding:5px;box-sizing:border-box;display:inline-block;box-shadow:0 1px 1px #eee;margin:0 auto;max-width:100%}div.um-photo img{max-height:300px;max-width:100%}span.um-req{margin:0 0 0 8px;font-size:14px;display:inline-block}small.um-max-filesize{display:block;color:#999;padding-top:5px}small.um-max-filesize span{font-size:12px}.um-form .um-field .um-field-area input.um-form-field.um-validate-not-matched,.um-form .um-field .um-field-area input.um-form-field.um-validate-not-matched:focus,.um-form .um-field .um-field-area input.um-form-field.um-validate-username-exists,.um-form .um-field .um-field-area input.um-form-field.um-validate-username-exists:focus{border-color:#db2929!important}.um-form .um-field .um-field-area input.um-searching-username{background-image:url(../img/loading.gif);background-position:right center;background-repeat:no-repeat;background-size:24px 24px}.um-search-area{position:relative;max-width:300px}.um-search-area .um-search-field{width:100%}.um-search-area .um-search-icon{position:absolute;top:7px;right:10px}.um-field .select2-container.select2-container--open,.um-search-filter .select2-container.select2-container--open{z-index:9999999}.um-field .select2.select2-container .select2-selection,.um-search-filter .select2.select2-container .select2-selection{display:block!important;height:40px;padding:0 0 0 12px!important;overflow:hidden!important;position:relative!important;white-space:nowrap!important;line-height:35px!important;color:#666!important;font-size:15px!important;-moz-border-radius:2px!important;-webkit-border-radius:2px!important;border-radius:2px!important;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!important;border:1px solid #ddd!important}.rtl .um-field .select2.select2-container .select2-selection,.rtl .um-search-filter .select2.select2-container .select2-selection{padding:0 12px 0 0!important}.um-field .select2.select2-container .select2-selection .select2-selection__arrow,.um-search-filter .select2.select2-container .select2-selection .select2-selection__arrow{display:inline-block!important;width:34px!important;height:100%!important;position:absolute;right:0;top:0;text-align:center;background:0 0!important;border:none!important}.rtl .um-field .select2.select2-container .select2-selection .select2-selection__arrow,.rtl .um-search-filter .select2.select2-container .select2-selection .select2-selection__arrow{right:initial;left:0}.um-field .select2.select2-container .select2-selection .select2-selection__arrow:before,.um-search-filter .select2.select2-container .select2-selection .select2-selection__arrow:before{content:"\f3d0"!important;font-size:28px!important;font-family:Ionicons!important;display:block;height:100%;line-height:40px;min-width:1em;text-align:center;color:#aaa}.um-field .select2.select2-container .select2-selection .select2-selection__arrow b[role=presentation],.um-search-filter .select2.select2-container .select2-selection .select2-selection__arrow b[role=presentation]{display:none}.um-field .select2-container.select2-container--open .select2-dropdown,.um-search-filter .select2-container.select2-container--open .select2-dropdown{border:1px solid #ddd!important;border-radius:0}.um-field .select2-container.select2-container--open .select2-dropdown .select2-results li,.um-search-filter .select2-container.select2-container--open .select2-dropdown .select2-results li{list-style:none;display:list-item;background:0 0;font-size:15px;margin:5px!important;color:#666!important;padding:3px 7px 4px!important;cursor:pointer;min-height:1em}.um-field .select2.select2-container .select2-selection.select2-selection--multiple,.um-search-filter .select2.select2-container .select2-selection.select2-selection--multiple{height:auto!important;line-height:.8!important;min-height:40px;padding-bottom:4px!important}.um-field .select2-container--default .select2-selection--single .select2-selection__rendered,.um-search-filter .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:37px;padding-left:0;padding-right:24px}.rtl .um-field .select2-container--default .select2-selection--single .select2-selection__rendered,.rtl .um-search-filter .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:24px;padding-right:0}.um-field .select2-container--default .select2-selection--multiple .select2-selection__rendered,.um-search-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered{line-height:37px;box-sizing:border-box;list-style:none;margin:0;padding-left:0;padding-right:30px;width:100%;font-size:13px}.rtl .um-field .select2-container--default .select2-selection--multiple .select2-selection__rendered,.rtl .um-search-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding-left:30px;padding-right:0}.um-field .select2-dropdown .select2-results li.select2-results__option.select2-results__option--highlighted,.um-search-filter .select2-dropdown .select2-results li.select2-results__option.select2-results__option--highlighted{background:#f4f4f4;color:#666}.um-field .select2-dropdown .select2-results li.select2-results__option[aria-selected=true],.um-search-filter .select2-dropdown .select2-results li.select2-results__option[aria-selected=true]{background-color:#ddd}.um-field .select2-container--default .select2-selection--multiple .select2-selection__clear,.um-field .select2-container--default .select2-selection--single .select2-selection__clear,.um-search-filter .select2-container--default .select2-selection--multiple .select2-selection__clear,.um-search-filter .select2-container--default .select2-selection--single .select2-selection__clear{color:#aaa;font-size:28px;font-weight:400;line-height:34px;margin:0!important;right:0;text-align:center;width:1em}.rtl .um-field .select2-container--default .select2-selection--multiple .select2-selection__clear,.rtl .um-field .select2-container--default .select2-selection--single .select2-selection__clear,.rtl .um-search-filter .select2-container--default .select2-selection--multiple .select2-selection__clear,.rtl .um-search-filter .select2-container--default .select2-selection--single .select2-selection__clear{left:0;right:initial}.um-field .select2-container--default .select2-selection--multiple .select2-selection__clear,.um-search-filter .select2-container--default .select2-selection--multiple .select2-selection__clear{position:absolute}.um-field .select2-container--default .select2-selection--multiple .select2-selection__choice,.um-search-filter .select2-container--default .select2-selection--multiple .select2-selection__choice{margin:5px 5px 0 0;max-height:28px;padding:3px 3px 3px 5px}.rtl .um-field .select2-container--default .select2-selection--multiple .select2-selection__choice,.rtl .um-search-filter .select2-container--default .select2-selection--multiple .select2-selection__choice{margin:5px 0 0 5px;padding:3px 5px 3px 3px}.um-field .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline,.um-search-filter .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline{margin:5px 5px 0 0;padding:0}.rtl .um-field .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline,.rtl .um-search-filter .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline{margin:5px 0 0 5px}.um-field .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline>input,.um-search-filter .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline>input{border:none!important;padding:0!important;max-height:28px}.um-field .select2-container--default .select2-selection--multiple .select2-selection__rendered li,.um-search-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered li{overflow-x:hidden;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;line-height:20px}.um-field-multiselect .um-field-area .um-field-icon,.um-field-select .um-field-area .um-field-icon{z-index:99999999}.um-field-select .um-field-area.um-field-area-has-icon .select2-selection__rendered{text-indent:20px}.um-field-multiselect .um-field-area.um-field-area-has-icon ul:first-child{margin-left:30px!important}.um-field-area .wp-switch-editor{float:none;height:auto} \ No newline at end of file diff --git a/assets/css/um.rtl.min.css b/assets/css/um.rtl.min.css new file mode 100644 index 00000000..608118c7 --- /dev/null +++ b/assets/css/um.rtl.min.css @@ -0,0 +1 @@ +.um{direction:rtl!important;text-align:right}.um-profile-photo{float:right;margin:0 30px 0 0}.um-profile-photo a.um-profile-photo-img{float:right;left:auto}.um-cover+.um-header .um-profile-photo a.um-profile-photo-img{right:0}div.uimob500 .um-profile-photo a.um-profile-photo-img{right:auto}.um-profile-edit{right:auto;left:0;margin-left:10px;margin-right:0}div.uimob800 .um-header .um-profile-meta,div.uimob960 .um-header .um-profile-meta{padding-left:0!important;padding-right:200px!important}.um-name{float:right;margin-right:0}.um-profile-nav-item a{float:right;padding:6px 28px 6px 10px}.um-profile-nav-item i{left:auto;right:6px}.um-profile-nav-item a{float:right}.um-field-checkbox-state,.um-field-radio-state{right:1px;left:auto}.um-field-checkbox-option,.um-field-radio-option{margin:0 36px 0 0}.um-field-half{float:right}.um-field-half.right{float:left}.um-left{float:right}.um-right{float:left}.um-account-main,.um-account-side{float:right}.um-account-main div.um-account-heading i{margin-right:0;margin-left:10px}.um-account-side li a span.um-account-icon,.um-account-side li a.current span.um-account-icon,.um-account-side li a.current:hover span.um-account-icon{float:right;border-left:1px solid #ccc}.um-account-side li a span.um-account-title{padding-right:20px;float:right}.um-account-side li a span.um-account-arrow{right:auto;left:10px}.um-field-label .um-field-label-icon{float:right;margin:0 0 0 8px}p.um-notice i{right:auto;left:14px}.um-account.uimob340 .um-account-nav a,.um-account.uimob500 .um-account-nav a{padding-left:0;padding-right:40px}.um-account.uimob340 .um-account-nav span.ico,.um-account.uimob500 .um-account-nav span.ico{right:0}.um-account.uimob340 .um-account-nav span.arr,.um-account.uimob500 .um-account-nav span.arr{right:auto;left:0}.select2.select2-container .select2-selection .select2-selection__arrow{right:auto!important}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;text-align:right;padding-left:20px}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{margin-left:4px}.um-single-file-preview a.cancel,.um-single-image-preview a.cancel{left:-15px;right:auto}.select2.select2-container .select2-selection{padding:0 12px 0 0!important}.select2-selection__clear{right:auto;left:1px}.cropper-container{margin:0 auto;left:auto!important}.um-field-label .um-tip{margin:0 8px 0 0}.tipsy-inner{text-align:right!important}.um span.um-req{margin:0 8px 0 0}.um-account-side li a span.um-account-icon,.um-account-side li a.current span.um-account-icon,.um-account-side li a.current:hover span.um-account-icon{border-right:none}.um-field-error .um-field-arrow{left:0;right:10px}.um-single-file-preview a.cancel,.um-single-image-preview a.cancel{left:0}.um-modal-body .um-single-file-preview a.cancel,.um-modal-body .um-single-image-preview a.cancel{left:-15px}.um-item-link{padding-right:0;padding-left:40px} \ No newline at end of file diff --git a/includes/admin/assets/img/ajax-loader.gif b/assets/img/ajax-loader.gif similarity index 100% rename from includes/admin/assets/img/ajax-loader.gif rename to assets/img/ajax-loader.gif diff --git a/includes/admin/assets/img/1-column-active.gif b/assets/img/builder/1-column-active.gif similarity index 100% rename from includes/admin/assets/img/1-column-active.gif rename to assets/img/builder/1-column-active.gif diff --git a/includes/admin/assets/img/1-column.gif b/assets/img/builder/1-column.gif similarity index 100% rename from includes/admin/assets/img/1-column.gif rename to assets/img/builder/1-column.gif diff --git a/includes/admin/assets/img/2-columns-active.gif b/assets/img/builder/2-columns-active.gif similarity index 100% rename from includes/admin/assets/img/2-columns-active.gif rename to assets/img/builder/2-columns-active.gif diff --git a/includes/admin/assets/img/2-columns.gif b/assets/img/builder/2-columns.gif similarity index 100% rename from includes/admin/assets/img/2-columns.gif rename to assets/img/builder/2-columns.gif diff --git a/includes/admin/assets/img/3-columns-active.gif b/assets/img/builder/3-columns-active.gif similarity index 100% rename from includes/admin/assets/img/3-columns-active.gif rename to assets/img/builder/3-columns-active.gif diff --git a/includes/admin/assets/img/3-columns.gif b/assets/img/builder/3-columns.gif similarity index 100% rename from includes/admin/assets/img/3-columns.gif rename to assets/img/builder/3-columns.gif diff --git a/assets/js/um-blocks.js b/assets/js/admin/block-renderer.js similarity index 100% rename from assets/js/um-blocks.js rename to assets/js/admin/block-renderer.js diff --git a/assets/js/um-blocks.min.js b/assets/js/admin/block-renderer.min.js similarity index 100% rename from assets/js/um-blocks.min.js rename to assets/js/admin/block-renderer.min.js diff --git a/assets/js/admin/blocks.js b/assets/js/admin/block-restrictions.js similarity index 100% rename from assets/js/admin/blocks.js rename to assets/js/admin/block-restrictions.js diff --git a/assets/js/admin/block-restrictions.min.js b/assets/js/admin/block-restrictions.min.js new file mode 100644 index 00000000..50daef62 --- /dev/null +++ b/assets/js/admin/block-restrictions.min.js @@ -0,0 +1 @@ +"use strict";var um_components=wp.components,umSelectControl=um_components.SelectControl,umTextareaControl=um_components.TextareaControl;function um_admin_blocks_custom_fields(e,t){return wp.hooks.applyFilters("um_admin_blocks_custom_fields",[],e,t)}var um_block_restriction=wp.compose.createHigherOrderComponent(function(s){var _={um_who_access:"um_block_settings_hide",um_roles_access:"um_block_settings_hide",um_message_type:"um_block_settings_hide",um_message_content:"um_block_settings_hide"},_=wp.hooks.applyFilters("um_admin_blocks_condition_fields_default",_);return function(t){var e=void 0!==t.attributes.um_is_restrict&&t.attributes.um_is_restrict;return!0!==t.attributes.um_is_restrict?(_.um_who_access="um_block_settings_hide",_.um_roles_access="um_block_settings_hide",_.um_message_type="um_block_settings_hide",_.um_message_content="um_block_settings_hide"):(_.um_who_access="",0===parseInt(t.attributes.um_who_access)||void 0===t.attributes.um_who_access?(_.um_roles_access="um_block_settings_hide",_.um_message_type="um_block_settings_hide",_.um_message_content="um_block_settings_hide"):(1===parseInt(t.attributes.um_who_access)&&(_.um_roles_access=""),_.um_message_type="",2===parseInt(t.attributes.um_message_type)?_.um_message_content="":_.um_message_content="um_block_settings_hide")),_=wp.hooks.applyFilters("um_admin_blocks_condition_fields",_,t),wp.element.createElement(wp.element.Fragment,{},wp.element.createElement(s,t),wp.element.createElement(wp.blockEditor.InspectorControls,{},wp.element.createElement(wp.components.PanelBody,{title:wp.i18n.__("Ultimate Member: Content Restriction","ultimate-member"),className:"um_block_settings"},wp.element.createElement(wp.components.ToggleControl,{label:wp.i18n.__("Restrict access?","ultimate-member"),checked:e,onChange:function(e){t.setAttributes({um_is_restrict:e}),!1===e?(_.um_who_access="um_block_settings_hide",_.um_roles_access="um_block_settings_hide",_.um_message_type="um_block_settings_hide",_.um_message_content="um_block_settings_hide"):_.um_who_access="",_=wp.hooks.applyFilters("um_admin_blocks_condition_fields_on_change",_,"um_is_restrict",e)}}),wp.element.createElement(umSelectControl,{type:"number",className:_.um_who_access,label:wp.i18n.__("Who can access this block?","ultimate-member"),value:t.attributes.um_who_access,options:[{label:wp.i18n.__("Everyone","ultimate-member"),value:0},{label:wp.i18n.__("Logged in users","ultimate-member"),value:1},{label:wp.i18n.__("Logged out users","ultimate-member"),value:2}],onChange:function(e){t.setAttributes({um_who_access:e}),0===parseInt(e)?(_.um_message_type="um_block_settings_hide",_.um_message_content="um_block_settings_hide",_.um_roles_access="um_block_settings_hide"):1===parseInt(e)?(_.um_message_type="",_.um_roles_access=""):(_.um_message_type="",_.um_roles_access="um_block_settings_hide"),_=wp.hooks.applyFilters("um_admin_blocks_condition_fields_on_change",_,"um_who_access",e)}}),wp.element.createElement(umSelectControl,{multiple:!0,className:_.um_roles_access,label:wp.i18n.__("What roles can access this block?","ultimate-member"),value:t.attributes.um_roles_access,options:um_restrict_roles,onChange:function(e){t.setAttributes({um_roles_access:e})}}),wp.element.createElement(umSelectControl,{type:"number",className:_.um_message_type,label:wp.i18n.__("Restriction action","ultimate-member"),value:t.attributes.um_message_type,options:[{label:wp.i18n.__("Hide block","ultimate-member"),value:0},{label:wp.i18n.__("Show global default message","ultimate-member"),value:1},{label:wp.i18n.__("Show custom message","ultimate-member"),value:2}],onChange:function(e){t.setAttributes({um_message_type:e}),2===parseInt(e)?_.um_message_content="":_.um_message_content="um_block_settings_hide"}}),wp.element.createElement(umTextareaControl,{type:"number",className:_.um_message_content,label:wp.i18n.__("Custom restricted access message","ultimate-member"),value:t.attributes.um_message_content,onChange:function(e){t.setAttributes({um_message_content:e})}}),um_admin_blocks_custom_fields(_,t))))}},"um_block_restriction");wp.hooks.addFilter("editor.BlockEdit","um-block/um_block_restriction",um_block_restriction); \ No newline at end of file diff --git a/assets/js/admin/builder.js b/assets/js/admin/builder.js new file mode 100644 index 00000000..b7092761 --- /dev/null +++ b/assets/js/admin/builder.js @@ -0,0 +1,1132 @@ +if ( typeof (window.UM) !== 'object' ) { + window.UM = {}; +} + +if ( typeof (window.UM.admin) !== 'object' ) { + window.UM.admin = {}; +} + +UM.admin.builder = { + deleteProcess: [], + fieldsToDelete: [], + fieldConditions: { + refresh: function() { + let $conditionalRows = jQuery('.um-adm-conditional'); + if ( $conditionalRows.length > 0 ) { + $conditionalRows.each( function() { + jQuery(this).trigger('change'); + }); + } + } + }, + tinyMCE: { + editor: {}, + init: function ( id, content ) { + var object = jQuery('#' + id); + + if ( typeof( tinyMCE ) === 'object' && tinyMCE.get( id ) !== null ) { + tinyMCE.triggerSave(); + tinyMCE.EditorManager.execCommand( 'mceRemoveEditor', true, id ); + "4" === tinyMCE.majorVersion ? window.tinyMCE.execCommand( "mceRemoveEditor", !0, id ) : window.tinyMCE.execCommand( "mceRemoveControl", !0, id ); + UM.admin.builder.tinyMCE.editor = jQuery('