diff --git a/assets/css/admin/block.css b/assets/css/admin/block.css index 69ad1ae3..bc34c405 100644 --- a/assets/css/admin/block.css +++ b/assets/css/admin/block.css @@ -1,14 +1,17 @@ .um_block_settings .um_block_settings_hide { - display: none; } - + 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; } + 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-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px; padding: 20px; - border: 1px solid #000; } + border: 1px solid #000; +} \ No newline at end of file diff --git a/assets/css/admin/builder-rtl.css b/assets/css/admin/builder-rtl.css index 28ebb947..a7fe152f 100644 --- a/assets/css/admin/builder-rtl.css +++ b/assets/css/admin/builder-rtl.css @@ -1,29 +1,38 @@ .um-admin-drag-ctrls-demo.um-admin-drag-ctrls { left: 12px; - right: auto; } + right: auto; +} .um-admin-drag-row-icons { left: 0; - right: auto; } - .um-admin-drag-row-icons a { - float: right; } + 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; } + left: auto; +} +.um-admin-drag-ctrls.columns a { + float: right; +} .um-admin-drag-rowsub-icons { right: auto; - left: 0; } + left: 0; +} .um-admin-drag-fld-icons { - float: left; } - .um-admin-drag-fld-icons a { - float: right; } + 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; } + margin: 0 20px 0 0; +} \ No newline at end of file diff --git a/assets/css/admin/builder.css b/assets/css/admin/builder.css index c34e6978..104f6dd7 100644 --- a/assets/css/admin/builder.css +++ b/assets/css/admin/builder.css @@ -1,123 +1,145 @@ @-webkit-keyframes um-ajax-spinning { 0% { -webkit-transform: rotate(0deg); - transform: rotate(0deg); } + transform: rotate(0deg); + } 100% { -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } - + transform: rotate(360deg); + } +} @-moz-keyframes um-ajax-spinning { 0% { -webkit-transform: rotate(0deg); - transform: rotate(0deg); } + transform: rotate(0deg); + } 100% { -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } - + transform: rotate(360deg); + } +} @-ms-keyframes um-ajax-spinning { 0% { -webkit-transform: rotate(0deg); - transform: rotate(0deg); } + transform: rotate(0deg); + } 100% { -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } - + transform: rotate(360deg); + } +} @keyframes um-ajax-spinning { 0% { -webkit-transform: rotate(0deg); - transform: rotate(0deg); } + transform: rotate(0deg); + } 100% { -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } - + transform: rotate(360deg); + } +} .um-admin-row-loading { position: absolute; width: 100%; - height: calc( 100% + 30px); + 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%; } + 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 rgb(0, 0, 0); + border-right: 0.2em solid rgb(0, 0, 0); + border-bottom: 0.2em solid rgb(0, 0, 0); + 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; } + 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 0.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-half .um { - opacity: 1; - margin-bottom: 0 !important; } + 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-half .um { + opacity: 1; + margin-bottom: 0 !important; +} .um-admin-tri { float: left; width: 33%; - position: relative; } + position: relative; +} .um-admin-error-block, .um-admin-success-block { @@ -131,16 +153,20 @@ padding: 12px; font-size: 13px; line-height: 1em !important; - margin: 0 0 16px 0; } + margin: 0 0 16px 0; +} .um-admin-success-block { - background: #7acf58; } + background: #7acf58; +} .um-admin-cur-condition-template { - display: none; } + display: none; +} .dynamic-mce-content { - display: none; } + display: none; +} .um-admin-btns { line-height: 1.5em; @@ -149,70 +175,88 @@ 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; } + 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; } + 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; } + 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; } - + margin: 0 5px 0 0 !important; +} .um-admin-builder .um-admin-drag { - margin-top: 40px; } + margin-top: 40px; +} .um-admin-drag-add-field { display: block; @@ -221,52 +265,66 @@ 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; } + 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); } + 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%; @@ -275,7 +333,8 @@ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; - padding: 60px 20px 20px 20px; } + padding: 60px 20px 20px 20px; +} .um-admin-drag-row { width: 100%; @@ -285,51 +344,59 @@ -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; } + 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; } + 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 0.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 0.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; @@ -338,51 +405,59 @@ -webkit-box-sizing: border-box; background: #f1f1f1; padding: 20px; - margin: 0 0 60px 0; } - .um-admin-drag-rowsub:last-child { - margin-bottom: 0; } + 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; } + 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 0.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 0.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; @@ -390,51 +465,65 @@ 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; } + 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; @@ -443,12 +532,15 @@ 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; } + 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; @@ -456,10 +548,12 @@ 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; } + cursor: move !important; +} +.um-admin-drag-fld.um-field-type-group { + background: #555; + border: 0; +} .um-admin-drag-fld-title { float: left; @@ -468,19 +562,23 @@ 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; } + 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; } + border: 1px dashed #bbb; +} .um-admin-drag-fld-type { float: left; @@ -489,60 +587,72 @@ line-height: 30px; margin: 0 0 0 20px; font-weight: 400; - color: #999; } - .um-admin-drag-fld-type.um-field-type-group { - color: #fff; } + 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; } + 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 0.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; } + box-sizing: border-box; +} .um-rowsub-placeholder { width: 100%; border: 2px dashed #ccc; box-sizing: border-box; - display: block; } + display: block; +} .um-fld-placeholder { display: block; border: 1px dashed #ddd; background: #fff; box-sizing: border-box; - width: 100%; } + 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; } + position: relative; +} +.um-admin-modal #UM_preview_form .um-admin-modal-body .um-admin-preview-overlay { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background-color: rgba(255, 255, 255, 0); + z-index: 100; +} \ No newline at end of file diff --git a/assets/css/admin/common.css b/assets/css/admin/common.css index 5db149f9..1358ba92 100644 --- a/assets/css/admin/common.css +++ b/assets/css/admin/common.css @@ -126,10 +126,4 @@ body.um .picker .picker__footer > button:not(:disabled):not(.button) { } body.um .picker .picker__footer > button.picker__button--close { margin-top: 5px; -} - -#um-metaboxes-contentbox-1 a, -#um-metaboxes-contentbox-2 a, -#um-metaboxes-contentbox-3 a { - white-space: normal; -} +} \ No newline at end of file diff --git a/assets/css/admin/common.sass b/assets/css/admin/common.sass index aa35e9c0..8eaa35aa 100644 --- a/assets/css/admin/common.sass +++ b/assets/css/admin/common.sass @@ -114,9 +114,3 @@ body.um color: #fff & > button.picker__button--close margin-top: 5px - -#um-metaboxes-contentbox-1, -#um-metaboxes-contentbox-2, -#um-metaboxes-contentbox-3 - a - white-space: normal diff --git a/assets/css/admin/dashboard.css b/assets/css/admin/dashboard.css index 0504fde1..d850aa2c 100644 --- a/assets/css/admin/dashboard.css +++ b/assets/css/admin/dashboard.css @@ -8,60 +8,74 @@ border-radius: 3px; top: 5px; left: 3px; - border: none !important; } - + border: none !important; +} #um-metaboxes-general.wrap a.red, #um-metaboxes-general.wrap span.red { - color: #c74a4a; } - + color: #c74a4a; +} #um-metaboxes-general.wrap span.ok { - color: #7acf58; } + 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; } - + border-bottom: 1px solid #ECECEC; +} .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; } - + border: 0; +} .um-metabox-holder .norm i { display: inline-block; width: 30px; - text-align: center; } - + text-align: center; +} .um-metabox-holder .norm p { - margin: 5px 0; } - + margin: 5px 0; +} .um-metabox-holder .norm .count { font-size: 16px; - font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif; + font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; color: #999; width: 40px; display: inline-block; text-align: right; - margin-right: 10px; } + margin-right: 10px; +} + +#um-users-overview-table { + width: 100%; +} +#um-users-overview-table td { + width: 50%; + vertical-align: middle; + padding: 0 0 0 5px; + box-sizing: border-box; +} +#um-users-overview-table td:first-child { + padding: 0 5px 0 0; +} +#um-users-overview-table td > span { + width: 100%; + direction: ltr; + display: grid; + grid-gap: 6px; + grid-template-columns: repeat(2, minmax(20px, auto)); + align-content: start; + align-items: center; + justify-content: start; + justify-items: center; +} +#um-users-overview-table td > span a { + word-break: break-word; +} +#um-users-overview-table td > span a.count { + justify-self: end; + font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; + font-size: 18px; +} \ No newline at end of file diff --git a/assets/css/admin/dashboard.min.css b/assets/css/admin/dashboard.min.css index 121b1a39..e667635c 100644 --- a/assets/css/admin/dashboard.min.css +++ b/assets/css/admin/dashboard.min.css @@ -1 +1 @@ -#um-metaboxes-general h1 sup{font-size:14px;position:relative;font-weight:400;background:#0085ba;color:#fff!important;padding:2px 4px!important;border-radius:3px;top:5px;left:3px;border:none!important}#um-metaboxes-general.wrap a.red,#um-metaboxes-general.wrap span.red{color:#c74a4a}#um-metaboxes-general.wrap span.ok{color:#7acf58}.um-metabox-holder p.sub{padding:0 4px 2px 4px;margin:0 0 8px 0;color:#8f8f8f;font-size:14px;border-bottom:1px solid #ececec}.um-metabox-holder .table{float:left;width:45%}.um-metabox-holder .table td{white-space:nowrap;font-size:12px}.um-metabox-holder a.warning{color:#c74a4a!important;background:0 0!important;border:0}.um-metabox-holder .table_right{float:right;width:45%}.um-metabox-holder td.b{padding-right:6px;text-align:right;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-size:14px;width:1%}.um-metabox-holder td.b a{font-size:18px}.um-metabox-holder .norm i{display:inline-block;width:30px;text-align:center}.um-metabox-holder .norm p{margin:5px 0}.um-metabox-holder .norm .count{font-size:16px;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;color:#999;width:40px;display:inline-block;text-align:right;margin-right:10px} \ No newline at end of file +#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 a.warning{color:#c74a4a!important;background:0 0!important;border:0}.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}#um-users-overview-table{width:100%}#um-users-overview-table td{width:50%;vertical-align:middle;padding:0 0 0 5px;box-sizing:border-box}#um-users-overview-table td:first-child{padding:0 5px 0 0}#um-users-overview-table td>span{width:100%;direction:ltr;display:grid;grid-gap:6px;grid-template-columns:repeat(2,minmax(20px,auto));align-content:start;align-items:center;justify-content:start;justify-items:center}#um-users-overview-table td>span a{word-break:break-word}#um-users-overview-table td>span a.count{justify-self:end;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-size:18px} \ No newline at end of file diff --git a/assets/css/admin/dashboard.sass b/assets/css/admin/dashboard.sass index 63702151..57bbcde8 100644 --- a/assets/css/admin/dashboard.sass +++ b/assets/css/admin/dashboard.sass @@ -30,31 +30,11 @@ 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 @@ -72,3 +52,29 @@ display: inline-block text-align: right margin-right: 10px + +#um-users-overview-table + width: 100% + td + width: 50% + vertical-align: middle + padding: 0 0 0 5px + box-sizing: border-box + &:first-child + padding: 0 5px 0 0 + td > span + width: 100% + direction: ltr + display: grid + grid-gap: 6px + grid-template-columns: repeat(2, minmax(20px, auto)) + align-content: start + align-items: center + justify-content: start + justify-items: center + a + word-break: break-word + &.count + justify-self: end + font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif + font-size: 18px diff --git a/assets/css/admin/directories-screen.css b/assets/css/admin/directories-screen.css index 0f801ad2..1bcc98b0 100644 --- a/assets/css/admin/directories-screen.css +++ b/assets/css/admin/directories-screen.css @@ -1,13 +1,16 @@ .um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-id { - width: 60px; } - + width: 60px; +} .um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-shortcode { - width: 35%; } - + width: 35%; +} .um-admin.post-type-um_directory .wp-list-table.posts .column-is_default { width: 120px; - text-align: center !important; } + 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; } } + text-align: left !important; + } +} \ No newline at end of file diff --git a/assets/css/admin/extensions.css b/assets/css/admin/extensions.css index 791e3607..59d7033a 100644 --- a/assets/css/admin/extensions.css +++ b/assets/css/admin/extensions.css @@ -10,8 +10,8 @@ -ms-grid-template-columns: repeat(3, 1fr); -ms-grid-gap: 10px; -ms-grid-auto-rows: minmax(max-content, auto); - align-items: center; } - + align-items: center; +} #um-extensions-wrap .plugin-card { display: flex; flex-direction: column; @@ -20,8 +20,8 @@ flex-wrap: nowrap; width: 100%; margin: 0; - padding: 20px; } - + padding: 20px; +} #um-extensions-wrap .plugin-image-wrapper { display: flex; flex-direction: row; @@ -35,43 +35,48 @@ 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; } - + 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; } - + 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; } - + width: 70px !important; +} #um-extensions-wrap #um_mycred_image { - background-color: #fff; } - + background-color: #fff; +} #um-extensions-wrap #um_groups_image, #um-extensions-wrap #um_profile-tabs_image, #um-extensions-wrap #um_user-tags_image, @@ -80,44 +85,46 @@ #um-extensions-wrap #um_verified-users_image, #um-extensions-wrap #um_private-content_image, #um-extensions-wrap #um_online-users_image { - width: 36px !important; } - + 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; } - + width: 29px !important; +} #um-extensions-wrap #um_social-login_image { - width: 28px !important; } - + width: 28px !important; +} #um-extensions-wrap #um_real-time-notifications_image, #um-extensions-wrap #um_user-notes_image { - width: 26px !important; } - + width: 26px !important; +} #um-extensions-wrap #um_followers_image, #um-extensions-wrap #um_user-locations_image { - width: 32px !important; } - + width: 32px !important; +} #um-extensions-wrap #um_user-bookmarks_image { - width: 23px !important; } - + 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; } - + 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; @@ -125,22 +132,28 @@ align-items: baseline; flex-wrap: nowrap; width: 100%; - padding: 20px 0 0 0; } + padding: 20px 0 0 0; +} @media (max-width: 1152px) { #um-extensions-wrap .plugin-card-top { - min-height: 120px; } } - + 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); } } - + -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); } } - + -ms-grid-template-columns: repeat(1, 1fr); + } +} @media screen and (max-width: 782px) { #um-extensions-wrap .plugin-card-top { - min-height: 80px; } } + min-height: 80px; + } +} \ No newline at end of file diff --git a/assets/css/admin/forms-rtl.css b/assets/css/admin/forms-rtl.css index ced0caf4..02e638cf 100644 --- a/assets/css/admin/forms-rtl.css +++ b/assets/css/admin/forms-rtl.css @@ -1,5 +1,7 @@ .um-form-fields-section { padding: 0 0 0 10px; - float: right; } - .um-form-fields-section label input { - float: right; } + float: right; +} +.um-form-fields-section label input { + float: right; +} \ No newline at end of file diff --git a/assets/css/admin/forms-screen.css b/assets/css/admin/forms-screen.css index ccc42f00..27ae7402 100644 --- a/assets/css/admin/forms-screen.css +++ b/assets/css/admin/forms-screen.css @@ -1,17 +1,18 @@ .um-admin.post-type-um_form .manage-column.column-id { - width: 60px; } - + width: 60px; +} .um-admin.post-type-um_form .manage-column.column-mode { - width: 100px; } - + width: 100px; +} .um-admin.post-type-um_form .manage-column.column-is_default { - width: 60px; } - + width: 60px; +} .um-admin.post-type-um_form .manage-column.column-title { - width: 200px; } - + width: 200px; +} .um-admin.post-type-um_form .manage-column.column-shortcode { - width: 200px; } - + width: 200px; +} .um-admin.post-type-um_form td.column-shortcode, .um-admin.post-type-um_form td.column-id { - font-size: 14px; } + font-size: 14px; +} \ No newline at end of file diff --git a/assets/css/admin/forms.css b/assets/css/admin/forms.css index f56b0922..6001b47d 100644 --- a/assets/css/admin/forms.css +++ b/assets/css/admin/forms.css @@ -1,20 +1,21 @@ .um-form-table .um-forms-line[data-conditional] { - display: none; } - + display: none; +} .um-form-table .um-forms-line label .um-req { color: #a00; margin: 0 0 0 3px; - font-weight: normal; } - + 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; } - + 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; } - + margin-bottom: 14px; +} .um-form-table .um-forms-line .icon_preview { display: none; max-width: 200px; @@ -25,115 +26,131 @@ background: #f7f7f7; border-radius: 3px; height: auto; - width: auto !important; } - + 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; } - + 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%; } - + width: 33%; +} .um-form-table.um-half-column .um-forms-line th { - width: 50%; } - + width: 50%; +} .um-form-table.um-two-thirds-column .um-forms-line th { - width: 83%; } - + 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 { + 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; } + margin: 0 0 5px 0; +} .um-external-link-icon { width: 1em; height: 1em; margin: 0; vertical-align: middle; - fill: currentcolor; } + fill: currentcolor; +} .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; } + 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, +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; } + 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; } +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; } + margin: 0 0 10px 0; +} .um-hidden-multi-text, .um-hidden-multi-selects, .um-hidden-md-default-filters { - display: none !important; } + display: none !important; +} .um-md-default-filters-option-line { float: left; @@ -141,128 +158,153 @@ input[type="number"].um-forms-field { 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; } + 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; } + 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; } + 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; @@ -271,52 +313,66 @@ input[type="number"].um-forms-field { 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); } + -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, + 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, + 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; } + width: 50% !important; + } .um-form-fields-section { - width: 100% !important; } + 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); } + 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; } + margin: 0 0 6px 0; + } .um-forms-line label { float: left; - width: 100%; } + 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%; } + 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%; } } - + width: 100%; + } +} .um-sortable-items-field .um-sortable-item { cursor: move !important; padding: 5px; @@ -333,38 +389,48 @@ input[type="number"].um-forms-field { 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; } + 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"] { +.wp-picker-container input.wp-color-picker[type=text] { width: 68px !important; float: left !important; padding: 2px 4px !important; - border-width: 1px !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; } + 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; } + color: #ccc; +} +span.um-admin-icon-clear.show { + display: inline-block; +} +span.um-admin-icon-clear:hover { + color: #777; +} +span.um-admin-icon-clear i { + font-size: 20px; + vertical-align: middle; +} \ No newline at end of file diff --git a/assets/css/admin/global.css b/assets/css/admin/global.css index 1dc29641..1c512a8a 100644 --- a/assets/css/admin/global.css +++ b/assets/css/admin/global.css @@ -1,34 +1,44 @@ ul#adminmenu li#toplevel_page_ultimatemember a.wp-has-current-submenu:after { - display: none !important; } - + display: none !important; +} ul#adminmenu li#toplevel_page_ultimatemember.wp-has-submenu.wp-not-current-submenu:hover:after { - right: -9999999px; } - + right: -9999999px; +} ul#adminmenu > li#toplevel_page_ultimatemember.current > a.current:after { - display: none !important; } + 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; } + 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 { @@ -41,19 +51,28 @@ ul#adminmenu > li#toplevel_page_ultimatemember.current > a.current:after { font-size: 12px; border-radius: 5px; border: none !important; - text-shadow: 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; } + vertical-align: middle; +} +.um_tooltip:hover { + opacity: 1; +} +.um_tooltip:hover:before { + opacity: 0.8; +} +.um_tooltip.dashicons { + height: 22px; +} +.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; +} \ No newline at end of file diff --git a/assets/css/admin/global.min.css b/assets/css/admin/global.min.css index f1fbda47..d8429501 100644 --- a/assets/css/admin/global.min.css +++ b/assets/css/admin/global.min.css @@ -1 +1 @@ -ul#adminmenu li#toplevel_page_ultimatemember a.wp-has-current-submenu:after{display:none!important}ul#adminmenu li#toplevel_page_ultimatemember.wp-has-submenu.wp-not-current-submenu:hover:after{right:-9999999px}ul#adminmenu>li#toplevel_page_ultimatemember.current>a.current:after{display:none!important}.um-admin-notice{border-color:#0085ba;color:#555}.um-admin-notice.error{border-color:#dc3232}.um-admin-notice.notice-warning{border-color:#dba617}.um-admin-notice a{text-decoration:none;color:#0085ba}.um-admin-notice a:hover{color:#44b0ec}.um-admin-notice a.button-primary{background-color:#0085ba;border-color:#0085ba}.um-admin-notice a.button-primary:hover{background-color:#008ec2;border-color:#008ec2}.um-admin-notice a.button-secondary{opacity:.7}.um-admin-notice a.button-secondary:hover{opacity:.9}.um .ui-tooltip.um_tooltip{padding:8px;color:#eee!important;background:rgba(0,0,0,.85)!important;position:absolute;z-index:10002;max-width:300px;font-size:12px;border-radius:5px;border:none!important;text-shadow:none!important}.um_tooltip{cursor:pointer;vertical-align:middle}.um_tooltip:hover{opacity:1}.um_tooltip:hover:before{opacity:.8}.um_tooltip.dashicons,.um_tooltip.dashicons:before{height:22px}.um_tooltip.dashicons-editor-help:before{float:left;font-size:20px;line-height:20px;color:rgba(0,0,0,.85)!important} \ No newline at end of file +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{height:22px}.um_tooltip.dashicons:before{height:22px}.um_tooltip.dashicons-editor-help:before{float:left;font-size:20px;line-height:20px;color:rgba(0,0,0,.85)!important} \ No newline at end of file diff --git a/assets/css/admin/global.sass b/assets/css/admin/global.sass index 5e62c3bd..f6e87482 100644 --- a/assets/css/admin/global.sass +++ b/assets/css/admin/global.sass @@ -57,7 +57,7 @@ ul#adminmenu &.dashicons height: 22px &:before - @extend .#{$helptip}.dashicons + height: 22px &.dashicons-editor-help:before float: left font-size: 20px diff --git a/assets/css/admin/modal.css b/assets/css/admin/modal.css index a666a9eb..aa09bc48 100644 --- a/assets/css/admin/modal.css +++ b/assets/css/admin/modal.css @@ -5,7 +5,8 @@ position: fixed; top: 0; left: 0; - z-index: 10000; } + z-index: 10000; +} .um-admin-modal { border-radius: 3px; @@ -17,59 +18,78 @@ 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; } + 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; @@ -78,63 +98,76 @@ top: 14px; font-size: 22px; text-decoration: none; - opacity: 0.4; } - .um-admin-modal-close:hover { - opacity: 1; } + 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; } + 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; } + 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; } + 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; } + 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; } + 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; +} \ No newline at end of file diff --git a/assets/css/admin/modal.sass b/assets/css/admin/modal.sass index d450f068..3c4a3f4e 100644 --- a/assets/css/admin/modal.sass +++ b/assets/css/admin/modal.sass @@ -1,11 +1,11 @@ .um-admin-overlay - background: rgba( 0, 0, 0, 0.7) - width: 100% - height: 100% - position: fixed - top: 0 - left: 0 - z-index: 10000 + 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 diff --git a/assets/css/admin/nav-menu.css b/assets/css/admin/nav-menu.css index e1c369b3..9065644c 100644 --- a/assets/css/admin/nav-menu.css +++ b/assets/css/admin/nav-menu.css @@ -1,11 +1,14 @@ .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; } - + 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; } + margin-top: 10px; +} \ No newline at end of file diff --git a/assets/css/admin/roles.css b/assets/css/admin/roles.css index 039088db..63ff1d51 100644 --- a/assets/css/admin/roles.css +++ b/assets/css/admin/roles.css @@ -1,39 +1,46 @@ #um-roles .row-actions .reset a { - color: #a00; } - #um-roles .row-actions .reset a:hover { - color: red; } + 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; } - + text-align: center !important; +} .wp-list-table.roles .column-admin_access, .wp-list-table.roles .column-priority { width: 10%; - text-align: center !important; } + 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; } } - + text-align: left !important; + } +} #um-admin-form-wp-capabilities .um-metadata-line th { - width: auto; } - + width: auto; +} #um-admin-form-wp-capabilities .um-metadata-line td { - width: 20px; } + width: 20px; +} #um_edit_role #titlewrap > span { width: 40px; font-size: 24px; float: left; display: block; - line-height: 37px; } + line-height: 37px; +} #um-admin-form-publish #major-publishing-actions { padding-top: 0; padding-left: 0; - padding-right: 0; } + padding-right: 0; +} \ No newline at end of file diff --git a/assets/css/admin/settings.css b/assets/css/admin/settings.css index 55cec4ca..54385c77 100644 --- a/assets/css/admin/settings.css +++ b/assets/css/admin/settings.css @@ -1,5 +1,6 @@ .um-settings-section .description { - font-style: italic; } + font-style: italic; +} .um-notification-status { margin-right: 18px; @@ -9,74 +10,93 @@ 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; } + -webkit-box-sizing: border-box; +} +.um-notification-status.um-notification-is-active { + color: #7acf58; +} .um-email-configure span { - line-height: 24px; } + line-height: 24px; +} .um-long-field { - width: 100%; } + width: 100%; +} .um-medium-field { - width: 50%; } + width: 50%; +} .um-small-field { - width: 25%; } + width: 25%; +} .column-configure { width: 10%; - text-align: right; } + text-align: right; +} th.column-email.column-primary { - padding-left: 48px; } + padding-left: 48px; +} .um-form-table .um-forms-line td { - padding-right: 0; } + padding-right: 0; +} #um-settings-emails { - margin: 15px 0; } + margin: 15px 0; +} #um-settings-template-versions { - margin: 15px 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; } + margin: 15px 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-form h2.title a.um-back-button { - font-weight: normal; - font-size: 30px; - line-height: 1; - text-decoration: none; - margin-right: 5px; } + margin: 0; +} +#um-settings-form .subsubsub { + float: left; + width: 100%; +} +#um-settings-form h2.title a.um-back-button { + font-weight: normal; + font-size: 30px; + line-height: 1; + text-decoration: none; + margin-right: 5px; +} .um-settings-line .multi-checkbox-line { float: left; width: 100%; clear: both; margin: 0 0 10px 0; - padding: 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%; } + padding: 0; +} +.um-settings-line .multi-checkbox-column label { + float: left; + width: 100%; +} .wrap-licenses .form-table, .wrap-licenses thead, @@ -86,8 +106,8 @@ th.column-email.column-primary { .wrap-licenses td, .wrap-licenses th, .wrap-licenses caption { - display: block; } - + display: block; +} .wrap-licenses .form-table tr { float: left; margin: 0 15px 15px 0; @@ -98,23 +118,23 @@ th.column-email.column-primary { padding: 14px; min-height: 240px; position: relative; - box-sizing: border-box; } - + box-sizing: border-box; +} .wrap-licenses .form-table th { background: #f9f9f9; padding: 14px; border-bottom: 1px solid #ccc; margin: -14px -14px 20px; - width: 100%; } - + width: 100%; +} .wrap-licenses .form-table td { - padding: 0; } - + padding: 0; +} .wrap-licenses td input.regular-text { margin: 0 0 8px; - width: 100%; } - -.wrap-licenses .edd-license-data[class*="edd-license-"] { + width: 100%; +} +.wrap-licenses .edd-license-data[class*=edd-license-] { position: absolute; background: #fafafa; padding: 14px; @@ -123,75 +143,92 @@ th.column-email.column-primary { 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; } - + 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; } - + 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; } - + 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; } - + 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; } - + border-color: #ffebcd; +} .wrap-licenses .edd-license-data p { font-size: 13px; - margin-top: 0; } - + margin-top: 0; +} .wrap-licenses ~ p.submit { - clear: both; } + clear: both; +} @media screen and (max-width: 980px) { .wrap-licenses .form-table tr { - width: calc( 50% - 15px); - max-width: none; } } - + 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; } + text-align: left; + } .wrap-licenses .form-table tr { width: 100%; margin-right: 0; - max-width: none; } + max-width: none; + } .um-settings-line .multi-checkbox-column { - width: 100% !important; } - .um-settings-line .multi-checkbox-column label { - line-height: 30px !important; } + width: 100% !important; + } + .um-settings-line .multi-checkbox-column label { + line-height: 30px !important; + } .um-medium-field { - width: 100%; } + width: 100%; + } .um-small-field { - width: 50%; } } - + width: 50%; + } +} .um_setting_ajax_button_response.complete { color: #7acf58; - font-style: italic; } + font-style: italic; +} .wp-core-ui .button.um_license_activate, .wp-core-ui .button.um_license_deactivate, .wp-core-ui .button.um_license_reactivate { - margin-top: 5px; } + margin-top: 5px; +} .um-media-upload .um-media-upload-url { - margin-bottom: 5px; } + margin-bottom: 5px; +} \ No newline at end of file diff --git a/assets/css/admin/users.css b/assets/css/admin/users.css index 806eb9b5..bb7b01fc 100644 --- a/assets/css/admin/users.css +++ b/assets/css/admin/users.css @@ -1,29 +1,33 @@ .um-admin.users-php .subsubsub li.subsep { display: block; visibility: hidden; - height: 0; } + height: 0; +} .um-admin-modal .um-admin-infobox label { font-weight: bold; display: block; color: #333; - cursor: default; } - + cursor: default; +} .um-admin-modal .um-admin-infobox p { color: #666; - padding-top: 15px; } - + padding-top: 15px; +} .um-admin-modal .um-admin-infobox > p:not(:first-child) { - border-top: 1px solid #e5e5e5; } - + border-top: 1px solid #e5e5e5; +} .um-admin-modal .um-admin-infobox > p:first-child { margin-top: 0; - padding-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; } + 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; } + display: none; +} \ No newline at end of file diff --git a/assets/css/common.css b/assets/css/common.css index bbe821a6..cffc705e 100644 --- a/assets/css/common.css +++ b/assets/css/common.css @@ -2,8 +2,8 @@ .um .tipsy, .um-page .tipsy { z-index: 9999999999; - font-size: inherit; } - + font-size: inherit; +} .um .tipsy-inner, .um-page .tipsy-inner { background-color: #333333; @@ -15,20 +15,21 @@ line-height: 17px; word-wrap: break-word; -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - + -moz-osx-font-smoothing: grayscale; +} .um .tipsy-arrow-n, .um-page .tipsy-arrow-n { - border-bottom-color: #333; } - + border-bottom-color: #333; +} .um .tipsy-arrow-s, .um-page .tipsy-arrow-s { - border-top-color: #333; } - + border-top-color: #333; +} .um .tipsy-arrow-e, .um-page .tipsy-arrow-e { - border-left-color: #333; } - + border-left-color: #333; +} .um .tipsy-arrow-w, .um-page .tipsy-arrow-w { - border-right-color: #333; } + border-right-color: #333; +} \ No newline at end of file diff --git a/assets/css/um-members-rtl.css b/assets/css/um-members-rtl.css index 301343a7..8ac2812a 100644 --- a/assets/css/um-members-rtl.css +++ b/assets/css/um-members-rtl.css @@ -1,85 +1,93 @@ .um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row { - justify-content: flex-start; } - + 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; } - + 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; } - + 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; } - + 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; } - + 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; } - + 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; } - + 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; } - + 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; } - + 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; } - + 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; } - + 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; } - + 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); } - + 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; } - + 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; } - + left: 0; +} .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo { - margin: 0 0 0 10px; } - + 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; } - + 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; } - + 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; } - + 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; } - + 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; } - + 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; } + margin: 0 0 0 10px; +} +.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper { + margin: 0 0 5px 10px; +} \ No newline at end of file diff --git a/assets/css/um-members.css b/assets/css/um-members.css index ced7458c..edecd6cc 100644 --- a/assets/css/um-members.css +++ b/assets/css/um-members.css @@ -1,35 +1,43 @@ @-webkit-keyframes um-ajax-spinning { 0% { -webkit-transform: rotate(0deg); - transform: rotate(0deg); } + transform: rotate(0deg); + } 100% { -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } - + transform: rotate(360deg); + } +} @-moz-keyframes um-ajax-spinning { 0% { -webkit-transform: rotate(0deg); - transform: rotate(0deg); } + transform: rotate(0deg); + } 100% { -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } - + transform: rotate(360deg); + } +} @-ms-keyframes um-ajax-spinning { 0% { -webkit-transform: rotate(0deg); - transform: rotate(0deg); } + transform: rotate(0deg); + } 100% { -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } - + transform: rotate(360deg); + } +} @keyframes um-ajax-spinning { 0% { -webkit-transform: rotate(0deg); - transform: rotate(0deg); } + transform: rotate(0deg); + } 100% { -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } - + transform: rotate(360deg); + } +} .um-new-dropdown { font-size: 16px; margin: 0; @@ -46,18 +54,22 @@ -webkit-box-sizing: border-box; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; } - .um-new-dropdown ul { - margin: 0; - padding: 0; } - .um-new-dropdown ul li { - list-style-type: none; - padding: 0; - margin: 0; } - .um-new-dropdown ul li a { - display: block; - padding: 8px 12px; - line-height: 1; } + -webkit-border-radius: 5px 5px 5px 5px; +} +.um-new-dropdown ul { + margin: 0; + padding: 0; +} +.um-new-dropdown ul li { + list-style-type: none; + padding: 0; + margin: 0; +} +.um-new-dropdown ul li a { + display: block; + padding: 8px 12px; + line-height: 1; +} .um-new-dropdown-arr { position: absolute; @@ -66,23 +78,27 @@ height: 24px; overflow: hidden; z-index: 15; - color: #eee; } - .um-new-dropdown-arr * { - display: block; - width: 24px; - height: 24px; - vertical-align: bottom; - overflow: hidden; - line-height: 24px; } + color: #eee; +} +.um-new-dropdown-arr * { + display: block; + width: 24px; + height: 24px; + vertical-align: bottom; + overflow: hidden; + line-height: 24px; +} body #content .um-directory a { text-decoration: none; border-bottom: none; - box-shadow: none; } - body #content .um-directory a:hover, body #content .um-directory a:focus { - text-decoration: none; - border-bottom: none; - box-shadow: none; } + box-shadow: none; +} +body #content .um-directory a:hover, body #content .um-directory a:focus { + text-decoration: none; + border-bottom: none; + box-shadow: none; +} .um-directory { display: flex; @@ -90,928 +106,1146 @@ body #content .um-directory a { justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; - position: relative; } - .um-directory a { - text-decoration: none; - border-bottom: none; - box-shadow: none; } - .um-directory a:hover, .um-directory a:focus { - text-decoration: none; - border-bottom: none; - box-shadow: none; } - .um-directory .select2-container--disabled { - opacity: 0.6; } - .um-directory .um-members-overlay { - display: none; - position: absolute; - width: 100%; - top: 0; - bottom: 0; - background: none; - z-index: 2; } - .um-directory .um-members-overlay .um-ajax-loading { - -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(198, 198, 198, 0.2); - border-right: 0.2em solid rgba(198, 198, 198, 0.2); - border-bottom: 0.2em solid rgba(198, 198, 198, 0.2); - border-left: .2em solid #c6c6c6; - font-size: 1.75em; - position: absolute; - left: calc(50% - 1.75em); - top: calc(50% - 1.75em); - filter: alpha(opacity=0); - -ms-transform: translateZ(0); - transform: translateZ(0); - border-radius: 50%; - display: block; - width: 2.5em; - height: 2.5em; - margin: 0; - outline: 0; - padding: 0; - vertical-align: baseline; } - .um-directory .um-member-directory-header { - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: stretch; - flex-wrap: nowrap; - width: 100%; } - .um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-filters-bar { - padding: 0 0 10px 0; } - .um-directory .um-member-directory-header .um-member-directory-header-row:not(.um-member-directory-filters-bar) { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: baseline; - flex-wrap: nowrap; - margin: 0 0 10px 0; } - .um-directory .um-member-directory-header .um-member-directory-header-row.um-header-row-invisible { - margin: 0; } - .um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row { - justify-content: flex-end; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: center; - flex-wrap: nowrap; - width: 60%; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label { - flex: 1; - margin: 0 10px 0 0; - min-width: 90px; - max-width: 85%; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label span { - display: none; - margin: 0 5px 0 0; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label .um-search-line { - -webkit-appearance: textfield; - width: 100%; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line .um-do-search { - min-width: 15%; - width: auto; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line { - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - flex-wrap: nowrap; - width: 100%; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type { - font-size: 30px; - line-height: 30px; - margin: 0 10px 0 0; - width: 30px; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type .um-member-directory-view-type-a { - color: #ddd; - display: none; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled { - cursor: default; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled a { - cursor: default; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:hover { - color: #ccc; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:focus { - color: #ddd; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: baseline; - flex-wrap: nowrap; - flex: 5; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: baseline; - flex-wrap: nowrap; - position: relative; - cursor: pointer; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a a { - margin: 0 5px 0 0; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-down { - display: inline; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-up { - display: none; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-down { - display: none; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-up { - display: inline; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown { - top: 24px; - width: 200px; - left: -12px; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown li a[data-selected="1"] { - display: none; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters { - display: flex; - flex-direction: row; - justify-content: flex-end; - align-items: baseline; - flex-wrap: nowrap; - flex: 2; - text-align: right; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: baseline; - flex-wrap: nowrap; - cursor: pointer; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a a { - margin: 0 5px 0 0; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-down { - display: inline; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-up { - display: none; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-down { - display: none; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-up { - display: inline; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-search { - margin: 0; - width: 100%; - display: grid; - grid-template-rows: auto 1fr; - grid-template-columns: repeat(3, 1fr); - grid-gap: 10px; - grid-auto-rows: minmax(max-content, auto); - -ms-grid-template-rows: auto 1fr; - -ms-grid-template-columns: repeat(3, 1fr); - -ms-grid-gap: 10px; - -ms-grid-auto-rows: minmax(max-content, auto); - align-items: center; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: baseline; - flex-wrap: nowrap; - width: 100%; - position: relative; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .select2-container { - float: left; - width: 100% !important; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .um-s1 { - width: 100%; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-text-filter-type input { - width: 100%; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type { - flex-direction: column; - align-items: stretch; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider { - width: calc( 100% - 16px); } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider .ui-slider-range.ui-widget-header { - background: #44b0ec; - border: 1px solid #44b0ec !important; - margin-top: -1px; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider.ui-slider.ui-slider-horizontal { - border: 1px solid #ddd !important; - box-sizing: border-box; - margin: 4px 8px 0 8px; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider-range { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: baseline; - flex-wrap: nowrap; - margin: 6px 0 0 8px; - font-size: 0.8em; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type, .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: baseline; - flex-wrap: nowrap; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input, .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input { - width: calc( 50% - 5px); - margin: 0 5px 0 0 !important; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input:nth-child(even), .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input:nth-child(even) { - margin: 0 0 0 5px !important; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-search[style*="overflow: hidden;"] .um-search-filter { - pointer-events: none; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-search.um-search-invisible { - display: none; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: baseline; - flex-wrap: wrap; - margin: 0; - padding: 0; - box-sizing: border-box; - border: none; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: center; - flex-wrap: nowrap; - margin: 0 10px 5px 0; - padding: 0 10px; - border-radius: 3px; - cursor: default; - background: #f1f1f1; - font-size: 13px; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag:first-child { - margin-left: 0; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove { - float: right; - display: inline-block; - margin-left: 10px; - cursor: pointer; - font-weight: bold; - font-size: 20px; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove:hover { - color: #a00; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters { - display: none; } - .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters a { - padding: 3px 10px; - margin: 0 10px; } - .um-directory .um-members-wrapper { - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: stretch; - flex-wrap: nowrap; - width: 100%; - margin: 0 0 10px 0; - padding: 0; - position: relative; - height: 300px; } - .um-directory .um-members-wrapper .um-members-intro { - text-align: center; - margin: 0 0 10px 0; } - .um-directory .um-members-wrapper .um-members-total { - font-size: 20px; - font-weight: 300; } - .um-directory .um-members-wrapper .um-members { - width: 100%; - margin: 0; - padding: 0; - -ms-word-break: break-all; - word-break: break-word; - word-wrap: break-word; } - .um-directory .um-members-wrapper .um-members .um-member { - border: 1px solid #ddd; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; } - .um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1 a img { - -moz-border-radius: 999px !important; - -webkit-border-radius: 999px !important; - border-radius: 999px !important; } - .um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1.radius-2 a img { - -moz-border-radius: 4px !important; - -webkit-border-radius: 4px !important; - border-radius: 4px !important; } - .um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1.radius-3 a img { - -moz-border-radius: 0 !important; - -webkit-border-radius: 0 !important; - border-radius: 0 !important; } - .um-directory .um-members-wrapper .um-members .um-member .um-member-card .um-member-name { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: baseline; - flex-wrap: nowrap; } - .um-directory .um-members-wrapper .um-members .um-member .um-member-card .um-member-name a { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: center; - flex-wrap: nowrap; } - .um-directory .um-members-wrapper .um-members img { - display: block; - overflow: hidden; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - margin: 0; - padding: 0; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { - width: 5%; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member { - float: left; - width: 30%; - background: #fff; - text-align: center; - margin-bottom: 40px; - position: relative; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status { - display: none; - background: #999; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.awaiting_admin_review, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.inactive, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.rejected { - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - padding: 7px 15px; - color: #fff; - z-index: 10; - font-size: 13px; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.awaiting_admin_review { - background: #c74a4a; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo { - padding: 40px 0 20px 0; - text-align: center; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a { - text-decoration: none; - box-shadow: none !important; - display: inline !important; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a img { - display: inline !important; - border: 5px solid #fff; - background: #fff; - width: 140px; - height: 140px; - float: none !important; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.awaiting_admin_review, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.inactive, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.rejected { - opacity: 0.7; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo { - padding-top: 0; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo a img { - width: 90px; - height: 90px; - position: relative; - top: -35px; - margin-bottom: -45px; - float: none; - opacity: 1; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover { - background-color: #eee; - box-sizing: border-box; - position: relative; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover[data-ratio] { - overflow-y: hidden; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover .um-member-cover-e { - text-align: center; - box-sizing: border-box; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover .um-member-cover-e img { - width: 100% !important; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card { - padding-bottom: 15px; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card.no-photo { - padding-top: 30px; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name { - margin: 0 0 4px 0; - justify-content: center; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a { - font-size: 16px; - line-height: 26px; - color: #444; - font-weight: 700; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn { - margin: 2px 0; - height: 40px; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn { - padding: 10px 15px !important; - transition: none !important; - display: inline-block !important; - margin: 0 auto !important; - min-width: 110px; - width: auto; - text-align: center; - font-size: 13px; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn:before { - font-family: "FontAwesome"; - margin-right: 8px; - width: 14px; - text-align: left; - display: inline-block; - font-size: 16px; - position: relative; - left: 0; - top: 1px; - content: "\f013"; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-tagline { - font-size: 13px; - line-height: 22px; - color: #999; - padding: 0 15px; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta { - display: none; - margin: 20px 15px 0 15px; - padding: 15px 0; - border-top: 1px solid #e5e5e5; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta.no-animate { - display: block; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline { - font-size: 13px; - padding: 12px 0 0 0; - line-height: 16px; - vertical-align: middle; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline strong { - display: block; - clear: both; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline span { - display: block; - text-align: center; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect { - padding-top: 20px; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a { - display: inline-block; - width: 40px; - line-height: 40px; - height: 40px; - -moz-border-radius: 999px; - -webkit-border-radius: 999px; - border-radius: 999px; - color: #fff !important; - opacity: 0.85; - margin: 0 1px; - font-size: 22px; - transition: 0.25s; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a:hover { - opacity: 1; - color: #fff; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less { - display: none; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less a { - color: #666; - display: inline-block; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less a i { - display: block; - font-size: 32px; - height: 32px; - line-height: 32px; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-more a { - color: #666; - display: inline-block; } - .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-more a i { - display: block; - font-size: 32px; - height: 32px; - line-height: 32px; } - .um-directory .um-members-wrapper .um-members.um-members-list { - display: grid; - grid-template-rows: auto 1fr; - grid-template-columns: repeat(1, 1fr); - grid-gap: 10px; - grid-auto-rows: minmax(max-content, auto); - -ms-grid-template-rows: auto 1fr; - -ms-grid-template-columns: repeat(1, 1fr); - -ms-grid-gap: 10px; - -ms-grid-auto-rows: minmax(max-content, auto); - align-items: center; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member { - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: stretch; - flex-wrap: nowrap; - width: 100%; - padding: 15px; - margin: 0; - background: #fff; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status { - display: none; - background: #999; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.awaiting_admin_review, .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.inactive, .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.rejected { - display: block; - width: 100%; - padding: 7px 15px; - margin-bottom: 10px; - color: #fff; - font-size: 13px; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.awaiting_admin_review { - background: #c74a4a; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: flex-start; - flex-wrap: nowrap; - width: 100%; - margin: 0 0 10px 0; - padding: 0; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo { - width: 100px; - margin: 0 15px 0 0; - padding: 0; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a { - width: 100px; - height: 100px; - display: block; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a img { - width: 100px; - height: 100px; - position: relative; - top: 0; - margin: 0; - margin-bottom: 0; - border: none; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: flex-start; - flex-wrap: nowrap; - width: calc( 100% - 115px); - padding: 0; - margin: 0; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card.no-photo { - width: 100%; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content { - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: stretch; - flex-wrap: nowrap; - width: calc( 100% - 30px); - margin: 0 10px 0 0; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header { - width: 100%; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name { - margin: 0 0 4px 0; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name a { - font-size: 16px; - line-height: 26px; - color: #444; - font-weight: 700; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-tagline { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: baseline; - flex-wrap: wrap; - width: 100%; - font-size: 13px; - color: #999; - padding: 0; - box-sizing: border-box; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main { - width: 100%; - padding: 0; - box-sizing: border-box; - display: none; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main.no-animate { - display: block; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta { - float: left; - width: 100%; - display: block; - margin: 10px 0 0 0; - box-sizing: border-box; - border: none; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: center; - flex-wrap: wrap; - font-size: 13px; - padding: 12px 0 0 0; - line-height: 16px; - width: 100%; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect { - padding-top: 10px; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect a { - display: inline-block; - width: 40px; - line-height: 40px; - height: 40px; - -moz-border-radius: 999px; - -webkit-border-radius: 999px; - border-radius: 999px; - color: #fff !important; - opacity: 0.85; - margin: 0 1px; - font-size: 22px; - transition: 0.25s; - text-align: center; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect a:hover { - opacity: 1; - color: #fff; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions { - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: flex-end; - flex-wrap: nowrap; - width: 20px; - text-align: right; - padding: 0; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog { - position: relative; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-member-actions-a { - line-height: 1; - display: block; - color: #666; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-member-actions-a i { - display: block; - font-size: 20px; - line-height: 1; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-new-dropdown { - width: 180px; - right: 0; - text-align: left; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions a { - box-sizing: border-box; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer { - display: flex; - flex-direction: row; - justify-content: flex-end; - align-items: center; - flex-wrap: nowrap; - width: 100%; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: baseline; - flex-wrap: nowrap; - width: calc( 100% - 145px); - margin: 0 10px 0 0; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: baseline; - flex-wrap: nowrap; - margin: 0; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons > :not(:last-child) { - margin: 0 10px 0 0; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons { - width: 20px; - text-align: right; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more { - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: baseline; - flex-wrap: nowrap; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more a { - color: #666; - display: inline-block; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more a i { - display: block; - font-size: 28px; - height: 28px; - line-height: 28px; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less { - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: baseline; - flex-wrap: nowrap; - display: none; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less a { - color: #666; - display: inline-block; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less a i { - display: block; - font-size: 28px; - height: 28px; - line-height: 28px; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-photo.no-reveal .um-member-card-footer-buttons { - width: 100%; } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-photo:not(.no-reveal) .um-member-card-footer-buttons { - width: calc( 100% - 30px); } - .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons { - width: calc( 100% - 125px); } - .um-directory .um-members-wrapper .um-members .um-members-none { - text-align: center; - font-size: 18px; } - .um-directory .um-members-pagination-box { - width: 100%; - float: left; - margin: 0 0 10px 0; - padding: 0; } - .um-directory .um-members-pagination-box .um-members-pagi { - display: flex; - flex-direction: row; - justify-content: center; - align-items: baseline; - flex-wrap: nowrap; - width: 100%; - margin: 0; - padding: 0; - font-size: 15px; } - .um-directory .um-members-pagination-box .um-members-pagi .pagi { - cursor: pointer; - display: inline-block; - width: auto; - height: 34px; - line-height: 34px; - transition: all .2s linear; - padding: 0 14px; - color: #666 !important; - font-weight: normal; } - .um-directory .um-members-pagination-box .um-members-pagi .pagi.pagi-arrow { - line-height: 38px; } - .um-directory .um-members-pagination-box .um-members-pagi .pagi.pagi-arrow i:before { - font-size: 20px; - vertical-align: middle !important; - height: 34px; - line-height: 34px; - top: -2px; - position: relative; } - .um-directory .um-members-pagination-box .um-members-pagi .pagi.current { - cursor: default; - color: #fff !important; } - .um-directory .um-members-pagination-box .um-members-pagi .pagi.current:hover { - color: #fff !important; } - .um-directory .um-members-pagination-box .um-members-pagi .pagi.disabled { - cursor: default; - opacity: .4; } - .um-directory .um-members-pagination-box .um-members-pagi .pagi.none { - color: #aaa !important; } - .um-directory .um-members-pagination-box .um-members-pagidrop { - width: 100%; - float: left; - margin: 0; - text-align: center; - padding: 5px 0; - font-size: 15px; } - .um-directory.um-loaded .um-members-wrapper { - height: auto; } - .um-directory[data-view_type="list"] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type="list"] { - display: block; } - .um-directory[data-view_type="grid"] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type="grid"] { - display: block; } - .um-directory[data-view_type="map"] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type="map"] { - display: block; } - .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line { - width: 100%; } - .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row { - justify-content: flex-start; } - .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line { - flex-wrap: wrap; } - .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type { - width: 20px; - font-size: 20px; - line-height: 20px; - margin: 0 2px 0 0; } - .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting { - width: calc( 100% - 25px); - justify-content: flex-end; } - .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-new-dropdown { - right: 0; - left: auto; } - .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters { - flex: none; - width: 100%; } - .um-directory.uimob340 .um-member-directory-header .um-search { - grid-template-columns: repeat(1, 1fr); } - .um-directory.uimob340 .um-members-wrapper .um-members .um-member { - width: 100%; } - .um-directory.uimob340 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { - width: 0; } - .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member { - padding: 10px; } - .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo { - width: 50px; - margin: 0 10px 0 0; } - .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a { - width: 50px; - height: 50px; } - .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img { - width: 50px; - height: 50px; } - .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card { - width: calc( 100% - 60px); } - .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer { - align-items: flex-start; } - .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons { - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: stretch; - flex-wrap: nowrap; - width: calc( 100% - 90px); - margin: 0 10px 0 0; } - .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper { - margin: 0 0 5px 0; } - .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper a.um-button { - width: 100% !important; } - .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons { - width: calc( 100% - 70px); } - .um-directory.uimob340 .um-members-pagination-box .um-members-pagi { - display: none; } - .um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line { - width: 100%; } - .um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row { - justify-content: flex-start; } - .um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type { - width: 20px; - font-size: 20px; - line-height: 20px; - margin: 0 5px 0 0; } - .um-directory.uimob500 .um-member-directory-header .um-search { - grid-template-columns: repeat(1, 1fr); } - .um-directory.uimob500 .um-members-wrapper .um-members .um-member { - width: 100%; } - .um-directory.uimob500 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { - width: 0; } - .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo { - width: 70px; - margin: 0 10px 0 0; } - .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a { - width: 70px; - height: 70px; } - .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img { - width: 70px; - height: 70px; } - .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card { - width: calc( 100% - 80px); } - .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer { - align-items: flex-start; } - .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons { - flex-wrap: wrap; - width: calc( 100% - 110px); - margin: 0 10px 0 0; } - .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper { - margin: 0 10px 5px 0; } - .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons { - width: calc( 100% - 90px); } - .um-directory.uimob500 .um-members-pagination-box .um-members-pagi { - display: none; } - .um-directory.uimob800 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line { - width: 100%; } - .um-directory.uimob800 .um-member-directory-header .um-search { - grid-template-columns: repeat(2, 1fr); } - .um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { - width: 4%; } - .um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-member { - width: 48%; } - .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo { - width: 80px; - margin: 0 10px 0 0; } - .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a { - width: 80px; - height: 80px; } - .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img { - width: 80px; - height: 80px; } - .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card { - width: calc( 100% - 90px); } - .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer { - align-items: flex-start; } - .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons { - flex-wrap: wrap; - width: calc( 100% - 120px); - margin: 0 10px 0 0; } - .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper { - margin: 0 10px 5px 0; } - .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons { - width: calc( 100% - 100px); } - .um-directory.uimob960 .um-member-directory-header .um-search { - grid-template-columns: repeat(2, 1fr); } - .um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { - width: 4%; } - .um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-member { - width: 48%; } + position: relative; +} +.um-directory a { + text-decoration: none; + border-bottom: none; + box-shadow: none; +} +.um-directory a:hover, .um-directory a:focus { + text-decoration: none; + border-bottom: none; + box-shadow: none; +} +.um-directory .select2-container--disabled { + opacity: 0.6; +} +.um-directory .um-members-overlay { + display: none; + position: absolute; + width: 100%; + top: 0; + bottom: 0; + background: none; + z-index: 2; +} +.um-directory .um-members-overlay .um-ajax-loading { + -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(198, 198, 198, 0.2); + border-right: 0.2em solid rgba(198, 198, 198, 0.2); + border-bottom: 0.2em solid rgba(198, 198, 198, 0.2); + border-left: 0.2em solid #c6c6c6; + font-size: 1.75em; + position: absolute; + left: calc(50% - 1.75em); + top: calc(50% - 1.75em); + filter: alpha(opacity=0); + -ms-transform: translateZ(0); + transform: translateZ(0); + border-radius: 50%; + display: block; + width: 2.5em; + height: 2.5em; + margin: 0; + outline: 0; + padding: 0; + vertical-align: baseline; +} +.um-directory .um-member-directory-header { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: stretch; + flex-wrap: nowrap; + width: 100%; +} +.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-filters-bar { + padding: 0 0 10px 0; +} +.um-directory .um-member-directory-header .um-member-directory-header-row:not(.um-member-directory-filters-bar) { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + margin: 0 0 10px 0; +} +.um-directory .um-member-directory-header .um-member-directory-header-row.um-header-row-invisible { + margin: 0; +} +.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row { + justify-content: flex-end; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + flex-wrap: nowrap; + width: 60%; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label { + flex: 1; + margin: 0 10px 0 0; + min-width: 90px; + max-width: 85%; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label span { + display: none; + margin: 0 5px 0 0; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label .um-search-line { + -webkit-appearance: textfield; + width: 100%; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line .um-do-search { + min-width: 15%; + width: auto; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + flex-wrap: nowrap; + width: 100%; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type { + font-size: 30px; + line-height: 30px; + margin: 0 10px 0 0; + width: 30px; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type .um-member-directory-view-type-a { + color: #ddd; + display: none; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled { + cursor: default; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled a { + cursor: default; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:hover { + color: #ccc; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:focus { + color: #ddd; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + flex: 5; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + position: relative; + cursor: pointer; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a a { + margin: 0 5px 0 0; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-down { + display: inline; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-up { + display: none; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-down { + display: none; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-up { + display: inline; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown { + top: 24px; + width: 200px; + left: -12px; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown li a[data-selected="1"] { + display: none; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters { + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: baseline; + flex-wrap: nowrap; + flex: 2; + text-align: right; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + cursor: pointer; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a a { + margin: 0 5px 0 0; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-down { + display: inline; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-up { + display: none; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-down { + display: none; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-up { + display: inline; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-search { + margin: 0; + width: 100%; + display: grid; + grid-template-rows: auto 1fr; + grid-template-columns: repeat(3, 1fr); + grid-gap: 10px; + grid-auto-rows: minmax(max-content, auto); + -ms-grid-template-rows: auto 1fr; + -ms-grid-template-columns: repeat(3, 1fr); + -ms-grid-gap: 10px; + -ms-grid-auto-rows: minmax(max-content, auto); + align-items: center; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + width: 100%; + position: relative; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .select2-container { + float: left; + width: 100% !important; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .um-s1 { + width: 100%; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-text-filter-type input { + width: 100%; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type { + flex-direction: column; + align-items: stretch; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider { + width: calc(100% - 16px); +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider .ui-slider-range.ui-widget-header { + background: #44b0ec; + border: 1px solid #44b0ec !important; + margin-top: -1px; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider.ui-slider.ui-slider-horizontal { + border: 1px solid #ddd !important; + box-sizing: border-box; + margin: 4px 8px 0 8px; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider-range { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + margin: 6px 0 0 8px; + font-size: 0.8em; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type, .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input, .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input { + width: calc(50% - 5px); + margin: 0 5px 0 0 !important; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input:nth-child(even), .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input:nth-child(even) { + margin: 0 0 0 5px !important; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-search[style*="overflow: hidden;"] .um-search-filter { + pointer-events: none; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-search.um-search-invisible { + display: none; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: wrap; + margin: 0; + padding: 0; + box-sizing: border-box; + border: none; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + flex-wrap: nowrap; + margin: 0 10px 5px 0; + padding: 0 10px; + border-radius: 3px; + cursor: default; + background: #f1f1f1; + font-size: 13px; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag:first-child { + margin-left: 0; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove { + float: right; + display: inline-block; + margin-left: 10px; + cursor: pointer; + font-weight: bold; + font-size: 20px; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove:hover { + color: #a00; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters { + display: none; +} +.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters a { + padding: 3px 10px; + margin: 0 10px; +} +.um-directory .um-members-wrapper { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: stretch; + flex-wrap: nowrap; + width: 100%; + margin: 0 0 10px 0; + padding: 0; + position: relative; + height: 300px; +} +.um-directory .um-members-wrapper .um-members-intro { + text-align: center; + margin: 0 0 10px 0; +} +.um-directory .um-members-wrapper .um-members-total { + font-size: 20px; + font-weight: 300; +} +.um-directory .um-members-wrapper .um-members { + width: 100%; + margin: 0; + padding: 0; + -ms-word-break: break-all; + word-break: break-word; + word-wrap: break-word; +} +.um-directory .um-members-wrapper .um-members .um-member { + border: 1px solid #ddd; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} +.um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1 a img { + -moz-border-radius: 999px !important; + -webkit-border-radius: 999px !important; + border-radius: 999px !important; +} +.um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1.radius-2 a img { + -moz-border-radius: 4px !important; + -webkit-border-radius: 4px !important; + border-radius: 4px !important; +} +.um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1.radius-3 a img { + -moz-border-radius: 0 !important; + -webkit-border-radius: 0 !important; + border-radius: 0 !important; +} +.um-directory .um-members-wrapper .um-members .um-member .um-member-card .um-member-name { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; +} +.um-directory .um-members-wrapper .um-members .um-member .um-member-card .um-member-name a { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + flex-wrap: nowrap; +} +.um-directory .um-members-wrapper .um-members img { + display: block; + overflow: hidden; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + margin: 0; + padding: 0; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { + width: 5%; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member { + float: left; + width: 30%; + background: #fff; + text-align: center; + margin-bottom: 40px; + position: relative; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status { + display: none; + background: #999; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.awaiting_admin_review, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.inactive, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.rejected { + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + padding: 7px 15px; + color: #fff; + z-index: 10; + font-size: 13px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.awaiting_admin_review { + background: #c74a4a; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo { + padding: 40px 0 20px 0; + text-align: center; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a { + text-decoration: none; + box-shadow: none !important; + display: inline !important; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a img { + display: inline !important; + border: 5px solid #fff; + background: #fff; + width: 140px; + height: 140px; + float: none !important; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.awaiting_admin_review, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.inactive, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.rejected { + opacity: 0.7; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo { + padding-top: 0; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo a img { + width: 90px; + height: 90px; + position: relative; + top: -35px; + margin-bottom: -45px; + float: none; + opacity: 1; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover { + background-color: #eee; + box-sizing: border-box; + position: relative; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover[data-ratio] { + overflow-y: hidden; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover .um-member-cover-e { + text-align: center; + box-sizing: border-box; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover .um-member-cover-e img { + width: 100% !important; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card { + padding-bottom: 15px; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card.no-photo { + padding-top: 30px; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name { + margin: 0 0 4px 0; + justify-content: center; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a { + font-size: 16px; + line-height: 26px; + color: #444; + font-weight: 700; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn { + margin: 2px 0; + height: 40px; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn { + padding: 10px 15px !important; + transition: none !important; + display: inline-block !important; + margin: 0 auto !important; + min-width: 110px; + width: auto; + text-align: center; + font-size: 13px; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn:before { + font-family: "FontAwesome"; + margin-right: 8px; + width: 14px; + text-align: left; + display: inline-block; + font-size: 16px; + position: relative; + left: 0; + top: 1px; + content: "\f013"; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-tagline { + font-size: 13px; + line-height: 22px; + color: #999; + padding: 0 15px; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta { + display: none; + margin: 20px 15px 0 15px; + padding: 15px 0; + border-top: 1px solid #e5e5e5; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta.no-animate { + display: block; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline { + font-size: 13px; + padding: 12px 0 0 0; + line-height: 16px; + vertical-align: middle; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline strong { + display: block; + clear: both; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline span { + display: block; + text-align: center; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect { + padding-top: 20px; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a { + display: inline-block; + width: 40px; + line-height: 40px; + height: 40px; + -moz-border-radius: 999px; + -webkit-border-radius: 999px; + border-radius: 999px; + color: #fff !important; + opacity: 0.85; + margin: 0 1px; + font-size: 22px; + transition: 0.25s; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a:hover { + opacity: 1; + color: #fff; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less { + display: none; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less a { + color: #666; + display: inline-block; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less a i { + display: block; + font-size: 32px; + height: 32px; + line-height: 32px; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-more a { + color: #666; + display: inline-block; +} +.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-more a i { + display: block; + font-size: 32px; + height: 32px; + line-height: 32px; +} +.um-directory .um-members-wrapper .um-members.um-members-list { + display: grid; + grid-template-rows: auto 1fr; + grid-template-columns: repeat(1, 1fr); + grid-gap: 10px; + grid-auto-rows: minmax(max-content, auto); + -ms-grid-template-rows: auto 1fr; + -ms-grid-template-columns: repeat(1, 1fr); + -ms-grid-gap: 10px; + -ms-grid-auto-rows: minmax(max-content, auto); + align-items: center; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: stretch; + flex-wrap: nowrap; + width: 100%; + padding: 15px; + margin: 0; + background: #fff; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status { + display: none; + background: #999; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.awaiting_admin_review, .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.inactive, .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.rejected { + display: block; + width: 100%; + padding: 7px 15px; + margin-bottom: 10px; + color: #fff; + font-size: 13px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.awaiting_admin_review { + background: #c74a4a; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: flex-start; + flex-wrap: nowrap; + width: 100%; + margin: 0 0 10px 0; + padding: 0; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo { + width: 100px; + margin: 0 15px 0 0; + padding: 0; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a { + width: 100px; + height: 100px; + display: block; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a img { + width: 100px; + height: 100px; + position: relative; + top: 0; + margin: 0; + margin-bottom: 0; + border: none; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: flex-start; + flex-wrap: nowrap; + width: calc(100% - 115px); + padding: 0; + margin: 0; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card.no-photo { + width: 100%; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: stretch; + flex-wrap: nowrap; + width: calc(100% - 30px); + margin: 0 10px 0 0; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header { + width: 100%; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name { + margin: 0 0 4px 0; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name a { + font-size: 16px; + line-height: 26px; + color: #444; + font-weight: 700; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-tagline { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: wrap; + width: 100%; + font-size: 13px; + color: #999; + padding: 0; + box-sizing: border-box; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main { + width: 100%; + padding: 0; + box-sizing: border-box; + display: none; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main.no-animate { + display: block; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta { + float: left; + width: 100%; + display: block; + margin: 10px 0 0 0; + box-sizing: border-box; + border: none; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + flex-wrap: wrap; + font-size: 13px; + padding: 12px 0 0 0; + line-height: 16px; + width: 100%; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect { + padding-top: 10px; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect a { + display: inline-block; + width: 40px; + line-height: 40px; + height: 40px; + -moz-border-radius: 999px; + -webkit-border-radius: 999px; + border-radius: 999px; + color: #fff !important; + opacity: 0.85; + margin: 0 1px; + font-size: 22px; + transition: 0.25s; + text-align: center; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect a:hover { + opacity: 1; + color: #fff; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: flex-end; + flex-wrap: nowrap; + width: 20px; + text-align: right; + padding: 0; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog { + position: relative; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-member-actions-a { + line-height: 1; + display: block; + color: #666; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-member-actions-a i { + display: block; + font-size: 20px; + line-height: 1; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-new-dropdown { + width: 180px; + right: 0; + text-align: left; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions a { + box-sizing: border-box; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer { + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + flex-wrap: nowrap; + width: 100%; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + width: calc(100% - 145px); + margin: 0 10px 0 0; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + margin: 0; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons > :not(:last-child) { + margin: 0 10px 0 0; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons { + width: 20px; + text-align: right; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more a { + color: #666; + display: inline-block; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more a i { + display: block; + font-size: 28px; + height: 28px; + line-height: 28px; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: baseline; + flex-wrap: nowrap; + display: none; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less a { + color: #666; + display: inline-block; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less a i { + display: block; + font-size: 28px; + height: 28px; + line-height: 28px; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-photo.no-reveal .um-member-card-footer-buttons { + width: 100%; +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-photo:not(.no-reveal) .um-member-card-footer-buttons { + width: calc(100% - 30px); +} +.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons { + width: calc(100% - 125px); +} +.um-directory .um-members-wrapper .um-members .um-members-none { + text-align: center; + font-size: 18px; +} +.um-directory .um-members-pagination-box { + width: 100%; + float: left; + margin: 0 0 10px 0; + padding: 0; +} +.um-directory .um-members-pagination-box .um-members-pagi { + display: flex; + flex-direction: row; + justify-content: center; + align-items: baseline; + flex-wrap: nowrap; + width: 100%; + margin: 0; + padding: 0; + font-size: 15px; +} +.um-directory .um-members-pagination-box .um-members-pagi .pagi { + cursor: pointer; + display: inline-block; + width: auto; + height: 34px; + line-height: 34px; + transition: all 0.2s linear; + padding: 0 14px; + color: #666 !important; + font-weight: normal; +} +.um-directory .um-members-pagination-box .um-members-pagi .pagi.pagi-arrow { + line-height: 38px; +} +.um-directory .um-members-pagination-box .um-members-pagi .pagi.pagi-arrow i:before { + font-size: 20px; + vertical-align: middle !important; + height: 34px; + line-height: 34px; + top: -2px; + position: relative; +} +.um-directory .um-members-pagination-box .um-members-pagi .pagi.current { + cursor: default; + color: #fff !important; +} +.um-directory .um-members-pagination-box .um-members-pagi .pagi.current:hover { + color: #fff !important; +} +.um-directory .um-members-pagination-box .um-members-pagi .pagi.disabled { + cursor: default; + opacity: 0.4; +} +.um-directory .um-members-pagination-box .um-members-pagi .pagi.none { + color: #aaa !important; +} +.um-directory .um-members-pagination-box .um-members-pagidrop { + width: 100%; + float: left; + margin: 0; + text-align: center; + padding: 5px 0; + font-size: 15px; +} +.um-directory.um-loaded .um-members-wrapper { + height: auto; +} +.um-directory[data-view_type=list] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type=list] { + display: block; +} +.um-directory[data-view_type=grid] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type=grid] { + display: block; +} +.um-directory[data-view_type=map] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type=map] { + display: block; +} +.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line { + width: 100%; +} +.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row { + justify-content: flex-start; +} +.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line { + flex-wrap: wrap; +} +.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type { + width: 20px; + font-size: 20px; + line-height: 20px; + margin: 0 2px 0 0; +} +.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting { + width: calc(100% - 25px); + justify-content: flex-end; +} +.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-new-dropdown { + right: 0; + left: auto; +} +.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters { + flex: none; + width: 100%; +} +.um-directory.uimob340 .um-member-directory-header .um-search { + grid-template-columns: repeat(1, 1fr); +} +.um-directory.uimob340 .um-members-wrapper .um-members .um-member { + width: 100%; +} +.um-directory.uimob340 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { + width: 0; +} +.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member { + padding: 10px; +} +.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo { + width: 50px; + margin: 0 10px 0 0; +} +.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a { + width: 50px; + height: 50px; +} +.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img { + width: 50px; + height: 50px; +} +.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card { + width: calc(100% - 60px); +} +.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer { + align-items: flex-start; +} +.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: stretch; + flex-wrap: nowrap; + width: calc(100% - 90px); + margin: 0 10px 0 0; +} +.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper { + margin: 0 0 5px 0; +} +.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper a.um-button { + width: 100% !important; +} +.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons { + width: calc(100% - 70px); +} +.um-directory.uimob340 .um-members-pagination-box .um-members-pagi { + display: none; +} +.um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line { + width: 100%; +} +.um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row { + justify-content: flex-start; +} +.um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type { + width: 20px; + font-size: 20px; + line-height: 20px; + margin: 0 5px 0 0; +} +.um-directory.uimob500 .um-member-directory-header .um-search { + grid-template-columns: repeat(1, 1fr); +} +.um-directory.uimob500 .um-members-wrapper .um-members .um-member { + width: 100%; +} +.um-directory.uimob500 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { + width: 0; +} +.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo { + width: 70px; + margin: 0 10px 0 0; +} +.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a { + width: 70px; + height: 70px; +} +.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img { + width: 70px; + height: 70px; +} +.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card { + width: calc(100% - 80px); +} +.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer { + align-items: flex-start; +} +.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons { + flex-wrap: wrap; + width: calc(100% - 110px); + margin: 0 10px 0 0; +} +.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper { + margin: 0 10px 5px 0; +} +.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons { + width: calc(100% - 90px); +} +.um-directory.uimob500 .um-members-pagination-box .um-members-pagi { + display: none; +} +.um-directory.uimob800 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line { + width: 100%; +} +.um-directory.uimob800 .um-member-directory-header .um-search { + grid-template-columns: repeat(2, 1fr); +} +.um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { + width: 4%; +} +.um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-member { + width: 48%; +} +.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo { + width: 80px; + margin: 0 10px 0 0; +} +.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a { + width: 80px; + height: 80px; +} +.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img { + width: 80px; + height: 80px; +} +.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card { + width: calc(100% - 90px); +} +.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer { + align-items: flex-start; +} +.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons { + flex-wrap: wrap; + width: calc(100% - 120px); + margin: 0 10px 0 0; +} +.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper { + margin: 0 10px 5px 0; +} +.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons { + width: calc(100% - 100px); +} +.um-directory.uimob960 .um-member-directory-header .um-search { + grid-template-columns: repeat(2, 1fr); +} +.um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer { + width: 4%; +} +.um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-member { + width: 48%; +} .select2-container .select2-results li.select2-results__option[aria-disabled=true] { - display: none; } + display: none; +} \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index 5a9ae908..12039bd5 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -2,97 +2,283 @@ Ultimate Member dependencies */ -var gulp = require('gulp') -, uglify = require('gulp-uglify'), - sass = require('gulp-sass'), - rename = require('gulp-rename'), - cleanCSS = require( 'gulp-clean-css' ); +// var gulp = require('gulp') +// , uglify = require('gulp-uglify'), +// sass = require('gulp-sass'), +// rename = require('gulp-rename'), +// cleanCSS = require( 'gulp-clean-css' ); + +const { src, dest, parallel } = require( 'gulp' ); +const sass = require( 'gulp-sass' )( require( 'sass' ) ); +const uglify = require( 'gulp-uglify' ); +const cleanCSS = require( 'gulp-clean-css' ); +const rename = require( 'gulp-rename' ); // task -gulp.task( 'default', function ( done ) { - sass.compiler = require( 'node-sass' ); +// gulp.task( 'default', function ( done ) { +// sass.compiler = require( 'node-sass' ); +// +// gulp.src(['assets/sass/*.sass']).pipe( sass().on( 'error', sass.logError ) ).pipe( gulp.dest( 'assets/css' ) ); +// +// gulp.src(['assets/js/*.js','!assets/js/*.min.js']) // path to your files +// .pipe( uglify() ) +// .pipe( rename({ suffix: '.min' }) ) +// .pipe( gulp.dest( 'assets/js/' ) ); +// +// gulp.src(['assets/js/admin/*.js','!assets/js/admin/*.min.js']) // path to your files +// .pipe( uglify() ) +// .pipe( rename({ suffix: '.min' }) ) +// .pipe( gulp.dest( 'assets/js/admin/' ) ); +// gulp.src(['assets/css/admin/*.css', '!assets/css/admin/*.min.css',]) +// .pipe( cleanCSS() ) +// .pipe( rename( { suffix: '.min' } ) ) +// .pipe( gulp.dest( 'assets/css/admin/' ) ); +// +// gulp.src(['assets/css/*.css', '!assets/css/*.min.css',]) +// .pipe( cleanCSS() ) +// .pipe( rename( { suffix: '.min' } ) ) +// .pipe( gulp.dest( 'assets/css/' ) ); +// +// // full CSS files +// gulp.src(['assets/css/admin/*.sass']) +// .pipe( sass().on( 'error', sass.logError ) ) +// .pipe( gulp.dest( 'assets/css/admin/' ) ); +// // min CSS files +// gulp.src(['assets/css/admin/*.sass']) +// .pipe( sass().on( 'error', sass.logError ) ) +// .pipe( cleanCSS() ) +// .pipe( rename( { suffix: '.min' } ) ) +// .pipe( gulp.dest( 'assets/css/admin/' ) ); +// +// // full CSS files +// gulp.src(['assets/css/*.sass']) +// .pipe( sass().on( 'error', sass.logError ) ) +// .pipe( gulp.dest( 'assets/css/' ) ); +// // min CSS files +// gulp.src(['assets/css/*.sass']) +// .pipe( sass().on( 'error', sass.logError ) ) +// .pipe( cleanCSS() ) +// .pipe( rename( { suffix: '.min' } ) ) +// .pipe( gulp.dest( 'assets/css/' ) ); +// +// gulp.src(['assets/libs/legacy/fonticons/*.css', '!assets/libs/legacy/fonticons/*.min.css',]) +// .pipe( cleanCSS() ) +// .pipe( rename( { suffix: '.min' } ) ) +// .pipe( gulp.dest( 'assets/libs/legacy/fonticons/' ) ); +// +// // Dropdown lib +// // full CSS files +// gulp.src(['assets/libs/dropdown/*.sass']) +// .pipe( sass().on( 'error', sass.logError ) ) +// .pipe( gulp.dest( 'assets/libs/dropdown/' ) ); +// // min CSS files +// gulp.src(['assets/libs/dropdown/*.sass']) +// .pipe( sass().on( 'error', sass.logError ) ) +// .pipe( cleanCSS() ) +// .pipe( rename( { suffix: '.min' } ) ) +// .pipe( gulp.dest( 'assets/libs/dropdown/' ) ); +// gulp.src(['assets/libs/dropdown/*.js', '!assets/libs/dropdown/*.min.js',]) +// .pipe( uglify() ) +// .pipe( rename({ suffix: '.min' }) ) +// .pipe( gulp.dest( 'assets/libs/dropdown/' ) ); +// +// // Modal lib +// // full CSS files +// gulp.src(['assets/libs/modal/*.sass']) +// .pipe( sass().on( 'error', sass.logError ) ) +// .pipe( gulp.dest( 'assets/libs/modal/' ) ); +// // min CSS files +// gulp.src(['assets/libs/modal/*.sass']) +// .pipe( sass().on( 'error', sass.logError ) ) +// .pipe( cleanCSS() ) +// .pipe( rename( { suffix: '.min' } ) ) +// .pipe( gulp.dest( 'assets/libs/modal/' ) ); +// gulp.src(['assets/libs/modal/*.js', '!assets/libs/modal/*.min.js',]) +// .pipe( uglify() ) +// .pipe( rename({ suffix: '.min' }) ) +// .pipe( gulp.dest( 'assets/libs/modal/' ) ); +// +// // Raty lib +// gulp.src(['assets/libs/raty/*.css', '!assets/libs/raty/*.min.css',]) +// .pipe( cleanCSS() ) +// .pipe( rename( { suffix: '.min' } ) ) +// .pipe( gulp.dest( 'assets/libs/raty/' ) ); +// gulp.src(['assets/libs/raty/*.js', '!assets/libs/raty/*.min.js',]) +// .pipe( uglify() ) +// .pipe( rename({ suffix: '.min' }) ) +// .pipe( gulp.dest( 'assets/libs/raty/' ) ); +// +// // Tipsy lib +// gulp.src(['assets/libs/tipsy/*.css', '!assets/libs/tipsy/*.min.css',]) +// .pipe( cleanCSS() ) +// .pipe( rename( { suffix: '.min' } ) ) +// .pipe( gulp.dest( 'assets/libs/tipsy/' ) ); +// gulp.src(['assets/libs/tipsy/*.js', '!assets/libs/tipsy/*.min.js',]) +// .pipe( uglify() ) +// .pipe( rename({ suffix: '.min' }) ) +// .pipe( gulp.dest( 'assets/libs/tipsy/' ) ); +// +// // Pickadate lib +// gulp.src(['assets/libs/pickadate/*.css', '!assets/libs/pickadate/*.min.css',]) +// .pipe( cleanCSS() ) +// .pipe( rename( { suffix: '.min' } ) ) +// .pipe( gulp.dest( 'assets/libs/pickadate/' ) ); +// gulp.src(['assets/libs/pickadate/*.js', '!assets/libs/pickadate/*.min.js',]) +// .pipe( uglify() ) +// .pipe( rename({ suffix: '.min' }) ) +// .pipe( gulp.dest( 'assets/libs/pickadate/' ) ); +// gulp.src(['assets/libs/pickadate/translations/*.js', '!assets/libs/pickadate/translations/*.min.js',]) +// .pipe( uglify() ) +// .pipe( rename({ suffix: '.min' }) ) +// .pipe( gulp.dest( 'assets/libs/pickadate/translations/' ) ); +// +// done(); +// }); +// +// function js( path ) { +// return src( ['assets/' + path + '/js/*.js', '!assets/' + path + '/js/*.min.js'] ) +// .pipe( uglify() ) +// .pipe( rename( { suffix: '.min' } ) ) +// .pipe( dest( 'assets/' + path + '/js' ) ); +// } +// +// function css( path ) { +// sass.compiler = require( 'node-sass' ); +// +// var src_array = exclude_css( path ); +// return src( src_array ) +// .pipe( sass().on( 'error', sass.logError ) ) +// .pipe( dest( 'assets/' + path + '/css' ) ); +// } +// +// function min_css( path ) { +// sass.compiler = require( 'node-sass' ); +// +// var src_array = exclude_css( path ); +// return src( src_array ) +// .pipe( sass().on( 'error', sass.logError ) ) +// .pipe( cleanCSS() ) +// .pipe( rename( { suffix: '.min' } ) ) +// .pipe( dest( 'assets/' + path + '/css' ) ); +// } - gulp.src(['assets/sass/*.sass']).pipe( sass().on( 'error', sass.logError ) ).pipe( gulp.dest( 'assets/css' ) ); +function defaultTask( done ) { + // sass.compiler = require( 'node-sass' ); - gulp.src(['assets/js/*.js','!assets/js/*.min.js']) // path to your files - .pipe( uglify() ) - .pipe( rename({ suffix: '.min' }) ) - .pipe( gulp.dest( 'assets/js/' ) ); + src(['assets/sass/*.sass']).pipe( sass().on( 'error', sass.logError ) ).pipe( dest( 'assets/css' ) ); - gulp.src(['assets/js/admin/*.js','!assets/js/admin/*.min.js']) // path to your files - .pipe( uglify() ) - .pipe( rename({ suffix: '.min' }) ) - .pipe( gulp.dest( 'assets/js/admin/' ) ); - gulp.src(['assets/css/admin/*.css', '!assets/css/admin/*.min.css',]) + src(['assets/js/*.js','!assets/js/*.min.js']) // path to your files + .pipe( uglify() ) + .pipe( rename({ suffix: '.min' }) ) + .pipe( dest( 'assets/js/' ) ); + + src(['assets/js/admin/*.js','!assets/js/admin/*.min.js']) // path to your files + .pipe( uglify() ) + .pipe( rename({ suffix: '.min' }) ) + .pipe( dest( 'assets/js/admin/' ) ); + src(['assets/css/admin/*.css', '!assets/css/admin/*.min.css',]) .pipe( cleanCSS() ) .pipe( rename( { suffix: '.min' } ) ) - .pipe( gulp.dest( 'assets/css/admin/' ) ); + .pipe( dest( 'assets/css/admin/' ) ); - gulp.src(['assets/css/*.css', '!assets/css/*.min.css',]) + src(['assets/css/*.css', '!assets/css/*.min.css',]) .pipe( cleanCSS() ) .pipe( rename( { suffix: '.min' } ) ) - .pipe( gulp.dest( 'assets/css/' ) ); + .pipe( dest( 'assets/css/' ) ); // full CSS files - gulp.src(['assets/css/admin/*.sass']) + src(['assets/css/admin/*.sass']) .pipe( sass().on( 'error', sass.logError ) ) - .pipe( gulp.dest( 'assets/css/admin/' ) ); + .pipe( dest( 'assets/css/admin/' ) ); // min CSS files - gulp.src(['assets/css/admin/*.sass']) + src(['assets/css/admin/*.sass']) .pipe( sass().on( 'error', sass.logError ) ) .pipe( cleanCSS() ) .pipe( rename( { suffix: '.min' } ) ) - .pipe( gulp.dest( 'assets/css/admin/' ) ); + .pipe( dest( 'assets/css/admin/' ) ); // full CSS files - gulp.src(['assets/css/*.sass']) + src(['assets/css/*.sass']) .pipe( sass().on( 'error', sass.logError ) ) - .pipe( gulp.dest( 'assets/css/' ) ); + .pipe( dest( 'assets/css/' ) ); // min CSS files - gulp.src(['assets/css/*.sass']) + src(['assets/css/*.sass']) .pipe( sass().on( 'error', sass.logError ) ) .pipe( cleanCSS() ) .pipe( rename( { suffix: '.min' } ) ) - .pipe( gulp.dest( 'assets/css/' ) ); + .pipe( dest( 'assets/css/' ) ); - gulp.src(['assets/libs/legacy/fonticons/*.css', '!assets/libs/legacy/fonticons/*.min.css',]) + src(['assets/libs/legacy/fonticons/*.css', '!assets/libs/legacy/fonticons/*.min.css',]) .pipe( cleanCSS() ) .pipe( rename( { suffix: '.min' } ) ) - .pipe( gulp.dest( 'assets/libs/legacy/fonticons/' ) ); + .pipe( dest( 'assets/libs/legacy/fonticons/' ) ); + + // Dropdown lib + // full CSS files + src(['assets/libs/dropdown/*.sass']) + .pipe( sass().on( 'error', sass.logError ) ) + .pipe( dest( 'assets/libs/dropdown/' ) ); + // min CSS files + src(['assets/libs/dropdown/*.sass']) + .pipe( sass().on( 'error', sass.logError ) ) + .pipe( cleanCSS() ) + .pipe( rename( { suffix: '.min' } ) ) + .pipe( dest( 'assets/libs/dropdown/' ) ); + src(['assets/libs/dropdown/*.js', '!assets/libs/dropdown/*.min.js',]) + .pipe( uglify() ) + .pipe( rename({ suffix: '.min' }) ) + .pipe( dest( 'assets/libs/dropdown/' ) ); + + // Modal lib + // full CSS files + src(['assets/libs/modal/*.sass']) + .pipe( sass().on( 'error', sass.logError ) ) + .pipe( dest( 'assets/libs/modal/' ) ); + // min CSS files + src(['assets/libs/modal/*.sass']) + .pipe( sass().on( 'error', sass.logError ) ) + .pipe( cleanCSS() ) + .pipe( rename( { suffix: '.min' } ) ) + .pipe( dest( 'assets/libs/modal/' ) ); + src(['assets/libs/modal/*.js', '!assets/libs/modal/*.min.js',]) + .pipe( uglify() ) + .pipe( rename({ suffix: '.min' }) ) + .pipe( dest( 'assets/libs/modal/' ) ); // Raty lib - gulp.src(['assets/libs/raty/*.css', '!assets/libs/raty/*.min.css',]) + src(['assets/libs/raty/*.css', '!assets/libs/raty/*.min.css',]) .pipe( cleanCSS() ) .pipe( rename( { suffix: '.min' } ) ) - .pipe( gulp.dest( 'assets/libs/raty/' ) ); - gulp.src(['assets/libs/raty/*.js', '!assets/libs/raty/*.min.js',]) + .pipe( dest( 'assets/libs/raty/' ) ); + src(['assets/libs/raty/*.js', '!assets/libs/raty/*.min.js',]) .pipe( uglify() ) .pipe( rename({ suffix: '.min' }) ) - .pipe( gulp.dest( 'assets/libs/raty/' ) ); + .pipe( dest( 'assets/libs/raty/' ) ); // Tipsy lib - gulp.src(['assets/libs/tipsy/*.css', '!assets/libs/tipsy/*.min.css',]) + src(['assets/libs/tipsy/*.css', '!assets/libs/tipsy/*.min.css',]) .pipe( cleanCSS() ) .pipe( rename( { suffix: '.min' } ) ) - .pipe( gulp.dest( 'assets/libs/tipsy/' ) ); - gulp.src(['assets/libs/tipsy/*.js', '!assets/libs/tipsy/*.min.js',]) + .pipe( dest( 'assets/libs/tipsy/' ) ); + src(['assets/libs/tipsy/*.js', '!assets/libs/tipsy/*.min.js',]) .pipe( uglify() ) .pipe( rename({ suffix: '.min' }) ) - .pipe( gulp.dest( 'assets/libs/tipsy/' ) ); + .pipe( dest( 'assets/libs/tipsy/' ) ); // Pickadate lib - gulp.src(['assets/libs/pickadate/*.css', '!assets/libs/pickadate/*.min.css',]) + src(['assets/libs/pickadate/*.css', '!assets/libs/pickadate/*.min.css',]) .pipe( cleanCSS() ) .pipe( rename( { suffix: '.min' } ) ) - .pipe( gulp.dest( 'assets/libs/pickadate/' ) ); - gulp.src(['assets/libs/pickadate/*.js', '!assets/libs/pickadate/*.min.js',]) + .pipe( dest( 'assets/libs/pickadate/' ) ); + src(['assets/libs/pickadate/*.js', '!assets/libs/pickadate/*.min.js',]) .pipe( uglify() ) .pipe( rename({ suffix: '.min' }) ) - .pipe( gulp.dest( 'assets/libs/pickadate/' ) ); - gulp.src(['assets/libs/pickadate/translations/*.js', '!assets/libs/pickadate/translations/*.min.js',]) + .pipe( dest( 'assets/libs/pickadate/' ) ); + src(['assets/libs/pickadate/translations/*.js', '!assets/libs/pickadate/translations/*.min.js',]) .pipe( uglify() ) .pipe( rename({ suffix: '.min' }) ) - .pipe( gulp.dest( 'assets/libs/pickadate/translations/' ) ); + .pipe( dest( 'assets/libs/pickadate/translations/' ) ); - done(); -}); + done(); +} +exports.default = defaultTask; diff --git a/includes/admin/templates/dashboard/users.php b/includes/admin/templates/dashboard/users.php index a018976a..5be7fde9 100644 --- a/includes/admin/templates/dashboard/users.php +++ b/includes/admin/templates/dashboard/users.php @@ -1,93 +1,74 @@ - + - -
- - - - + + + + + + + + + + +
- + + + - - - - - - - - - - - - -
+ + query()->count_users(); ?> - -
- - query()->count_users_by_status( 'approved' ); ?> - - - - - -
- - query()->count_users_by_status( 'rejected' ); ?> - - - - - -
- - - -
- - - - - - - - - - - - - - - - -
- - query()->count_users_by_status( 'awaiting_admin_review' ); ?> - - - - - -
- - query()->count_users_by_status( 'awaiting_email_confirmation' ); ?> - - - - - -
- - query()->count_users_by_status( 'inactive' ); ?> - - - - - -
- -
+ + 		+ + + query()->count_users_by_status( 'awaiting_admin_review' ); ?> + + + + + +
+ + + query()->count_users_by_status( 'approved' ); ?> + + + + + + + + + query()->count_users_by_status( 'awaiting_email_confirmation' ); ?> + + + + + +
+ + + query()->count_users_by_status( 'rejected' ); ?> + + + + + + + + query()->count_users_by_status( 'inactive' ); ?> + + + + + +