mirror of
https://github.com/10h30/ultimatemember.git
synced 2026-07-18 06:03:38 +09:00
- wp-admin assets refactoring (in process);
This commit is contained in:
Mykyta Synelnikov
@@ -0,0 +1,109 @@
|
||||
$um-base: #0085ba
|
||||
$um-base-hover: #008ec2
|
||||
$delete-link: #a00
|
||||
$delete-link-hover: #f00
|
||||
|
||||
$tooltip-back: #333
|
||||
$tooltip-color: #eee
|
||||
|
||||
$admin-ok: #7acf58
|
||||
$admin-warning: #c74a4a
|
||||
|
||||
$border: #ddd
|
||||
$hover: #ccc
|
||||
$shadow1: rgba(50,50,93,.1)
|
||||
$shadow2: rgba(0,0,0,.07)
|
||||
|
||||
|
||||
$wp-background: #f1f1f1
|
||||
//$overlay: #333
|
||||
$grey-text: #eee
|
||||
$border-color: #eee
|
||||
|
||||
|
||||
$white: #fff
|
||||
$sub-color: #a3a3a3
|
||||
$preloader-base: #c6c6c6
|
||||
$preloader-second: fade-out( $preloader-base, .8 )
|
||||
$sub-color-hover: darken( $sub-color, 15% )
|
||||
$link: #000
|
||||
$active-link: fade-out( $link,.2 )
|
||||
$visited-link: #999
|
||||
$overlay: fade-out( $link,.15 )
|
||||
$like: #f13a37
|
||||
$active-like: fade-out( $like,.2 )
|
||||
$active-unlike: fade-out( $sub-color,.2 )
|
||||
$border-color: #dddddd
|
||||
$icon-color: #909090
|
||||
$child-sub: #f6f8fc
|
||||
$child-line: #ebecf0
|
||||
$shadow1: rgba(50,50,93,.1)
|
||||
$shadow2: rgba(0,0,0,.07)
|
||||
$trashed-row: #ff787b
|
||||
$pending-row: #ffd096
|
||||
|
||||
$notice-text: #3f7cc7
|
||||
|
||||
|
||||
|
||||
// NEW COLORS since v3
|
||||
$required-asterisk: #a00
|
||||
$error-text: var(--um-blocks-error-color, #d92d20)
|
||||
|
||||
$um-font-size: 14px
|
||||
|
||||
$um-white: #fff
|
||||
$um-black: #000
|
||||
$wp-admin-primary: #2271b1
|
||||
$wp-admin-text: #3c434a
|
||||
|
||||
$um-primary: var(--um-blocks-button-bg-color, #eee)
|
||||
$um-primary-hover: var(--um-blocks-button-bg-hover-color, #ddd)
|
||||
$um-text: var(--um-blocks-button-fg-color, #333)
|
||||
|
||||
$button-bg: var(--um-blocks-button-bg-color, #eee)
|
||||
$button-bg-hover: var(--um-blocks-button-bg-hover-color, #ddd)
|
||||
$button-color: var(--um-blocks-button-fg-color, #333)
|
||||
$button-border-radius: 8px
|
||||
$button-line-height: 22px
|
||||
|
||||
// Figma shades of gray colors
|
||||
$gray-25: var(--um-gray-25, #fcfcfd)
|
||||
$gray-50: var(--um-gray-50, #f9fafb)
|
||||
$gray-100: var(--um-gray-100, #f2f4f7)
|
||||
$gray-200: var(--um-gray-200, #eaecf0)
|
||||
$gray-300: var(--um-gray-300, #d0d5dd)
|
||||
$gray-400: var(--um-gray-400, #98a2b3)
|
||||
$gray-500: var(--um-gray-500, #667085)
|
||||
$gray-600: var(--um-gray-600, #475467)
|
||||
$gray-700: var(--um-gray-700, #344054)
|
||||
$gray-800: var(--um-gray-800, #1d2939)
|
||||
$gray-900: var(--um-gray-900, #101828)
|
||||
|
||||
// Figma shades of error colors
|
||||
$error-25: var(--um-error-25, #fcfcfd)
|
||||
$error-50: var(--um-error-50, #f9fafb)
|
||||
$error-100: var(--um-error-100, #fee4e2)
|
||||
$error-200: var(--um-error-200, #eaecf0)
|
||||
$error-300: var(--um-error-300, #d0d5dd)
|
||||
$error-400: var(--um-error-400, #98a2b3)
|
||||
$error-500: var(--um-error-500, #667085)
|
||||
$error-600: var(--um-error-600, #475467)
|
||||
$error-700: var(--um-error-700, #b42318)
|
||||
$error-800: var(--um-error-800, #1d2939)
|
||||
$error-900: var(--um-error-900, #101828)
|
||||
|
||||
// Text input variables
|
||||
$text-input-border-radius: 6px
|
||||
$text-input-bg: $um-white
|
||||
$text-input-color: $um-black
|
||||
$text-input-border-color: $gray-300
|
||||
$text-input-border-color-focus: $gray-400
|
||||
|
||||
$semi-bold-weight: 500
|
||||
$bold-weight: 600 // CSS bold = 700, so it will be applied if there aren't 600 weight for the font
|
||||
$label-size: 15px
|
||||
|
||||
// Links variables
|
||||
$link-color: $um-primary
|
||||
$link-hover-color: $um-primary-hover
|
||||
@@ -0,0 +1,44 @@
|
||||
=flex ($direction, $justify, $align, $wrap)
|
||||
display: flex
|
||||
flex-direction: $direction
|
||||
justify-content: $justify
|
||||
align-items: $align
|
||||
flex-wrap: $wrap
|
||||
|
||||
=border-box
|
||||
box-sizing: border-box
|
||||
-moz-box-sizing: border-box
|
||||
-webkit-box-sizing: border-box
|
||||
|
||||
// Figma xs shadow
|
||||
=box-shadow-xs
|
||||
box-shadow: 0 1px 2px rgba( 16, 24, 40, 0.05 )
|
||||
// Figma lg shadow
|
||||
=box-shadow-lg
|
||||
box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03)
|
||||
// Figma md shadow
|
||||
=box-shadow-md
|
||||
box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06)
|
||||
|
||||
=transition ($time, $action)
|
||||
-webkit-transition: $time $action
|
||||
-moz-transition: $time $action
|
||||
-ms-transition: $time $action
|
||||
-o-transition: $time $action
|
||||
transition: $time $action
|
||||
|
||||
|
||||
=keyframes ($name)
|
||||
@-webkit-keyframes #{$name}
|
||||
@content
|
||||
@-moz-keyframes #{$name}
|
||||
@content
|
||||
@-ms-keyframes #{$name}
|
||||
@content
|
||||
@keyframes #{$name}
|
||||
@content
|
||||
|
||||
=border-radius ($tl, $tr, $br, $bl)
|
||||
border-radius: $tl $tr $br $bl
|
||||
-moz-border-radius: $tl $tr $br $bl
|
||||
-webkit-border-radius: $tl $tr $br $bl
|
||||
@@ -0,0 +1,7 @@
|
||||
$prefix: um-
|
||||
$helptip: um_tooltip
|
||||
|
||||
$pr: primary-
|
||||
$button: #{$prefix}button
|
||||
$primary-button: #{$prefix}#{$pr}button
|
||||
$avatar: #{$prefix}user-avatar
|
||||
@@ -0,0 +1,7 @@
|
||||
.um_block_settings .um_block_settings_hide {
|
||||
display: none; }
|
||||
|
||||
.um_block_settings .components-select-control .components-select-control__input[multiple] {
|
||||
height: auto; }
|
||||
.um_block_settings .components-select-control .components-select-control__input[multiple] + .components-input-control__suffix {
|
||||
display: none; }
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
.um_block_settings .um_block_settings_hide{display:none}.um_block_settings .components-select-control .components-select-control__input[multiple]{height:auto}.um_block_settings .components-select-control .components-select-control__input[multiple]+.components-input-control__suffix{display:none}
|
||||
@@ -0,0 +1,10 @@
|
||||
// Block restriction settings.
|
||||
|
||||
.um_block_settings
|
||||
.um_block_settings_hide
|
||||
display: none
|
||||
.components-select-control
|
||||
.components-select-control__input[multiple]
|
||||
height: auto
|
||||
& + .components-input-control__suffix
|
||||
display: none
|
||||
@@ -0,0 +1,479 @@
|
||||
@-webkit-keyframes um-ajax-spinning {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@-moz-keyframes um-ajax-spinning {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@-ms-keyframes um-ajax-spinning {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@keyframes um-ajax-spinning {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
.um-admin a.um-admin-activebg,
|
||||
.um-admin a.um-admin-activebg:hover {
|
||||
/*background: #3ba1da;*/
|
||||
background: #0085ba;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/*
|
||||
- General
|
||||
*/
|
||||
|
||||
.um-admin-builder * {
|
||||
-webkit-font-smoothing: antialiased !important;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.um-admin-builder i {
|
||||
font-size: 15px !important;
|
||||
height: 100% !important;
|
||||
line-height: 100% !important;
|
||||
margin: 0 5px 0 0 !important;
|
||||
}
|
||||
|
||||
.um-admin-builder .um-admin-drag {margin-top: 40px}
|
||||
|
||||
/*
|
||||
- Add field
|
||||
*/
|
||||
.um-admin-drag-add-field {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
color: #aaa;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.um-admin-drag-add-field:hover {color: #0085ba}
|
||||
|
||||
.um-admin-drag-add-field i {
|
||||
font-size: 23px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
- Drag controls
|
||||
*/
|
||||
|
||||
.um-admin-drag-ctrls-demo.um-admin-drag-ctrls {
|
||||
position: absolute;
|
||||
right: 7px;
|
||||
top: -30px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.um-admin-drag-ctrls {
|
||||
position: absolute;
|
||||
top: -30px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.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: #3ba1da;*/
|
||||
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);}
|
||||
|
||||
/*
|
||||
- Drag Area
|
||||
*/
|
||||
|
||||
.um-admin-drag {
|
||||
width: 100%;
|
||||
background: #f1f1f1;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
padding: 60px 20px 20px 20px;
|
||||
}
|
||||
|
||||
.um-admin-drag-row {
|
||||
width: 100%;
|
||||
background: #fefefe;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
padding: 60px 20px 20px 20px;
|
||||
margin: 0 0 60px 0;
|
||||
position: relative;
|
||||
}
|
||||
.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-rowsub {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
background: #f1f1f1;
|
||||
padding: 20px;
|
||||
margin: 0 0 60px 0;
|
||||
}
|
||||
.um-admin-drag-rowsub:last-child {margin-bottom: 0}
|
||||
|
||||
.um-admin-drag-rowsub-icons {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: -30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.um-admin-drag-col {
|
||||
float: left;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border: 1px dashed #bbb;
|
||||
box-sizing: border-box;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.um-admin-drag-col.cols-3 {width: 32%;}
|
||||
.um-admin-drag-col.cols-3.cols-last {width: 32%;}
|
||||
.um-admin-drag-col.cols-3.cols-middle {width: 32%;margin: 0 2%;}
|
||||
|
||||
.um-admin-drag-col.cols-1 {width: 100%;}
|
||||
.um-admin-drag-col.cols-1.cols-last {width: 100%;}
|
||||
.um-admin-drag-col.cols-1.cols-middle {}
|
||||
|
||||
.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.cols-2.cols-middle {}
|
||||
|
||||
.um-admin-drag-addrow {
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #888;
|
||||
cursor: pointer;
|
||||
border: 1px dashed #bbb;
|
||||
padding: 10px 0;
|
||||
margin: 20px 0 0 0;
|
||||
}
|
||||
.um-admin-drag-addrow i {
|
||||
font-size: 23px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.um-admin-drag-addrow:hover {color: #0085ba}
|
||||
|
||||
/*
|
||||
- Fields
|
||||
*/
|
||||
|
||||
.um-admin-drag-fld {
|
||||
display: block;
|
||||
position: relative;
|
||||
border: 1px solid #dddddd;
|
||||
margin: 0 0 15px 0;
|
||||
background: #F5F5F5;
|
||||
cursor: move !important;
|
||||
}
|
||||
|
||||
.um-admin-drag-fld-title i {
|
||||
width: 24px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.um-admin-drag-fld.um-field-type-group {background: #555;border: 0}
|
||||
.um-admin-drag-fld-title.um-field-type-group,.um-admin-drag-fld-type.um-field-type-group {color: #fff}
|
||||
.um-admin-drag-group {background: #FCFCFC;cursor: default;padding: 20px;border: 1px dashed #bbb;}
|
||||
.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-fld-icons.um-field-type-group a.um_admin_duplicate_field {display: none !important}
|
||||
|
||||
.um-admin-drag-fld-title,
|
||||
.um-admin-drag-fld-type {
|
||||
float: left;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
color: #666;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin: 0 0 0 20px;
|
||||
}
|
||||
|
||||
.um-admin-drag-fld-type {
|
||||
font-weight: 400;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.um-admin-drag-fld-icons {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
- Responsive cols appearance
|
||||
*/
|
||||
|
||||
.um-admin-drag-col.cols-3 .um-admin-drag-fld-title,
|
||||
.um-admin-drag-col.cols-3 .um-admin-drag-fld-type {
|
||||
height: auto;
|
||||
line-height: 18px;
|
||||
margin: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.um-admin-drag-col.cols-3 .um-admin-drag-fld-type {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.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:hover .um-admin-drag-fld-icons{display: block;}
|
||||
|
||||
/*
|
||||
- Icons
|
||||
*/
|
||||
|
||||
.um-admin-drag-row-icons a,
|
||||
.um-admin-drag-row-icons span,
|
||||
.um-admin-drag-rowsub-icons a,
|
||||
.um-admin-drag-rowsub-icons span,
|
||||
.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: #44b0ec;*/
|
||||
background: #0085ba;
|
||||
padding: 0 4px;
|
||||
transition: all .2s linear;
|
||||
border-left: 1px solid #379dd5;
|
||||
}
|
||||
|
||||
.um-admin-drag-row-icons span,
|
||||
.um-admin-drag-rowsub-icons span
|
||||
{cursor: move!important}
|
||||
|
||||
.um-admin-drag-row-icons a:hover,
|
||||
.um-admin-drag-row-icons span:hover,
|
||||
.um-admin-drag-rowsub-icons a:hover,
|
||||
.um-admin-drag-rowsub-icons span:hover,
|
||||
.um-admin-drag-fld-icons a:hover {background: #008ec2;/*background: #3396cd;*/}
|
||||
|
||||
.um-admin-drag-row-icons i,
|
||||
.um-admin-drag-rowsub-icons i,
|
||||
.um-admin-drag-fld-icons i{
|
||||
font-size: 18px !important;
|
||||
margin: 0 !important;
|
||||
top: 2px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.um-admin-row-loading {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: calc( 100% + 30px );
|
||||
top: -30px;
|
||||
left: 0;
|
||||
background: rgba(241, 241, 241, 0.6);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
}
|
||||
.um-admin-row-loading > span {
|
||||
display: block;
|
||||
-webkit-transition: 0.1s opacity;
|
||||
-moz-transition: 0.1s opacity;
|
||||
-ms-transition: 0.1s opacity;
|
||||
-o-transition: 0.1s opacity;
|
||||
transition: 0.1s opacity;
|
||||
color: #c6c6c6 !important;
|
||||
-webkit-animation: um-ajax-spinning 1.1s infinite linear;
|
||||
animation: um-ajax-spinning 1.1s infinite linear;
|
||||
border-top: 0.2em solid rgba(0, 0, 0, 1);
|
||||
border-right: 0.2em solid rgba(0, 0, 0, 1);
|
||||
border-bottom: 0.2em solid rgba(0, 0, 0, 1);
|
||||
border-left: 0.2em solid #c6c6c6;
|
||||
font-size: 1.75em;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
border-radius: 50%;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: -20px 0 0 -20px;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
vertical-align: baseline;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
/*
|
||||
- UI Placeholders
|
||||
*/
|
||||
.um-row-placeholder {
|
||||
width: 100%;
|
||||
border: 2px dashed #aaa;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.um-rowsub-placeholder {
|
||||
width: 100%;
|
||||
border: 2px dashed #ccc;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.um-fld-placeholder {
|
||||
display: block;
|
||||
border: 1px dashed #dddddd;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.um-admin-preview-overlay {
|
||||
position: absolute;
|
||||
top:0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: rgba(255,255,255,0);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#UM_preview_form .um-admin-modal-body {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.um-admin-half {
|
||||
float: left;
|
||||
width: 48%;
|
||||
}
|
||||
|
||||
.um-admin-tri {
|
||||
float: left;
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.um-admin-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.um-admin-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* Select form type links */
|
||||
|
||||
.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;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.um-admin-boxed-links i {
|
||||
font-size: 28px;
|
||||
vertical-align: middle;
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
|
||||
.um-admin-boxed-links a:hover {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
/*
|
||||
- Error blocks
|
||||
*/
|
||||
|
||||
.um-admin-error-block, .um-admin-success-block{
|
||||
display: none;
|
||||
width: 100%;
|
||||
background: #C74A4A;
|
||||
border-radius: 3px;
|
||||
color: #fff;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
padding: 12px;
|
||||
font-size: 13px;
|
||||
line-height: 1em !important;
|
||||
margin: 0 0 16px 0;
|
||||
}
|
||||
|
||||
.um-admin-success-block {
|
||||
background: #7ACF58;
|
||||
}
|
||||
|
||||
.um-admin-cur-condition-template {
|
||||
display: none;
|
||||
}
|
||||
Vendored
+1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,91 @@
|
||||
.um-adm-ico {
|
||||
font-size: 18px;
|
||||
width: 18px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
color: #7acf58; }
|
||||
.um-adm-ico.inactive {
|
||||
color: #c74a4a; }
|
||||
.um-adm-ico.pointer {
|
||||
cursor: pointer; }
|
||||
|
||||
body.um-admin-modal-open {
|
||||
overflow: hidden; }
|
||||
|
||||
.um-admin #major-publishing-actions {
|
||||
background-color: #fff !important;
|
||||
border-top: 0; }
|
||||
|
||||
.um-admin a.button i,
|
||||
.um-admin a.button-primary i {
|
||||
font-size: 15px !important;
|
||||
height: 15px !important;
|
||||
width: 15px !important;
|
||||
text-align: center !important;
|
||||
margin: 0 5px 0 0 !important;
|
||||
display: inline-block; }
|
||||
.um-admin a.button i:before,
|
||||
.um-admin a.button-primary i:before {
|
||||
position: relative;
|
||||
top: 1px; }
|
||||
|
||||
.um-admin-metabox * {
|
||||
-webkit-font-smoothing: antialiased !important;
|
||||
-moz-osx-font-smoothing: grayscale !important; }
|
||||
|
||||
.um-admin-metabox h6 {
|
||||
font-size: 14px;
|
||||
margin: 12px 0 0 0; }
|
||||
|
||||
.um-admin-metabox h3 {
|
||||
padding-left: 0 !important; }
|
||||
|
||||
.um-admin-metabox h4 {
|
||||
font-size: 14px;
|
||||
background: #f5f5f5;
|
||||
padding: 8px 4px;
|
||||
color: #333; }
|
||||
|
||||
.um-admin-metabox p {
|
||||
margin: 10px 0 0 0; }
|
||||
|
||||
.um-admin-metabox label {
|
||||
display: block;
|
||||
cursor: default;
|
||||
padding: 0 !important;
|
||||
font-size: 13px;
|
||||
color: #666; }
|
||||
|
||||
.um-admin-metabox input[type="text"] {
|
||||
height: auto !important;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
box-sizing: border-box !important;
|
||||
font-size: 13px !important;
|
||||
line-height: 1.4em !important;
|
||||
padding: 4px 10px !important; }
|
||||
.um-admin-metabox input[type="text"]:disabled {
|
||||
opacity: 0.7 !important;
|
||||
color: #aaa !important; }
|
||||
.um-admin-metabox input[type="text"].small {
|
||||
width: 54px; }
|
||||
.um-admin-metabox input[type="text"].um-admin-error {
|
||||
border-color: #c74a4a !important; }
|
||||
|
||||
.um-admin-metabox textarea {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
box-sizing: border-box !important;
|
||||
font-size: 13px !important;
|
||||
line-height: 1.4em !important;
|
||||
padding: 8px !important;
|
||||
color: #888 !important;
|
||||
min-height: 100px;
|
||||
height: 100px; }
|
||||
.um-admin-metabox textarea.tall {
|
||||
min-height: 200px;
|
||||
height: 200px; }
|
||||
.um-admin-metabox textarea.um-admin-error {
|
||||
border-color: #c74a4a !important; }
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
.um-adm-ico{font-size:18px;width:18px;text-align:center;display:inline-block;color:#7acf58}.um-adm-ico.inactive{color:#c74a4a}.um-adm-ico.pointer{cursor:pointer}body.um-admin-modal-open{overflow:hidden}.um-admin #major-publishing-actions{background-color:#fff!important;border-top:0}.um-admin a.button i,.um-admin a.button-primary i{font-size:15px!important;height:15px!important;width:15px!important;text-align:center!important;margin:0 5px 0 0!important;display:inline-block}.um-admin a.button i:before,.um-admin a.button-primary i:before{position:relative;top:1px}.um-admin-metabox *{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.um-admin-metabox h6{font-size:14px;margin:12px 0 0 0}.um-admin-metabox h3{padding-left:0!important}.um-admin-metabox h4{font-size:14px;background:#f5f5f5;padding:8px 4px;color:#333}.um-admin-metabox p{margin:10px 0 0 0}.um-admin-metabox label{display:block;cursor:default;padding:0!important;font-size:13px;color:#666}.um-admin-metabox input[type=text]{height:auto!important;width:100%;max-width:100%;display:block;box-sizing:border-box!important;font-size:13px!important;line-height:1.4em!important;padding:4px 10px!important}.um-admin-metabox input[type=text]:disabled{opacity:.7!important;color:#aaa!important}.um-admin-metabox input[type=text].small{width:54px}.um-admin-metabox input[type=text].um-admin-error{border-color:#c74a4a!important}.um-admin-metabox textarea{width:100%;max-width:100%;display:block;box-sizing:border-box!important;font-size:13px!important;line-height:1.4em!important;padding:8px!important;color:#888!important;min-height:100px;height:100px}.um-admin-metabox textarea.tall{min-height:200px;height:200px}.um-admin-metabox textarea.um-admin-error{border-color:#c74a4a!important}
|
||||
@@ -0,0 +1,90 @@
|
||||
@import "selectors"
|
||||
@import "colors"
|
||||
|
||||
.#{$prefix}adm-ico
|
||||
font-size: 18px
|
||||
width: 18px
|
||||
text-align: center
|
||||
display: inline-block
|
||||
color: #{$admin-ok}
|
||||
&.inactive
|
||||
color: #{$admin-warning}
|
||||
&.pointer
|
||||
cursor: pointer
|
||||
|
||||
body.#{$prefix}admin-modal-open
|
||||
overflow: hidden
|
||||
|
||||
.#{$prefix}admin
|
||||
#major-publishing-actions
|
||||
background-color: #fff !important
|
||||
border-top: 0
|
||||
a.button,
|
||||
a.button-primary
|
||||
i
|
||||
font-size: 15px !important
|
||||
height: 15px !important
|
||||
width: 15px !important
|
||||
text-align: center !important
|
||||
margin: 0 5px 0 0 !important
|
||||
display: inline-block
|
||||
&:before
|
||||
position: relative
|
||||
top: 1px
|
||||
|
||||
.#{$prefix}admin-metabox
|
||||
*
|
||||
-webkit-font-smoothing: antialiased !important
|
||||
-moz-osx-font-smoothing: grayscale !important
|
||||
h6
|
||||
font-size: 14px
|
||||
margin: 12px 0 0 0
|
||||
h3
|
||||
padding-left: 0 !important
|
||||
h4
|
||||
font-size: 14px
|
||||
background: #f5f5f5
|
||||
padding: 8px 4px
|
||||
color: #333
|
||||
p
|
||||
margin: 10px 0 0 0
|
||||
label
|
||||
display: block
|
||||
cursor: default
|
||||
padding: 0 !important
|
||||
font-size: 13px
|
||||
color: #666
|
||||
|
||||
input[type="text"]
|
||||
height: auto !important
|
||||
width: 100%
|
||||
max-width: 100%
|
||||
display: block
|
||||
box-sizing: border-box !important
|
||||
font-size: 13px !important
|
||||
line-height: 1.4em !important
|
||||
padding: 4px 10px !important
|
||||
&:disabled
|
||||
opacity: 0.7 !important
|
||||
color: #aaa !important
|
||||
&.small
|
||||
width: 54px
|
||||
&.#{$prefix}admin-error
|
||||
border-color: #{$admin-warning} !important
|
||||
|
||||
textarea
|
||||
width: 100%
|
||||
max-width: 100%
|
||||
display: block
|
||||
box-sizing: border-box !important
|
||||
font-size: 13px !important
|
||||
line-height: 1.4em !important
|
||||
padding: 8px !important
|
||||
color: #888 !important
|
||||
min-height: 100px
|
||||
height: 100px
|
||||
&.tall
|
||||
min-height: 200px
|
||||
height: 200px
|
||||
&.#{$prefix}admin-error
|
||||
border-color: #{$admin-warning} !important
|
||||
@@ -0,0 +1,67 @@
|
||||
#um-metaboxes-general h1 sup {
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
font-weight: 400;
|
||||
background: #0085ba;
|
||||
color: #fff !important;
|
||||
padding: 2px 4px !important;
|
||||
border-radius: 3px;
|
||||
top: 5px;
|
||||
left: 3px;
|
||||
border: none !important; }
|
||||
|
||||
#um-metaboxes-general.wrap a.red,
|
||||
#um-metaboxes-general.wrap span.red {
|
||||
color: #c74a4a; }
|
||||
|
||||
#um-metaboxes-general.wrap span.ok {
|
||||
color: #7acf58; }
|
||||
|
||||
.um-metabox-holder p.sub {
|
||||
padding: 0 4px 2px 4px;
|
||||
margin: 0 0 8px 0;
|
||||
color: #8F8F8F;
|
||||
font-size: 14px;
|
||||
border-bottom: 1px solid #ECECEC; }
|
||||
|
||||
.um-metabox-holder .table {
|
||||
float: left;
|
||||
width: 45%; }
|
||||
.um-metabox-holder .table td {
|
||||
white-space: nowrap;
|
||||
font-size: 12px; }
|
||||
|
||||
.um-metabox-holder a.warning {
|
||||
color: #c74a4a !important;
|
||||
background: transparent !important;
|
||||
border: 0; }
|
||||
|
||||
.um-metabox-holder .table_right {
|
||||
float: right;
|
||||
width: 45%; }
|
||||
|
||||
.um-metabox-holder td.b {
|
||||
padding-right: 6px;
|
||||
text-align: right;
|
||||
font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
|
||||
font-size: 14px;
|
||||
width: 1%; }
|
||||
.um-metabox-holder td.b a {
|
||||
font-size: 18px; }
|
||||
|
||||
.um-metabox-holder .norm i {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
text-align: center; }
|
||||
|
||||
.um-metabox-holder .norm p {
|
||||
margin: 5px 0; }
|
||||
|
||||
.um-metabox-holder .norm .count {
|
||||
font-size: 16px;
|
||||
font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
|
||||
color: #999;
|
||||
width: 40px;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
margin-right: 10px; }
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
#um-metaboxes-general h1 sup{font-size:14px;position:relative;font-weight:400;background:#0085ba;color:#fff!important;padding:2px 4px!important;border-radius:3px;top:5px;left:3px;border:none!important}#um-metaboxes-general.wrap a.red,#um-metaboxes-general.wrap span.red{color:#c74a4a}#um-metaboxes-general.wrap span.ok{color:#7acf58}.um-metabox-holder p.sub{padding:0 4px 2px 4px;margin:0 0 8px 0;color:#8f8f8f;font-size:14px;border-bottom:1px solid #ececec}.um-metabox-holder .table{float:left;width:45%}.um-metabox-holder .table td{white-space:nowrap;font-size:12px}.um-metabox-holder a.warning{color:#c74a4a!important;background:0 0!important;border:0}.um-metabox-holder .table_right{float:right;width:45%}.um-metabox-holder td.b{padding-right:6px;text-align:right;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-size:14px;width:1%}.um-metabox-holder td.b a{font-size:18px}.um-metabox-holder .norm i{display:inline-block;width:30px;text-align:center}.um-metabox-holder .norm p{margin:5px 0}.um-metabox-holder .norm .count{font-size:16px;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;color:#999;width:40px;display:inline-block;text-align:right;margin-right:10px}
|
||||
@@ -0,0 +1,74 @@
|
||||
@import "colors"
|
||||
@import "selectors"
|
||||
@import "mixins"
|
||||
|
||||
#um-metaboxes-general
|
||||
h1
|
||||
sup
|
||||
font-size: 14px
|
||||
position: relative
|
||||
font-weight: 400
|
||||
background: #{$um-base}
|
||||
color: #fff !important
|
||||
padding: 2px 4px !important
|
||||
border-radius: 3px
|
||||
top: 5px
|
||||
left: 3px
|
||||
border: none !important
|
||||
&.wrap
|
||||
a.red,
|
||||
span.red
|
||||
color: #{$admin-warning}
|
||||
span.ok
|
||||
color: #{$admin-ok}
|
||||
|
||||
.um-metabox-holder
|
||||
p.sub
|
||||
padding: 0 4px 2px 4px
|
||||
margin: 0 0 8px 0
|
||||
color: #8F8F8F
|
||||
font-size: 14px
|
||||
border-bottom: 1px solid #ECECEC
|
||||
|
||||
.table
|
||||
float: left
|
||||
width: 45%
|
||||
td
|
||||
white-space: nowrap
|
||||
font-size: 12px
|
||||
|
||||
a.warning
|
||||
color: #{$admin-warning} !important
|
||||
background: transparent !important
|
||||
border: 0
|
||||
|
||||
.table_right
|
||||
float: right
|
||||
width: 45%
|
||||
|
||||
td.b
|
||||
padding-right: 6px
|
||||
text-align: right
|
||||
font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif
|
||||
font-size: 14px
|
||||
width: 1%
|
||||
a
|
||||
font-size: 18px
|
||||
|
||||
.norm
|
||||
i
|
||||
display: inline-block
|
||||
width: 30px
|
||||
text-align: center
|
||||
|
||||
p
|
||||
margin: 5px 0
|
||||
|
||||
.count
|
||||
font-size: 16px
|
||||
font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif
|
||||
color: #999
|
||||
width: 40px
|
||||
display: inline-block
|
||||
text-align: right
|
||||
margin-right: 10px
|
||||
@@ -0,0 +1,13 @@
|
||||
.um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-id {
|
||||
width: 60px; }
|
||||
|
||||
.um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-shortcode {
|
||||
width: 35%; }
|
||||
|
||||
.um-admin.post-type-um_directory .wp-list-table.posts .column-is_default {
|
||||
width: 120px;
|
||||
text-align: center !important; }
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.um-admin.post-type-um_directory .wp-list-table.posts td.column-is_default {
|
||||
text-align: left !important; } }
|
||||
+1
@@ -0,0 +1 @@
|
||||
.um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-id{width:60px}.um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-shortcode{width:35%}.um-admin.post-type-um_directory .wp-list-table.posts .column-is_default{width:120px;text-align:center!important}@media screen and (max-width:782px){.um-admin.post-type-um_directory .wp-list-table.posts td.column-is_default{text-align:left!important}}
|
||||
@@ -0,0 +1,18 @@
|
||||
@import "selectors"
|
||||
|
||||
.#{$prefix}admin.post-type-um_directory
|
||||
.wp-list-table.posts
|
||||
.manage-column
|
||||
&.column-id
|
||||
width: 60px
|
||||
&.column-shortcode
|
||||
width: 35%
|
||||
.column-is_default
|
||||
width: 120px
|
||||
text-align: center !important
|
||||
|
||||
@media screen and (max-width: 782px)
|
||||
.#{$prefix}admin.post-type-um_directory
|
||||
.wp-list-table.posts
|
||||
td.column-is_default
|
||||
text-align: left !important
|
||||
@@ -0,0 +1,146 @@
|
||||
#um-extensions-wrap #the-list {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: 10px;
|
||||
grid-auto-rows: minmax(max-content, auto);
|
||||
-ms-grid-template-rows: auto 1fr;
|
||||
-ms-grid-template-columns: repeat(3, 1fr);
|
||||
-ms-grid-gap: 10px;
|
||||
-ms-grid-auto-rows: minmax(max-content, auto);
|
||||
align-items: center; }
|
||||
|
||||
#um-extensions-wrap .plugin-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: stretch;
|
||||
flex-wrap: nowrap;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 20px; }
|
||||
|
||||
#um-extensions-wrap .plugin-image-wrapper {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
color: #fff;
|
||||
height: 70px;
|
||||
width: 70px;
|
||||
margin: 0 auto;
|
||||
border-radius: 60px;
|
||||
box-shadow: 0 2px 9px rgba(50, 50, 93, 0.21);
|
||||
border: solid 4px #fff;
|
||||
overflow: hidden; }
|
||||
#um-extensions-wrap .plugin-image-wrapper a {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #7856ff; }
|
||||
|
||||
#um-extensions-wrap a.plugin-image {
|
||||
display: block; }
|
||||
#um-extensions-wrap a.plugin-image img {
|
||||
display: block; }
|
||||
#um-extensions-wrap a.plugin-image.svg-image {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap; }
|
||||
#um-extensions-wrap a.plugin-image.svg-image img {
|
||||
filter: invert(1);
|
||||
background-color: transparent;
|
||||
width: 38px;
|
||||
height: auto; }
|
||||
#um-extensions-wrap a.plugin-image:not(.svg-image) img {
|
||||
width: 70px;
|
||||
margin: 0;
|
||||
height: 70px;
|
||||
padding: 0; }
|
||||
|
||||
#um-extensions-wrap #um_bbpress_image {
|
||||
background-color: #fff !important;
|
||||
filter: none !important;
|
||||
width: 70px !important; }
|
||||
|
||||
#um-extensions-wrap #um_mycred_image {
|
||||
background-color: #fff; }
|
||||
|
||||
#um-extensions-wrap #um_groups_image,
|
||||
#um-extensions-wrap #um_profile-tabs_image,
|
||||
#um-extensions-wrap #um_user-tags_image,
|
||||
#um-extensions-wrap #um_friends_image,
|
||||
#um-extensions-wrap #um_user-reviews_image,
|
||||
#um-extensions-wrap #um_verified-users_image,
|
||||
#um-extensions-wrap #um_private-content_image,
|
||||
#um-extensions-wrap #um_online-users_image {
|
||||
width: 36px !important; }
|
||||
|
||||
#um-extensions-wrap #um_notices_image,
|
||||
#um-extensions-wrap #um_social-activity_image,
|
||||
#um-extensions-wrap #um_profile-completeness_image,
|
||||
#um-extensions-wrap #um_private-messages_image,
|
||||
#um-extensions-wrap #um_user-photos_image,
|
||||
#um-extensions-wrap #um_terms-conditions_image {
|
||||
width: 29px !important; }
|
||||
|
||||
#um-extensions-wrap #um_social-login_image {
|
||||
width: 28px !important; }
|
||||
|
||||
#um-extensions-wrap #um_real-time-notifications_image,
|
||||
#um-extensions-wrap #um_user-notes_image {
|
||||
width: 26px !important; }
|
||||
|
||||
#um-extensions-wrap #um_followers_image,
|
||||
#um-extensions-wrap #um_user-locations_image {
|
||||
width: 32px !important; }
|
||||
|
||||
#um-extensions-wrap #um_user-bookmarks_image {
|
||||
width: 23px !important; }
|
||||
|
||||
#um-extensions-wrap .plugin-card-top {
|
||||
margin: 0;
|
||||
padding: 20px 0 0 0;
|
||||
width: 100%;
|
||||
min-height: 100px; }
|
||||
#um-extensions-wrap .plugin-card-top h3 {
|
||||
text-align: center;
|
||||
margin: 0 0 20px 0;
|
||||
padding: 0; }
|
||||
#um-extensions-wrap .plugin-card-top .desc {
|
||||
text-align: center;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important; }
|
||||
|
||||
#um-extensions-wrap .plugin-action-links {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
flex-wrap: nowrap;
|
||||
width: 100%;
|
||||
padding: 20px 0 0 0; }
|
||||
|
||||
@media (max-width: 1152px) {
|
||||
#um-extensions-wrap .plugin-card-top {
|
||||
min-height: 120px; } }
|
||||
|
||||
@media (max-width: 992px) {
|
||||
#um-extensions-wrap #the-list {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
-ms-grid-template-columns: repeat(2, 1fr); } }
|
||||
|
||||
@media (max-width: 782px) {
|
||||
#um-extensions-wrap #the-list {
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
-ms-grid-template-columns: repeat(1, 1fr); } }
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
#um-extensions-wrap .plugin-card-top {
|
||||
min-height: 80px; } }
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
#um-extensions-wrap #the-list{margin:0;width:100%;display:grid;grid-template-rows:auto 1fr;grid-template-columns:repeat(3,1fr);grid-gap:10px;grid-auto-rows:minmax(max-content,auto);-ms-grid-template-rows:auto 1fr;-ms-grid-template-columns:repeat(3,1fr);-ms-grid-gap:10px;-ms-grid-auto-rows:minmax(max-content,auto);align-items:center}#um-extensions-wrap .plugin-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;width:100%;margin:0;padding:20px}#um-extensions-wrap .plugin-image-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;color:#fff;height:70px;width:70px;margin:0 auto;border-radius:60px;box-shadow:0 2px 9px rgba(50,50,93,.21);border:solid 4px #fff;overflow:hidden}#um-extensions-wrap .plugin-image-wrapper a{width:100%;height:100%;margin:0;padding:0;background-color:#7856ff}#um-extensions-wrap a.plugin-image{display:block}#um-extensions-wrap a.plugin-image img{display:block}#um-extensions-wrap a.plugin-image.svg-image{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}#um-extensions-wrap a.plugin-image.svg-image img{filter:invert(1);background-color:transparent;width:38px;height:auto}#um-extensions-wrap a.plugin-image:not(.svg-image) img{width:70px;margin:0;height:70px;padding:0}#um-extensions-wrap #um_bbpress_image{background-color:#fff!important;filter:none!important;width:70px!important}#um-extensions-wrap #um_mycred_image{background-color:#fff}#um-extensions-wrap #um_friends_image,#um-extensions-wrap #um_groups_image,#um-extensions-wrap #um_online-users_image,#um-extensions-wrap #um_private-content_image,#um-extensions-wrap #um_profile-tabs_image,#um-extensions-wrap #um_user-reviews_image,#um-extensions-wrap #um_user-tags_image,#um-extensions-wrap #um_verified-users_image{width:36px!important}#um-extensions-wrap #um_notices_image,#um-extensions-wrap #um_private-messages_image,#um-extensions-wrap #um_profile-completeness_image,#um-extensions-wrap #um_social-activity_image,#um-extensions-wrap #um_terms-conditions_image,#um-extensions-wrap #um_user-photos_image{width:29px!important}#um-extensions-wrap #um_social-login_image{width:28px!important}#um-extensions-wrap #um_real-time-notifications_image,#um-extensions-wrap #um_user-notes_image{width:26px!important}#um-extensions-wrap #um_followers_image,#um-extensions-wrap #um_user-locations_image{width:32px!important}#um-extensions-wrap #um_user-bookmarks_image{width:23px!important}#um-extensions-wrap .plugin-card-top{margin:0;padding:20px 0 0 0;width:100%;min-height:100px}#um-extensions-wrap .plugin-card-top h3{text-align:center;margin:0 0 20px 0;padding:0}#um-extensions-wrap .plugin-card-top .desc{text-align:center;margin:0!important;padding:0!important}#um-extensions-wrap .plugin-action-links{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;flex-wrap:nowrap;width:100%;padding:20px 0 0 0}@media (max-width:1152px){#um-extensions-wrap .plugin-card-top{min-height:120px}}@media (max-width:992px){#um-extensions-wrap #the-list{grid-template-columns:repeat(2,1fr);-ms-grid-template-columns:repeat(2,1fr)}}@media (max-width:782px){#um-extensions-wrap #the-list{grid-template-columns:repeat(1,1fr);-ms-grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:782px){#um-extensions-wrap .plugin-card-top{min-height:80px}}
|
||||
@@ -0,0 +1,138 @@
|
||||
@import "selectors"
|
||||
@import "mixins"
|
||||
|
||||
#um-extensions-wrap
|
||||
#the-list
|
||||
margin: 0
|
||||
width: 100%
|
||||
display: grid
|
||||
grid-template-rows: auto 1fr
|
||||
grid-template-columns: repeat(3, 1fr)
|
||||
grid-gap: 10px
|
||||
grid-auto-rows: minmax(max-content, auto)
|
||||
-ms-grid-template-rows: auto 1fr
|
||||
-ms-grid-template-columns: repeat(3, 1fr)
|
||||
-ms-grid-gap: 10px
|
||||
-ms-grid-auto-rows: minmax(max-content, auto)
|
||||
align-items: center
|
||||
.plugin-card
|
||||
+flex( column, flex-start, stretch, nowrap )
|
||||
width: 100%
|
||||
margin: 0
|
||||
padding: 20px
|
||||
.plugin-image-wrapper
|
||||
+flex( row, center, center, nowrap )
|
||||
color: #fff
|
||||
height: 70px
|
||||
width: 70px
|
||||
margin: 0 auto
|
||||
border-radius: 60px
|
||||
box-shadow: 0 2px 9px rgba(50,50,93,0.21)
|
||||
border: solid 4px #fff
|
||||
overflow: hidden
|
||||
a
|
||||
width: 100%
|
||||
height: 100%
|
||||
margin: 0
|
||||
padding: 0
|
||||
background-color: #7856ff
|
||||
|
||||
a.plugin-image
|
||||
display: block
|
||||
img
|
||||
display: block
|
||||
&.svg-image
|
||||
+flex( row, center, center, nowrap )
|
||||
img
|
||||
filter: invert(1)
|
||||
background-color: transparent
|
||||
width: 38px
|
||||
height: auto
|
||||
&:not(.svg-image)
|
||||
img
|
||||
width: 70px
|
||||
margin: 0
|
||||
height: 70px
|
||||
padding: 0
|
||||
|
||||
#um_bbpress_image
|
||||
background-color: #fff !important
|
||||
filter: none !important
|
||||
width: 70px !important
|
||||
|
||||
#um_mycred_image
|
||||
background-color: #fff
|
||||
|
||||
#um_groups_image,
|
||||
#um_profile-tabs_image,
|
||||
#um_user-tags_image,
|
||||
#um_friends_image,
|
||||
#um_user-reviews_image,
|
||||
#um_verified-users_image,
|
||||
#um_private-content_image,
|
||||
#um_online-users_image
|
||||
width: 36px !important
|
||||
|
||||
#um_notices_image,
|
||||
#um_social-activity_image,
|
||||
#um_profile-completeness_image,
|
||||
#um_private-messages_image,
|
||||
#um_user-photos_image,
|
||||
#um_terms-conditions_image
|
||||
width: 29px !important
|
||||
|
||||
#um_social-login_image
|
||||
width: 28px !important
|
||||
|
||||
#um_real-time-notifications_image,
|
||||
#um_user-notes_image
|
||||
width: 26px !important
|
||||
|
||||
#um_followers_image,
|
||||
#um_user-locations_image
|
||||
width: 32px !important
|
||||
|
||||
#um_user-bookmarks_image
|
||||
width: 23px !important
|
||||
|
||||
.plugin-card-top
|
||||
margin: 0
|
||||
padding: 20px 0 0 0
|
||||
width: 100%
|
||||
min-height: 100px
|
||||
h3
|
||||
text-align: center
|
||||
margin: 0 0 20px 0
|
||||
padding: 0
|
||||
.desc
|
||||
text-align: center
|
||||
margin: 0 !important
|
||||
padding: 0 !important
|
||||
|
||||
.plugin-action-links
|
||||
+flex( row, space-between, baseline, nowrap )
|
||||
width: 100%
|
||||
padding: 20px 0 0 0
|
||||
|
||||
|
||||
@media (max-width: 1152px)
|
||||
#um-extensions-wrap
|
||||
.plugin-card-top
|
||||
min-height: 120px
|
||||
|
||||
@media (max-width: 992px)
|
||||
#um-extensions-wrap
|
||||
#the-list
|
||||
grid-template-columns: repeat(2, 1fr)
|
||||
-ms-grid-template-columns: repeat(2, 1fr)
|
||||
|
||||
@media (max-width: 782px)
|
||||
#um-extensions-wrap
|
||||
#the-list
|
||||
grid-template-columns: repeat(1, 1fr)
|
||||
-ms-grid-template-columns: repeat(1, 1fr)
|
||||
|
||||
@media screen and (max-width: 782px)
|
||||
#um-extensions-wrap
|
||||
.plugin-card-top
|
||||
min-height: 80px
|
||||
@@ -0,0 +1,17 @@
|
||||
.um-admin.post-type-um_form .manage-column.column-id {
|
||||
width: 60px; }
|
||||
|
||||
.um-admin.post-type-um_form .manage-column.column-mode {
|
||||
width: 100px; }
|
||||
|
||||
.um-admin.post-type-um_form .manage-column.column-is_default {
|
||||
width: 60px; }
|
||||
|
||||
.um-admin.post-type-um_form .manage-column.column-title {
|
||||
width: 200px; }
|
||||
|
||||
.um-admin.post-type-um_form .manage-column.column-shortcode {
|
||||
width: 200px; }
|
||||
|
||||
.um-admin.post-type-um_form td.column-shortcode, .um-admin.post-type-um_form td.column-id {
|
||||
font-size: 14px; }
|
||||
+1
@@ -0,0 +1 @@
|
||||
.um-admin.post-type-um_form .manage-column.column-id{width:60px}.um-admin.post-type-um_form .manage-column.column-mode{width:100px}.um-admin.post-type-um_form .manage-column.column-is_default{width:60px}.um-admin.post-type-um_form .manage-column.column-title{width:200px}.um-admin.post-type-um_form .manage-column.column-shortcode{width:200px}.um-admin.post-type-um_form td.column-id,.um-admin.post-type-um_form td.column-shortcode{font-size:14px}
|
||||
@@ -0,0 +1,18 @@
|
||||
@import "selectors"
|
||||
|
||||
.#{$prefix}admin.post-type-um_form
|
||||
.manage-column
|
||||
&.column-id
|
||||
width: 60px
|
||||
&.column-mode
|
||||
width: 100px
|
||||
&.column-is_default
|
||||
width: 60px
|
||||
&.column-title
|
||||
width: 200px
|
||||
&.column-shortcode
|
||||
width: 200px
|
||||
td
|
||||
&.column-shortcode,
|
||||
&.column-id
|
||||
font-size: 14px
|
||||
@@ -0,0 +1,59 @@
|
||||
ul#adminmenu li#toplevel_page_ultimatemember a.wp-has-current-submenu:after {
|
||||
display: none !important; }
|
||||
|
||||
ul#adminmenu li#toplevel_page_ultimatemember.wp-has-submenu.wp-not-current-submenu:hover:after {
|
||||
right: -9999999px; }
|
||||
|
||||
ul#adminmenu > li#toplevel_page_ultimatemember.current > a.current:after {
|
||||
display: none !important; }
|
||||
|
||||
.um-admin-notice {
|
||||
border-color: #0085ba;
|
||||
color: #555; }
|
||||
.um-admin-notice.error {
|
||||
border-color: #dc3232; }
|
||||
.um-admin-notice.notice-warning {
|
||||
border-color: #dba617; }
|
||||
.um-admin-notice a {
|
||||
text-decoration: none;
|
||||
color: #0085ba; }
|
||||
.um-admin-notice a:hover {
|
||||
color: #44b0ec; }
|
||||
.um-admin-notice a.button-primary {
|
||||
background-color: #0085ba;
|
||||
border-color: #0085ba; }
|
||||
.um-admin-notice a.button-primary:hover {
|
||||
background-color: #008ec2;
|
||||
border-color: #008ec2; }
|
||||
.um-admin-notice a.button-secondary {
|
||||
opacity: 0.7; }
|
||||
.um-admin-notice a.button-secondary:hover {
|
||||
opacity: 0.9; }
|
||||
|
||||
/* UM Tooltip ( future helptip ) */
|
||||
.ui-tooltip.um_tooltip {
|
||||
padding: 8px;
|
||||
color: #eee !important;
|
||||
background: rgba(0, 0, 0, 0.85) !important;
|
||||
position: absolute;
|
||||
z-index: 1000000;
|
||||
max-width: 300px;
|
||||
font-size: 12px;
|
||||
border-radius: 5px;
|
||||
border: none !important;
|
||||
text-shadow: none !important; }
|
||||
|
||||
.um_tooltip {
|
||||
cursor: pointer;
|
||||
vertical-align: middle; }
|
||||
.um_tooltip:hover {
|
||||
opacity: 1; }
|
||||
.um_tooltip:hover:before {
|
||||
opacity: 0.8; }
|
||||
.um_tooltip.dashicons, .um_tooltip.dashicons:before {
|
||||
height: 22px; }
|
||||
.um_tooltip.dashicons-editor-help:before {
|
||||
float: left;
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
color: rgba(0, 0, 0, 0.85) !important; }
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
ul#adminmenu li#toplevel_page_ultimatemember a.wp-has-current-submenu:after{display:none!important}ul#adminmenu li#toplevel_page_ultimatemember.wp-has-submenu.wp-not-current-submenu:hover:after{right:-9999999px}ul#adminmenu>li#toplevel_page_ultimatemember.current>a.current:after{display:none!important}.um-admin-notice{border-color:#0085ba;color:#555}.um-admin-notice.error{border-color:#dc3232}.um-admin-notice.notice-warning{border-color:#dba617}.um-admin-notice a{text-decoration:none;color:#0085ba}.um-admin-notice a:hover{color:#44b0ec}.um-admin-notice a.button-primary{background-color:#0085ba;border-color:#0085ba}.um-admin-notice a.button-primary:hover{background-color:#008ec2;border-color:#008ec2}.um-admin-notice a.button-secondary{opacity:.7}.um-admin-notice a.button-secondary:hover{opacity:.9}.ui-tooltip.um_tooltip{padding:8px;color:#eee!important;background:rgba(0,0,0,.85)!important;position:absolute;z-index:1000000;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}
|
||||
@@ -0,0 +1,69 @@
|
||||
@import "selectors"
|
||||
@import "colors"
|
||||
|
||||
ul#adminmenu
|
||||
li#toplevel_page_ultimatemember
|
||||
a.wp-has-current-submenu:after
|
||||
display: none !important
|
||||
&.wp-has-submenu.wp-not-current-submenu:hover:after
|
||||
right: -9999999px
|
||||
& > li#toplevel_page_ultimatemember.current > a.current:after
|
||||
display: none !important
|
||||
|
||||
.#{$prefix}admin-notice
|
||||
border-color: #{$um-base}
|
||||
color: #555
|
||||
&.error
|
||||
border-color: #dc3232
|
||||
&.notice-warning
|
||||
border-color: #dba617
|
||||
a
|
||||
text-decoration: none
|
||||
color: #{$um-base}
|
||||
&:hover
|
||||
color: #44b0ec
|
||||
&.button-primary
|
||||
background-color: #{$um-base}
|
||||
border-color: #{$um-base}
|
||||
&:hover
|
||||
background-color: #{$um-base-hover}
|
||||
border-color: #{$um-base-hover}
|
||||
&.button-secondary
|
||||
opacity: 0.7
|
||||
&:hover
|
||||
opacity: 0.9
|
||||
|
||||
/* UM Tooltip ( future helptip ) */
|
||||
.ui-tooltip
|
||||
&.#{$helptip}
|
||||
padding: 8px
|
||||
color: $grey-text !important
|
||||
background: $overlay !important
|
||||
position: absolute
|
||||
z-index: 1000000
|
||||
max-width: 300px
|
||||
font-size: 12px
|
||||
border-radius: 5px
|
||||
border: none !important
|
||||
text-shadow: none !important
|
||||
|
||||
.#{$helptip}
|
||||
cursor: pointer
|
||||
vertical-align: middle
|
||||
&:hover
|
||||
opacity: 1
|
||||
&:before
|
||||
opacity: 0.8
|
||||
&.dashicons
|
||||
height: 22px
|
||||
&:before
|
||||
@extend .#{$helptip}.dashicons
|
||||
&.dashicons-editor-help:before
|
||||
float: left
|
||||
font-size: 20px
|
||||
line-height: 20px
|
||||
color: $overlay !important
|
||||
|
||||
// wp.org reviews admin notice: Removed for now to avoid the bad reviews
|
||||
//.#{$prefix}hidden-notice
|
||||
// display: none
|
||||
@@ -0,0 +1,11 @@
|
||||
.wp-admin p.um-nav-roles {
|
||||
display: none;
|
||||
margin-top: 5px; }
|
||||
.wp-admin p.um-nav-roles label {
|
||||
margin-top: 2px !important;
|
||||
margin-bottom: 2px !important; }
|
||||
.wp-admin p.um-nav-roles label input[type="checkbox"] {
|
||||
margin-top: 2px !important; }
|
||||
|
||||
.wp-admin p.um-nav-mode {
|
||||
margin-top: 10px; }
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
.wp-admin p.um-nav-roles{display:none;margin-top:5px}.wp-admin p.um-nav-roles label{margin-top:2px!important;margin-bottom:2px!important}.wp-admin p.um-nav-roles label input[type=checkbox]{margin-top:2px!important}.wp-admin p.um-nav-mode{margin-top:10px}
|
||||
@@ -0,0 +1,13 @@
|
||||
@import "selectors"
|
||||
|
||||
.wp-admin
|
||||
p.#{$prefix}nav-roles
|
||||
display: none
|
||||
margin-top: 5px
|
||||
label
|
||||
margin-top: 2px !important
|
||||
margin-bottom: 2px !important
|
||||
input[type="checkbox"]
|
||||
margin-top: 2px !important
|
||||
p.#{$prefix}nav-mode
|
||||
margin-top: 10px
|
||||
@@ -0,0 +1,34 @@
|
||||
#um-roles .row-actions .reset a {
|
||||
color: #a00; }
|
||||
#um-roles .row-actions .reset a:hover {
|
||||
color: red; }
|
||||
|
||||
.wp-list-table.roles .column-core,
|
||||
.wp-list-table.roles .column-users {
|
||||
width: 15%;
|
||||
text-align: center !important; }
|
||||
|
||||
.wp-list-table.roles .column-admin_access,
|
||||
.wp-list-table.roles .column-priority {
|
||||
width: 10%;
|
||||
text-align: center !important; }
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.wp-list-table.roles .column-core,
|
||||
.wp-list-table.roles .column-users,
|
||||
.wp-list-table.roles .column-admin_access,
|
||||
.wp-list-table.roles .column-priority {
|
||||
text-align: left !important; } }
|
||||
|
||||
#um-admin-form-wp-capabilities .um-metadata-line th {
|
||||
width: auto; }
|
||||
|
||||
#um-admin-form-wp-capabilities .um-metadata-line td {
|
||||
width: 20px; }
|
||||
|
||||
#um_edit_role #titlewrap > span {
|
||||
width: 40px;
|
||||
font-size: 24px;
|
||||
float: left;
|
||||
display: block;
|
||||
line-height: 37px; }
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
#um-roles .row-actions .reset a{color:#a00}#um-roles .row-actions .reset a:hover{color:red}.wp-list-table.roles .column-core,.wp-list-table.roles .column-users{width:15%;text-align:center!important}.wp-list-table.roles .column-admin_access,.wp-list-table.roles .column-priority{width:10%;text-align:center!important}@media screen and (max-width:782px){.wp-list-table.roles .column-admin_access,.wp-list-table.roles .column-core,.wp-list-table.roles .column-priority,.wp-list-table.roles .column-users{text-align:left!important}}#um-admin-form-wp-capabilities .um-metadata-line th{width:auto}#um-admin-form-wp-capabilities .um-metadata-line td{width:20px}#um_edit_role #titlewrap>span{width:40px;font-size:24px;float:left;display:block;line-height:37px}
|
||||
@@ -0,0 +1,44 @@
|
||||
@import "selectors"
|
||||
@import "colors"
|
||||
|
||||
##{$prefix}roles
|
||||
.row-actions
|
||||
.reset
|
||||
a
|
||||
color: #{$delete-link}
|
||||
&:hover
|
||||
color: red
|
||||
|
||||
|
||||
.wp-list-table.roles
|
||||
.column-core,
|
||||
.column-users
|
||||
width: 15%
|
||||
text-align: center !important
|
||||
.column-admin_access,
|
||||
.column-priority
|
||||
width: 10%
|
||||
text-align: center !important
|
||||
|
||||
@media screen and (max-width: 782px)
|
||||
.wp-list-table.roles
|
||||
.column-core,
|
||||
.column-users,
|
||||
.column-admin_access,
|
||||
.column-priority
|
||||
text-align: left !important
|
||||
|
||||
##{$prefix}admin-form-wp-capabilities
|
||||
.#{$prefix}metadata-line
|
||||
th
|
||||
width: auto
|
||||
td
|
||||
width: 20px
|
||||
|
||||
#um_edit_role
|
||||
#titlewrap > span
|
||||
width: 40px
|
||||
font-size: 24px
|
||||
float: left
|
||||
display: block
|
||||
line-height: 37px
|
||||
@@ -0,0 +1,4 @@
|
||||
.um-admin.users-php .subsubsub li.subsep {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0; }
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
.um-admin.users-php .subsubsub li.subsep{display:block;visibility:hidden;height:0}
|
||||
@@ -0,0 +1,8 @@
|
||||
@import "selectors"
|
||||
|
||||
.#{$prefix}admin.users-php
|
||||
.subsubsub
|
||||
li.subsep
|
||||
display: block
|
||||
visibility: hidden
|
||||
height: 0
|
||||
Reference in New Issue
Block a user