Merge pull request #1327 from ultimatemember/development/2.7.x

Version 2.8.0

.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
 

README.md

@@ -44,7 +44,7 @@ GNU Version 2 or Any Later Version
 
 ### IMPORTANT: PLEASE UPDATE THE PLUGIN TO AT LEAST VERSION 2.6.7 IMMEDIATELY. VERSION 2.6.7 PATCHES SECURITY PRIVILEGE ESCALATION VULNERABILITY. PLEASE SEE [THIS ARTICLE](https://docs.ultimatemember.com/article/1866-security-incident-update-and-recommended-actions) FOR MORE INFORMATION
 
-[Official Release Version: 2.7.0](https://github.com/ultimatemember/ultimatemember/releases/tag/2.7.0).
+[Official Release Version: 2.8.0](https://github.com/ultimatemember/ultimatemember/releases/tag/2.8.0).
 
 ## Changelog
 

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

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

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

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; }

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}

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

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; }

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}

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

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; }

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

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; }

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}

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

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; }

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}

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

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; } }

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}}

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

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; } }

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}}

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

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; }

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}

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

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; }

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}

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

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; }

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

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; }

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}

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

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; }

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}

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

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; }

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}

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

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; }

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}

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

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; }

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}

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

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; }

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}

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

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; }

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}

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

assets/css/simplebar.css

@@ -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;
-}

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}

assets/css/um-crop.css

@@ -1,271 +0,0 @@
-.cropper-container {
-  position: relative;
-  overflow: hidden;
-
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-
-  -webkit-tap-highlight-color: transparent;
-  -webkit-touch-callout: none;
-}
-
-.cropper-container img {
-  width: 100%;
-  height: 100%;
-  min-width: 0 !important;
-  min-height: 0 !important;
-  max-width: none !important;
-  max-height: none !important;
-}
-
-.cropper-modal,
-.cropper-canvas {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-
-.cropper-canvas {
-  background-color: #fff;
-  opacity: 0;
-  filter: alpha(opacity=0);
-}
-
-.cropper-modal {
-  background-color: #000;
-  opacity: .5;
-  filter: alpha(opacity=50);
-}
-
-.cropper-dragger {
-  position: absolute;
-  top: 10%;
-  left: 10%;
-  width: 80%;
-  height: 80%;
-}
-
-.cropper-viewer {
-  display: block;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  outline-width: 1px;
-  outline-style: solid;
-  outline-color: #69f;
-  outline-color: rgba(51, 102, 255, .75);
-}
-
-.cropper-dashed {
-  position: absolute;
-  display: block;
-  border: 0 dashed #fff;
-  opacity: .5;
-  filter: alpha(opacity=50);
-}
-
-.cropper-dashed.dashed-h {
-  top: 33.3%;
-  left: 0;
-  width: 100%;
-  height: 33.3%;
-  border-top-width: 1px;
-  border-bottom-width: 1px;
-}
-
-.cropper-dashed.dashed-v {
-  top: 0;
-  left: 33.3%;
-  width: 33.3%;
-  height: 100%;
-  border-right-width: 1px;
-  border-left-width: 1px;
-}
-
-.cropper-face,
-.cropper-line,
-.cropper-point {
-  position: absolute;
-  display: block;
-  width: 100%;
-  height: 100%;
-  opacity: .1;
-  filter: alpha(opacity=10);
-}
-
-.cropper-face {
-  top: 0;
-  left: 0;
-  cursor: move;
-  background-color: #fff;
-}
-
-.cropper-line {
-  background-color: #69f;
-}
-
-.cropper-line.line-e {
-  top: 0;
-  right: -3px;
-  width: 5px;
-  cursor: e-resize;
-}
-
-.cropper-line.line-n {
-  top: -3px;
-  left: 0;
-  height: 5px;
-  cursor: n-resize;
-}
-
-.cropper-line.line-w {
-  top: 0;
-  left: -3px;
-  width: 5px;
-  cursor: w-resize;
-}
-
-.cropper-line.line-s {
-  bottom: -3px;
-  left: 0;
-  height: 5px;
-  cursor: s-resize;
-}
-
-.cropper-point {
-  width: 5px;
-  height: 5px;
-  background-color: #69f;
-  opacity: .75;
-  filter: alpha(opacity=75);
-}
-
-.cropper-point.point-e {
-  top: 50%;
-  right: -3px;
-  margin-top: -3px;
-  cursor: e-resize;
-}
-
-.cropper-point.point-n {
-  top: -3px;
-  left: 50%;
-  margin-left: -3px;
-  cursor: n-resize;
-}
-
-.cropper-point.point-w {
-  top: 50%;
-  left: -3px;
-  margin-top: -3px;
-  cursor: w-resize;
-}
-
-.cropper-point.point-s {
-  bottom: -3px;
-  left: 50%;
-  margin-left: -3px;
-  cursor: s-resize;
-}
-
-.cropper-point.point-ne {
-  top: -3px;
-  right: -3px;
-  cursor: ne-resize;
-}
-
-.cropper-point.point-nw {
-  top: -3px;
-  left: -3px;
-  cursor: nw-resize;
-}
-
-.cropper-point.point-sw {
-  bottom: -3px;
-  left: -3px;
-  cursor: sw-resize;
-}
-
-.cropper-point.point-se {
-  right: -3px;
-  bottom: -3px;
-  width: 20px;
-  height: 20px;
-  cursor: se-resize;
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-
-.cropper-point.point-se:before {
-  position: absolute;
-  right: -50%;
-  bottom: -50%;
-  display: block;
-  width: 200%;
-  height: 200%;
-  content: " ";
-  background-color: #69f;
-  opacity: 0;
-  filter: alpha(opacity=0);
-}
-
-@media (min-width: 768px) {
-  .cropper-point.point-se {
-    width: 15px;
-    height: 15px;
-  }
-}
-
-@media (min-width: 992px) {
-  .cropper-point.point-se {
-    width: 10px;
-    height: 10px;
-  }
-}
-
-@media (min-width: 1200px) {
-  .cropper-point.point-se {
-    width: 5px;
-    height: 5px;
-    opacity: .75;
-    filter: alpha(opacity=75);
-  }
-}
-
-/* Helper classes for JavaScript */
-
-.cropper-hidden {
-  display: none !important;
-}
-
-.cropper-invisible {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  width: auto !important;
-  max-width: none !important;
-  height: auto !important;
-  max-height: none !important;
-  opacity: 0;
-  filter: alpha(opacity=0);
-}
-
-.cropper-move {
-  cursor: move;
-}
-
-.cropper-crop {
-  cursor: crosshair;
-}
-
-.cropper-disabled .cropper-canvas,
-.cropper-disabled .cropper-face,
-.cropper-disabled .cropper-line,
-.cropper-disabled .cropper-point {
-  cursor: not-allowed;
-}

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}

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}

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}

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;
-}
+}

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}

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:not(.um-admin) *:before,
-.um *:before,
+.um:not(.um-admin) *:after {
-.um *: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:not(.um-admin) a .image-overlay,
-.um a:hover .image-overlay,
+.um:not(.um-admin) a:hover .image-overlay,
-.um 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-admin):not(.um-directory) input,
-.um:not(.um-directory) select,
+.um:not(.um-admin):not(.um-directory) select,
-.um:not(.um-directory) textarea{
+.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;
 }
@@ -456,6 +455,7 @@ p.um-notice.warning a {
 	width: 44px;
 	font-size: 22px;
 	line-height: 1.7em;
+	z-index: 1;
 }
 
 .um-form input[type="text"],

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}

assets/js/admin/block-renderer.js

@@ -2,7 +2,7 @@ jQuery(window).on( 'load', function($) {
 	var observer = new MutationObserver(function(mutations) {
 		mutations.forEach(function(mutation) {
 			jQuery(mutation.addedNodes).find('.um.um-directory').each(function() {
-				jQuery('.um-directory input, .um-directory select, .um-directory button').attr('disabled', 'disabled');
+				jQuery('.um-directory button').attr('disabled', 'disabled');
 				jQuery('.um-directory a').attr('href', '');
 
 				if ( typeof( jQuery.fn.select2 ) === 'function' ) {

assets/js/admin/block-renderer.min.js

@@ -0,0 +1 @@
+function unselectEmptyOption(e){var u=jQuery(e.currentTarget),e=u.find(":selected");1<e.length&&e.each(function(e,t){""===t.value&&(t.selected=!1,u.trigger("change"))})}jQuery(window).on("load",function(e){new MutationObserver(function(e){e.forEach(function(e){jQuery(e.addedNodes).find(".um.um-directory").each(function(){jQuery(".um-directory button").attr("disabled","disabled"),jQuery(".um-directory a").attr("href",""),"function"==typeof jQuery.fn.select2&&(jQuery(".um-s1").each(function(e){var t=jQuery(this);t.select2({allowClear:!0,dropdownParent:t.parent()}).on("change",unselectEmptyOption)}),jQuery(".um-s2").each(function(e){var t=jQuery(this),u={},u=t.parents(".um-custom-shortcode-tab").length?{allowClear:!1}:{allowClear:!1,minimumResultsForSearch:10,dropdownParent:t.parent()};t.select2(u).on("change",unselectEmptyOption)}),jQuery(".um-s3").each(function(e){var t=jQuery(this);t.select2({allowClear:!1,minimumResultsForSearch:-1,dropdownParent:t.parent()}).on("change",unselectEmptyOption)}))}),jQuery(e.addedNodes).find(".um.um-profile").each(function(){jQuery(".um-profile input, .um-profile select, .um-profile button").attr("disabled","disabled"),jQuery(".um-profile a").attr("href","")}),jQuery(e.addedNodes).find(".um.um-account").each(function(){jQuery(".um-account input, .um-account select, .um-account button").attr("disabled","disabled"),jQuery(".um-account a").attr("href","")}),jQuery(e.addedNodes).find(".um.um-password").each(function(){jQuery(".um-password input, .um-password select, .um-password button").attr("disabled","disabled"),jQuery(".um-password a").attr("href","")})})}).observe(document,{attributes:!1,childList:!0,characterData:!1,subtree:!0})});

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);

assets/js/admin/common.js

@@ -0,0 +1,42 @@
+if ( typeof (window.UM) !== 'object' ) {
+	window.UM = {};
+}
+
+if ( typeof (window.UM.admin) !== 'object' ) {
+	window.UM.admin = {};
+}
+
+UM.admin = {
+	tooltip: {
+		all: null,
+		init: function() {
+			let $tooltip = jQuery( '.um_tooltip' );
+			if ( $tooltip.length > 0 ) {
+				UM.admin.tooltip.all = $tooltip.tooltip({
+					tooltipClass: "um_tooltip",
+					content: function () {
+						return jQuery( this ).attr( 'title' );
+					}
+				});
+			}
+		},
+		close: function () {
+			if ( null !== UM.admin.tooltip.all && UM.admin.tooltip.all > 0 && 'function' === typeof UM.admin.tooltip.all.tooltip ) {
+				UM.admin.tooltip.all.tooltip('close');
+			}
+		}
+	},
+	colorPicker: {
+		init: function () {
+			let $colorPicker = jQuery('.um-admin-colorpicker');
+			if ( $colorPicker.length ) {
+				$colorPicker.wpColorPicker();
+			}
+		}
+	}
+}
+
+jQuery(document).ready(function() {
+	UM.admin.tooltip.init();
+	UM.admin.colorPicker.init();
+});

assets/js/admin/common.min.js

@@ -0,0 +1 @@
+"object"!=typeof window.UM&&(window.UM={}),"object"!=typeof window.UM.admin&&(window.UM.admin={}),UM.admin={tooltip:{all:null,init:function(){var o=jQuery(".um_tooltip");0<o.length&&(UM.admin.tooltip.all=o.tooltip({tooltipClass:"um_tooltip",content:function(){return jQuery(this).attr("title")}}))},close:function(){null!==UM.admin.tooltip.all&&0<UM.admin.tooltip.all&&"function"==typeof UM.admin.tooltip.all.tooltip&&UM.admin.tooltip.all.tooltip("close")}},colorPicker:{init:function(){var o=jQuery(".um-admin-colorpicker");o.length&&o.wpColorPicker()}}},jQuery(document).ready(function(){UM.admin.tooltip.init(),UM.admin.colorPicker.init()});

assets/js/admin/global.js

@@ -0,0 +1,55 @@
+/**
+ * Global wp-admin scripts that must be enqueued everywhere on wp-admin.
+ */
+
+jQuery(document).ready( function() {
+	// wp.org reviews admin notice: Removed for now to avoid the bad reviews
+	// jQuery(document.body).on('click', '#um_add_review_love', function () {
+	// 	jQuery(this).parents('#um_start_review_notice').hide();
+	// 	jQuery('.um-hidden-notice[data-key="love"]').show();
+	// });
+	//
+	// jQuery(document.body).on('click', '#um_add_review_good', function () {
+	// 	jQuery(this).parents('#um_start_review_notice').hide();
+	// 	jQuery('.um-hidden-notice[data-key="good"]').show();
+	// });
+	//
+	// jQuery(document.body).on('click', '#um_add_review_bad', function () {
+	// 	jQuery(this).parents('#um_start_review_notice').hide();
+	// 	jQuery('.um-hidden-notice[data-key="bad"]').show();
+	// });
+	//
+	// jQuery(document.body).on('click', '.um_review_link', function () {
+	// 	jQuery(this).parents('.um-admin-notice').find( '.notice-dismiss' ).trigger('click');
+	// });
+
+	jQuery(document.body).on('click', '.um_secondary_dismiss', function () {
+		jQuery(this).parents('.um-admin-notice').find( '.notice-dismiss' ).trigger('click');
+	});
+
+	jQuery(document.body).on( 'click', '.um-admin-notice.is-dismissible .notice-dismiss', function() {
+		let notice_key = jQuery(this).parents('.um-admin-notice').data('key');
+
+		wp.ajax.send( 'um_dismiss_notice', {
+			data: {
+				key: notice_key,
+				nonce: um_admin_scripts.nonce
+			},
+			success: function() {
+				return true;
+			},
+			error: function() {
+				// On error make the force notice's dismiss via action link.
+				let href_index;
+				if ( window.location.href.indexOf('?') > -1 ) {
+					href_index = window.location.href + '&';
+				} else {
+					href_index = window.location.href + '?';
+				}
+				window.location.href = href_index + 'um_dismiss_notice=' + notice_key + '&um_admin_nonce=' + um_admin_scripts.nonce;
+
+				return false;
+			}
+		});
+	});
+});

assets/js/admin/global.min.js

@@ -0,0 +1 @@
+jQuery(document).ready(function(){jQuery(document.body).on("click",".um_secondary_dismiss",function(){jQuery(this).parents(".um-admin-notice").find(".notice-dismiss").trigger("click")}),jQuery(document.body).on("click",".um-admin-notice.is-dismissible .notice-dismiss",function(){let i=jQuery(this).parents(".um-admin-notice").data("key");wp.ajax.send("um_dismiss_notice",{data:{key:i,nonce:um_admin_scripts.nonce},success:function(){return!0},error:function(){let n;return n=-1<window.location.href.indexOf("?")?window.location.href+"&":window.location.href+"?",window.location.href=n+"um_dismiss_notice="+i+"&um_admin_nonce="+um_admin_scripts.nonce,!1}})})});

assets/js/admin/modal.js

@@ -0,0 +1,218 @@
+if ( typeof (window.UM) !== 'object' ) {
+	window.UM = {};
+}
+
+if ( typeof (window.UM.admin) !== 'object' ) {
+	window.UM.admin = {};
+}
+
+UM.admin.modal = {
+	getVisible: function() {
+		return jQuery('.um-admin-modal:visible');
+	},
+	preload: function () {
+		jQuery('.um-admin-modal:visible').addClass('loading');
+		jQuery('.um-admin-modal-body:visible').empty();
+	},
+	loaded: function() {
+		jQuery('.um-admin-modal:visible').removeClass('loading');
+	},
+	setSize: function ( size ) {
+		jQuery('.um-admin-modal:visible').addClass( size );
+	},
+	setAttr: function( id, value ) {
+		jQuery('.um-admin-modal:visible').data( id, value );
+	},
+	remove: function () {
+		wp.hooks.doAction( 'um_admin_modal_remove' );
+
+		UM.admin.tooltip.close();
+		UM.common.tipsy.hide();
+
+		jQuery('body').removeClass('um-admin-modal-open');
+		jQuery('.um-admin-modal div[id^="UM_"]').hide().appendTo('body');
+		jQuery('.um-admin-modal,.um-admin-overlay').remove();
+	},
+	resize: function () {
+		var required_margin = jQuery('.um-admin-modal:visible').innerHeight() / 2 + 'px';
+		jQuery('.um-admin-modal:visible').css({'margin-top': '-' + required_margin });
+
+		wp.hooks.doAction( 'um_admin_modal_resize' );
+	},
+	show: function( id, ajax, size ) {
+		UM.common.tipsy.hide();
+
+		UM.admin.modal.remove();
+
+		jQuery('body').addClass('um-admin-modal-open').append('<div class="um-admin-overlay"></div><div class="um-admin-modal"></div>');
+		jQuery('#' + id).prependTo('.um-admin-modal');
+		jQuery('#' + id).show();
+		jQuery('.um-admin-modal').show();
+
+		jQuery('.um-admin-modal-head').append('<a href="javascript:void(0);" data-action="UM_remove_modal" class="um-admin-modal-close"><i class="um-faicon-times"></i></a>');
+
+		if ( ajax == true ) {
+			UM.admin.modal.setSize( size );
+			UM.admin.modal.preload();
+			UM.admin.modal.resize();
+		} else {
+			UM.admin.modal.resize();
+		}
+	},
+	contentRequest: function( act_id, arg1, arg2, arg3 ) {
+		let in_row     = '';
+		let in_sub_row = '';
+		let in_column  = '';
+		let in_group   = '';
+
+		let $hiddenModalData = jQuery('.um-col-demon-settings');
+
+		if ( $hiddenModalData.data('in_column') ) {
+			in_row     = $hiddenModalData.data('in_row');
+			in_sub_row = $hiddenModalData.data('in_sub_row');
+			in_column  = $hiddenModalData.data('in_column');
+			in_group   = $hiddenModalData.data('in_group');
+		}
+
+		let form_mode = jQuery('input[type="hidden"][id="form__um_mode"]').val();
+
+		jQuery.ajax({
+			url: wp.ajax.settings.url,
+			type: 'POST',
+			data: {
+				action:'um_dynamic_modal_content',
+				act_id: act_id,
+				arg1 : arg1,
+				arg2 : arg2,
+				arg3: arg3,
+				in_row: in_row,
+				in_sub_row: in_sub_row,
+				in_column: in_column,
+				in_group: in_group,
+				nonce: um_admin_scripts.nonce,
+				form_mode: form_mode
+			},
+			complete: function(){
+				UM.admin.modal.loaded();
+				UM.admin.modal.resize();
+			},
+			success: function(data) {
+				let $adminModal = jQuery('.um-admin-modal');
+				$adminModal.find('.um-admin-modal-body').html( data );
+
+				wp.hooks.doAction( 'um_admin_modal_success_result', $adminModal, act_id );
+
+				UM.admin.tooltip.init();
+			},
+			error: function(data) {
+
+			}
+		});
+	}
+}
+
+jQuery(document).ready(function() {
+	/**
+		remove modal via action
+	**/
+	jQuery(document.body).on('click', '.um-admin-overlay, a[data-action="UM_remove_modal"]', function(){
+		UM.common.tipsy.hide();
+		UM.admin.modal.remove();
+	});
+
+	/**
+		fire new modal
+	**/
+	jQuery(document.body).on('click', 'a[data-modal^="UM_"], span[data-modal^="UM_"]', function(e){
+		e.preventDefault();
+
+		let modal_id = jQuery(this).attr('data-modal');
+
+		if ( 'UM_fonticons' === modal_id ) {
+			let iconField = jQuery(this).data('icon_field');
+			if ( '' !== iconField ) {
+				jQuery('#UM_fonticons').find('a.um-admin-modal-back').attr("data-icon_field", iconField );
+			}
+		}
+
+		if ( jQuery(this).attr('data-back') ) {
+			jQuery('#UM_fonticons').find('a.um-admin-modal-back').attr("data-modal", jQuery(this).attr('data-back') );
+			var current_icon = jQuery( '#' + jQuery(this).attr('data-back') ).find('input#_icon').val();
+			if ( '' === current_icon ) {
+				jQuery('#UM_fonticons').find('.um-admin-icons span').removeClass('highlighted');
+			}
+		}
+
+		if ( jQuery(this).data('dynamic-content') ) {
+			UM.admin.modal.show( modal_id, true, jQuery(this).data('modal-size') );
+			UM.admin.modal.contentRequest( jQuery(this).data('dynamic-content'), jQuery(this).data('arg1'), jQuery(this).data('arg2'), jQuery(this).data('arg3') );
+		} else {
+			UM.admin.modal.show( modal_id );
+		}
+	});
+
+	/**
+		submit font icon
+	**/
+	jQuery(document.body).on('click', '#UM_fonticons a.um-admin-modal-back:not(.um-admin-modal-cancel)', function(){
+		let baseWrapper = '';
+		let iconSelected = jQuery(this).attr('data-code');
+		let inModal = false;
+		if ( '' !== iconSelected ) {
+			if ( jQuery(this).attr('data-modal') ) {
+				inModal = true;
+				baseWrapper = '#' + jQuery(this).attr('data-modal');
+				jQuery( baseWrapper ).find('input#_icon,input#_um_icon,input#notice__um_icon,input#um_profile_tab__icon').val( iconSelected );
+				jQuery( baseWrapper ).find('span.um-admin-icon-value').html('<i class="' + iconSelected + '"></i>');
+				jQuery( baseWrapper ).find('.um-admin-icon-clear').addClass('show');
+			} else {
+				baseWrapper = '#' + jQuery(this).data('icon_field');
+				jQuery(baseWrapper).val( iconSelected ).parent().find('span.um-admin-icon-value').html('<i class="' + iconSelected + '"></i>');
+				jQuery( baseWrapper ).parent().find('.um-admin-icon-clear').addClass('show');
+			}
+		}
+		jQuery(this).attr('data-code', '');
+		if ( ! inModal ) {
+			UM.common.tipsy.hide();
+			UM.admin.modal.remove();
+		}
+	});
+
+	/**
+		restore font icon
+	**/
+	jQuery(document.body).on('click', 'span.um-admin-icon-clear', function(){
+		var element = jQuery(this).parents('p');
+		jQuery('#UM_fonticons a.um-admin-modal-back').attr('data-code', '');
+		element.find('input[type="hidden"]').val('');
+		element.find('.um-admin-icon-value').html( wp.i18n.__( 'No Icon', 'ultimate-member' ) );
+
+		element = jQuery(this).parents('td');
+		element.find('input[type="hidden"]').val('');
+		element.find('.um-admin-icon-value').html( wp.i18n.__( 'No Icon', 'ultimate-member' ) );
+		jQuery(this).removeClass('show');
+	});
+
+	/**
+		search font icons
+	**/
+	jQuery(document.body).on('keyup blur', '#_icon_search', function(){
+		if ( jQuery(this).val().toLowerCase() !== '' ) {
+			jQuery('.um-admin-icons span').hide();
+			jQuery('.um-admin-icons span[data-code*="'+jQuery(this).val().toLowerCase()+'"]').show();
+		} else {
+			jQuery('.um-admin-icons span:hidden').show();
+		}
+		UM.admin.modal.resize();
+	});
+
+	/**
+		choose font icon
+	 **/
+	jQuery(document.body).on('click', '.um-admin-icons span', function(){
+		var icon = jQuery(this).attr('data-code');
+		jQuery(this).parent().find('span').removeClass('highlighted');
+		jQuery(this).addClass('highlighted');
+		jQuery('#UM_fonticons').find('a.um-admin-modal-back').attr("data-code", icon);
+	});
+});

assets/js/admin/nav-menu.js

@@ -0,0 +1,54 @@
+jQuery(document).ready(function ($) {
+	jQuery('.um-nav-mode').each( function() {
+		if ( jQuery(this).find('select').val() == 2 ) {
+			jQuery(this).parents('.um-nav-edit').find('.um-nav-roles').show();
+		} else {
+			jQuery(this).parents('.um-nav-edit').find('.um-nav-roles').hide();
+		}
+	});
+
+
+	jQuery( document.body ).on('change', '.um-nav-mode select', function() {
+		if ( jQuery(this).val() == 2 ) {
+			jQuery(this).parents('.um-nav-edit').find('.um-nav-roles').show();
+		} else {
+			jQuery(this).parents('.um-nav-edit').find('.um-nav-roles').hide();
+		}
+	});
+
+	if ( $('#tmpl-um-nav-menus-fields').length ) {
+		var template = wp.template( 'um-nav-menus-fields' );
+
+		$( document ).on( 'menu-item-added', function ( e, $menuMarkup ) {
+			var id = $( $menuMarkup ).attr('id').substr(10);
+
+			var template_content = template({
+				menuItemID: id,
+				restriction_data:{
+					um_nav_public:0,
+					um_nav_roles:[]
+				}
+			});
+
+			if ( $( $menuMarkup ).find( 'fieldset.field-move' ).length > 0 ) {
+				$( $menuMarkup ).find( 'fieldset.field-move' ).before( template_content );
+			} else {
+				$( $menuMarkup ).find( '.menu-item-actions' ).before( template_content );
+			}
+		});
+
+		$( 'ul#menu-to-edit > li' ).each( function(){
+			var id = $(this).attr('id').substr(10);
+			var template_content = template({
+				menuItemID: id,
+				restriction_data: um_menu_restriction_data[ id ]
+			});
+
+			if ( $( this ).find( 'fieldset.field-move' ).length > 0 ) {
+				$( this ).find( 'fieldset.field-move' ).before( template_content );
+			} else {
+				$( this ).find( '.menu-item-actions' ).before( template_content );
+			}
+		});
+	}
+});

assets/js/admin/nav-menu.min.js

@@ -0,0 +1 @@
+jQuery(document).ready(function(i){var u;jQuery(".um-nav-mode").each(function(){2==jQuery(this).find("select").val()?jQuery(this).parents(".um-nav-edit").find(".um-nav-roles").show():jQuery(this).parents(".um-nav-edit").find(".um-nav-roles").hide()}),jQuery(document.body).on("change",".um-nav-mode select",function(){2==jQuery(this).val()?jQuery(this).parents(".um-nav-edit").find(".um-nav-roles").show():jQuery(this).parents(".um-nav-edit").find(".um-nav-roles").hide()}),i("#tmpl-um-nav-menus-fields").length&&(u=wp.template("um-nav-menus-fields"),i(document).on("menu-item-added",function(e,n){var t=i(n).attr("id").substr(10),t=u({menuItemID:t,restriction_data:{um_nav_public:0,um_nav_roles:[]}});(0<i(n).find("fieldset.field-move").length?i(n).find("fieldset.field-move"):i(n).find(".menu-item-actions")).before(t)}),i("ul#menu-to-edit > li").each(function(){var e=i(this).attr("id").substr(10),e=u({menuItemID:e,restriction_data:um_menu_restriction_data[e]});(0<i(this).find("fieldset.field-move").length?i(this).find("fieldset.field-move"):i(this).find(".menu-item-actions")).before(e)}))});

assets/js/admin/secure.js

@@ -1,4 +1,4 @@
-jQuery(document).on("ready", function(){
+jQuery(document).ready( function(){
 
 	const scan_results_wrapper = jQuery(".um-secure-scan-results");
 	const scan_button_elem = jQuery(".um-secure-scan-content");
@@ -57,7 +57,7 @@ jQuery(document).on("ready", function(){
 						scan_results_wrapper.empty();
 						UM_Secure.log( response.recommendations );
 						scan_results_wrapper.find('.current').removeClass('current');
-						scan_button_elem.removeAttr('disabled');
+						scan_button_elem.prop('disabled', false);
 					}
 				},
 			});

assets/js/admin/secure.min.js

@@ -0,0 +1 @@
+jQuery(document).ready(function(){const n=jQuery(".um-secure-scan-results"),t=jQuery(".um-secure-scan-content"),e=jQuery("input[data-field_id^='banned_capabilities']");var c={init:function(){n.css({"margin-top":"10px",padding:"10px","padding-bottom":"10px","background-color":"#fff",display:"block","max-height":"200px",height:"500px","overflow-y":"scroll"}),t.on("click",function(e){c.effect(),e.preventDefault(),jQuery(this).prop("disabled",!0),n.empty(),c.log(wp.i18n.__("Scanning site..","ultimate-member")),c.ajax("")}),e.on("change",function(){t.after(' <small style="color: red;">'+wp.i18n.__("You can start the scan now but you must save the settings to apply the selected capabilities after the scan is complete.","ultimate-member")+"</small>"),e.off("change")})},ajax:function(e){let a=[];n.parents(".um-form-table").find('input[type="checkbox"][data-field_id^="banned_capabilities_"]:checked').each(function(){a.push(jQuery(this).data("field_id").replace("banned_capabilities_",""))});e={nonce:um_admin_scripts.nonce,capabilities:a,last_scanned_capability:e};wp.ajax.send("um_secure_scan_affected_users",{data:e,success:function(e){e.completed?e.completed&&(n.empty(),c.log(e.recommendations),n.find(".current").removeClass("current"),t.prop("disabled",!1)):(c.ajax(e.last_scanned_capability),c.log(e.message))}})},log:function(e){n.find(".current").removeClass("current"),n.append('<span class="current">'+e+"</span><br/>")},effect:function(){setInterval(function(){n.find(".current").fadeTo(100,.1).fadeTo(200,1)},1e3)}};c.init()});

assets/js/admin/settings.min.js

@@ -0,0 +1 @@
+jQuery(document).ready(function(){var e;jQuery(document.body).on("click",".um_license_deactivate",function(){jQuery(this).siblings(".um-option-field").val(""),jQuery(this).siblings("#submit").length?jQuery(this).siblings("#submit").trigger("click",[!0]):jQuery(this).parents("form.um-settings-form").trigger("submit")}),jQuery(document.body).on("click",".um-settings-form #submit",function(e,n){if(!n&&""===jQuery(this).siblings(".um-option-field").val())return!1}),0===jQuery("#licenses_settings").length&&(e=!1,jQuery("input, textarea, select").on("change",function(){e=!0}),jQuery("#um-settings-wrap .um-nav-tab-wrapper a, #um-settings-wrap .subsubsub a").on("click",function(){window.onbeforeunload=e?function(){return wp.i18n.__("Are sure, maybe some settings not saved","ultimate-member")}:""}),jQuery(".submit input").on("click",function(){window.onbeforeunload=""}))});