Changeset 2388709
- Timestamp:
- 09/26/2020 06:32:26 AM (6 years ago)
- Location:
- dd-roles/trunk
- Files:
-
- 1 added
- 7 edited
-
css/style.css (modified) (1 diff)
-
dd_roles.php (modified) (6 diffs)
-
js/default.js (modified) (2 diffs)
-
js/default.min.js (modified) (1 diff)
-
js/select2.full.min.js (added)
-
readme.txt (modified) (1 diff)
-
views/settingPage.php (modified) (3 diffs)
-
views/widgets/manage_capabilities.php (modified) (2 diffs)
Legend:
- Unmodified
- Added
- Removed
-
dd-roles/trunk/css/style.css
r2386617 r2388709 1 @-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:16px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:10px;line-height:16px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)}.progress{overflow:hidden;height:16px;margin:3px 0 0;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:16px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}@font-face{font-family:"custom_dashicons";src:url("../fonts/custom_dashicons.eot?7k7b29");src:url("../fonts/custom_dashicons.eot?#iefix7k7b29") format("embedded-opentype"),url("../fonts/custom_dashicons.woff?7k7b29") format("woff"),url("../fonts/custom_dashicons.ttf?7k7b29") format("truetype"),url("../fonts/custom_dashicons.svg?7k7b29#custom_dashicons") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"dd-roles";src:url("../fonts/dd-roles.eot?fbm1d7");src:url("../fonts/dd-roles.eot?#iefixfbm1d7") format("embedded-opentype"),url("../fonts/dd-roles.woff?fbm1d7") format("woff"),url("../fonts/dd-roles.ttf?fbm1d7") format("truetype"),url("../fonts/dd-roles.svg?fbm1d7#dd-roles") format("svg");font-weight:normal;font-style:normal}[class^=icon-],[class*=" icon-"]{font-family:"dd-roles";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class^=icon-],[class*=" icon-"]{font-family:"custom_dashicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-logobrand:before{content:""}.icon-logo:before{content:""}.icon-brand:before{content:""}.icon-rss:before{content:""}.icon-linkedin:before{content:""}.icon-facebook:before{content:""}.icon-googleplus:before{content:""}.icon-twitter:before{content:""}.icon-list:before{content:""}.icon-search:before{content:""}.icon-uniE60A:before{content:""}.icon-arrow-up:before{content:""}.icon-arrow-down:before{content:""}.icon-arrow-left:before{content:""}.icon-arrow-right:before{content:""}.icon-arrow-up2:before{content:""}.icon-arrow-down2:before{content:""}.icon-arrow-left2:before{content:""}.icon-arrow-right2:before{content:""}.icon-arrow-up3:before{content:""}.icon-arrow-down3:before{content:""}.icon-arrow-left3:before{content:""}.icon-publish:before{content:""}.icon-rocket:before{content:""}.icon-wordpress:before{content:""}.icon-powercord:before{content:""}.defaultRole{background-color:#ececec}.defaultRole.alternate{background-color:#ddd}.defaultRole.role-banned .row-title{color:#d54e21}.capabilitiesBlock input[type=checkbox]{margin-right:10px}.capabilitiesBlock input[type=checkbox].disabled{cursor:default}.defaultCaps,.otherCaps{background:#fcfcfc;padding:12px;margin:12px auto;-webkit-border-radius:3px;border-radius:3px}.defaultCaps h4,.otherCaps h4{margin-top:0}.defaultCaps ul,.otherCaps ul{float:none;display:inline-block;width:100%}.defaultCaps ul li,.otherCaps ul li{width:25%;float:left}.customCap{background:#ececec;padding:12px;-webkit-border-radius:3px;border-radius:3px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.migrate_to{text-align:center}.capLabel{position:relative}.capLabel.disabled{cursor:default}.capLabel .spinner{display:block;position:absolute;top:-1px;margin:0px;left:-2px}.capLabel.loading input{visibility:hidden}.capLabel.loading .spinner{display:block;position:absolute;top:-1px;margin:0px;left:-2px}#poststuff #submitdiv .inside,#poststuff #cleanUpdiv .inside,#poststuff #migratediv .inside,#poststuff #donate .inside{padding:0;margin:0}.dd-sidebar .postbox .hndle{cursor:default}#donate h3:before{font-family:"custom_dashicons";content:"";float:left;margin:1px 3px 0 0}#donate .inside{display:block}.table-roles{display:table}.table-roles .table-roles-head{display:table-header-group}.table-roles .table-roles-footer{display:table-footer-group}.column-role{width:50%}.column-percentBar{width:24%}.column-users{width:10%}.wp-list-table #the-list tr.roleRow td{display:table-cell}.submitCapability h4,.cleanupCap h4{margin:5px 0}.submitCapability i,.cleanupCap i{margin-bottom:10px;display:block;font-size:.9em}.submitCapability #major-publishing-actions,.cleanupCap #major-publishing-actions{background:none;border-top:none}.wp-core-ui .cleanupCap .button-primary{background:#d54e21;border-color:#b5411b #9c3a19 #9c3a19;box-shadow:0 1px 0 #9c3a19;color:#fff;text-decoration:none;text-shadow:0 -1px 1px #9c3a19,1px 0 1px #9c3a19,0 1px 1px #9c3a19,-1px 0 1px #9c3a19}.wp-core-ui .cleanupCap .button-primary:hover{background:#e45c2f;border-color:#d54e21}#migratediv form{margin-bottom:0}@media only screen and (max-width: 850px){#post-body{display:flex;flex-direction:column}#post-body #postbox-container-1{order:2;margin-top:20px}#post-body #postbox-container-2{order:1}}@media only screen and (max-width: 600px){.defaultCaps ul li,.otherCaps ul li{width:100%;float:none}}/*# sourceMappingURL=style.css.map */ 1 @charset "UTF-8"; 2 .select2-container { 3 box-sizing: border-box; 4 display: inline-block; 5 margin: 0; 6 position: relative; 7 vertical-align: middle; 8 } 9 .select2-container .select2-selection--single { 10 box-sizing: border-box; 11 cursor: pointer; 12 display: block; 13 height: 28px; 14 user-select: none; 15 -webkit-user-select: none; 16 } 17 .select2-container .select2-selection--single .select2-selection__rendered { 18 display: block; 19 padding-left: 8px; 20 padding-right: 20px; 21 overflow: hidden; 22 text-overflow: ellipsis; 23 white-space: nowrap; 24 } 25 .select2-container .select2-selection--single .select2-selection__clear { 26 position: relative; 27 } 28 .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { 29 padding-right: 8px; 30 padding-left: 20px; 31 } 32 .select2-container .select2-selection--multiple { 33 box-sizing: border-box; 34 cursor: pointer; 35 display: block; 36 min-height: 32px; 37 user-select: none; 38 -webkit-user-select: none; 39 } 40 .select2-container .select2-selection--multiple .select2-selection__rendered { 41 display: inline-block; 42 overflow: hidden; 43 padding-left: 8px; 44 text-overflow: ellipsis; 45 white-space: nowrap; 46 } 47 .select2-container .select2-search--inline { 48 float: left; 49 } 50 .select2-container .select2-search--inline .select2-search__field { 51 box-sizing: border-box; 52 border: none; 53 font-size: 100%; 54 margin-top: 5px; 55 padding: 0; 56 } 57 .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { 58 -webkit-appearance: none; 59 } 60 61 .select2-dropdown { 62 background-color: white; 63 border: 1px solid #aaa; 64 border-radius: 4px; 65 box-sizing: border-box; 66 display: block; 67 position: absolute; 68 left: -100000px; 69 width: 100%; 70 z-index: 1051; 71 } 72 73 .select2-results { 74 display: block; 75 } 76 77 .select2-results__options { 78 list-style: none; 79 margin: 0; 80 padding: 0; 81 } 82 83 .select2-results__option { 84 padding: 6px; 85 user-select: none; 86 -webkit-user-select: none; 87 } 88 .select2-results__option[aria-selected] { 89 cursor: pointer; 90 } 91 92 .select2-container--open .select2-dropdown { 93 left: 0; 94 } 95 96 .select2-container--open .select2-dropdown--above { 97 border-bottom: none; 98 border-bottom-left-radius: 0; 99 border-bottom-right-radius: 0; 100 } 101 102 .select2-container--open .select2-dropdown--below { 103 border-top: none; 104 border-top-left-radius: 0; 105 border-top-right-radius: 0; 106 } 107 108 .select2-search--dropdown { 109 display: block; 110 padding: 4px; 111 } 112 .select2-search--dropdown .select2-search__field { 113 padding: 4px; 114 width: 100%; 115 box-sizing: border-box; 116 } 117 .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { 118 -webkit-appearance: none; 119 } 120 .select2-search--dropdown.select2-search--hide { 121 display: none; 122 } 123 124 .select2-close-mask { 125 border: 0; 126 margin: 0; 127 padding: 0; 128 display: block; 129 position: fixed; 130 left: 0; 131 top: 0; 132 min-height: 100%; 133 min-width: 100%; 134 height: auto; 135 width: auto; 136 opacity: 0; 137 z-index: 99; 138 background-color: #fff; 139 filter: alpha(opacity=0); 140 } 141 142 .select2-hidden-accessible { 143 border: 0 !important; 144 clip: rect(0 0 0 0) !important; 145 -webkit-clip-path: inset(50%) !important; 146 clip-path: inset(50%) !important; 147 height: 1px !important; 148 overflow: hidden !important; 149 padding: 0 !important; 150 position: absolute !important; 151 width: 1px !important; 152 white-space: nowrap !important; 153 } 154 155 .select2-container--default .select2-selection--single { 156 background-color: #fff; 157 border: 1px solid #aaa; 158 border-radius: 4px; 159 } 160 .select2-container--default .select2-selection--single .select2-selection__rendered { 161 color: #444; 162 line-height: 28px; 163 } 164 .select2-container--default .select2-selection--single .select2-selection__clear { 165 cursor: pointer; 166 float: right; 167 font-weight: bold; 168 } 169 .select2-container--default .select2-selection--single .select2-selection__placeholder { 170 color: #999; 171 } 172 .select2-container--default .select2-selection--single .select2-selection__arrow { 173 height: 26px; 174 position: absolute; 175 top: 1px; 176 right: 1px; 177 width: 20px; 178 } 179 .select2-container--default .select2-selection--single .select2-selection__arrow b { 180 border-color: #888 transparent transparent transparent; 181 border-style: solid; 182 border-width: 5px 4px 0 4px; 183 height: 0; 184 left: 50%; 185 margin-left: -4px; 186 margin-top: -2px; 187 position: absolute; 188 top: 50%; 189 width: 0; 190 } 191 .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { 192 float: left; 193 } 194 .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { 195 left: 1px; 196 right: auto; 197 } 198 .select2-container--default.select2-container--disabled .select2-selection--single { 199 background-color: #eee; 200 cursor: default; 201 } 202 .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { 203 display: none; 204 } 205 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { 206 border-color: transparent transparent #888 transparent; 207 border-width: 0 4px 5px 4px; 208 } 209 .select2-container--default .select2-selection--multiple { 210 background-color: white; 211 border: 1px solid #aaa; 212 border-radius: 4px; 213 cursor: text; 214 } 215 .select2-container--default .select2-selection--multiple .select2-selection__rendered { 216 box-sizing: border-box; 217 list-style: none; 218 margin: 0; 219 padding: 0 5px; 220 width: 100%; 221 } 222 .select2-container--default .select2-selection--multiple .select2-selection__rendered li { 223 list-style: none; 224 } 225 .select2-container--default .select2-selection--multiple .select2-selection__clear { 226 cursor: pointer; 227 float: right; 228 font-weight: bold; 229 margin-top: 5px; 230 margin-right: 10px; 231 padding: 1px; 232 } 233 .select2-container--default .select2-selection--multiple .select2-selection__choice { 234 background-color: #e4e4e4; 235 border: 1px solid #aaa; 236 border-radius: 4px; 237 cursor: default; 238 float: left; 239 margin-right: 5px; 240 margin-top: 5px; 241 padding: 0 5px; 242 } 243 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { 244 color: #999; 245 cursor: pointer; 246 display: inline-block; 247 font-weight: bold; 248 margin-right: 2px; 249 } 250 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { 251 color: #333; 252 } 253 .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline { 254 float: right; 255 } 256 .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { 257 margin-left: 5px; 258 margin-right: auto; 259 } 260 .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { 261 margin-left: 2px; 262 margin-right: auto; 263 } 264 .select2-container--default.select2-container--focus .select2-selection--multiple { 265 border: solid black 1px; 266 outline: 0; 267 } 268 .select2-container--default.select2-container--disabled .select2-selection--multiple { 269 background-color: #eee; 270 cursor: default; 271 } 272 .select2-container--default.select2-container--disabled .select2-selection__choice__remove { 273 display: none; 274 } 275 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { 276 border-top-left-radius: 0; 277 border-top-right-radius: 0; 278 } 279 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { 280 border-bottom-left-radius: 0; 281 border-bottom-right-radius: 0; 282 } 283 .select2-container--default .select2-search--dropdown .select2-search__field { 284 border: 1px solid #aaa; 285 } 286 .select2-container--default .select2-search--inline .select2-search__field { 287 background: transparent; 288 border: none; 289 outline: 0; 290 box-shadow: none; 291 -webkit-appearance: textfield; 292 } 293 .select2-container--default .select2-results > .select2-results__options { 294 max-height: 200px; 295 overflow-y: auto; 296 } 297 .select2-container--default .select2-results__option[role=group] { 298 padding: 0; 299 } 300 .select2-container--default .select2-results__option[aria-disabled=true] { 301 color: #999; 302 } 303 .select2-container--default .select2-results__option[aria-selected=true] { 304 background-color: #ddd; 305 } 306 .select2-container--default .select2-results__option .select2-results__option { 307 padding-left: 1em; 308 } 309 .select2-container--default .select2-results__option .select2-results__option .select2-results__group { 310 padding-left: 0; 311 } 312 .select2-container--default .select2-results__option .select2-results__option .select2-results__option { 313 margin-left: -1em; 314 padding-left: 2em; 315 } 316 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { 317 margin-left: -2em; 318 padding-left: 3em; 319 } 320 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { 321 margin-left: -3em; 322 padding-left: 4em; 323 } 324 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { 325 margin-left: -4em; 326 padding-left: 5em; 327 } 328 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { 329 margin-left: -5em; 330 padding-left: 6em; 331 } 332 .select2-container--default .select2-results__option--highlighted[aria-selected] { 333 background-color: #5897fb; 334 color: white; 335 } 336 .select2-container--default .select2-results__group { 337 cursor: default; 338 display: block; 339 padding: 6px; 340 } 341 342 .select2-container--classic .select2-selection--single { 343 background-color: #f7f7f7; 344 border: 1px solid #aaa; 345 border-radius: 4px; 346 outline: 0; 347 background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); 348 background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); 349 background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); 350 background-repeat: repeat-x; 351 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0); 352 } 353 .select2-container--classic .select2-selection--single:focus { 354 border: 1px solid #5897fb; 355 } 356 .select2-container--classic .select2-selection--single .select2-selection__rendered { 357 color: #444; 358 line-height: 28px; 359 } 360 .select2-container--classic .select2-selection--single .select2-selection__clear { 361 cursor: pointer; 362 float: right; 363 font-weight: bold; 364 margin-right: 10px; 365 } 366 .select2-container--classic .select2-selection--single .select2-selection__placeholder { 367 color: #999; 368 } 369 .select2-container--classic .select2-selection--single .select2-selection__arrow { 370 background-color: #ddd; 371 border: none; 372 border-left: 1px solid #aaa; 373 border-top-right-radius: 4px; 374 border-bottom-right-radius: 4px; 375 height: 26px; 376 position: absolute; 377 top: 1px; 378 right: 1px; 379 width: 20px; 380 background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); 381 background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); 382 background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); 383 background-repeat: repeat-x; 384 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0); 385 } 386 .select2-container--classic .select2-selection--single .select2-selection__arrow b { 387 border-color: #888 transparent transparent transparent; 388 border-style: solid; 389 border-width: 5px 4px 0 4px; 390 height: 0; 391 left: 50%; 392 margin-left: -4px; 393 margin-top: -2px; 394 position: absolute; 395 top: 50%; 396 width: 0; 397 } 398 .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { 399 float: left; 400 } 401 .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { 402 border: none; 403 border-right: 1px solid #aaa; 404 border-radius: 0; 405 border-top-left-radius: 4px; 406 border-bottom-left-radius: 4px; 407 left: 1px; 408 right: auto; 409 } 410 .select2-container--classic.select2-container--open .select2-selection--single { 411 border: 1px solid #5897fb; 412 } 413 .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { 414 background: transparent; 415 border: none; 416 } 417 .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { 418 border-color: transparent transparent #888 transparent; 419 border-width: 0 4px 5px 4px; 420 } 421 .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { 422 border-top: none; 423 border-top-left-radius: 0; 424 border-top-right-radius: 0; 425 background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); 426 background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); 427 background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); 428 background-repeat: repeat-x; 429 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0); 430 } 431 .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { 432 border-bottom: none; 433 border-bottom-left-radius: 0; 434 border-bottom-right-radius: 0; 435 background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); 436 background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); 437 background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); 438 background-repeat: repeat-x; 439 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0); 440 } 441 .select2-container--classic .select2-selection--multiple { 442 background-color: white; 443 border: 1px solid #aaa; 444 border-radius: 4px; 445 cursor: text; 446 outline: 0; 447 } 448 .select2-container--classic .select2-selection--multiple:focus { 449 border: 1px solid #5897fb; 450 } 451 .select2-container--classic .select2-selection--multiple .select2-selection__rendered { 452 list-style: none; 453 margin: 0; 454 padding: 0 5px; 455 } 456 .select2-container--classic .select2-selection--multiple .select2-selection__clear { 457 display: none; 458 } 459 .select2-container--classic .select2-selection--multiple .select2-selection__choice { 460 background-color: #e4e4e4; 461 border: 1px solid #aaa; 462 border-radius: 4px; 463 cursor: default; 464 float: left; 465 margin-right: 5px; 466 margin-top: 5px; 467 padding: 0 5px; 468 } 469 .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { 470 color: #888; 471 cursor: pointer; 472 display: inline-block; 473 font-weight: bold; 474 margin-right: 2px; 475 } 476 .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { 477 color: #555; 478 } 479 .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { 480 float: right; 481 margin-left: 5px; 482 margin-right: auto; 483 } 484 .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { 485 margin-left: 2px; 486 margin-right: auto; 487 } 488 .select2-container--classic.select2-container--open .select2-selection--multiple { 489 border: 1px solid #5897fb; 490 } 491 .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { 492 border-top: none; 493 border-top-left-radius: 0; 494 border-top-right-radius: 0; 495 } 496 .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { 497 border-bottom: none; 498 border-bottom-left-radius: 0; 499 border-bottom-right-radius: 0; 500 } 501 .select2-container--classic .select2-search--dropdown .select2-search__field { 502 border: 1px solid #aaa; 503 outline: 0; 504 } 505 .select2-container--classic .select2-search--inline .select2-search__field { 506 outline: 0; 507 box-shadow: none; 508 } 509 .select2-container--classic .select2-dropdown { 510 background-color: white; 511 border: 1px solid transparent; 512 } 513 .select2-container--classic .select2-dropdown--above { 514 border-bottom: none; 515 } 516 .select2-container--classic .select2-dropdown--below { 517 border-top: none; 518 } 519 .select2-container--classic .select2-results > .select2-results__options { 520 max-height: 200px; 521 overflow-y: auto; 522 } 523 .select2-container--classic .select2-results__option[role=group] { 524 padding: 0; 525 } 526 .select2-container--classic .select2-results__option[aria-disabled=true] { 527 color: grey; 528 } 529 .select2-container--classic .select2-results__option--highlighted[aria-selected] { 530 background-color: #3875d7; 531 color: white; 532 } 533 .select2-container--classic .select2-results__group { 534 cursor: default; 535 display: block; 536 padding: 6px; 537 } 538 .select2-container--classic.select2-container--open .select2-dropdown { 539 border-color: #5897fb; 540 } 541 542 @-webkit-keyframes progress-bar-stripes { 543 from { 544 background-position: 40px 0; 545 } 546 to { 547 background-position: 0 0; 548 } 549 } 550 @-moz-keyframes progress-bar-stripes { 551 from { 552 background-position: 40px 0; 553 } 554 to { 555 background-position: 0 0; 556 } 557 } 558 @-o-keyframes progress-bar-stripes { 559 from { 560 background-position: 0 0; 561 } 562 to { 563 background-position: 40px 0; 564 } 565 } 566 @keyframes progress-bar-stripes { 567 from { 568 background-position: 40px 0; 569 } 570 to { 571 background-position: 0 0; 572 } 573 } 574 .progress { 575 overflow: hidden; 576 height: 16px; 577 margin-bottom: 20px; 578 background-color: #f5f5f5; 579 border-radius: 4px; 580 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 581 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 582 } 583 584 .progress-bar { 585 float: left; 586 width: 0; 587 height: 100%; 588 font-size: 10px; 589 line-height: 16px; 590 color: #ffffff; 591 text-align: center; 592 background-color: #428bca; 593 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 594 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 595 -webkit-transition: width 0.6s ease; 596 transition: width 0.6s ease; 597 } 598 599 .progress-striped .progress-bar { 600 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 601 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 602 background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 603 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 604 background-size: 40px 40px; 605 } 606 607 .progress.active .progress-bar { 608 -webkit-animation: progress-bar-stripes 2s linear infinite; 609 animation: progress-bar-stripes 2s linear infinite; 610 } 611 612 .progress-bar-success { 613 background-color: #5cb85c; 614 } 615 616 .progress-striped .progress-bar-success { 617 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 618 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 619 background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 620 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 621 } 622 623 .progress-bar-info { 624 background-color: #5bc0de; 625 } 626 627 .progress-striped .progress-bar-info { 628 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 629 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 630 background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 631 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 632 } 633 634 .progress-bar-warning { 635 background-color: #f0ad4e; 636 } 637 638 .progress-striped .progress-bar-warning { 639 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 640 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 641 background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 642 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 643 } 644 645 .progress-bar-danger { 646 background-color: #d9534f; 647 } 648 649 .progress-striped .progress-bar-danger { 650 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 651 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 652 background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 653 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 654 } 655 656 .progress { 657 overflow: hidden; 658 height: 16px; 659 margin: 3px 0 0; 660 background-color: #f5f5f5; 661 border-radius: 4px; 662 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 663 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 664 } 665 666 .progress-bar { 667 float: left; 668 width: 0%; 669 height: 100%; 670 font-size: 12px; 671 line-height: 16px; 672 color: #ffffff; 673 text-align: center; 674 background-color: #428bca; 675 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 676 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 677 -webkit-transition: width 0.6s ease; 678 transition: width 0.6s ease; 679 } 680 681 .progress-striped .progress-bar { 682 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 683 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 684 background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 685 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 686 background-size: 40px 40px; 687 } 688 689 .progress.active .progress-bar { 690 -webkit-animation: progress-bar-stripes 2s linear infinite; 691 animation: progress-bar-stripes 2s linear infinite; 692 } 693 694 .progress-bar-success { 695 background-color: #5cb85c; 696 } 697 698 @font-face { 699 font-family: "custom_dashicons"; 700 src: url("../fonts/custom_dashicons.eot?7k7b29"); 701 src: url("../fonts/custom_dashicons.eot?#iefix7k7b29") format("embedded-opentype"), url("../fonts/custom_dashicons.woff?7k7b29") format("woff"), url("../fonts/custom_dashicons.ttf?7k7b29") format("truetype"), url("../fonts/custom_dashicons.svg?7k7b29#custom_dashicons") format("svg"); 702 font-weight: normal; 703 font-style: normal; 704 } 705 @font-face { 706 font-family: "dd-roles"; 707 src: url("../fonts/dd-roles.eot?fbm1d7"); 708 src: url("../fonts/dd-roles.eot?#iefixfbm1d7") format("embedded-opentype"), url("../fonts/dd-roles.woff?fbm1d7") format("woff"), url("../fonts/dd-roles.ttf?fbm1d7") format("truetype"), url("../fonts/dd-roles.svg?fbm1d7#dd-roles") format("svg"); 709 font-weight: normal; 710 font-style: normal; 711 } 712 [class^=icon-], [class*=" icon-"] { 713 font-family: "dd-roles"; 714 speak: none; 715 font-style: normal; 716 font-weight: normal; 717 font-variant: normal; 718 text-transform: none; 719 line-height: 1; 720 /* Better Font Rendering =========== */ 721 -webkit-font-smoothing: antialiased; 722 -moz-osx-font-smoothing: grayscale; 723 } 724 725 [class^=icon-], [class*=" icon-"] { 726 font-family: "custom_dashicons"; 727 speak: none; 728 font-style: normal; 729 font-weight: normal; 730 font-variant: normal; 731 text-transform: none; 732 line-height: 1; 733 /* Better Font Rendering =========== */ 734 -webkit-font-smoothing: antialiased; 735 -moz-osx-font-smoothing: grayscale; 736 } 737 738 .icon-logobrand:before { 739 content: ""; 740 } 741 742 .icon-logo:before { 743 content: ""; 744 } 745 746 .icon-brand:before { 747 content: ""; 748 } 749 750 .icon-rss:before { 751 content: ""; 752 } 753 754 .icon-linkedin:before { 755 content: ""; 756 } 757 758 .icon-facebook:before { 759 content: ""; 760 } 761 762 .icon-googleplus:before { 763 content: ""; 764 } 765 766 .icon-twitter:before { 767 content: ""; 768 } 769 770 .icon-list:before { 771 content: ""; 772 } 773 774 .icon-search:before { 775 content: ""; 776 } 777 778 .icon-uniE60A:before { 779 content: ""; 780 } 781 782 .icon-arrow-up:before { 783 content: ""; 784 } 785 786 .icon-arrow-down:before { 787 content: ""; 788 } 789 790 .icon-arrow-left:before { 791 content: ""; 792 } 793 794 .icon-arrow-right:before { 795 content: ""; 796 } 797 798 .icon-arrow-up2:before { 799 content: ""; 800 } 801 802 .icon-arrow-down2:before { 803 content: ""; 804 } 805 806 .icon-arrow-left2:before { 807 content: ""; 808 } 809 810 .icon-arrow-right2:before { 811 content: ""; 812 } 813 814 .icon-arrow-up3:before { 815 content: ""; 816 } 817 818 .icon-arrow-down3:before { 819 content: ""; 820 } 821 822 .icon-arrow-left3:before { 823 content: ""; 824 } 825 826 .icon-publish:before { 827 content: ""; 828 } 829 830 .icon-rocket:before { 831 content: ""; 832 } 833 834 .icon-wordpress:before { 835 content: ""; 836 } 837 838 .icon-powercord:before { 839 content: ""; 840 } 841 842 .defaultRole { 843 background-color: #ececec; 844 } 845 .defaultRole.alternate { 846 background-color: #ddd; 847 } 848 .defaultRole.role-banned .row-title { 849 color: #d54e21; 850 } 851 852 .capabilitiesBlock input[type=checkbox] { 853 position: absolute; 854 left: 0; 855 top: 6px; 856 } 857 .capabilitiesBlock input[type=checkbox].disabled { 858 cursor: default; 859 } 860 861 .defaultCaps, 862 .otherCaps { 863 background: #fcfcfc; 864 padding: 12px; 865 margin: 12px auto; 866 -webkit-border-radius: 3px; 867 border-radius: 3px; 868 } 869 .defaultCaps h4, 870 .otherCaps h4 { 871 background: #f3f3f3; 872 padding: 6px 12px; 873 margin: -12px -12px 0 -12px; 874 } 875 .defaultCaps ul, 876 .otherCaps ul { 877 float: none; 878 display: inline-block; 879 width: 100%; 880 } 881 .defaultCaps ul li, 882 .otherCaps ul li { 883 width: 25%; 884 float: left; 885 } 886 887 .customCap { 888 background: #ececec; 889 padding: 12px; 890 -webkit-border-radius: 3px; 891 border-radius: 3px; 892 box-sizing: border-box; 893 -moz-box-sizing: border-box; 894 -webkit-box-sizing: border-box; 895 } 896 897 .migrate_to { 898 text-align: center; 899 } 900 901 .capLabel { 902 display: inline-block; 903 vertical-align: top; 904 padding-left: 25px; 905 position: relative; 906 padding-right: 3px; 907 } 908 .capLabel.disabled { 909 cursor: default; 910 } 911 912 .capLabel .spinner { 913 display: block; 914 position: absolute; 915 top: -1px; 916 margin: 0px; 917 left: -2px; 918 } 919 920 .capLabel.loading input { 921 visibility: hidden; 922 } 923 .capLabel.loading .spinner { 924 display: block; 925 position: absolute; 926 top: -1px; 927 margin: 0px; 928 left: -2px; 929 } 930 931 #poststuff #submitdiv .inside, 932 #poststuff #cleanUpdiv .inside, 933 #poststuff #migratediv .inside, 934 #poststuff #donate .inside { 935 padding: 0; 936 margin: 0; 937 } 938 939 .dd-sidebar .postbox .hndle { 940 cursor: default; 941 } 942 943 #donate h3:before { 944 font-family: "custom_dashicons"; 945 content: ""; 946 float: left; 947 margin: 1px 3px 0 0; 948 } 949 950 #donate .inside { 951 display: block; 952 } 953 954 .table-roles { 955 display: table; 956 } 957 .table-roles .table-roles-head { 958 display: table-header-group; 959 } 960 .table-roles .table-roles-footer { 961 display: table-footer-group; 962 } 963 964 .column-role { 965 width: 50%; 966 } 967 968 .column-percentBar { 969 width: 24%; 970 } 971 972 .column-users { 973 width: 10%; 974 } 975 976 .wp-list-table #the-list tr.roleRow td { 977 display: table-cell; 978 } 979 980 .submitCapability h4, 981 .cleanupCap h4 { 982 margin: 5px 0; 983 } 984 .submitCapability i, 985 .cleanupCap i { 986 margin-bottom: 10px; 987 display: block; 988 font-size: 0.9em; 989 } 990 .submitCapability #major-publishing-actions, 991 .cleanupCap #major-publishing-actions { 992 background: none; 993 border-top: none; 994 } 995 996 .wp-core-ui .cleanupCap .button-primary { 997 background: #d54e21; 998 border-color: #b5411b #9c3a19 #9c3a19; 999 box-shadow: 0 1px 0 #9c3a19; 1000 color: #fff; 1001 text-decoration: none; 1002 text-shadow: 0 -1px 1px #9c3a19, 1px 0 1px #9c3a19, 0 1px 1px #9c3a19, -1px 0 1px #9c3a19; 1003 } 1004 .wp-core-ui .cleanupCap .button-primary:hover { 1005 background: #e45c2f; 1006 border-color: #d54e21; 1007 } 1008 1009 p.howto { 1010 padding: 3px 0; 1011 font-style: italic; 1012 } 1013 1014 #migratediv form { 1015 margin-bottom: 0; 1016 } 1017 1018 @media only screen and (max-width: 850px) { 1019 #post-body { 1020 display: flex; 1021 flex-direction: column; 1022 } 1023 #post-body #postbox-container-1 { 1024 order: 2; 1025 margin-top: 20px; 1026 } 1027 #post-body #postbox-container-2 { 1028 order: 1; 1029 } 1030 } 1031 @media only screen and (max-width: 782px) { 1032 .capLabel { 1033 padding-left: 36px; 1034 } 1035 .capLabel input[type=checkbox] { 1036 top: 0; 1037 } 1038 1039 .defaultCaps ul li { 1040 margin: 6px 0; 1041 } 1042 } 1043 @media only screen and (max-width: 600px) { 1044 .defaultCaps ul li, .otherCaps ul li { 1045 width: 100%; 1046 float: none; 1047 } 1048 } 1049 1050 /*# sourceMappingURL=style.css.map */ -
dd-roles/trunk/dd_roles.php
r2387363 r2388709 2 2 /* 3 3 Plugin Name: DD_Roles 4 Version: 4. 04 Version: 4.1 5 5 Plugin URI: http://dijkstradesign.com 6 6 Description: A plug-in to add and edit the roles and capabilities … … 77 77 wp_register_style( 'dd_roles_styles', plugins_url('/css/style.css', __FILE__) ); 78 78 wp_enqueue_style( 'dd_roles_styles' ); 79 wp_enqueue_script( 'dd_js_roles', plugins_url( '/js/default.min.js', __FILE__ ) , array( 'jquery','jquery-ui-sortable'), '' ); 79 wp_enqueue_script('select2', plugins_url('/js/select2.full.min.js', __FILE__), array('jquery'), ''); 80 wp_enqueue_script( 'dd_js_roles', plugins_url( '/js/default.min.js', __FILE__ ) , array( 'jquery','select2'), '' ); 80 81 } 81 82 } … … 385 386 sort($ordered_caps[$cap]['capabilities']); 386 387 $ordered_caps['others']['capabilities'] = array_unique( array_diff($ordered_caps['others']['capabilities'], self::getAllGroupedCaps($ordered_caps))); 387 $this->customCapabilities = $ordered_caps['others']['capabilities'];388 388 } 389 389 … … 405 405 406 406 foreach ($capa_types as $capa_type) { 407 $ordered_caps[$capa_type]['title'] = ucfirst(str_replace('_', ' ', $capa_type)); 407 $name = ucfirst(str_replace('_', ' ', $capa_type)); 408 $ordered_caps[$capa_type]['title'] = $name; 408 409 $ordered_caps[$capa_type]['desc'] = 'Allows access to capability type "'.$capa_type.'"'; 409 410 foreach ($ordered_caps['others']['capabilities'] as $capability) { … … 411 412 if ($capability === $capa_type) { 412 413 $ordered_caps[$capa_type]['capabilities'][] = $capability; 414 $this->customCapabilities[$name][] = $capability; 413 415 } 414 416 foreach ($prefixes as $prefix) { 415 417 if( strpos($capability, $prefix.$capa_type) !== false || strpos($capability, $prefix.$capa_type.'s') !== false) { 416 418 $ordered_caps[$capa_type]['capabilities'][] = $capability; 419 $this->customCapabilities[$name][] = $capability; 417 420 } 418 421 } … … 435 438 $role = get_role( 'administrator' ); 436 439 return array_keys($role->capabilities); 437 }438 439 function customCapBoolean(){440 $default_caps = self::get_default_caps();441 $all_caps = $rol_capabilities = self::get_caps_names('administrator');442 443 foreach( $all_caps as $capability ) {444 if(!in_array($capability ,$default_caps)){445 return true;446 }447 }448 return false;449 440 } 450 441 -
dd-roles/trunk/js/default.js
r2386617 r2388709 1 1 ( function( $ ) { 2 3 $(document).ready(function() { 4 $('#capabilitySelector').select2({ 5 }); 6 }); 2 7 3 8 $(document).on('keydown','.dd-new-role', function(e) { … … 95 100 }); 96 101 102 97 103 $(document).on('click','.js-openInfo', function(e){ 98 104 e.preventDefault(); -
dd-roles/trunk/js/default.min.js
r2386617 r2388709 1 !function(l){function t(){l(".duplicated").removeClass("hidden")}l(document). on("keydown",".dd-new-role",function(e){if("Enter"===e.key)return e.preventDefault(),l(".js-newRole").click(),!1}),l(document).on("keydown",".dd-new-capability",function(e){if("Enter"===e.key)return e.preventDefault(),l(".js-newCapability").click(),!1}),l(document).on("focus",".dd-new-role",function(e){l(".settings-error").fadeOut("fast",function(){l(this).addClass("hidden").attr("style","")})}),l(document).on("click",".js-newRole",function(){var e=l(".dd-new-role").val();if(""===e)t();else{var n={action:"verify_and_add",new_role_display_name:e};l.post(ajaxurl,n,function(e){parseInt(e)?location.reload():t()})}}),l(document).on("click",".js-newCapability",function(){var e=l(".dd-new-capability").val();if(""===e)t();else{var n={action:"create_capability",new_capability:e};l.post(ajaxurl,n,function(e){e?location.reload():t()})}}),l(document).on("click",".js-migrate",function(){var e={action:"migrateUsers",fromRole:l(".fromRole").val(),toRole:l(".toRole").val()};l.post(ajaxurl,e,function(e){location.reload()})}),l(document).on("change",".capLabel.active",function(){var n=l(this),t=n.parents(".roleRow").prev(".roleRow"),e={action:"changeCapState",state:n.children("input").is(":checked"),capName:n.children("input").val(),role_id:t.find(".role_id").val()};n.addClass("loading").find(".spinner").addClass("is-active"),l.post(ajaxurl,e,function(e){e=JSON.parse(e),n.removeClass("loading").find(".spinner").removeClass("is-active"),t.find(".progress-bar").css("width",e.percent),t.find(".progressCount").val(e.totalRoleActiveCapabilities),t.find(".sr-only").text(e.percent+" Capabilities")})}),l(document).on("click",".js-openInfo",function(e){e.preventDefault();var n=l(this).parents(".roleRow"),t=n.next(".capabilitiesRow"),a=n.find(".js-collapseLink"),o=a.text(),i=a.data("othertext");a.toggleClass("open").text(i).data("othertext",o),t.toggleClass("hidden")}),l(document).on("click",".deleteRole",function(e){e.preventDefault();var n={action:"deleteRole",role_id:l(this).parents(".roleRow").find(".role_id").val()};l.post(ajaxurl,n,function(e){location.reload()})}),l(document).on("click",".js-cleanUp",function(e){e.preventDefault();var n={action:"cleanUp",delcaps:l(".deleteCap").val()};l.post(ajaxurl,n,function(e){setInterval(location.reload(),5e3)})})}(jQuery);1 !function(l){function t(){l(".duplicated").removeClass("hidden")}l(document).ready(function(){l("#capabilitySelector").select2({})}),l(document).on("keydown",".dd-new-role",function(e){if("Enter"===e.key)return e.preventDefault(),l(".js-newRole").click(),!1}),l(document).on("keydown",".dd-new-capability",function(e){if("Enter"===e.key)return e.preventDefault(),l(".js-newCapability").click(),!1}),l(document).on("focus",".dd-new-role",function(e){l(".settings-error").fadeOut("fast",function(){l(this).addClass("hidden").attr("style","")})}),l(document).on("click",".js-newRole",function(){var e=l(".dd-new-role").val();if(""===e)t();else{var n={action:"verify_and_add",new_role_display_name:e};l.post(ajaxurl,n,function(e){parseInt(e)?location.reload():t()})}}),l(document).on("click",".js-newCapability",function(){var e=l(".dd-new-capability").val();if(""===e)t();else{var n={action:"create_capability",new_capability:e};l.post(ajaxurl,n,function(e){e?location.reload():t()})}}),l(document).on("click",".js-migrate",function(){var e={action:"migrateUsers",fromRole:l(".fromRole").val(),toRole:l(".toRole").val()};l.post(ajaxurl,e,function(e){location.reload()})}),l(document).on("change",".capLabel.active",function(){var n=l(this),t=n.parents(".roleRow").prev(".roleRow"),e={action:"changeCapState",state:n.children("input").is(":checked"),capName:n.children("input").val(),role_id:t.find(".role_id").val()};n.addClass("loading").find(".spinner").addClass("is-active"),l.post(ajaxurl,e,function(e){e=JSON.parse(e),n.removeClass("loading").find(".spinner").removeClass("is-active"),t.find(".progress-bar").css("width",e.percent),t.find(".progressCount").val(e.totalRoleActiveCapabilities),t.find(".sr-only").text(e.percent+" Capabilities")})}),l(document).on("click",".js-openInfo",function(e){e.preventDefault();var n=l(this).parents(".roleRow"),t=n.next(".capabilitiesRow"),a=n.find(".js-collapseLink"),o=a.text(),i=a.data("othertext");a.toggleClass("open").text(i).data("othertext",o),t.toggleClass("hidden")}),l(document).on("click",".deleteRole",function(e){e.preventDefault();var n={action:"deleteRole",role_id:l(this).parents(".roleRow").find(".role_id").val()};l.post(ajaxurl,n,function(e){location.reload()})}),l(document).on("click",".js-cleanUp",function(e){e.preventDefault();var n={action:"cleanUp",delcaps:l(".deleteCap").val()};l.post(ajaxurl,n,function(e){setInterval(location.reload(),5e3)})})}(jQuery); -
dd-roles/trunk/readme.txt
r2387363 r2388709 31 31 32 32 == Changelog == 33 34 = 4.1 = 35 * Removed de capabilities for Banned role 36 * Better responsive styling 37 * Use select2 for remove capabilities selectbox 33 38 34 39 = 4.0 = -
dd-roles/trunk/views/settingPage.php
r2386617 r2388709 57 57 <tr id="role-<?php echo $role_id ?>" class="role-<?php echo $role_id.' '.$rowZebra; if($is_default_role){echo ' defaultRole';}?> roleRow" valign="top"> 58 58 <?php 59 $CustomCapTrue = self::customCapBoolean(); 60 $className = !$is_default_role | $CustomCapTrue ? 'editRole js-collapseLink' : 'viewRole js-collapseLink'; 61 $titleName = $role_id != 'administrator' && !$is_default_role | $CustomCapTrue ? 'Edit this item' : 'View this item'; 62 $linkText = $role_id === 'administrator' | !$CustomCapTrue && $is_default_role ? __('View') : __('Edit'); 59 $className = !$is_default_role ? 'editRole js-collapseLink' : 'viewRole js-collapseLink'; 60 $titleName = $role_id != 'administrator' && !$is_default_role ? 'Edit this item' : 'View this item'; 61 $linkText = $role_id === 'administrator' | $is_default_role ? __('View') : __('Edit'); 63 62 $secondItem = !$is_default_role ? '<span class="trash"><a class="deleteRole" title="Delete this role: Users will be migrate to Subscribers" href="#">'.__('Delete').'</a></span>' : '<span>'.__("Default").' Wordpress '.__("Role").'</span>'; 64 63 $totalUsers = self::getRoleTotalUsers($role_id); … … 67 66 ?> 68 67 <td class="post-title role-title column-title"> 69 <strong><a class="row-title editRole js-openInfo" href="#" title="<?php echo $displayName;?>"><?php _e($displayName);?></a></strong> 68 <?php if($role_id != 'banned'): ?> 69 <strong><a class="row-title editRole js-openInfo" href="#" title="<?php echo $displayName;?>"><?php _e($displayName);?></a></strong> 70 <?php else: ?> 71 <strong><span class="row-title editRole" title="<?php echo $displayName;?>"><?php _e($displayName);?></span></strong> 72 <?php endif; ?> 70 73 <input type="hidden" class="role_id" value="<?php echo $role_id ?>"> 71 74 <?php if($role_id != 'banned'): ?> … … 88 91 </td> 89 92 </tr> 90 <tr id="capabilities-role-<?php echo $role_id ?>" class="capabilitiesRow hidden roleRow" valign="top"> 91 <td colspan="3"> 92 <div class="capabilitiesBlock"> 93 <?php 93 <?php if($role_id != 'banned'): ?> 94 <tr id="capabilities-role-<?php echo $role_id ?>" class="capabilitiesRow hidden roleRow" valign="top"> 95 <td colspan="3"> 96 <div class="capabilitiesBlock"> 97 <?php 94 98 95 $result = self::getGroupedCapabilities();96 $rol_capabilities = self::get_caps_names($role_id);99 $result = self::getGroupedCapabilities(); 100 $rol_capabilities = self::get_caps_names($role_id); 97 101 98 foreach( $result as $defaultCap ) : ?>102 foreach( $result as $defaultCap ) : ?> 99 103 100 <?php101 $title = $defaultCap['title'];102 $desc = $defaultCap['desc'];103 $capabilities = $defaultCap['capabilities'];104 ?>105 <div class="defaultCaps">106 <h4><?php echo $title; ?></h4>107 <p class="howto"><?php echo $desc; ?></p>104 <?php 105 $title = $defaultCap['title']; 106 $desc = $defaultCap['desc']; 107 $capabilities = $defaultCap['capabilities']; 108 ?> 109 <div class="defaultCaps"> 110 <h4><?php echo $title; ?></h4> 111 <p class="howto"><?php echo $desc; ?></p> 108 112 109 <ul class="read_cap clearfix">110 <?php111 foreach( $capabilities as $capability ) {113 <ul class="read_cap clearfix"> 114 <?php 115 foreach( $capabilities as $capability ) { 112 116 113 $is_default = in_array($capability, $this->defaultCapabilities) && $is_default_role;114 $capabilityDisplay = ucfirst(str_replace('_',' ',$capability));115 $selected = in_array($capability ,$rol_capabilities) ? 'checked' : '';116 $disabled = $is_default ? 'disabled' :'active';117 $is_default = in_array($capability, $this->defaultCapabilities) && $is_default_role; 118 $capabilityDisplay = ucfirst(str_replace('_',' ',$capability)); 119 $selected = in_array($capability ,$rol_capabilities) ? 'checked' : ''; 120 $disabled = $is_default ? 'disabled' :'active'; 117 121 118 echo '<li><label class="capLabel '.$disabled.'"><input '.$disabled.' class="'.$disabled.'" type="checkbox" '.$selected.' id="'.$capability.'" name="'.$capability.'" value="'.$capability.'">'.$capabilityDisplay.'<span class="spinner"></span></label></li>'; 119 } 120 ?> 121 </ul> 122 </div> 123 <?php endforeach; 124 125 $CustomCapTrue = self::customCapBoolean(); 126 if($CustomCapTrue): ?> 127 <div class="otherCaps"> 128 <h4>Other WP capabilities</h4> 129 <p class="howto">This is a bunch of capabilities set by third-part plugins or themes.</p> 130 <ul class="customCap clearfix"> 131 <?php 132 $all_caps = $rol_capabilities = self::get_caps_names('administrator'); 133 $rol_capabilities = self::get_caps_names($role_id); 134 $default_caps = self::get_default_caps(); 135 136 foreach( $all_caps as $capability ) : 137 $capabilityDisplay = str_replace('_',' ',$capability); 138 $capabilityDisplay = ucfirst($capabilityDisplay); 139 $selected = in_array($capability,$rol_capabilities) ? 'checked' : ''; 140 $disabled = $role_id === "administrator" ? 'disabled' : 'active'; 141 142 if(!in_array($capability ,$default_caps)){ 143 echo '<li><label class="capLabel '.$disabled.'"><input '.$disabled.' type="checkbox" '.$selected.' id="'.$capability.'" name="'.$capability.'" value="'.$capability.'">'.$capabilityDisplay.'<span class="spinner"></span></label></li>'; 122 echo '<li><label class="capLabel '.$disabled.'"><input '.$disabled.' class="'.$disabled.'" type="checkbox" '.$selected.' id="'.$capability.'" name="'.$capability.'" value="'.$capability.'">'.$capabilityDisplay.'<span class="spinner"></span></label></li>'; 144 123 } 145 endforeach;146 ?>147 </ ul>148 < /div>149 < ?php endif; ?>150 </ div>151 </t d>152 < /tr>124 ?> 125 </ul> 126 </div> 127 <?php endforeach; ?> 128 </div> 129 </td> 130 </tr> 131 <?php endif; ?> 153 132 <?php endforeach; ?> 154 133 </tbody> -
dd-roles/trunk/views/widgets/manage_capabilities.php
r2386617 r2388709 32 32 <?php 33 33 $customCaps = $this->customCapabilities; 34 35 34 if($customCaps): ?> 36 35 <div class="cleanupCap" id="cleanupCap"> … … 40 39 <h4>Delete Capability</h4> 41 40 <i>Only custom capabilities can be deleted.</i> 42 <select name="deleteCap" id="role" class="widefat deleteCap"> 41 <select name="deleteCap" id="capabilitySelector" class="widefat deleteCap"> 42 <option value="" disabled selected>Select capability</option> 43 43 <?php 44 foreach( $customCaps as $capability ) { 45 $capabilityDisplay = str_replace('_',' ',$capability); 46 $capabilityDisplay = ucfirst($capabilityDisplay); 47 echo '<option value="'.$capability.'">'.$capabilityDisplay.'</option>'; 44 foreach( $customCaps as $type => $caps ) { 45 echo '<optgroup label="'.$type.'">'; 46 foreach ($caps as $cap) { 47 $capabilityDisplay = str_replace('_',' ',$cap); 48 $capabilityDisplay = ucfirst($capabilityDisplay); 49 echo '<option value="'.$cap.'">'.$capabilityDisplay.'</option>'; 50 } 51 echo '</optgroup>'; 48 52 } 49 53 ?>
Note: See TracChangeset
for help on using the changeset viewer.