Changeset 2743052
- Timestamp:
- 06/15/2022 05:26:13 PM (4 years ago)
- Location:
- grand-media/trunk
- Files:
-
- 7 edited
-
admin/assets/css/gmedia.admin.css (modified) (13 diffs)
-
config/update.php (modified) (1 diff)
-
grand-media.php (modified) (2 diffs)
-
inc/media-upload.php (modified) (28 diffs)
-
inc/post-metabox.php (modified) (2 diffs)
-
module (modified) (1 prop)
-
readme.txt (modified) (3 diffs)
Legend:
- Unmodified
- Added
- Removed
-
grand-media/trunk/admin/assets/css/gmedia.admin.css
r2740115 r2743052 1 .grand-media-admin-page #wpcontent { background-color: transparent !important; } 1 .grand-media-admin-page #wpcontent { 2 background-color: transparent !important; 3 } 2 4 3 5 .grand-media-admin-page #wpbody-content > .update-nag, 4 .grand-media-admin-page #wpbody-content > .updated.fade {display: none;} 5 6 #adminmenuback {z-index: 0} 6 .grand-media-admin-page #wpbody-content > .updated.fade { 7 display: none; 8 } 9 10 #adminmenuback { 11 z-index: 0 12 } 7 13 8 14 #adminmenu #toplevel_page_GrandMedia ul.wp-submenu { 9 display: none;15 display: none; 10 16 } 11 17 12 18 #wpfooter { 13 color: #ffffff;19 color: #ffffff; 14 20 } 15 21 16 22 #wpfooter a { 17 color: lightblue;23 color: lightblue; 18 24 } 19 25 20 26 #TB_caption { 21 height: auto;27 height: auto; 22 28 } 23 29 24 30 a { 25 color: #0074a2;26 text-decoration: none;31 color: #0074a2; 32 text-decoration: none; 27 33 } 28 34 29 35 a:hover { 30 text-decoration: underline;36 text-decoration: underline; 31 37 } 32 38 33 39 input[type="checkbox"] { 34 margin-top: 2px;35 margin-right: 2px40 margin-top: 2px; 41 margin-right: 2px 36 42 } 37 43 38 44 input[type="checkbox"], input[type="radio"] { 39 height: 16px;40 width: 16px;41 min-width: 0 !important;45 height: 16px; 46 width: 16px; 47 min-width: 0 !important; 42 48 } 43 49 44 50 input[type="button"] { 45 min-width: 0 !important;51 min-width: 0 !important; 46 52 } 47 53 48 54 .checkbox, .radio { 49 margin-top: 5px;50 margin-bottom: 5px;55 margin-top: 5px; 56 margin-bottom: 5px; 51 57 } 52 58 53 59 input::-moz-focus-inner { 54 border: 0;55 padding: 0;56 margin-top: -2px;57 margin-bottom: -2px;60 border: 0; 61 padding: 0; 62 margin-top: -2px; 63 margin-bottom: -2px; 58 64 } 59 65 60 66 form, 61 .gmedia-admin form { margin: 0; } 62 63 legend.label { text-align: left; display: block; } 64 65 textarea.vert { resize: vertical; } 66 67 textarea.noResize { resize: none; } 67 .gmedia-admin form { 68 margin: 0; 69 } 70 71 legend.label { 72 text-align: left; 73 display: block; 74 } 75 76 textarea.vert { 77 resize: vertical; 78 } 79 80 textarea.noResize { 81 resize: none; 82 } 68 83 69 84 body.gmedia-busy { 70 cursor: wait !important;85 cursor: wait !important; 71 86 } 72 87 73 88 iframe { 74 background-color: #ffffff; 75 } 76 77 select.disabled {pointer-events: none;} 89 background-color: #ffffff; 90 } 91 92 select.disabled { 93 pointer-events: none; 94 } 78 95 79 96 #gmedia-data-helper { 80 background: #333;81 background: rgba(0, 0, 0, .8);82 border-radius: 5px;83 color: #fff;84 padding: 4px 10px;85 position: fixed;86 z-index: 999999;87 max-width: 220px;88 word-wrap: break-word;97 background: #333; 98 background: rgba(0, 0, 0, .8); 99 border-radius: 5px; 100 color: #fff; 101 padding: 4px 10px; 102 position: fixed; 103 z-index: 999999; 104 max-width: 220px; 105 word-wrap: break-word; 89 106 } 90 107 91 108 #gmedia-data-helper:before { 92 border: solid;93 border-color: #333 transparent;94 border-width: 0 6px 6px 6px;95 bottom: 100%;96 content: "";97 left: 17px;98 position: absolute;99 z-index: 99;109 border: solid; 110 border-color: #333 transparent; 111 border-width: 0 6px 6px 6px; 112 bottom: 100%; 113 content: ""; 114 left: 17px; 115 position: absolute; 116 z-index: 99; 100 117 } 101 118 102 119 #gmedia-data-helper.tiptoleft:before { 103 left: auto;104 right: 17px;120 left: auto; 121 right: 17px; 105 122 } 106 123 107 124 body.gmedia-blank { 108 height: auto;109 min-height: 100%;110 padding: 0 0 1px;111 box-sizing: border-box;125 height: auto; 126 min-height: 100%; 127 padding: 0 0 1px; 128 box-sizing: border-box; 112 129 } 113 130 114 131 body.gmedia-blank pre { 115 margin: 0;116 padding: 0;117 border: none;132 margin: 0; 133 padding: 0; 134 border: none; 118 135 } 119 136 120 137 body.gmedia-blank > .hidden { 121 display: contents;138 display: contents; 122 139 } 123 140 124 141 .gmedia-body div#gm-message { 125 position: absolute;126 right: 5px;127 top: 5px;128 overflow: visible;129 z-index: 200;142 position: absolute; 143 right: 5px; 144 top: 5px; 145 overflow: visible; 146 z-index: 200; 130 147 } 131 148 132 149 .gmedia-body div#gm-message .gm-message { 133 text-align: right;150 text-align: right; 134 151 } 135 152 136 153 div#gmedia-container { 137 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;138 margin: 30px 5px 10px 0;139 position: relative;140 z-index: 1;141 direction: ltr;142 min-width: 560px;143 -webkit-backface-visibility: hidden;144 backface-visibility: hidden;145 box-sizing: border-box;154 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 155 margin: 30px 5px 10px 0; 156 position: relative; 157 z-index: 1; 158 direction: ltr; 159 min-width: 560px; 160 -webkit-backface-visibility: hidden; 161 backface-visibility: hidden; 162 box-sizing: border-box; 146 163 } 147 164 148 165 div#gmedia-container * { 149 box-sizing: inherit;166 box-sizing: inherit; 150 167 } 151 168 152 169 div#gmedia-container .row, 153 170 div.gmedia-modal .row { 154 padding: 0;171 padding: 0; 155 172 } 156 173 157 174 div#gmedia-container form.row { 158 padding: 15px 0;159 display: flex;175 padding: 15px 0; 176 display: flex; 160 177 } 161 178 162 179 body.gmedia-blank div#gmedia-container { 163 margin: 0;164 position: static;165 z-index: auto;166 direction: ltr;167 min-width: auto;168 width: 100%;169 height: 100%;180 margin: 0; 181 position: static; 182 z-index: auto; 183 direction: ltr; 184 min-width: auto; 185 width: 100%; 186 height: 100%; 170 187 } 171 188 172 189 div#gmedia-header { 173 position: relative;174 padding: 1px 1px 10px 1px;175 display: flex;176 flex-wrap: wrap;177 align-items: center;190 position: relative; 191 padding: 1px 1px 10px 1px; 192 display: flex; 193 flex-wrap: wrap; 194 align-items: center; 178 195 } 179 196 180 197 /*noinspection CssInvalidElement*/ 181 198 div#gmedia-logo { 182 position: relative;183 margin: 0 30px 0 15px;184 font-size: 48px;185 line-height: 20px;186 text-shadow: 1px 1px 4px #000000;187 font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;188 color: #ffffff;189 float: left;190 /*noinspection CssFloatPxLength*/191 -webkit-text-stroke-width: 0.7px;192 -webkit-text-stroke-color: #ffffff;193 -webkit-font-smoothing: antialiased;194 -webkit-user-select: none;195 -moz-user-select: none;196 -ms-user-select: none;197 user-select: none;198 cursor: default;199 position: relative; 200 margin: 0 30px 0 15px; 201 font-size: 48px; 202 line-height: 20px; 203 text-shadow: 1px 1px 4px #000000; 204 font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; 205 color: #ffffff; 206 float: left; 207 /*noinspection CssFloatPxLength*/ 208 -webkit-text-stroke-width: 0.7px; 209 -webkit-text-stroke-color: #ffffff; 210 -webkit-font-smoothing: antialiased; 211 -webkit-user-select: none; 212 -moz-user-select: none; 213 -ms-user-select: none; 214 user-select: none; 215 cursor: default; 199 216 } 200 217 201 218 div#gmedia-logo small { 202 display: block;203 font-size: 10px;204 margin-top: 7px;205 text-align: right;206 -webkit-text-stroke-width: 0;219 display: block; 220 font-size: 10px; 221 margin-top: 7px; 222 text-align: right; 223 -webkit-text-stroke-width: 0; 207 224 } 208 225 209 226 div#gmedia-header h2 { 210 margin: 0;211 font: italic 24px/35px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;212 color: #ffffff;213 flex: 1 1 180px;227 margin: 0; 228 font: italic 24px/35px Georgia, "Times New Roman", "Bitstream Charter", Times, serif; 229 color: #ffffff; 230 flex: 1 1 180px; 214 231 } 215 232 216 233 div#gmedia-header .promote-woowbox { 217 flex: 1 1 50%;218 margin-top: -10px;234 flex: 1 1 50%; 235 margin-top: -10px; 219 236 } 220 237 221 238 div#gmedia-header .promote-woowbox img { 222 border: 1px solid rgba(255, 255, 255, 0.7);239 border: 1px solid rgba(255, 255, 255, 0.7); 223 240 } 224 241 225 242 #ajax-long-operation { 226 position: absolute;227 right: 20px;228 bottom: 0;229 width: 25%;230 min-width: 220px;243 position: absolute; 244 right: 20px; 245 bottom: 0; 246 width: 25%; 247 min-width: 220px; 231 248 } 232 249 233 250 .progress-bar-indicator { 234 position: absolute;235 width: 100%;236 text-align: center;237 color: #204D74;251 position: absolute; 252 width: 100%; 253 text-align: center; 254 color: #204d74; 238 255 } 239 256 240 257 div#gmedia-navbar { 241 font-size: 14px;258 font-size: 14px; 242 259 } 243 260 244 261 a.list-group-item-premium { 245 color: #ffffff !important;246 background-color: #D82700;247 border-color: #A52A2A;248 font-weight: bold;262 color: #ffffff !important; 263 background-color: #d82700; 264 border-color: #a52a2a; 265 font-weight: bold; 249 266 } 250 267 251 268 a.list-group-item-premium:hover { 252 color: #ffffff !important;253 background-color: #c52400;254 border-color: #A52A2A;255 font-weight: bold;269 color: #ffffff !important; 270 background-color: #c52400; 271 border-color: #a52a2a; 272 font-weight: bold; 256 273 } 257 274 258 275 div.custom-message { 259 padding: 5px 10px;260 margin: 0 0 10px;276 padding: 5px 10px; 277 margin: 0 0 10px; 261 278 } 262 279 263 280 form.gmedia-search-form { 264 float: right;265 margin-left: 10px;266 margin-bottom: 4px;267 white-space: nowrap;281 float: right; 282 margin-left: 10px; 283 margin-bottom: 4px; 284 white-space: nowrap; 268 285 } 269 286 270 287 form.gmedia-search-form .form-group { 271 margin: 0;272 display: inline-block;273 vertical-align: middle;288 margin: 0; 289 display: inline-block; 290 vertical-align: middle; 274 291 } 275 292 276 293 .gmedia-pager { 277 margin-bottom: 4px;294 margin-bottom: 4px; 278 295 } 279 296 280 297 form#gmedia-pager { 281 float: left;282 width: auto;298 float: left; 299 width: auto; 283 300 } 284 301 285 302 form#gmedia-pager span, 286 303 form#gmedia-pager input { 287 width: auto;288 display: inline-block;289 vertical-align: inherit;290 float: none;304 width: auto; 305 display: inline-block; 306 vertical-align: inherit; 307 float: none; 291 308 } 292 309 293 310 form#gmedia-pager span { 294 display: flex;295 align-items: center;311 display: flex; 312 align-items: center; 296 313 } 297 314 298 315 form#gmedia-pager input.pager_current_page { 299 padding-left: 0;300 padding-right: 0;301 text-align: center;302 width: 2.5em;316 padding-left: 0; 317 padding-right: 0; 318 text-align: center; 319 width: 2.5em; 303 320 } 304 321 305 322 .txt-lg { 306 font-size: 120%;307 line-height: 50%;323 font-size: 120%; 324 line-height: 50%; 308 325 } 309 326 310 327 a.text-danger { 311 color: #a94442;328 color: #a94442; 312 329 } 313 330 314 331 .btn > input[type="checkbox"] { 315 margin-top: 0; 316 width: 16px; 317 height: 16px; 318 } 319 320 .va-middle { vertical-align: middle } 332 margin-top: 0; 333 width: 16px; 334 height: 16px; 335 } 336 337 .va-middle { 338 vertical-align: middle 339 } 321 340 322 341 .gm-backfade { 323 background-color: rgba(0, 0, 0, 0.1);342 background-color: rgba(0, 0, 0, 0.1); 324 343 } 325 344 326 345 .dropdown-menu > .disabled { 327 cursor: not-allowed;346 cursor: not-allowed; 328 347 } 329 348 330 349 .dropdown-menu > .disabled > a { 331 pointer-events: none; 332 } 333 334 .card-header-fake { display: none; } 350 pointer-events: none; 351 } 352 353 .card-header-fake { 354 display: none; 355 } 335 356 336 357 .panel-floatingHeader .card-header-fake, 337 .panel-absoluteHeader .card-header-fake { display: block; } 338 339 .panel-fixed-header { position: relative; } 340 341 .panel-fixed-header .card-header { position: relative; top: 0; max-width: 100%; 342 /*transition:top 0.2s ease-out; -webkit-transition:top 0.2s ease-out;*/ 343 } 344 345 .card-header .spinner { margin-top: 0; } 358 .panel-absoluteHeader .card-header-fake { 359 display: block; 360 } 361 362 .panel-fixed-header { 363 position: relative; 364 } 365 366 .panel-fixed-header .card-header { 367 position: relative; 368 top: 0; 369 max-width: 100%; 370 /*transition:top 0.2s ease-out; -webkit-transition:top 0.2s ease-out;*/ 371 } 372 373 .card-header .spinner { 374 margin-top: 0; 375 } 346 376 347 377 body.gmedia-blank .panel-floatingHeader .card-header, 348 378 .panel-floatingHeader .card-header { 349 position: fixed;350 top: 32px;351 z-index: 20;352 border-radius: 0;353 -webkit-box-shadow: 0 5px 10px #888888;354 -moz-box-shadow: 0 5px 10px #888888;355 box-shadow: 0 5px 10px #888888;379 position: fixed; 380 top: 32px; 381 z-index: 20; 382 border-radius: 0; 383 -webkit-box-shadow: 0 5px 10px #888888; 384 -moz-box-shadow: 0 5px 10px #888888; 385 box-shadow: 0 5px 10px #888888; 356 386 } 357 387 358 388 body.gmedia-blank .panel-floatingHeader .card-header { 359 top: 0;389 top: 0; 360 390 } 361 391 362 392 body.gmedia-blank .panel-absoluteHeader .card-header, 363 393 .panel-absoluteHeader .card-header { 364 position: absolute;365 z-index: 10;366 top: auto;367 bottom: 0;368 border-bottom: 1px solid transparent;369 border-bottom-right-radius: 3px;370 border-bottom-left-radius: 3px;394 position: absolute; 395 z-index: 10; 396 top: auto; 397 bottom: 0; 398 border-bottom: 1px solid transparent; 399 border-bottom-right-radius: 3px; 400 border-bottom-left-radius: 3px; 371 401 } 372 402 373 403 .dropdown-menu:not(.bootstrap-datetimepicker-widget) { 374 max-height: calc(100vh - 50px);375 overflow-y: auto;376 transform: translateX(0) !important;377 top: calc(100% + 2px) !important;378 bottom: auto !important;404 max-height: calc(100vh - 50px); 405 overflow-y: auto; 406 transform: translateX(0) !important; 407 top: calc(100% + 2px) !important; 408 bottom: auto !important; 379 409 } 380 410 381 411 a.btn, 382 412 a.dropdown-item { 383 text-decoration: none;413 text-decoration: none; 384 414 } 385 415 386 416 div#gm-list-table { 387 font-size: 13px;388 display: flex;389 flex-wrap: wrap;417 font-size: 13px; 418 display: flex; 419 flex-wrap: wrap; 390 420 } 391 421 392 422 div#gm-list-table::before { 393 display: block;394 content: '';395 float: left;396 width: 0;397 height: auto;398 overflow: hidden;423 display: block; 424 content: ''; 425 float: left; 426 width: 0; 427 height: auto; 428 overflow: hidden; 399 429 } 400 430 401 431 .list-group-item { 402 margin: 0;403 width: 100%;432 margin: 0; 433 width: 100%; 404 434 } 405 435 406 436 .list-group-item.row { 407 position: relative;408 margin-left: 0;409 margin-right: 0;410 padding-left: 0;411 padding-right: 0;437 position: relative; 438 margin-left: 0; 439 margin-right: 0; 440 padding-left: 0; 441 padding-right: 0; 412 442 } 413 443 414 444 div.list-group-item.d-row { 415 position: relative;416 color: inherit;417 z-index: 1;418 display: flex;445 position: relative; 446 color: inherit; 447 z-index: 1; 448 display: flex; 419 449 } 420 450 421 451 .no-touch div.list-group-item.d-row:hover { 422 background-color: #fafafa;452 background-color: #fafafa; 423 453 } 424 454 425 455 .no-touch form.list-group-item.d-row:hover { 426 background-color: #fcfcfc;456 background-color: #fcfcfc; 427 457 } 428 458 429 459 .list-group-item.d-row.gm-selected { 430 color: #444444;431 border-color: #dddddd;432 background-color: rgb(250, 255, 245);433 -webkit-box-shadow: inset -1px 0 0 2px rgb(250, 255, 245), inset 7px 0 0 0 #1e8cbe;434 -moz-box-shadow: inset -1px 0 0 2px rgb(250, 255, 245), inset 7px 0 0 0 #1e8cbe;435 box-shadow: inset -1px 0 0 2px rgb(250, 255, 245), inset 7px 0 0 0 #1e8cbe;460 color: #444444; 461 border-color: #dddddd; 462 background-color: rgb(250, 255, 245); 463 -webkit-box-shadow: inset -1px 0 0 2px rgb(250, 255, 245), inset 7px 0 0 0 #1e8cbe; 464 -moz-box-shadow: inset -1px 0 0 2px rgb(250, 255, 245), inset 7px 0 0 0 #1e8cbe; 465 box-shadow: inset -1px 0 0 2px rgb(250, 255, 245), inset 7px 0 0 0 #1e8cbe; 436 466 } 437 467 438 468 .no-touch .list-group-item.d-row.gm-selected:hover { 439 color: #444444;440 border-color: #dddddd;441 background-color: rgb(245, 255, 240);442 -webkit-box-shadow: inset -1px 0 0 2px rgb(245, 255, 240), inset 7px 0 0 0 #1e8cbe;443 -moz-box-shadow: inset -1px 0 0 2px rgb(245, 255, 240), inset 7px 0 0 0 #1e8cbe;444 box-shadow: inset -1px 0 0 2px rgb(245, 255, 240), inset 7px 0 0 0 #1e8cbe;469 color: #444444; 470 border-color: #dddddd; 471 background-color: rgb(245, 255, 240); 472 -webkit-box-shadow: inset -1px 0 0 2px rgb(245, 255, 240), inset 7px 0 0 0 #1e8cbe; 473 -moz-box-shadow: inset -1px 0 0 2px rgb(245, 255, 240), inset 7px 0 0 0 #1e8cbe; 474 box-shadow: inset -1px 0 0 2px rgb(245, 255, 240), inset 7px 0 0 0 #1e8cbe; 445 475 } 446 476 447 477 div#gmedia-container .list-group-item-info, 448 478 div#gmedia-container .list-group-item-info:hover { 449 background-color: #d9edf7 !important;450 color: inherit !important;479 background-color: #d9edf7 !important; 480 color: inherit !important; 451 481 } 452 482 453 483 div#gmedia-container .list-group-item-warning, 454 484 div#gmedia-container .list-group-item-warning:hover { 455 background-color: #fcf8e3 !important;456 color: inherit !important;485 background-color: #fcf8e3 !important; 486 color: inherit !important; 457 487 } 458 488 459 489 div#gmedia-container .item-after-limit { 460 filter: blur(1px);461 -webkit-filter: blur(1px);462 -moz-filter: blur(1px);463 -o-filter: blur(1px);464 -ms-filter: blur(1px);465 filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');490 filter: blur(1px); 491 -webkit-filter: blur(1px); 492 -moz-filter: blur(1px); 493 -o-filter: blur(1px); 494 -ms-filter: blur(1px); 495 filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1'); 466 496 } 467 497 468 498 .bg-status-private { 469 background-color: #d9edf7;470 -webkit-box-shadow: 3px 0 0 5px #d9edf7, -2px 0 0 5px #6fbfff;471 -moz-box-shadow: 3px 0 0 5px #d9edf7, -2px 0 0 5px #6fbfff;472 box-shadow: 3px 0 0 5px #d9edf7, -2px 0 0 5px #6fbfff;499 background-color: #d9edf7; 500 -webkit-box-shadow: 3px 0 0 5px #d9edf7, -2px 0 0 5px #6fbfff; 501 -moz-box-shadow: 3px 0 0 5px #d9edf7, -2px 0 0 5px #6fbfff; 502 box-shadow: 3px 0 0 5px #d9edf7, -2px 0 0 5px #6fbfff; 473 503 } 474 504 475 505 .bg-status-draft { 476 background-color: #fcf8e3;477 -webkit-box-shadow: 3px 0 0 5px #fcf8e3, -2px 0 0 5px #ffd87c;478 -moz-box-shadow: 3px 0 0 5px #fcf8e3, -2px 0 0 5px #ffd87c;479 box-shadow: 3px 0 0 5px #fcf8e3, -2px 0 0 5px #ffd87c;506 background-color: #fcf8e3; 507 -webkit-box-shadow: 3px 0 0 5px #fcf8e3, -2px 0 0 5px #ffd87c; 508 -moz-box-shadow: 3px 0 0 5px #fcf8e3, -2px 0 0 5px #ffd87c; 509 box-shadow: 3px 0 0 5px #fcf8e3, -2px 0 0 5px #ffd87c; 480 510 } 481 511 482 512 input.gm-order-input { 483 float: right; 484 border: 1px solid #ccc; 485 border-radius: 3px; 486 padding: 1px 3px; 487 margin: 0; 488 font-size: 12px; 489 line-height: 120%; 490 width: 3em; 491 text-align: right; 492 } 493 494 .form-group .gmpost-com-count {font-size: 16px;} 495 496 .gmpost-com-count:hover {text-decoration: none} 513 float: right; 514 border: 1px solid #ccc; 515 border-radius: 3px; 516 padding: 1px 3px; 517 margin: 0; 518 font-size: 12px; 519 line-height: 120%; 520 width: 3em; 521 text-align: right; 522 } 523 524 .form-group .gmpost-com-count { 525 font-size: 16px; 526 } 527 528 .gmpost-com-count:hover { 529 text-decoration: none 530 } 497 531 498 532 label.cb_media-object-gallery { 499 width: 40px; 500 position: absolute; 501 left: 5px; 502 top: 0; bottom: 0; 503 text-align: center; 504 padding-top: 4px; 533 width: 40px; 534 position: absolute; 535 left: 5px; 536 top: 0; 537 bottom: 0; 538 text-align: center; 539 padding-top: 4px; 505 540 } 506 541 507 542 .d-row .img-thumbnail { 508 margin-bottom: 0;543 margin-bottom: 0; 509 544 } 510 545 511 546 .gm-selected .img-thumbnail { 512 border-color: #428bca;547 border-color: #428bca; 513 548 } 514 549 515 550 .img-thumbnail { 516 position: relative;517 display: inline-block;518 max-width: 100%;551 position: relative; 552 display: inline-block; 553 max-width: 100%; 519 554 } 520 555 521 556 .img-thumbnail img { 522 display: block;523 max-width: 100%;524 height: auto;557 display: block; 558 max-width: 100%; 559 height: auto; 525 560 } 526 561 527 562 .display-as-grid .gm-item-cell { 528 padding: 12px 12px 10px;529 border: 4px solid #ffffff;530 background-color: #f7f7f7;531 min-width: 195px;532 max-width: 340px;533 border-radius: 14px;534 flex: 1 1 195px;563 padding: 12px 12px 10px; 564 border: 4px solid #ffffff; 565 background-color: #f7f7f7; 566 min-width: 195px; 567 max-width: 340px; 568 border-radius: 14px; 569 flex: 1 1 195px; 535 570 } 536 571 537 572 .display-as-grid .gm-item-cell-blank { 538 flex: 1 1 195px; 539 } 540 541 .display-as-grid .gm-item-cell.ui-highlight-placeholder {margin-bottom: 0;background-color: #2c7c91;} 542 543 .edit-gmedia .gmedia-actions { margin: 10px; } 573 flex: 1 1 195px; 574 } 575 576 .display-as-grid .gm-item-cell.ui-highlight-placeholder { 577 margin-bottom: 0; 578 background-color: #2c7c91; 579 } 580 581 .edit-gmedia .gmedia-actions { 582 margin: 10px; 583 } 544 584 545 585 .gm-item-cell .gmedia-actions { 546 overflow: hidden; 547 position: absolute; 548 left: 0; top: 0; 549 transform: translateY(100%) translateZ(0); 550 opacity: 0; 551 transition: transform 0.1s, opacity 0.2s; 552 } 553 554 .gmedia-actions > * {margin-left: 5px; margin-right: 5px;} 555 556 .gm-item-cell .gmedia-actions > * {float: left;} 586 overflow: hidden; 587 position: absolute; 588 left: 0; 589 top: 0; 590 transform: translateY(100%) translateZ(0); 591 opacity: 0; 592 transition: transform 0.1s, opacity 0.2s; 593 } 594 595 .gmedia-actions > * { 596 margin-left: 5px; 597 margin-right: 5px; 598 } 599 600 .gm-item-cell .gmedia-actions > * { 601 float: left; 602 } 557 603 558 604 .gm-item-cell .gmedia-actions * { 559 -webkit-backface-visibility: hidden; 560 backface-visibility: hidden; 561 -webkit-transform-style: preserve-3d; 562 } 563 564 .gmedia-actions > *:first-child {margin-left: 0;} 565 566 .gmedia-actions > *:last-child {margin-right: 0;} 567 568 .related-media-previews {} 605 -webkit-backface-visibility: hidden; 606 backface-visibility: hidden; 607 -webkit-transform-style: preserve-3d; 608 } 609 610 .gmedia-actions > *:first-child { 611 margin-left: 0; 612 } 613 614 .gmedia-actions > *:last-child { 615 margin-right: 0; 616 } 617 618 .related-media-previews { 619 } 569 620 570 621 .related-media-previews::before, 571 622 .related-media-previews::after { 572 content: "";573 display: table;574 clear: both;575 height: 0;576 overflow: hidden;623 content: ""; 624 display: table; 625 clear: both; 626 height: 0; 627 overflow: hidden; 577 628 } 578 629 579 630 p.img-thumbnail.gmedia-related-image, 580 631 .related-media-previews p.gmedia-related-image { 581 width: 30%;582 float: left;583 display: inline-block;584 position: relative;585 margin-right: 3%;586 margin-top: 7px;632 width: 30%; 633 float: left; 634 display: inline-block; 635 position: relative; 636 margin-right: 3%; 637 margin-top: 7px; 587 638 } 588 639 589 640 .edit-gmedia p.img-thumbnail.gmedia-related-image, 590 641 .edit-gmedia .related-media-previews p.gmedia-related-image { 591 width: 44%;592 float: none;593 vertical-align: top;642 width: 44%; 643 float: none; 644 vertical-align: top; 594 645 } 595 646 596 647 p.img-thumbnail.gmedia-related-image .gm-remove { 597 padding: 1px;598 font-size: 15px;599 font-weight: bold;600 line-height: 0.7;601 border-radius: 50%;602 width: 1em;603 height: 1em;604 box-sizing: content-box;605 color: #fff;606 background-color: #cc0d00;607 text-align: center;608 position: absolute;609 right: -0.5em;610 top: -0.5em;611 transform: scale(0);612 transition: transform 0.1s ease-in;613 cursor: pointer;648 padding: 1px; 649 font-size: 15px; 650 font-weight: bold; 651 line-height: 0.7; 652 border-radius: 50%; 653 width: 1em; 654 height: 1em; 655 box-sizing: content-box; 656 color: #fff; 657 background-color: #cc0d00; 658 text-align: center; 659 position: absolute; 660 right: -0.5em; 661 top: -0.5em; 662 transform: scale(0); 663 transition: transform 0.1s ease-in; 664 cursor: pointer; 614 665 } 615 666 616 667 p.img-thumbnail.gmedia-related-image:hover .gm-remove { 617 transform: scale(1);668 transform: scale(1); 618 669 } 619 670 620 671 p.img-thumbnail.gmedia-related-image .image-wrapper { 621 display: block;622 position: relative;623 width: 100%;624 height: 0;625 padding-bottom: 62.5%;626 cursor: move;672 display: block; 673 position: relative; 674 width: 100%; 675 height: 0; 676 padding-bottom: 62.5%; 677 cursor: move; 627 678 } 628 679 629 680 p.img-thumbnail.gmedia-related-image img.gmedia-thumb { 630 position: absolute;631 left: 0;632 top: 0;633 width: 100%;634 height: 100%;635 display: block;636 object-fit: contain;681 position: absolute; 682 left: 0; 683 top: 0; 684 width: 100%; 685 height: 100%; 686 display: block; 687 object-fit: contain; 637 688 } 638 689 639 690 .gm-item-cell .gm-cell-bottom { 640 position: relative;641 min-height: 20px;642 margin: 15px 0 0 2px;643 overflow: hidden;691 position: relative; 692 min-height: 20px; 693 margin: 15px 0 0 2px; 694 overflow: hidden; 644 695 } 645 696 646 697 .gm-item-cell .gm-cell-title { 647 overflow: hidden;648 font-size: 12px;649 font-weight: bold;650 cursor: pointer;651 opacity: 1;652 position: absolute;653 left: 0;654 top: 0;655 width: 100%;656 transition: opacity 0.15s;698 overflow: hidden; 699 font-size: 12px; 700 font-weight: bold; 701 cursor: pointer; 702 opacity: 1; 703 position: absolute; 704 left: 0; 705 top: 0; 706 width: 100%; 707 transition: opacity 0.15s; 657 708 } 658 709 659 710 .gm-item-cell .gm-cell-title span { 660 display: block; 661 width: 100%; 662 white-space: nowrap; 663 text-overflow: ellipsis; 664 overflow: hidden; 665 } 666 667 .gm-item-cell:hover .gm-cell-title { opacity: 0; pointer-events: none;} 668 669 .gm-item-cell:hover .gmedia-actions { transform: translateY(0) translateZ(0); opacity: 1;} 711 display: block; 712 width: 100%; 713 white-space: nowrap; 714 text-overflow: ellipsis; 715 overflow: hidden; 716 } 717 718 .gm-item-cell:hover .gm-cell-title { 719 opacity: 0; 720 pointer-events: none; 721 } 722 723 .gm-item-cell:hover .gmedia-actions { 724 transform: translateY(0) translateZ(0); 725 opacity: 1; 726 } 670 727 671 728 .display-as-grid div.img-thumbnail { 672 cursor: pointer;673 position: relative;674 display: block;675 border-radius: 0;676 margin: 0;677 padding: 0;678 -webkit-backface-visibility: hidden;679 backface-visibility: hidden;729 cursor: pointer; 730 position: relative; 731 display: block; 732 border-radius: 0; 733 margin: 0; 734 padding: 0; 735 -webkit-backface-visibility: hidden; 736 backface-visibility: hidden; 680 737 } 681 738 682 739 .display-as-grid div.img-thumbnail:before { 683 content: "";684 display: block;685 padding-top: 100%;740 content: ""; 741 display: block; 742 padding-top: 100%; 686 743 } 687 744 688 745 .display-as-grid .gm-selected div.img-thumbnail { 689 -webkit-box-shadow: 0 0 0 7px #1e8cbe;690 -moz-box-shadow: 0 0 0 7px #1e8cbe;691 box-shadow: 0 0 0 7px #1e8cbe;692 border-radius: 1px;746 -webkit-box-shadow: 0 0 0 7px #1e8cbe; 747 -moz-box-shadow: 0 0 0 7px #1e8cbe; 748 box-shadow: 0 0 0 7px #1e8cbe; 749 border-radius: 1px; 693 750 } 694 751 695 752 .display-as-grid div.img-thumbnail .cb_media-object, 696 753 .display-as-grid div.img-thumbnail .gm-item-cell-media-object { 697 bottom: 0;698 left: 0;699 overflow: hidden;700 position: absolute;701 right: 0;702 top: 0;703 text-align: center;704 margin: 0;754 bottom: 0; 755 left: 0; 756 overflow: hidden; 757 position: absolute; 758 right: 0; 759 top: 0; 760 text-align: center; 761 margin: 0; 705 762 } 706 763 707 764 .display-as-grid div.img-thumbnail .gm-cell-more { 708 position: absolute; 709 left: 0; top: 0; right: 0; 710 background: rgba(256, 256, 256, 0.6); 711 color: #000000; 712 cursor: auto; 765 position: absolute; 766 left: 0; 767 top: 0; 768 right: 0; 769 background: rgba(256, 256, 256, 0.6); 770 color: #000000; 771 cursor: auto; 713 772 } 714 773 715 774 .display-as-grid div.img-thumbnail .gm-cell-more-btn { 716 position: absolute; 717 top: 0; right: 0; 718 padding: 5px; 719 cursor: pointer; 720 color: #1e8cbe; 721 /*text-shadow: 1px 1px 1px #83acbf;*/ 775 position: absolute; 776 top: 0; 777 right: 0; 778 padding: 5px; 779 cursor: pointer; 780 color: #1e8cbe; 781 /*text-shadow: 1px 1px 1px #83acbf;*/ 722 782 } 723 783 724 784 .display-as-grid div.img-thumbnail .gm-cell-more-content { 725 padding: 5px 5px 0;726 display: none;727 overflow: hidden;728 /*transition:all 0.2s easy-out;*/729 font-size: 11px;785 padding: 5px 5px 0; 786 display: none; 787 overflow: hidden; 788 /*transition:all 0.2s easy-out;*/ 789 font-size: 11px; 730 790 } 731 791 732 792 .display-as-grid div.img-thumbnail .gm-cell-more-content .gmedia-actions { 733 display: none;793 display: none; 734 794 } 735 795 736 796 .display-as-grid div.img-thumbnail .gm-cell-more:hover, 737 797 .display-as-grid div.img-thumbnail .gm-cell-more.gm-cell-more-active { 738 z-index: 10;739 -webkit-box-shadow: 0 0 0 1px #dddddd, 0 4px 3px -1px rgba(0, 0, 0, 0.3);740 -moz-box-shadow: 0 0 0 1px #dddddd, 0 4px 3px -1px rgba(0, 0, 0, 0.3);741 box-shadow: 0 0 0 1px #dddddd, 0 4px 3px -1px rgba(0, 0, 0, 0.3);798 z-index: 10; 799 -webkit-box-shadow: 0 0 0 1px #dddddd, 0 4px 3px -1px rgba(0, 0, 0, 0.3); 800 -moz-box-shadow: 0 0 0 1px #dddddd, 0 4px 3px -1px rgba(0, 0, 0, 0.3); 801 box-shadow: 0 0 0 1px #dddddd, 0 4px 3px -1px rgba(0, 0, 0, 0.3); 742 802 } 743 803 744 804 .display-as-grid div.img-thumbnail .gm-cell-more:hover { 745 z-index: 11;805 z-index: 11; 746 806 } 747 807 748 808 .display-as-grid div.img-thumbnail .gm-cell-more:hover > div { 749 background: rgba(256, 256, 256, 0.7);809 background: rgba(256, 256, 256, 0.7); 750 810 } 751 811 752 812 .display-as-grid div.img-thumbnail .gm-cell-more-active .gm-cell-more-content .gmedia-actions { 753 display: block;813 display: block; 754 814 } 755 815 756 816 .display-as-grid div.img-thumbnail .gm-cell-more.gm-cell-more-active > div { 757 background: rgba(256, 256, 256, 0.9);817 background: rgba(256, 256, 256, 0.9); 758 818 } 759 819 760 820 .display-as-grid div.img-thumbnail .gm-cell-more:hover .gm-cell-more-content, 761 821 .display-as-grid div.img-thumbnail .gm-cell-more.gm-cell-more-active .gm-cell-more-content { 762 display: block;822 display: block; 763 823 } 764 824 765 825 .display-as-grid div.img-thumbnail .gm-cell-more-content p { 766 font-size: 11px;826 font-size: 11px; 767 827 } 768 828 769 829 .display-as-grid div.img-thumbnail .cb_media-object .centered, 770 830 .display-as-grid div.img-thumbnail .gm-item-cell-media-object .centered { 771 height: 100%;772 left: 0;773 position: absolute;774 top: 0;775 transform: translate(50%, 50%) translateZ(0);776 width: 100%;831 height: 100%; 832 left: 0; 833 position: absolute; 834 top: 0; 835 transform: translate(50%, 50%) translateZ(0); 836 width: 100%; 777 837 } 778 838 779 839 .display-as-grid div.img-thumbnail.landscape .cb_media-object .centered, 780 840 .display-as-grid div.img-thumbnail.landscape .gm-item-cell-media-object .centered { 781 transform: translate(50%, 50.5%) translateZ(0);841 transform: translate(50%, 50.5%) translateZ(0); 782 842 } 783 843 784 844 .display-as-grid div.img-thumbnail .cb_media-object img, 785 845 .display-as-grid div.img-thumbnail .gm-item-cell-media-object img { 786 left: 0;787 position: absolute;788 top: 0;789 transform: translate(-50%, -50%) translateZ(0);846 left: 0; 847 position: absolute; 848 top: 0; 849 transform: translate(-50%, -50%) translateZ(0); 790 850 } 791 851 792 852 .display-as-grid div.img-thumbnail.landscape img { 793 height: 101%;794 width: auto;795 max-width: initial;853 height: 101%; 854 width: auto; 855 max-width: initial; 796 856 } 797 857 798 858 .display-as-grid div.img-thumbnail.portrait img { 799 height: auto;800 width: 100%;859 height: auto; 860 width: 100%; 801 861 } 802 862 803 863 .display-as-grid.invert-ratio div.img-thumbnail.landscape img { 804 height: auto;805 width: 101%;806 max-width: initial;864 height: auto; 865 width: 101%; 866 max-width: initial; 807 867 } 808 868 809 869 .display-as-grid.invert-ratio div.img-thumbnail.portrait img { 810 height: 101%;811 width: auto;812 max-width: initial;870 height: 101%; 871 width: auto; 872 max-width: initial; 813 873 } 814 874 … … 816 876 .display-as-grid div.img-thumbnail .cb_media-object img.gmedia-typethumb, 817 877 .display-as-grid div.img-thumbnail .gm-item-cell-media-object img.gmedia-typethumb { 818 position: absolute;819 right: 7px;820 bottom: 7px;821 height: 75px;822 max-height: 60%;823 width: auto;824 max-width: initial;878 position: absolute; 879 right: 7px; 880 bottom: 7px; 881 height: 75px; 882 max-height: 60%; 883 width: auto; 884 max-width: initial; 825 885 } 826 886 827 887 .display-as-grid div.img-thumbnail .cb_media-object img.gmedia-typethumb, 828 888 .display-as-grid div.img-thumbnail .gm-item-cell-media-object img.gmedia-typethumb { 829 left: auto; 830 top: auto; 831 right: 50%; 832 bottom: 50%; 833 margin: 0 5px 5px 0; 834 transform: none; 835 opacity: 0.9; 836 } 837 838 .thumbwrap { position: relative; margin-bottom: 5px; } 889 left: auto; 890 top: auto; 891 right: 50%; 892 bottom: 50%; 893 margin: 0 5px 5px 0; 894 transform: none; 895 opacity: 0.9; 896 } 897 898 .thumbwrap { 899 position: relative; 900 margin-bottom: 5px; 901 } 839 902 840 903 .gm-item-check, 841 .gm-order { position: absolute; right: -8px; bottom: -8px; padding: 5px; margin: 0; border-style: solid; border-color: #1e8cbe; background-color: #ffffff; border-width: 1px 0 0 1px; } 842 843 .gm-item-check input { margin: 0; padding: 0; } 904 .gm-order { 905 position: absolute; 906 right: -8px; 907 bottom: -8px; 908 padding: 5px; 909 margin: 0; 910 border-style: solid; 911 border-color: #1e8cbe; 912 background-color: #ffffff; 913 border-width: 1px 0 0 1px; 914 } 915 916 .gm-item-check input { 917 margin: 0; 918 padding: 0; 919 } 844 920 845 921 .gm-order input { 846 display: block; 847 line-height: 120%; 848 width: 42px; 849 padding: 0 2px; 850 margin: 0; 851 text-align: center; 852 border: 1px solid #ccc; 853 border-radius: 4px; 854 } 855 856 .thumbwrap .gm-item-check { right: 1px; bottom: 1px; border: 1px solid #dddddd; border-radius: 5px 0 5px 0; border-right-color: transparent; border-bottom-color: transparent; border-width: 1px; } 857 858 .thumbwrap .cb_media-object { width: 100%; margin: 0; display: flex; } 922 display: block; 923 line-height: 120%; 924 width: 42px; 925 padding: 0 2px; 926 margin: 0; 927 text-align: center; 928 border: 1px solid #ccc; 929 border-radius: 4px; 930 } 931 932 .thumbwrap .gm-item-check { 933 right: 1px; 934 bottom: 1px; 935 border: 1px solid #dddddd; 936 border-radius: 5px 0 5px 0; 937 border-right-color: transparent; 938 border-bottom-color: transparent; 939 border-width: 1px; 940 } 941 942 .thumbwrap .cb_media-object { 943 width: 100%; 944 margin: 0; 945 display: flex; 946 } 859 947 860 948 .cb_media-object .img-thumbnail { 861 width: 100%;949 width: 100%; 862 950 } 863 951 864 952 .media-title { 865 font-size: 22px; 866 word-wrap: break-word; 867 } 868 869 .media-caption:empty { display: none; } 953 font-size: 22px; 954 word-wrap: break-word; 955 } 956 957 .media-caption:empty { 958 display: none; 959 } 870 960 871 961 .media-caption.in-library { 872 max-height: 215px;962 max-height: 215px; 873 963 } 874 964 875 965 .media-caption { 876 background-color: #f5f5f5;877 border: 1px solid #cccccc;878 border-radius: 4px;879 padding: 5px 7px;880 margin: 0 -6px 5px;881 overflow: auto;882 word-break: normal;883 word-wrap: break-word;884 max-height: 210px;966 background-color: #f5f5f5; 967 border: 1px solid #cccccc; 968 border-radius: 4px; 969 padding: 5px 7px; 970 margin: 0 -6px 5px; 971 overflow: auto; 972 word-break: normal; 973 word-wrap: break-word; 974 max-height: 210px; 885 975 } 886 976 887 977 .media-body .media-caption { 888 margin: 0;978 margin: 0; 889 979 } 890 980 891 981 .media-meta { 892 width: 100%; 893 overflow: hidden; 894 text-overflow: ellipsis; /*white-space:nowrap;*/ 895 } 896 897 .media-meta .gm_gallery_source { font-weight: bold; } 982 width: 100%; 983 overflow: hidden; 984 text-overflow: ellipsis; /*white-space:nowrap;*/ 985 } 986 987 .media-meta .gm_gallery_source { 988 font-weight: bold; 989 } 898 990 899 991 .media-meta .label-default { 900 background-color: #eeeeee;901 color: #444444;992 background-color: #eeeeee; 993 color: #444444; 902 994 } 903 995 904 996 .gmedia_id { 905 position: absolute;906 right: 10px;907 top: 10px;997 position: absolute; 998 right: 10px; 999 top: 10px; 908 1000 } 909 1001 910 1002 .term_id { 911 font-size: 80%;1003 font-size: 80%; 912 1004 } 913 1005 914 1006 .term_date { 915 font-size: 80%;1007 font-size: 80%; 916 1008 } 917 1009 918 1010 .term_date:empty { 919 display: none;1011 display: none; 920 1012 } 921 1013 922 1014 .term_date:before { 923 content: '[';1015 content: '['; 924 1016 } 925 1017 926 1018 .term_date:after { 927 content: ']';1019 content: ']'; 928 1020 } 929 1021 930 1022 #gm-list-table .hidden { 931 display: none !important;932 visibility: hidden !important;1023 display: none !important; 1024 visibility: hidden !important; 933 1025 } 934 1026 935 1027 form#adv-settings .form-inline .form-group { 936 margin-right: 20px;1028 margin-right: 20px; 937 1029 } 938 1030 … … 944 1036 945 1037 form.changed .gm-last-edited { 946 text-decoration: line-through;1038 text-decoration: line-through; 947 1039 } 948 1040 949 1041 .selectize-input.full input { 950 width: 4px !important;1042 width: 4px !important; 951 1043 } 952 1044 953 1045 .rel-selected-hide { 954 display: none;1046 display: none; 955 1047 } 956 1048 957 1049 .plupload_wrapper { 958 min-width: unset;1050 min-width: unset; 959 1051 } 960 1052 961 1053 .gmAddMedia { 962 padding: 0;1054 padding: 0; 963 1055 } 964 1056 965 1057 div#pluploadUploader { 966 padding: 0;967 box-sizing: border-box;1058 padding: 0; 1059 box-sizing: border-box; 968 1060 } 969 1061 970 1062 div#pluploadUploader > div > div * { 971 box-sizing: content-box;1063 box-sizing: content-box; 972 1064 } 973 1065 974 1066 .plupload_container { 975 padding: 0; 1067 padding: 0; 1068 } 1069 1070 .plupload_filelist li { 1071 display: flex; 1072 } 1073 1074 .plupload_filelist .plupload_file_name { 1075 flex: 1; 1076 } 1077 1078 .plupload_file_action { 1079 order: 3; 1080 } 1081 1082 .plupload_filelist_footer .plupload_file_action * { 1083 display: initial; 1084 } 1085 1086 .plupload_droptext { 1087 justify-content: center; 976 1088 } 977 1089 978 1090 div#pluploadUploader_container { 979 min-height: 450px;980 border-bottom-right-radius: 4px;1091 min-height: 450px; 1092 border-bottom-right-radius: 4px; 981 1093 } 982 1094 983 1095 div#pluploadUploader_container .plupload_filelist_footer { 984 border-bottom-right-radius: 4px; 985 font-size: 11px; 986 white-space: nowrap; 987 } 988 989 div#pluploadUploader_buttons { margin-bottom: 5px; } 990 991 div.plupload_started { float: left; } 1096 border-bottom-right-radius: 4px; 1097 font-size: 11px; 1098 white-space: nowrap; 1099 } 1100 1101 div#pluploadUploader_buttons { 1102 margin-bottom: 5px; 1103 } 1104 1105 div.plupload_started { 1106 float: left; 1107 } 992 1108 993 1109 div.card-body, div#gmedia-msg-panel, #gmedia-service-msg-panel { 994 -webkit-transition: all .2s ease-in-out;995 transition: all .2s ease-in-out;1110 -webkit-transition: all .2s ease-in-out; 1111 transition: all .2s ease-in-out; 996 1112 } 997 1113 998 1114 .plupload_scroll .plupload_filelist { 999 height: 315px;1115 height: 315px; 1000 1116 } 1001 1117 1002 1118 div.card-body:empty, div#gmedia-msg-panel:empty, #gmedia-service-msg-panel:empty { 1003 padding: 0;1119 padding: 0; 1004 1120 } 1005 1121 1006 1122 div#gmedia-msg-panel .alert, 1007 1123 #gmedia-service-msg-panel .alert { 1008 padding: 2px 35px 2px 12px; 1009 margin-bottom: 5px; 1124 padding: 2px 35px 2px 12px; 1125 margin-bottom: 5px; 1126 } 1127 1128 div#gmedia-msg-panel .alert .btn-close, 1129 #gmedia-service-msg-panel .alert .btn-close { 1130 transform: translateX(110%); 1010 1131 } 1011 1132 1012 1133 .plupload_content li { 1013 margin-bottom: 0;1134 margin-bottom: 0; 1014 1135 } 1015 1136 1016 1137 .progress { 1017 position: relative;1018 white-space: nowrap;1019 font-size: 12px;1020 line-height: 20px;1138 position: relative; 1139 white-space: nowrap; 1140 font-size: 12px; 1141 line-height: 20px; 1021 1142 } 1022 1143 1023 1144 .progress-bar { 1024 position: absolute;1025 overflow: hidden;1145 position: absolute; 1146 overflow: hidden; 1026 1147 } 1027 1148 1028 1149 .tab-inside { 1029 padding: 10px;1030 position: relative;1150 padding: 10px; 1151 position: relative; 1031 1152 } 1032 1153 1033 1154 .tab-footer { 1034 border-top: 1px solid #dddddd;1035 padding: 20px 10px 0;1155 border-top: 1px solid #dddddd; 1156 padding: 20px 10px 0; 1036 1157 } 1037 1158 1038 1159 div.form-control.selectize-control { 1039 padding: 0 !important;1160 padding: 0 !important; 1040 1161 } 1041 1162 1042 1163 .selectize-control.input-sm .selectize-input { 1043 min-height: 30px;1044 padding: 2px 10px;1045 font-size: 12px;1046 line-height: 1.9;1047 border-radius: 3px;1164 min-height: 30px; 1165 padding: 2px 10px; 1166 font-size: 12px; 1167 line-height: 1.9; 1168 border-radius: 3px; 1048 1169 } 1049 1170 1050 1171 .selectize-control.multi .selectize-input.has-items { 1051 padding-top: 2px;1172 padding-top: 2px; 1052 1173 } 1053 1174 1054 1175 .selectize-control.input-sm .selectize-input input { 1055 font-size: 12px;1176 font-size: 12px; 1056 1177 } 1057 1178 1058 1179 .selectize-control.input-sm .selectize-input:after { 1059 right: 10px;1180 right: 10px; 1060 1181 } 1061 1182 1062 1183 .selectize-control.input-sm .selectize-input > div { 1063 line-height: 146%;1184 line-height: 146%; 1064 1185 } 1065 1186 1066 1187 .term-list-item { 1067 padding-top: 0; 1068 padding-bottom: 0; 1069 z-index: 1; 1070 } 1071 1072 .object-actions { text-align: right; font-size: 16px; } 1073 1074 .object-actions.gallery-object-actions { text-align: left; margin-bottom: 5px; } 1075 1076 .object-actions > * { margin: 0 0 0 10px; vertical-align: middle; display: inline-block; } 1077 1078 .object-actions.gallery-object-actions > *:first-child { margin-left: 0; } 1079 1080 .object-actions a:hover { text-decoration: none; } 1188 padding-top: 0; 1189 padding-bottom: 0; 1190 z-index: 1; 1191 } 1192 1193 .object-actions { 1194 text-align: right; 1195 font-size: 16px; 1196 } 1197 1198 .object-actions.gallery-object-actions { 1199 text-align: left; 1200 margin-bottom: 5px; 1201 } 1202 1203 .object-actions > * { 1204 margin: 0 0 0 10px; 1205 vertical-align: middle; 1206 display: inline-block; 1207 } 1208 1209 .object-actions.gallery-object-actions > *:first-child { 1210 margin-left: 0; 1211 } 1212 1213 .object-actions a:hover { 1214 text-decoration: none; 1215 } 1081 1216 1082 1217 /*.gm_filter_in_lib { border:1px solid; border-radius:4px; font-size:14px; line-height:14px; padding:0 2px 0 4px; }*/ 1083 .gm_term_count { font-size: 13px; font-weight: bold; text-decoration: none; vertical-align: bottom; } 1084 1085 a.trash-icon:hover { color: #843534; } 1086 1087 .action-inactive { color: #b8b8b8; } 1088 1089 .action-inactive:hover { color: #b8b8b8; } 1218 .gm_term_count { 1219 font-size: 13px; 1220 font-weight: bold; 1221 text-decoration: none; 1222 vertical-align: bottom; 1223 } 1224 1225 a.trash-icon:hover { 1226 color: #843534; 1227 } 1228 1229 .action-inactive { 1230 color: #b8b8b8; 1231 } 1232 1233 .action-inactive:hover { 1234 color: #b8b8b8; 1235 } 1090 1236 1091 1237 .term-list-item .term-label .checkbox { 1092 padding-left: 35px;1093 padding-top: 6px;1094 min-height: 68px;1238 padding-left: 35px; 1239 padding-top: 6px; 1240 min-height: 68px; 1095 1241 } 1096 1242 1097 1243 .term-list-item .term-label .checkbox > input { 1098 margin-left: -35px;1099 margin-top: 2px;1244 margin-left: -35px; 1245 margin-top: 2px; 1100 1246 } 1101 1247 1102 1248 .term-list-item .checkbox input { 1103 margin-top: 0;1104 margin-right: 15px;1249 margin-top: 0; 1250 margin-right: 15px; 1105 1251 } 1106 1252 1107 1253 .term-list-item .term-description { 1108 padding: 0;1109 white-space: nowrap;1110 overflow: hidden;1111 color: #444444;1112 text-overflow: ellipsis;1254 padding: 0; 1255 white-space: nowrap; 1256 overflow: hidden; 1257 color: #444444; 1258 text-overflow: ellipsis; 1113 1259 } 1114 1260 1115 1261 .term-list-item .term-description:empty { 1116 padding: 0;1262 padding: 0; 1117 1263 } 1118 1264 1119 1265 .term-list-item .object-actions { 1120 position: absolute; 1121 right: 0; left: auto; top: 4px; 1122 line-height: 165%; 1266 position: absolute; 1267 right: 0; 1268 left: auto; 1269 top: 4px; 1270 line-height: 165%; 1123 1271 } 1124 1272 1125 1273 .term-list-item .term-images { 1126 padding-top: 5px;1127 padding-bottom: 5px;1128 overflow: hidden;1129 white-space: nowrap;1130 position: relative;1131 z-index: 1;1274 padding-top: 5px; 1275 padding-bottom: 5px; 1276 overflow: hidden; 1277 white-space: nowrap; 1278 position: relative; 1279 z-index: 1; 1132 1280 } 1133 1281 1134 1282 .term-list-item .term-images img { 1135 position: relative; 1136 height: 68px; 1137 width: auto; 1138 background-color: #ffffff; 1139 } 1140 1141 .term-list-item .term_name { margin-right: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 22px; display: inline-block; line-height: 100%; } 1142 1143 .term-list-item .no-checkbox .term_name { margin-right: 5px; font-size: 16px;} 1283 position: relative; 1284 height: 68px; 1285 width: auto; 1286 background-color: #ffffff; 1287 } 1288 1289 .term-list-item .term_name { 1290 margin-right: 80px; 1291 overflow: hidden; 1292 white-space: nowrap; 1293 text-overflow: ellipsis; 1294 font-size: 22px; 1295 display: inline-block; 1296 line-height: 100%; 1297 } 1298 1299 .term-list-item .no-checkbox .term_name { 1300 margin-right: 5px; 1301 font-size: 16px; 1302 } 1144 1303 1145 1304 .term-list-item .term_info_author { 1146 font-size: 80%; 1147 white-space: nowrap; 1148 color: #444444; 1149 } 1150 1151 .object-actions .term-shortcode {float: left;margin: 0;} 1305 font-size: 80%; 1306 white-space: nowrap; 1307 color: #444444; 1308 } 1309 1310 .object-actions .term-shortcode { 1311 float: left; 1312 margin: 0; 1313 } 1152 1314 1153 1315 .object-actions .term-shortcode input, 1154 .object-actions .term-shortcode .input-buffer { font-family: Courier, sans-serif; font-size: 14px; line-height: 100%; letter-spacing: 0.05em; border: none; box-shadow: none; background-color: #fff; margin: 0; padding: 0;} 1155 1156 .card-header .term-shortcode {float: left;} 1316 .object-actions .term-shortcode .input-buffer { 1317 font-family: Courier, sans-serif; 1318 font-size: 14px; 1319 line-height: 100%; 1320 letter-spacing: 0.05em; 1321 border: none; 1322 box-shadow: none; 1323 background-color: #fff; 1324 margin: 0; 1325 padding: 0; 1326 } 1327 1328 .card-header .term-shortcode { 1329 float: left; 1330 } 1157 1331 1158 1332 .card-header .term-shortcode input, 1159 .card-header .term-shortcode .input-buffer { font-family: Courier, sans-serif; font-size: 14px; letter-spacing: 0.05em; } 1160 1161 .term-shortcode .input-buffer {position: absolute; top: -1000px; left: -1000px; visibility: hidden; white-space: nowrap;} 1333 .card-header .term-shortcode .input-buffer { 1334 font-family: Courier, sans-serif; 1335 font-size: 14px; 1336 letter-spacing: 0.05em; 1337 } 1338 1339 .term-shortcode .input-buffer { 1340 position: absolute; 1341 top: -1000px; 1342 left: -1000px; 1343 visibility: hidden; 1344 white-space: nowrap; 1345 } 1162 1346 1163 1347 .no-touch .term-list-item .term-images img:hover { 1164 z-index: 100 !important; 1165 } 1166 1167 .edit_tag_link { font-size: 18px; } 1348 z-index: 100 !important; 1349 } 1350 1351 .edit_tag_link { 1352 font-size: 18px; 1353 } 1168 1354 1169 1355 .edit_tag_form { 1170 display: inline-block; 1171 margin-left: -5px; 1172 margin-bottom: -1px; 1173 margin-top: -1px; 1174 font-size: 18px; 1175 } 1176 1177 .edit_tag_form a { font-size: 18px; line-height: 100%;} 1356 display: inline-block; 1357 margin-left: -5px; 1358 margin-bottom: -1px; 1359 margin-top: -1px; 1360 font-size: 18px; 1361 } 1362 1363 .edit_tag_form a { 1364 font-size: 18px; 1365 line-height: 100%; 1366 } 1178 1367 1179 1368 .edit_tag_form input.edit_tag_input { 1180 padding: 0 5px;1181 border-width: 0 0 1px 0;1182 margin: 0;1183 font-size: 18px;1184 line-height: 100%;1369 padding: 0 5px; 1370 border-width: 0 0 1px 0; 1371 margin: 0; 1372 font-size: 18px; 1373 line-height: 100%; 1185 1374 } 1186 1375 1187 1376 a.edit_tag_save.btn { 1188 padding-top: 0;1189 padding-bottom: 0;1377 padding-top: 0; 1378 padding-bottom: 0; 1190 1379 } 1191 1380 1192 1381 .btn-link { 1193 text-decoration: none;1382 text-decoration: none; 1194 1383 } 1195 1384 1196 1385 .btn-link:hover { 1197 text-decoration: underline;1386 text-decoration: underline; 1198 1387 } 1199 1388 1200 1389 .no-touch a.edit_tag_save.btn-link:hover { 1201 text-decoration: none;1390 text-decoration: none; 1202 1391 } 1203 1392 1204 1393 .gm-img-thumbnail { 1205 display: inline-block;1206 position: relative;1207 margin-right: 5px;1208 margin-bottom: 25px;1209 max-width: 100%;1210 height: auto;1211 padding: 4px;1212 line-height: 1.428571429;1213 background-color: #ffffff;1214 border: 1px solid #dddddd;1215 border-radius: 4px;1394 display: inline-block; 1395 position: relative; 1396 margin-right: 5px; 1397 margin-bottom: 25px; 1398 max-width: 100%; 1399 height: auto; 1400 padding: 4px; 1401 line-height: 1.428571429; 1402 background-color: #ffffff; 1403 border: 1px solid #dddddd; 1404 border-radius: 4px; 1216 1405 } 1217 1406 1218 1407 .gm-img-thumbnail img { 1219 height: auto;1220 width: auto;1221 max-width: 100%;1222 max-height: 100%;1223 display: inline-block;1224 vertical-align: middle;1408 height: auto; 1409 width: auto; 1410 max-width: 100%; 1411 max-height: 100%; 1412 display: inline-block; 1413 vertical-align: middle; 1225 1414 } 1226 1415 1227 1416 #gmedia-edit-term .gm-img-thumbnail { 1228 text-align: center; 1229 margin: 0; 1230 } 1231 1232 #gmedia-edit-term .gm-img-thumbnail:empty {display: none;} 1233 1234 #gmedia-edit-term .gm-img-thumbnail img { max-height: 150px; } 1417 text-align: center; 1418 margin: 0; 1419 } 1420 1421 #gmedia-edit-term .gm-img-thumbnail:empty { 1422 display: none; 1423 } 1424 1425 #gmedia-edit-term .gm-img-thumbnail img { 1426 max-height: 150px; 1427 } 1235 1428 1236 1429 .choose-module { 1237 padding: 10px;1238 overflow: hidden;1239 margin: 0;1430 padding: 10px; 1431 overflow: hidden; 1432 margin: 0; 1240 1433 } 1241 1434 1242 1435 .no-touch .choose-module:hover { 1243 background-color: #d0e9c6;1436 background-color: #d0e9c6; 1244 1437 } 1245 1438 1246 1439 .choose-module .img-thumbnail { 1247 margin-bottom: 0;1440 margin-bottom: 0; 1248 1441 } 1249 1442 1250 1443 .media { 1251 overflow: hidden;1444 overflow: hidden; 1252 1445 } 1253 1446 1254 1447 .media > .img-thumbnail.float-start { 1255 padding: 4px;1256 margin-right: 10px1448 padding: 4px; 1449 margin-right: 10px 1257 1450 } 1258 1451 1259 1452 #gmedia_modules .media { 1260 border-bottom: 1px solid #444444;1261 padding-bottom: 15px;1262 margin-bottom: 30px;1453 border-bottom: 1px solid #444444; 1454 padding-bottom: 15px; 1455 margin-bottom: 30px; 1263 1456 } 1264 1457 1265 1458 #gmedia_modules .media:last-child { 1266 border-bottom: none;1267 padding-bottom: 0;1268 margin-bottom: 0;1459 border-bottom: none; 1460 padding-bottom: 0; 1461 margin-bottom: 0; 1269 1462 } 1270 1463 1271 1464 #gmedia_modules .buttons a.btn { 1272 margin-bottom: 7px;1465 margin-bottom: 7px; 1273 1466 } 1274 1467 1275 1468 #chooseModuleModal .choose-module { 1276 border-bottom: 1px solid #444444;1469 border-bottom: 1px solid #444444; 1277 1470 } 1278 1471 1279 1472 #chooseModuleModal .choose-module:last-child { 1280 border-bottom: none;1473 border-bottom: none; 1281 1474 } 1282 1475 1283 1476 .modules-body .media { 1284 display: none;1477 display: none; 1285 1478 } 1286 1479 1287 1480 .modules-body .module-filtered { 1288 display: block; 1289 } 1290 1291 .presetlist a { } 1481 display: block; 1482 } 1483 1484 .presetlist a { 1485 } 1292 1486 1293 1487 .gm-preset-id { 1294 font-size: smaller;1295 float: right;1296 padding: 0 15px 0 5px;1488 font-size: smaller; 1489 float: right; 1490 padding: 0 15px 0 5px; 1297 1491 } 1298 1492 … … 1300 1494 .addpreset:active, 1301 1495 .addpreset { 1302 margin: 0 8px 0;1303 line-height: 100%;1304 text-decoration: none;1305 outline: none;1496 margin: 0 8px 0; 1497 line-height: 100%; 1498 text-decoration: none; 1499 outline: none; 1306 1500 } 1307 1501 1308 1502 .addpreset span { 1309 line-height: 100%;1310 font-size: 74%;1311 padding: 0 5px 2px;1312 cursor: pointer;1503 line-height: 100%; 1504 font-size: 74%; 1505 padding: 0 5px 2px; 1506 cursor: pointer; 1313 1507 } 1314 1508 1315 1509 .delpreset { 1316 position: absolute;1317 right: 0;1318 top: 0;1319 bottom: 0;1320 padding: 0.6em 6px 0;1321 line-height: 100%;1510 position: absolute; 1511 right: 0; 1512 top: 0; 1513 bottom: 0; 1514 padding: 0.6em 6px 0; 1515 line-height: 100%; 1322 1516 } 1323 1517 1324 1518 .delpreset span { 1325 line-height: 100%;1326 font-size: 94%;1327 padding: 0 5px 2px;1328 cursor: pointer;1519 line-height: 100%; 1520 font-size: 94%; 1521 padding: 0 5px 2px; 1522 cursor: pointer; 1329 1523 } 1330 1524 1331 1525 body#media-upload { 1332 height: 100%;1333 overflow: auto;1334 margin: 0;1335 padding: 0;1336 background: #ffffff;1526 height: 100%; 1527 overflow: auto; 1528 margin: 0; 1529 padding: 0; 1530 background: #ffffff; 1337 1531 } 1338 1532 1339 1533 body#media-upload .panel { 1340 position: relative;1341 height: 100%;1342 overflow: auto;1343 margin: 0;1344 border-radius: 0;1345 border-top: none;1534 position: relative; 1535 height: 100%; 1536 overflow: auto; 1537 margin: 0; 1538 border-radius: 0; 1539 border-top: none; 1346 1540 } 1347 1541 1348 1542 body#media-upload .card-header { 1349 position: relative;1350 z-index: 100;1543 position: relative; 1544 z-index: 100; 1351 1545 } 1352 1546 1353 1547 body#media-upload .card-body { 1354 position: absolute; 1355 top: 55px; 1356 bottom: 0; 1357 width: 100%; 1358 overflow: hidden; 1359 z-index: 50; 1360 padding-top: 0; 1361 padding-bottom: 0; 1548 position: absolute; 1549 top: 55px; 1550 bottom: 0; 1551 width: 100%; 1552 overflow: hidden; 1553 z-index: 50; 1554 padding-top: 0; 1555 padding-bottom: 0; 1556 } 1557 1558 body#media-upload .card-body .row { 1559 width: 100%; 1362 1560 } 1363 1561 1364 1562 body#media-upload .card-body > .row { 1365 height: 100%;1563 height: 100%; 1366 1564 } 1367 1565 1368 1566 body#media-upload .card-body > .row > div { 1369 height: 100%;1370 overflow: auto;1371 padding-top: 15px;1372 padding-bottom: 15px;1567 height: 100%; 1568 overflow: auto; 1569 padding-top: 15px; 1570 padding-bottom: 15px; 1373 1571 } 1374 1572 1375 1573 body#media-upload .card-body .list-group-item { 1376 border-width: 0; 1377 border-top-width: 1px; 1378 margin: 0; 1574 border-width: 0; 1575 border-top-width: 1px; 1576 margin: 0; 1577 flex-direction: column; 1379 1578 } 1380 1579 1381 1580 body#media-upload .card-body .list-group-item:first-child { 1382 border-width: 0;1581 border-width: 0; 1383 1582 } 1384 1583 1385 1584 body#media-upload .term-list-item .term-images img { 1386 height: 30px;1585 height: 30px; 1387 1586 } 1388 1587 1389 1588 body#media-upload .term-list-item .term-label .no-checkbox { 1390 display: inline-block;1391 width: 100%;1392 margin: 10px 0;1589 display: inline-block; 1590 width: 100%; 1591 margin: 10px 0; 1393 1592 } 1394 1593 1395 1594 body#media-upload .term-list-item .term-info { 1396 display: none;1595 display: none; 1397 1596 } 1398 1597 1399 1598 .blank-aligner { 1400 display: inline-block;1401 height: 40px;1402 vertical-align: middle;1403 width: 1px;1404 overflow: hidden;1405 margin-right: -2em;1599 display: inline-block; 1600 height: 40px; 1601 vertical-align: middle; 1602 width: 1px; 1603 overflow: hidden; 1604 margin-right: -2em; 1406 1605 } 1407 1606 1408 1607 body#media-upload .media-upload-sidebar { 1409 border-left: 1px solid #cccccc;1410 background-color: #eeeeee;1411 padding: 0 !important;1412 position: relative;1608 border-left: 1px solid #cccccc; 1609 background-color: #eeeeee; 1610 padding: 0 !important; 1611 position: relative; 1413 1612 } 1414 1613 1415 1614 body#media-upload .media-upload-sidebar form { 1416 display: -webkit-box;1417 display: -moz-box;1418 display: -ms-flexbox;1419 display: -webkit-flex;1420 display: flex;1421 -webkit-flex-direction: column;1422 -moz-flex-direction: column;1423 -ms-flex-direction: column;1424 flex-direction: column;1425 height: 100%;1426 width: 100%;1615 display: -webkit-box; 1616 display: -moz-box; 1617 display: -ms-flexbox; 1618 display: -webkit-flex; 1619 display: flex; 1620 -webkit-flex-direction: column; 1621 -moz-flex-direction: column; 1622 -ms-flex-direction: column; 1623 flex-direction: column; 1624 height: 100%; 1625 width: 100%; 1427 1626 } 1428 1627 1429 1628 body#media-upload .media-upload-sidebar .media-upload-form-container { 1430 -webkit-box-flex: 1 auto;1431 -moz-box-flex: 1 auto;1432 -webkit-flex: 1 auto;1433 -ms-flex: 1 auto;1434 flex: 1 auto;1435 overflow: auto;1436 padding: 15px;1629 -webkit-box-flex: 1 auto; 1630 -moz-box-flex: 1 auto; 1631 -webkit-flex: 1 auto; 1632 -ms-flex: 1 auto; 1633 flex: 1 auto; 1634 overflow: auto; 1635 padding: 15px; 1437 1636 } 1438 1637 1439 1638 body#media-upload .media-upload-sidebar .card-footer { 1440 min-height: 57px;1639 min-height: 57px; 1441 1640 } 1442 1641 1443 1642 body#media-upload .img-thumbnail { 1444 margin: 0 5px 5px 0;1445 position: relative;1446 display: inline-block;1643 margin: 0 5px 5px 0; 1644 position: relative; 1645 display: inline-block; 1447 1646 } 1448 1647 1449 1648 body#media-upload .img-thumbnail.active { 1450 background-color: lightblue;1451 border-color: cadetblue;1452 } 1453 1454 body#media-upload .img-thumbnail i[class^="fa-"] {1455 display: none;1456 position: absolute;1457 right: -3px;1458 top: -7px;1459 font-size: 30px;1460 } 1461 1462 body#media-upload .img-thumbnail.active i[class^="fa-"] {1463 display: inline-block;1649 background-color: lightblue; 1650 border-color: cadetblue; 1651 } 1652 1653 body#media-upload .img-thumbnail [class^="fa-"] { 1654 display: none; 1655 position: absolute; 1656 right: -3px; 1657 top: -7px; 1658 font-size: 30px; 1659 } 1660 1661 body#media-upload .img-thumbnail.active [class^="fa-"] { 1662 display: inline-block; 1464 1663 } 1465 1664 1466 1665 body#media-upload .plupload_wrapper { 1467 height: 100%; 1468 box-sizing: border-box; 1469 overflow: hidden; 1470 } 1471 1472 .addtags-gap { height: 200px; } 1666 height: 100%; 1667 box-sizing: border-box; 1668 overflow: hidden; 1669 } 1670 1671 .addtags-gap { 1672 height: 200px; 1673 } 1473 1674 1474 1675 body#media-upload div#pluploadUploader .plupload_container { 1475 height: 100%; 1476 min-height: inherit !important; 1676 height: 100%; 1677 min-height: inherit !important; 1678 padding: 0; 1477 1679 } 1478 1680 1479 1681 body#media-upload .ui-resizable-handle { 1480 display: none !important; 1481 bottom: -1px; 1682 display: none !important; 1683 bottom: -1px; 1684 } 1685 1686 body#media-upload .plupload { 1687 flex-direction: column; 1688 display: flex; 1689 height: 100%; 1690 } 1691 1692 body#media-upload .plupload_content { 1693 flex: 1 0 auto; 1694 display: flex; 1695 flex-direction: column; 1696 } 1697 1698 body#media-upload .plupload_filelist { 1699 flex: 1 0 auto; 1700 height: auto; 1482 1701 } 1483 1702 1484 1703 #gmedia-post-thumbnail { 1485 font-size: 12px;1486 padding: 0;1487 display: inline;1488 white-space: normal;1704 font-size: 12px; 1705 padding: 0; 1706 display: inline; 1707 white-space: normal; 1489 1708 } 1490 1709 1491 1710 body.gmedia-blank.gmedia_image_editor { 1492 height: 100%;1493 overflow: auto;1494 margin: 0;1495 padding: 01711 height: 100%; 1712 overflow: auto; 1713 margin: 0; 1714 padding: 0 1496 1715 } 1497 1716 1498 1717 body.gmedia-blank.gmedia_image_editor .panel, 1499 1718 body.gmedia-blank.gmedia_map_editor .panel { 1500 position: relative;1501 height: 100%;1502 overflow: auto;1503 margin: 0;1719 position: relative; 1720 height: 100%; 1721 overflow: auto; 1722 margin: 0; 1504 1723 } 1505 1724 1506 1725 body.gmedia-blank .card-header { 1507 position: relative;1508 z-index: 100;1726 position: relative; 1727 z-index: 100; 1509 1728 } 1510 1729 1511 1730 body.gmedia-blank.gmedia_image_editor .card-body { 1512 position: absolute;1513 top: 55px;1514 bottom: 0;1515 width: 100%;1516 overflow: hidden;1517 z-index: 50;1518 padding-top: 0;1519 padding-bottom: 0;1731 position: absolute; 1732 top: 55px; 1733 bottom: 0; 1734 width: 100%; 1735 overflow: hidden; 1736 z-index: 50; 1737 padding-top: 0; 1738 padding-bottom: 0; 1520 1739 } 1521 1740 1522 1741 body.gmedia-blank.gmedia_image_editor .card-body .row { 1523 height: 100%;1742 height: 100%; 1524 1743 } 1525 1744 1526 1745 body.gmedia-blank.gmedia_image_editor .card-body .row > div { 1527 height: 100%;1528 overflow: auto;1529 padding-top: 15px;1530 padding-bottom: 15px;1746 height: 100%; 1747 overflow: auto; 1748 padding-top: 15px; 1749 padding-bottom: 15px; 1531 1750 } 1532 1751 1533 1752 body.gmedia-blank .media-edit-sidebar { 1534 border-left: 1px solid #cccccc;1535 background-color: #eeeeee;1536 padding: 0 0 55px 0 !important;1537 position: relative;1753 border-left: 1px solid #cccccc; 1754 background-color: #eeeeee; 1755 padding: 0 0 55px 0 !important; 1756 position: relative; 1538 1757 } 1539 1758 1540 1759 body.gmedia-blank #media-edit-form-container { 1541 height: 100%;1542 overflow: auto;1543 padding: 15px;1760 height: 100%; 1761 overflow: auto; 1762 padding: 15px; 1544 1763 } 1545 1764 1546 1765 body.gmedia-blank .media-edit-sidebar .card-footer { 1547 position: absolute;1548 left: 0;1549 bottom: 0;1550 right: 0;1766 position: absolute; 1767 left: 0; 1768 bottom: 0; 1769 right: 0; 1551 1770 } 1552 1771 1553 1772 body.gmedia_library .panel { 1554 margin-bottom: 0;1773 margin-bottom: 0; 1555 1774 } 1556 1775 1557 1776 #map-floating-panel { 1558 position: absolute; 1559 top: 15px; 1560 right: 15px; 1561 z-index: 5; 1562 background-color: #ffffff; 1563 padding: 0 0 5px 5px; 1564 width: 250px; 1565 } 1566 1567 #save_buttons_duplicate { display: none;} 1568 1569 .panel-floatingHeader #save_buttons_duplicate { display: block;} 1777 position: absolute; 1778 top: 15px; 1779 right: 15px; 1780 z-index: 5; 1781 background-color: #ffffff; 1782 padding: 0 0 5px 5px; 1783 width: 250px; 1784 } 1785 1786 #save_buttons_duplicate { 1787 display: none; 1788 } 1789 1790 .panel-floatingHeader #save_buttons_duplicate { 1791 display: block; 1792 } 1570 1793 1571 1794 #gallery_preview_ { 1572 width: 200%;1573 height: 800px;1574 margin-bottom: -400px;1575 overflow: auto;1576 -moz-transform: scale(0.5, 0.5) translateZ(0);1577 -webkit-transform: scale(0.5, 0.5) translateZ(0);1578 -o-transform: scale(0.5, 0.5) translateZ(0);1579 -ms-transform: scale(0.5, 0.5) translateZ(0);1580 transform: scale(0.5, 0.5) translateZ(0);1581 -moz-transform-origin: top left;1582 -webkit-transform-origin: top left;1583 -o-transform-origin: top left;1584 -ms-transform-origin: top left;1585 transform-origin: top left;1586 border: solid #cccccc 2px;1795 width: 200%; 1796 height: 800px; 1797 margin-bottom: -400px; 1798 overflow: auto; 1799 -moz-transform: scale(0.5, 0.5) translateZ(0); 1800 -webkit-transform: scale(0.5, 0.5) translateZ(0); 1801 -o-transform: scale(0.5, 0.5) translateZ(0); 1802 -ms-transform: scale(0.5, 0.5) translateZ(0); 1803 transform: scale(0.5, 0.5) translateZ(0); 1804 -moz-transform-origin: top left; 1805 -webkit-transform-origin: top left; 1806 -o-transform-origin: top left; 1807 -ms-transform-origin: top left; 1808 transform-origin: top left; 1809 border: solid #cccccc 2px; 1587 1810 } 1588 1811 1589 1812 .gallery_preview { 1590 padding: 0 5px 5px 0;1591 border-right: 1px dotted;1592 border-bottom: 1px dotted;1593 background-color: #eee;1594 width: 100%;1595 height: 600px;1596 resize: both;1597 overflow: hidden;1813 padding: 0 5px 5px 0; 1814 border-right: 1px dotted; 1815 border-bottom: 1px dotted; 1816 background-color: #eee; 1817 width: 100%; 1818 height: 600px; 1819 resize: both; 1820 overflow: hidden; 1598 1821 } 1599 1822 1600 1823 #gallery_preview { 1601 width: 100%;1602 height: 100%;1603 border: solid #cccccc 1px;1604 overflow: auto;1824 width: 100%; 1825 height: 100%; 1826 border: solid #cccccc 1px; 1827 overflow: auto; 1605 1828 } 1606 1829 1607 1830 #adv-settings { 1608 overflow: hidden;1831 overflow: hidden; 1609 1832 } 1610 1833 1611 1834 #screen-meta .form-group { 1612 padding-bottom: 10px;1835 padding-bottom: 10px; 1613 1836 } 1614 1837 1615 1838 #previewModal { 1616 z-index: 9999; 1617 overflow-x: auto; 1618 } 1619 1620 #previewModal .modal-header .btn-primary {display: none;} 1621 1622 #previewModal .select_gmedia .modal-header .btn-primary {display: inline-block;} 1623 1624 #previewModal .select_gmedia_image .modal-header .btn-primary {display: inline-block;} 1625 1626 #previewModal .select_gmedia_related .modal-header .btn-primary {display: inline-block;} 1627 1628 .edit_gmedia_item .modal-header {display: none;} 1629 1630 .edit_gmedia_item .modal-body {padding: 0;} 1631 1632 .edit_gmedia_item iframe {max-height: calc(100vh - 110px);} 1839 z-index: 9999; 1840 overflow-x: auto; 1841 } 1842 1843 #previewModal .modal-header .btn-primary { 1844 display: none; 1845 } 1846 1847 #previewModal .select_gmedia .modal-header .btn-primary { 1848 display: inline-block; 1849 } 1850 1851 #previewModal .select_gmedia_image .modal-header .btn-primary { 1852 display: inline-block; 1853 } 1854 1855 #previewModal .select_gmedia_related .modal-header .btn-primary { 1856 display: inline-block; 1857 } 1858 1859 .edit_gmedia_item .modal-header { 1860 display: none; 1861 } 1862 1863 .edit_gmedia_item .modal-body { 1864 padding: 0; 1865 } 1866 1867 .edit_gmedia_item iframe { 1868 max-height: calc(100vh - 110px); 1869 } 1633 1870 1634 1871 .select_gmedia .modal-body, 1635 1872 .select_gmedia_related .modal-body, 1636 .select_gmedia_image .modal-body {padding: 0;} 1873 .select_gmedia_image .modal-body { 1874 padding: 0; 1875 } 1637 1876 1638 1877 .select_gmedia iframe, 1639 1878 .select_gmedia_related iframe, 1640 .select_gmedia_image iframe {max-height: calc(100vh - 160px);} 1641 1642 .no-transition {transition: none !important; -webkit-transition: none !important;} 1643 1644 .checked_thumb {margin-top: -7px;text-align: center;} 1645 1646 .checked_thumb img {max-height: 55px;width: auto;height: auto;} 1647 1648 input.sharelink[readonly] { cursor: text; } 1649 1650 fieldset.gmediacustomstuff { margin: 0 0 10px; padding: .35em .625em .4em; position: relative; border: 1px solid silver } 1879 .select_gmedia_image iframe { 1880 max-height: calc(100vh - 160px); 1881 } 1882 1883 .no-transition { 1884 transition: none !important; 1885 -webkit-transition: none !important; 1886 } 1887 1888 .checked_thumb { 1889 margin-top: -7px; 1890 text-align: center; 1891 } 1892 1893 .checked_thumb img { 1894 max-height: 55px; 1895 width: auto; 1896 height: auto; 1897 } 1898 1899 input.sharelink[readonly] { 1900 cursor: text; 1901 } 1902 1903 fieldset.gmediacustomstuff { 1904 margin: 0 0 10px; 1905 padding: .35em .625em .4em; 1906 position: relative; 1907 border: 1px solid silver 1908 } 1909 1651 1910 fieldset.gmediacustomstuff legend { 1652 width: auto; 1653 float: none; 1654 color: #000; 1655 margin-right: auto; 1656 } 1657 1658 .delete-custom-field { margin: 4px 2px 0; cursor: pointer; } 1659 1660 .newcustomfield-modal { position: absolute; bottom: -0.6em; right: 8px; font-size: 80%; } 1661 1662 .gmapp-description, .gmapp-description p {font-size: 15px;} 1911 width: auto; 1912 float: none; 1913 color: #000; 1914 margin-right: auto; 1915 } 1916 1917 .delete-custom-field { 1918 margin: 4px 2px 0; 1919 cursor: pointer; 1920 } 1921 1922 .newcustomfield-modal { 1923 position: absolute; 1924 bottom: -0.6em; 1925 right: 8px; 1926 font-size: 80%; 1927 } 1928 1929 .gmapp-description, .gmapp-description p { 1930 font-size: 15px; 1931 } 1663 1932 1664 1933 div#wp-link-wrap { 1665 box-sizing: border-box;1934 box-sizing: border-box; 1666 1935 } 1667 1936 1668 1937 div#wp-link-wrap label { 1669 font-weight: normal;1670 display: block;1671 margin: 0;1938 font-weight: normal; 1939 display: block; 1940 margin: 0; 1672 1941 } 1673 1942 1674 1943 .input-group.gmedia_date input { 1675 background: #ffffff;1944 background: #ffffff; 1676 1945 } 1677 1946 1678 1947 @media (min-width: 782px) { 1679 div.modal {1680 top: 32px;1681 }1682 1683 body.gmedia-blank div.modal {1684 top: 0;1685 }1686 1687 div#termsModal .modal-dialog {1688 width: 350px;1689 }1948 div.modal { 1949 top: 32px; 1950 } 1951 1952 body.gmedia-blank div.modal { 1953 top: 0; 1954 } 1955 1956 div#termsModal .modal-dialog { 1957 width: 350px; 1958 } 1690 1959 1691 1960 } 1692 1961 1693 1962 @media (max-width: 600px) { 1694 .panel-floatingHeader .card-header,1695 .panel-absoluteHeader .card-header {1696 position: static;1697 box-shadow: none;1698 }1699 1700 .panel-floatingHeader .card-header-fake, .panel-absoluteHeader .card-header-fake {1701 display: none;1702 }1963 .panel-floatingHeader .card-header, 1964 .panel-absoluteHeader .card-header { 1965 position: static; 1966 box-shadow: none; 1967 } 1968 1969 .panel-floatingHeader .card-header-fake, .panel-absoluteHeader .card-header-fake { 1970 display: none; 1971 } 1703 1972 } 1704 1973 1705 1974 @media (max-width: 782px) { 1706 .panel-floatingHeader .card-header { 1707 top: 46px; 1708 } 1709 1710 div#wpwrap { 1711 background: #708090; 1712 } 1713 1714 div#wpbody select.input-sm { 1715 height: 30px; 1716 font-size: 12px; 1717 } 1718 1719 #adminmenu #toplevel_page_GrandMedia ul.wp-submenu { 1720 display: block; 1721 } 1722 1723 .media-body { display: block; } 1724 1725 .show-settings-link { display: none; } 1975 .panel-floatingHeader .card-header { 1976 top: 46px; 1977 } 1978 1979 div#wpwrap { 1980 background: #708090; 1981 } 1982 1983 div#wpbody select.input-sm { 1984 height: 30px; 1985 font-size: 12px; 1986 } 1987 1988 #adminmenu #toplevel_page_GrandMedia ul.wp-submenu { 1989 display: block; 1990 } 1991 1992 .media-body { 1993 display: block; 1994 } 1995 1996 .show-settings-link { 1997 display: none; 1998 } 1726 1999 } 1727 2000 1728 2001 @media (max-width: 991px) { 1729 body#media-upload .card-body > #gmUpload.row {1730 overflow-y: auto;1731 }1732 1733 body#media-upload .card-body > #gmUpload.row > div {1734 height: auto;1735 }1736 1737 body#media-upload .plupload_wrapper {1738 height: auto;1739 }1740 1741 body#media-upload div#pluploadUploader .plupload_container {1742 height: auto;1743 min-height: 300px !important;1744 }2002 body#media-upload .card-body > #gmUpload.row { 2003 overflow-y: auto; 2004 } 2005 2006 body#media-upload .card-body > #gmUpload.row > div { 2007 height: auto; 2008 } 2009 2010 body#media-upload .plupload_wrapper { 2011 height: auto; 2012 } 2013 2014 body#media-upload div#pluploadUploader .plupload_container { 2015 height: auto; 2016 min-height: 300px !important; 2017 } 1745 2018 } 1746 2019 … … 1754 2027 .tabs-right > .nav-tabs, 1755 2028 .tabs-left > .nav-tabs { 1756 border-bottom: 0;2029 border-bottom: 0; 1757 2030 } 1758 2031 1759 2032 .gm-tab-content > .tab-pane, 1760 2033 .pill-content > .pill-pane { 1761 display: none;2034 display: none; 1762 2035 } 1763 2036 1764 2037 .gm-tab-content > .active, 1765 2038 .pill-content > .active { 1766 display: block;2039 display: block; 1767 2040 } 1768 2041 1769 2042 .tabs-left > .nav-tabs > li, 1770 2043 .tabs-right > .nav-tabs > li { 1771 float: none;2044 float: none; 1772 2045 } 1773 2046 1774 2047 .tabs-left > .nav-tabs > li > a, 1775 2048 .tabs-right > .nav-tabs > li > a { 1776 min-width: 74px;1777 margin-right: 0;1778 margin-bottom: 3px;2049 min-width: 74px; 2050 margin-right: 0; 2051 margin-bottom: 3px; 1779 2052 } 1780 2053 1781 2054 .tabs-left > .nav-tabs { 1782 float: left;1783 margin-right: 19px;1784 border-right: 1px solid #dddddd;2055 float: left; 2056 margin-right: 19px; 2057 border-right: 1px solid #dddddd; 1785 2058 } 1786 2059 1787 2060 .tabs-left > .nav-tabs > li > a { 1788 margin-right: -1px;1789 -webkit-border-radius: 4px 0 0 4px;1790 -moz-border-radius: 4px 0 0 4px;1791 border-radius: 4px 0 0 4px;2061 margin-right: -1px; 2062 -webkit-border-radius: 4px 0 0 4px; 2063 -moz-border-radius: 4px 0 0 4px; 2064 border-radius: 4px 0 0 4px; 1792 2065 } 1793 2066 1794 2067 .no-touch .tabs-left > .nav-tabs > li > a:hover, 1795 2068 .tabs-left > .nav-tabs > li > a:focus { 1796 border-color: #eeeeee #dddddd #eeeeee #eeeeee;2069 border-color: #eeeeee #dddddd #eeeeee #eeeeee; 1797 2070 } 1798 2071 … … 1800 2073 .no-touch .tabs-left > .nav-tabs .active:hover, 1801 2074 .tabs-left > .nav-tabs .active:focus { 1802 border-color: #dddddd transparent #dddddd #dddddd;1803 *border-right-color: #ffffff;2075 border-color: #dddddd transparent #dddddd #dddddd; 2076 *border-right-color: #ffffff; 1804 2077 } 1805 2078 1806 2079 .tabs-right > .nav-tabs { 1807 float: right;1808 margin-left: 19px;1809 border-left: 1px solid #dddddd;2080 float: right; 2081 margin-left: 19px; 2082 border-left: 1px solid #dddddd; 1810 2083 } 1811 2084 1812 2085 .tabs-right > .nav-tabs > li > a { 1813 margin-left: -1px;1814 -webkit-border-radius: 0 4px 4px 0;1815 -moz-border-radius: 0 4px 4px 0;1816 border-radius: 0 4px 4px 0;2086 margin-left: -1px; 2087 -webkit-border-radius: 0 4px 4px 0; 2088 -moz-border-radius: 0 4px 4px 0; 2089 border-radius: 0 4px 4px 0; 1817 2090 } 1818 2091 1819 2092 .no-touch .tabs-right > .nav-tabs > li > a:hover, 1820 2093 .tabs-right > .nav-tabs > li > a:focus { 1821 border-color: #eeeeee #eeeeee #eeeeee #dddddd;2094 border-color: #eeeeee #eeeeee #eeeeee #dddddd; 1822 2095 } 1823 2096 … … 1825 2098 .no-touch .tabs-right > .nav-tabs .active:hover, 1826 2099 .tabs-right > .nav-tabs .active:focus { 1827 border-color: #dddddd #dddddd #dddddd transparent;1828 *border-left-color: #ffffff;2100 border-color: #dddddd #dddddd #dddddd transparent; 2101 *border-left-color: #ffffff; 1829 2102 } 1830 2103 1831 2104 /* custom badge colors */ 1832 .badge-error {background-color: #b94a48 !important; color: #fff !important;} 1833 1834 .badge-error:hover {background-color: #953b39 !important; color: #fff !important;} 1835 1836 .badge-warning {background-color: #f89406;} 1837 1838 .badge-warning:hover {background-color: #c67605;} 1839 1840 .badge-success {background-color: #468847 !important; color: #fff !important;} 1841 1842 .badge-success:hover {background-color: #356635 !important; color: #fff !important;} 1843 1844 .badge-info {background-color: #3a87ad;} 1845 1846 .badge-info:hover {background-color: #2d6987;} 1847 1848 .badge-inverse {background-color: #333333;} 1849 1850 .badge-inverse:hover {background-color: #1a1a1a;} 2105 .badge-error { 2106 background-color: #b94a48 !important; 2107 color: #fff !important; 2108 } 2109 2110 .badge-error:hover { 2111 background-color: #953b39 !important; 2112 color: #fff !important; 2113 } 2114 2115 .badge-warning { 2116 background-color: #f89406; 2117 } 2118 2119 .badge-warning:hover { 2120 background-color: #c67605; 2121 } 2122 2123 .badge-success { 2124 background-color: #468847 !important; 2125 color: #fff !important; 2126 } 2127 2128 .badge-success:hover { 2129 background-color: #356635 !important; 2130 color: #fff !important; 2131 } 2132 2133 .badge-info { 2134 background-color: #3a87ad; 2135 } 2136 2137 .badge-info:hover { 2138 background-color: #2d6987; 2139 } 2140 2141 .badge-inverse { 2142 background-color: #333333; 2143 } 2144 2145 .badge-inverse:hover { 2146 background-color: #1a1a1a; 2147 } 1851 2148 1852 2149 /* custom *-xs size for form elements */ 1853 2150 .btn-xs, 1854 2151 .btn-group-xs > .btn { 1855 padding: 0.15rem 0.4rem;1856 font-size: 15px;1857 border-radius: 0.2rem;2152 padding: 0.15rem 0.4rem; 2153 font-size: 15px; 2154 border-radius: 0.2rem; 1858 2155 } 1859 2156 1860 2157 .btn-sm, 1861 .btn-group-sm >.btn {1862 padding: 0.25rem 0.5rem;1863 font-size: 1rem;1864 border-radius: 0.2rem;2158 .btn-group-sm > .btn { 2159 padding: 0.25rem 0.5rem; 2160 font-size: 1rem; 2161 border-radius: 0.2rem; 1865 2162 } 1866 2163 … … 1873 2170 .input-group-xs input[type="datetime-local"], 1874 2171 .input-group-xs input[type="month"] { 1875 line-height: 22px;2172 line-height: 22px; 1876 2173 } 1877 2174 1878 2175 .form-control-static.input-xs { 1879 padding-right: 0;1880 padding-left: 0;2176 padding-right: 0; 2177 padding-left: 0; 1881 2178 } 1882 2179 1883 2180 .input-xs { 1884 height: 22px;1885 padding-left: 0.7em !important;1886 padding-right: 0.7em;1887 font-size: 0.9em !important;1888 line-height: 1.5 !important;1889 border-radius: 3px;2181 height: 22px; 2182 padding-left: 0.7em !important; 2183 padding-right: 0.7em; 2184 font-size: 0.9em !important; 2185 line-height: 1.5 !important; 2186 border-radius: 3px; 1890 2187 } 1891 2188 1892 2189 select.input-xs { 1893 height: 22px;1894 padding-left: 0.7em !important;1895 font-size: 0.9em !important;1896 line-height: 1.5 !important;2190 height: 22px; 2191 padding-left: 0.7em !important; 2192 font-size: 0.9em !important; 2193 line-height: 1.5 !important; 1897 2194 } 1898 2195 1899 2196 textarea.input-xs, 1900 2197 select[multiple].input-xs { 1901 height: auto;2198 height: auto; 1902 2199 } 1903 2200 1904 2201 .form-group { 1905 margin-bottom: 15px;2202 margin-bottom: 15px; 1906 2203 } 1907 2204 1908 2205 .form-group label { 1909 display: inline-block;1910 max-width: 100%;1911 margin-bottom: 5px;1912 font-weight: 700;2206 display: inline-block; 2207 max-width: 100%; 2208 margin-bottom: 5px; 2209 font-weight: 700; 1913 2210 } 1914 2211 1915 2212 .form-group-xs .form-control { 1916 height: 22px;1917 padding: 1px 10px;1918 font-size: 12px;1919 line-height: 1.5;1920 border-radius: 3px;2213 height: 22px; 2214 padding: 1px 10px; 2215 font-size: 12px; 2216 line-height: 1.5; 2217 border-radius: 3px; 1921 2218 } 1922 2219 1923 2220 select.form-group-xs .form-control { 1924 height: 22px;1925 line-height: 22px;2221 height: 22px; 2222 line-height: 22px; 1926 2223 } 1927 2224 1928 2225 textarea.form-group-xs .form-control, 1929 2226 select[multiple].form-group-xs .form-control { 1930 height: auto;2227 height: auto; 1931 2228 } 1932 2229 1933 2230 .form-group-xs .form-control-static { 1934 height: 22px;1935 min-height: 25px;1936 padding: 1px 5px;1937 font-size: 12px;1938 line-height: 1.5;2231 height: 22px; 2232 min-height: 25px; 2233 padding: 1px 5px; 2234 font-size: 12px; 2235 line-height: 1.5; 1939 2236 } 1940 2237 1941 2238 .input-xs + .form-control-feedback { 1942 width: 22px;1943 height: 22px;1944 line-height: 22px;2239 width: 22px; 2240 height: 22px; 2241 line-height: 22px; 1945 2242 } 1946 2243 1947 2244 @media (min-width: 768px) { 1948 .form-horizontal .form-group-xs .control-label {1949 padding-top: 4px;1950 }2245 .form-horizontal .form-group-xs .control-label { 2246 padding-top: 4px; 2247 } 1951 2248 } 1952 2249 … … 1954 2251 .input-group-xs > .input-group-text, 1955 2252 .input-group-xs > .input-group-btn > .btn { 1956 padding: 1px 5px;1957 font-size: 12px;1958 line-height: 1.5;1959 border-radius: 3px;2253 padding: 1px 5px; 2254 font-size: 12px; 2255 line-height: 1.5; 2256 border-radius: 3px; 1960 2257 } 1961 2258 … … 1963 2260 select.input-group-xs > .input-group-text, 1964 2261 select.input-group-xs > .input-group-btn > .btn { 1965 line-height: 22px;2262 line-height: 22px; 1966 2263 } 1967 2264 … … 1972 2269 select[multiple].input-group-xs > .input-group-text, 1973 2270 select[multiple].input-group-xs > .input-group-btn > .btn { 1974 height: auto;2271 height: auto; 1975 2272 } 1976 2273 1977 2274 .input-group-text.input-xs { 1978 padding: 1px 5px;1979 font-size: 12px;1980 border-radius: 3px;2275 padding: 1px 5px; 2276 font-size: 12px; 2277 border-radius: 3px; 1981 2278 } 1982 2279 … … 1988 2285 .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, 1989 2286 .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { 1990 border-bottom-right-radius: 0;1991 border-top-right-radius: 0;2287 border-bottom-right-radius: 0; 2288 border-top-right-radius: 0; 1992 2289 } 1993 2290 … … 1999 2296 .input-group-btn:last-child > .btn-group > .btn, 2000 2297 .input-group-btn:last-child > .dropdown-toggle { 2001 border-bottom-left-radius: 0;2002 border-top-left-radius: 0;2298 border-bottom-left-radius: 0; 2299 border-top-left-radius: 0; 2003 2300 } 2004 2301 2005 2302 .input-group-text.btn-primary { 2006 color: #fff;2007 background-color: #337ab7;2008 border-color: #2e6da4;2009 cursor: pointer;2303 color: #fff; 2304 background-color: #337ab7; 2305 border-color: #2e6da4; 2306 cursor: pointer; 2010 2307 } 2011 2308 2012 2309 div#gallery_options_block .form-control.input-sm { 2013 padding-block: 0;2310 padding-block: 0; 2014 2311 } 2015 2312 2016 2313 div#gallery_options_block .nav-item { 2017 margin-right: -1px;2314 margin-right: -1px; 2018 2315 } 2019 2316 2020 2317 div#gallery_options_block .nav-item.active { 2021 background-color: #fff;2318 background-color: #fff; 2022 2319 } 2023 2320 2024 2321 .notice.updated.gm-message { 2025 margin-left: 0;2026 margin-bottom: 30px;2027 /* clear: both; */2028 max-width: 800px;2322 margin-left: 0; 2323 margin-bottom: 30px; 2324 /* clear: both; */ 2325 max-width: 800px; 2029 2326 } 2030 2327 2031 2328 .gm-plugin-icon { 2032 float: left;2033 margin-right: 15px;2329 float: left; 2330 margin-right: 15px; 2034 2331 } 2035 2332 2036 2333 .gm-message-content * { 2037 font-size: 14px;2334 font-size: 14px; 2038 2335 } 2039 2336 2040 2337 .gm-message-actions { 2041 background-color: #e6eef1;2042 padding: 10px 12px;2043 margin: 0 -12px;2044 text-align: right;2338 background-color: #e6eef1; 2339 padding: 10px 12px; 2340 margin: 0 -12px; 2341 text-align: right; 2045 2342 } 2046 2343 2047 2344 .gm-message-actions button { 2048 margin-left: 20px !important;2345 margin-left: 20px !important; 2049 2346 } 2050 2347 2051 2348 .gm-message-plus.gm-closed ul { 2052 display: none;2349 display: none; 2053 2350 } 2054 2351 2055 2352 .gm-message-plus { 2056 text-align: center;2057 padding: 4px 0;2353 text-align: center; 2354 padding: 4px 0; 2058 2355 } 2059 2356 2060 2357 .gm-message-plus.gm-opened ul { 2061 display: block;2062 text-align: left;2063 margin: 20px 20px 10px 20px;2358 display: block; 2359 text-align: left; 2360 margin: 20px 20px 10px 20px; 2064 2361 } 2065 2362 2066 2363 .gm-message-plus ul li { 2067 margin-bottom: 12px;2364 margin-bottom: 12px; 2068 2365 } 2069 2366 2070 2367 .gm-message-plus ul li i.dashicons { 2071 float: left;2072 font-size: 40px;2073 width: 40px;2074 height: 40px;2368 float: left; 2369 font-size: 40px; 2370 width: 40px; 2371 height: 40px; 2075 2372 } 2076 2373 2077 2374 .gm-message-plus ul li div { 2078 margin-left: 55px;2375 margin-left: 55px; 2079 2376 } 2080 2377 2081 2378 .gm-message-plus ul li div span { 2082 font-weight: bold;2083 text-transform: uppercase;2084 color: #23282d;2379 font-weight: bold; 2380 text-transform: uppercase; 2381 color: #23282d; 2085 2382 } 2086 2383 2087 2384 .gm-message-plus ul li div p { 2088 margin: 2px 0 0 02385 margin: 2px 0 0 0 2089 2386 } 2090 2387 2091 2388 .gm-module-count-0 { 2092 display: none;2389 display: none; 2093 2390 } 2094 2391 2095 2392 #link-selector .link-target { 2096 display: none;2393 display: none; 2097 2394 } 2098 2395 2099 2396 /* Spectrum */ 2100 2397 .form-group .sp-replacer { 2101 width: 100%;2102 border-radius: 3px;2398 width: 100%; 2399 border-radius: 3px; 2103 2400 } 2104 2401 2105 2402 .form-group .sp-preview { 2106 width: calc(100% - 18px);2107 border-radius: 3px;2108 } 2403 width: calc(100% - 18px); 2404 border-radius: 3px; 2405 } -
grand-media/trunk/config/update.php
r2737116 r2743052 900 900 901 901 $gmCore->delete_folder( $gmCore->upload['path'] . '/module/amron' ); 902 $gmCore->delete_folder( $gmCore->upload['path'] . '/module/phantom' );903 902 $gmCore->delete_folder( $gmCore->upload['path'] . '/module/jq-mplayer' ); 904 903 $gmCore->delete_folder( $gmCore->upload['path'] . '/module/wp-videoplayer' ); 905 $gmCore->delete_folder( $gmCore->upload['path'] . '/module/cubik-lite' ); 906 $gmCore->delete_folder( $gmCore->upload['path'] . '/module/afflux' ); 907 $gmCore->delete_folder( $gmCore->upload['path'] . '/module/minima' ); 908 909 } 910 } 904 905 } 906 } -
grand-media/trunk/grand-media.php
r2740115 r2743052 4 4 * Plugin URI: http://wordpress.org/extend/plugins/grand-media/ 5 5 * Description: Gmedia Gallery - powerful media library plugin for creating beautiful galleries and managing files. 6 * Version: 1.21. 66 * Version: 1.21.7 7 7 * Author: Rattus 8 8 * Author URI: https://codeasily.com/ 9 * Requires at least: 5. 09 * Requires at least: 5.3.0 10 10 * Tested up to: 6.0 11 11 * Text Domain: grand-media … … 40 40 class Gmedia { 41 41 42 public $version = '1.21. 6';42 public $version = '1.21.7'; 43 43 public $dbversion = '1.8.0'; 44 public $minium_WP = ' 3.7';44 public $minium_WP = '5.3'; 45 45 public $options = ''; 46 46 public $do_module = array(); -
grand-media/trunk/inc/media-upload.php
r2738839 r2743052 84 84 /* <![CDATA[ */ 85 85 var win = window.dialogArguments || opener || parent || top; 86 jQuery( '#__gm-uploader', win.document).css('display', 'none');86 jQuery( '#__gm-uploader', win.document ).css( 'display', 'none' ); 87 87 /* ]]> */ 88 88 </script> … … 98 98 /* <![CDATA[ */ 99 99 var win = window.dialogArguments || opener || parent || top; 100 jQuery( '#__gm-uploader', win.document).css('display', 'none');100 jQuery( '#__gm-uploader', win.document ).css( 'display', 'none' ); 101 101 /* ]]> */ 102 102 </script> … … 127 127 /* <![CDATA[ */ 128 128 var win = window.dialogArguments || opener || parent || top; 129 jQuery( '#__gm-uploader', win.document).css('display', 'none');129 jQuery( '#__gm-uploader', win.document ).css( 'display', 'none' ); 130 130 /* ]]> */ 131 131 </script> … … 213 213 ?> 214 214 215 <div class="card m-0 mw-100 p-0" id="gmedia-container">215 <div class="card m-0 mw-100 min-vh-100 p-0" id="gmedia-container"> 216 216 <div class="card-header bg-light clearfix"> 217 217 <?php include GMEDIA_ABSPATH . 'admin/tpl/search-form.php'; ?> … … 230 230 </div> 231 231 <div class="card-body" id="gmedia-msg-panel"><?php echo wp_kses_post( $alert ); ?></div> 232 <div class="card-body " id="gm-list-table">233 <div class="row ">234 <div class="col- xs-7 col-md-9" style="padding: 0">232 <div class="card-body p-0" id="gm-list-table"> 233 <div class="row m-0"> 234 <div class="col-sm-7 col-md-9" style="padding: 0"> 235 235 <div class="list-group"> 236 236 <?php … … 268 268 269 269 <p class="media-meta"> 270 <span class="badge label-default"><?php esc_html_e( 'Author', 'grand-media' ); ?>:</span> <?php echo $term->global ? esc_html( get_the_author_meta( 'display_name', $term->global ) ) : '—'; ?>270 <span class="badge badge-info label-default"><?php esc_html_e( 'Author', 'grand-media' ); ?>:</span> <?php echo $term->global ? esc_html( get_the_author_meta( 'display_name', $term->global ) ) : '—'; ?> 271 271 </p> 272 272 … … 275 275 276 276 <p class="media-meta hidden" style="font-weight:bold"> 277 <span class="badge label-default"><?php esc_html_e( 'Shortcode', 'grand-media' ); ?>:</span> [gmedia id=<?php echo absint( $term->term_id ); ?>]277 <span class="badge badge-info label-default"><?php esc_html_e( 'Shortcode', 'grand-media' ); ?>:</span> [gmedia id=<?php echo absint( $term->term_id ); ?>] 278 278 <input type="hidden" name="shortcode" value="[gmedia id=<?php echo absint( $term->term_id ); ?>]"/> 279 279 </p> … … 288 288 <?php } ?> 289 289 </span> 290 <span class="badge label-default"><?php esc_html_e( 'Module', 'grand-media' ); ?>:</span> <?php echo esc_html( $term_meta['_module'] ); ?>291 <br><span class="badge label-default"><?php esc_html_e( 'Type', 'grand-media' ); ?>:</span> <?php echo esc_html( $module_info['type'] ); ?>292 <br><span class="badge label-default"><?php esc_html_e( 'Status', 'grand-media' ); ?>:</span> <?php echo esc_html( $term->status ); ?>290 <span class="badge badge-info label-default"><?php esc_html_e( 'Module', 'grand-media' ); ?>:</span> <?php echo esc_html( $term_meta['_module'] ); ?> 291 <br><span class="badge badge-info label-default"><?php esc_html_e( 'Type', 'grand-media' ); ?>:</span> <?php echo esc_html( $module_info['type'] ); ?> 292 <br><span class="badge badge-info label-default"><?php esc_html_e( 'Status', 'grand-media' ); ?>:</span> <?php echo esc_html( $term->status ); ?> 293 293 </span> 294 <span class="badge label-default"><?php esc_html_e( 'Last Edited', 'grand-media' ); ?>:</span> <?php echo esc_html( $term_meta['_edited'] ); ?>295 <br><span class="badge label-default"><?php esc_html_e( 'Query Args.', 'grand-media' ); ?>:</span> <?php echo ! empty( $term_meta['_query'] ) ? esc_html( str_replace( ',"', ', "', wp_json_encode( $term_meta['_query'] ) ) ) : ''; ?>294 <span class="badge badge-info label-default"><?php esc_html_e( 'Last Edited', 'grand-media' ); ?>:</span> <?php echo esc_html( $term_meta['_edited'] ); ?> 295 <br><span class="badge badge-info label-default"><?php esc_html_e( 'Query Args.', 'grand-media' ); ?>:</span> <?php echo ! empty( $term_meta['_query'] ) ? esc_html( str_replace( ',"', ', "', wp_json_encode( $term_meta['_query'] ) ) ) : ''; ?> 296 296 </p> 297 297 <?php … … 341 341 </div> 342 342 </div> 343 <div class="col- xs-5 col-md-3 media-upload-sidebar">343 <div class="col-sm-5 col-md-3 media-upload-sidebar"> 344 344 <form method="post" id="gmedia-form" role="form"> 345 345 <div id="media-upload-form-container" class="media-upload-form-container"></div> … … 354 354 </div> 355 355 <script type="text/javascript"> 356 jQuery( function($) {356 jQuery( function( $ ) { 357 357 function divFrame() { 358 $( '.card-body').css({top: $('.card-header').outerHeight()});358 $( '.card-body' ).css( {top: $( '.card-header' ).outerHeight()} ); 359 359 } 360 360 361 361 divFrame(); 362 $( window).on('resize', function() {362 $( window ).on( 'resize', function() { 363 363 divFrame(); 364 } );365 $( '.gmedia-insert-item').on('click', function() {366 var mufc = $( '#media-upload-form-container'),367 mufs = $('#media-upload-form-submit');368 if ( $(this).hasClass('gm-selected')) {369 $( this).removeClass('gm-selected');364 } ); 365 $( '.gmedia-insert-item' ).on( 'click', function() { 366 var mufc = $( '#media-upload-form-container' ), 367 mufs = $( '#media-upload-form-submit' ); 368 if ( $( this ).hasClass( 'gm-selected' ) ) { 369 $( this ).removeClass( 'gm-selected' ); 370 370 mufc.empty(); 371 mufs.prop( 'disabled', true);371 mufs.prop( 'disabled', true ); 372 372 return; 373 373 } 374 $( this).addClass('gm-selected').siblings().removeClass('gm-selected');375 var info = $( this).clone();376 info.find( '.media-caption').remove().end().find('.hidden').removeClass('hidden');377 mufc.html( info.html());378 mufs.prop( 'disabled', false);379 } );380 } );374 $( this ).addClass( 'gm-selected' ).siblings().removeClass( 'gm-selected' ); 375 var info = $( this ).clone(); 376 info.find( '.media-caption' ).remove().end().find( '.hidden' ).removeClass( 'hidden' ); 377 mufc.html( info.html() ); 378 mufs.prop( 'disabled', false ); 379 } ); 380 } ); 381 381 </script> 382 382 </div> … … 447 447 ?> 448 448 449 <div class="card m-0 mw-100 p-0">449 <div class="card m-0 mw-100 min-vh-100 p-0"> 450 450 <div class="card-header bg-light clearfix"> 451 451 <?php include GMEDIA_ABSPATH . 'admin/tpl/search-form.php'; ?> … … 465 465 </div> 466 466 <div class="card-body" id="gmedia-msg-panel"><?php echo wp_kses_post( $alert ); ?></div> 467 <div class="card-body " id="gm-list-table">468 <div class="row ">469 <div class="col- xs-7 col-md-9" style="padding: 0">467 <div class="card-body p-0" id="gm-list-table"> 468 <div class="row m-0"> 469 <div class="col-sm-7 col-md-9" style="padding: 0"> 470 470 <div class="list-group" id="gm-list-table" style="margin-bottom:4px;"> 471 471 <?php … … 571 571 <div class="list-group-item term-list-item d-row<?php echo esc_attr( $list_row_class ); ?>"> 572 572 <div class="row<?php echo esc_attr( $row_class ); ?>"> 573 <div class="col- xs-5 term-label">573 <div class="col-sm-5 term-label"> 574 574 <div class="no-checkbox"> 575 575 <span class="term_name"><?php echo esc_html( $item_name ); ?></span> 576 576 <span class="term_info_author"><?php echo esc_html( $author_name ); ?></span> 577 <span class="badge float-end"><?php echo esc_html( $item->count ); ?></span>577 <span class="badge badge-success float-end"><?php echo esc_html( $item->count ); ?></span> 578 578 </div> 579 579 </div> 580 <div class="col- xs-7">580 <div class="col-sm-7"> 581 581 <div class="term-images"> 582 582 <?php … … 692 692 </div> 693 693 </div> 694 <div class="col- xs-5 col-md-3 media-upload-sidebar">694 <div class="col-sm-5 col-md-3 media-upload-sidebar"> 695 695 <form method="post" id="gmedia-form" role="form"> 696 696 <div class="media-upload-form-container"> … … 739 739 </div> 740 740 <script type="text/javascript"> 741 jQuery( function($) {741 jQuery( function( $ ) { 742 742 function divFrame() { 743 $( '.card-body').css({top: $('.card-header').outerHeight()});743 $( '.card-body' ).css( {top: $( '.card-header' ).outerHeight()} ); 744 744 } 745 745 746 746 divFrame(); 747 $( window).on('resize', function() {747 $( window ).on( 'resize', function() { 748 748 divFrame(); 749 } );750 $( '.term-list-item').on('click', function() {751 $( this).addClass('gm-selected').siblings().removeClass('gm-selected');752 var info = $( '.term-info', this).clone();753 $( '#media-upload-form-container').html(info.html());754 $( '#media-upload-form-submit').prop('disabled', false);755 } );749 } ); 750 $( '.term-list-item' ).on( 'click', function() { 751 $( this ).addClass( 'gm-selected' ).siblings().removeClass( 'gm-selected' ); 752 var info = $( '.term-info', this ).clone(); 753 $( '#media-upload-form-container' ).html( info.html() ); 754 $( '#media-upload-form-submit' ).prop( 'disabled', false ); 755 } ); 756 756 /*$('#module_preset').on('change', function () { 757 757 if ($(this).val() && $('#media-upload-form-container').text()) { … … 761 761 } 762 762 });*/ 763 } );763 } ); 764 764 </script> 765 765 </div> … … 798 798 ?> 799 799 800 <div class="card m-0 mw-100 p-0" id="gmedia-container">800 <div class="card m-0 mw-100 min-vh-100 p-0" id="gmedia-container"> 801 801 <div class="card-header bg-light clearfix"> 802 802 <?php include GMEDIA_ABSPATH . 'admin/tpl/search-form.php'; ?> … … 805 805 </div> 806 806 </div> 807 <div class="card-body " id="gm-list-table">808 <div class="row ">809 <div class="col- xs-7 col-md-9" style="text-align:justify;white-space:normal;">807 <div class="card-body p-0" id="gm-list-table"> 808 <div class="row m-0"> 809 <div class="col-sm-7 col-md-9" style="text-align:justify;white-space:normal;"> 810 810 <?php 811 811 if ( count( $gmediaQuery ) ) { … … 885 885 <?php } ?> 886 886 </div> 887 <div class="col- xs-5 col-md-3 media-upload-sidebar">887 <div class="col-sm-5 col-md-3 media-upload-sidebar"> 888 888 <form method="post" id="gmedia-form" role="form"> 889 889 <div id="media-upload-form-container" class="media-upload-form-container"></div> … … 902 902 <!--suppress JSUnresolvedVariable --> 903 903 <script type="text/javascript"> 904 jQuery( function($) {904 jQuery( function( $ ) { 905 905 function divFrame() { 906 $( '.card-body').css({top: $('.card-header').outerHeight()});906 $( '.card-body' ).css( {top: $( '.card-header' ).outerHeight()} ); 907 907 } 908 908 909 909 divFrame(); 910 $( window).on('resize', function() {910 $( window ).on( 'resize', function() { 911 911 divFrame(); 912 } );913 $( '.img-thumbnail').on('click', function() {914 var form = $( '#media-upload-form-container');915 var but = $( '.card-footer .btn');916 if ( $(this).hasClass('active')) {917 $( this).removeClass('active');912 } ); 913 $( '.img-thumbnail' ).on( 'click', function() { 914 var form = $( '#media-upload-form-container' ); 915 var but = $( '.card-footer .btn' ); 916 if ( $( this ).hasClass( 'active' ) ) { 917 $( this ).removeClass( 'active' ); 918 918 form.empty(); 919 but.prop( 'disabled', true).addClass('disabled');919 but.prop( 'disabled', true ).addClass( 'disabled' ); 920 920 return; 921 921 } 922 $(this).addClass('active').siblings().removeClass('active'); 923 form.html($('.media-upload-form', this).html()); 924 but.prop('disabled', false).removeClass('disabled'); 925 }); 926 $('#gmedia-form').on('change', '#gmedia_url', function() { 927 var val = $(this).val(); 928 $(this).nextAll('input.' + val).show().prop('disabled', false).siblings('input').hide().prop('disabled', true); 929 }); 930 931 <?php 932 if ( $post_id && current_theme_supports( 'post-thumbnails', get_post_type( $post_id ) ) ) { 933 $featured_nonce = wp_create_nonce( "set_post_thumbnail-$post_id" ); 934 ?> 935 936 if (win.WPSetThumbnailID) { 937 $('#gmedia-post-thumbnail').on('click', function() { 938 if ($(this).hasClass('disabled')) { 922 $( this ).addClass( 'active' ).siblings().removeClass( 'active' ); 923 form.html( $( '.media-upload-form', this ).html() ); 924 but.prop( 'disabled', false ).removeClass( 'disabled' ); 925 } ); 926 $( '#gmedia-form' ).on( 'change', '#gmedia_url', function() { 927 var val = $( this ).val(); 928 $( this ).nextAll( 'input.' + val ).show().prop( 'disabled', false ).siblings( 'input' ).hide().prop( 'disabled', true ); 929 } ); 930 931 <?php 932 if ( $post_id && current_theme_supports( 'post-thumbnails', get_post_type( $post_id ) ) ) { 933 $featured_nonce = wp_create_nonce( "set_post_thumbnail-$post_id" ); 934 ?> 935 936 var win = window.dialogArguments || opener || parent || top; 937 if ( win.WPSetThumbnailID ) { 938 $( '#gmedia-post-thumbnail' ).on( 'click', function() { 939 if ( $( this ).hasClass( 'disabled' ) ) { 939 940 return false; 940 941 } 941 var id = $('form.active').data('id'); 942 $.post(ajaxurl, { 943 action: 'gmedia_set_post_thumbnail', post_id: '<?php echo absint( $post_id ); ?>', img_id: id, _wpnonce: '<?php echo esc_js( $featured_nonce ); ?>', 944 }, function(str) { 945 var win = window.dialogArguments || opener || parent || top; 946 if (str === '0') { 947 alert(win.setPostThumbnailL10n.error); 948 } 949 else if (str === '-1') { 950 // image removed 951 } 952 else { 953 win.WPSetThumbnailID(id); 954 win.WPSetThumbnailHTML(str); 955 } 956 $('#__gm-uploader', win.document).css('display', 'none'); 957 }, 942 var id = $( 'form.active' ).data( 'id' ); 943 $.post( ajaxurl, { 944 action: 'gmedia_set_post_thumbnail', post_id: '<?php echo absint( $post_id ); ?>', img_id: id, _wpnonce: '<?php echo esc_js( $featured_nonce ); ?>' 945 }, function( str ) { 946 var win = window.dialogArguments || opener || parent || top; 947 if ( str === '0' ) { 948 alert( win.setPostThumbnailL10n.error ); 949 } else if ( str === '-1' ) { 950 // image removed 951 } else { 952 win.WPSetThumbnailID( id ); 953 win.WPSetThumbnailHTML( str ); 954 } 955 $( '#__gm-uploader', win.document ).css( 'display', 'none' ); 956 } 958 957 ); 959 }); 958 } ); 959 } else { 960 $( '#gmedia-post-thumbnail' ).remove(); 960 961 } 961 else { 962 $('#gmedia-post-thumbnail').remove(); 963 } 964 965 <?php 966 } 967 ?> 968 }); 962 963 <?php 964 } 965 ?> 966 } ); 969 967 </script> 970 968 </div> … … 990 988 991 989 ?> 992 <div class="card m-0 mw-100 p-0">993 <div class="card-body " style="top:0">994 <form class="row " id="gmUpload" name="upload_form" method="POST" accept-charset="utf-8" onsubmit="return false;">990 <div class="card m-0 mw-100 min-vh-100 p-0"> 991 <div class="card-body p-0" style="top:0"> 992 <form class="row m-0" id="gmUpload" name="upload_form" method="POST" accept-charset="utf-8" onsubmit="return false;"> 995 993 <div class="col-md-8 col-md-push-4" id="pluploadUploader" style="padding: 0;"> 996 994 <p><?php esc_html_e( 'You browser doesn\'t have Flash or HTML5 support. Check also if page have no JavaScript errors.', 'grand-media' ); ?></p> … … 1012 1010 <script type="text/javascript"> 1013 1011 // Convert divs to queue widgets when the DOM is ready 1014 jQuery( function($) {1012 jQuery( function( $ ) { 1015 1013 //noinspection JSDuplicatedDeclaration 1016 $('#pluploadUploader').plupload({ 1017 <?php if ( 'auto' !== $gm_screen_options['uploader_runtime'] ) { ?> 1018 runtimes: '<?php echo esc_js( $gm_screen_options['uploader_runtime'] ); ?>', 1019 <?php } ?> 1020 url: '<?php echo esc_url( admin_url( 'admin-ajax.php' ) ); ?>', 1021 <?php if ( ( 'true' === $gm_screen_options['uploader_urlstream_upload'] ) && ( 'html4' !== $gm_screen_options['uploader_runtime'] ) ) { ?> 1022 urlstream_upload: true, 1023 multipart: false, 1024 <?php } else { ?> 1025 multipart: true, 1026 <?php } ?> 1027 multipart_params: {action: 'gmedia_upload_handler', _wpnonce_upload: '<?php echo esc_js( wp_create_nonce( 'gmedia_upload' ) ); ?>', params: ''}, 1028 <?php if ( 'true' === $gm_screen_options['uploader_chunking'] && ( 'html4' !== $gm_screen_options['uploader_runtime'] ) ) { ?> 1029 max_file_size: '2000Mb', 1030 chunk_size: <?php echo (int) min( $maxchunksize, $gm_screen_options['uploader_chunk_size'] * 1024 * 1024 ); ?>, 1031 <?php } else { ?> 1032 max_file_size: <?php echo (int) $maxupsize; ?>, 1033 <?php } ?> 1034 max_retries: 2, 1035 unique_names: false, 1036 rename: true, 1037 sortable: true, 1038 dragdrop: true, 1039 views: { 1040 list: true, 1041 thumbs: true, 1042 active: 'thumbs', 1043 }, 1044 filters: <?php echo wp_json_encode( $filters ); ?>, 1045 }); 1046 var closebtn = '<button type="button" class="btn-close float-end m-0" data-bs-dismiss="alert" aria-label="Close"></button>'; 1047 var uploader = $('#pluploadUploader').plupload('getUploader'); 1048 uploader.bind('StateChanged', function(up) { 1049 if (up.state === plupload.STARTED) { 1050 up.settings.multipart_params.params = jQuery('#uploader_multipart_params :input').serialize(); 1051 } 1052 console.log('[StateChanged]', up.state, up.settings.multipart_params); 1053 }); 1054 uploader.bind('ChunkUploaded', function(up, file, info) { 1055 console.log('[ChunkUploaded] File:', file, 'Info:', info); 1056 var response = $.parseJSON(info.response); 1057 if (response && response.error) { 1058 up.stop(); 1059 file.status = plupload.FAILED; 1060 $('<div></div>').addClass('alert alert-danger alert-dismissable').html(closebtn + '<strong>' + response.id + ':</strong> ' + response.error.message).appendTo('#gmedia-msg-panel'); 1061 console.log(response.error); 1062 up.trigger('QueueChanged StateChanged'); 1063 up.trigger('UploadProgress', file); 1064 up.start(); 1065 } 1066 }); 1067 uploader.bind('FileUploaded', function(up, file, info) { 1068 console.log('[FileUploaded] File:', file, 'Info:', info); 1069 var response = jQuery.parseJSON(info.response); 1070 if (response && response.error) { 1071 file.status = plupload.FAILED; 1072 $('<div></div>').addClass('alert alert-danger alert-dismissable').html(closebtn + '<strong>' + response.id + ':</strong> ' + response.error.message).appendTo('#gmedia-msg-panel'); 1073 console.log(response.error); 1074 } 1075 }); 1076 uploader.bind('UploadProgress', function(up, file) { 1077 var percent = uploader.total.percent; 1078 $('#total-progress-info .progress-bar').css('width', percent + '%').attr('aria-valuenow', percent); 1079 }); 1080 uploader.bind('Error', function(up, args) { 1081 console.log('[Error] ', args); 1082 $('<div></div>').addClass('alert alert-danger alert-dismissable').html(closebtn + '<strong>' + args.file.name + ':</strong> ' + args.message + ' ' + args.status).appendTo('#gmedia-msg-panel'); 1083 }); 1084 uploader.bind('UploadComplete', function(up, files) { 1085 console.log('[UploadComplete]', files); 1086 $('<div></div>').addClass('alert alert-success alert-dismissable').html(closebtn + "<?php esc_attr_e( 'Upload finished', 'grand-media' ); ?>").appendTo('#gmedia-msg-panel'); 1087 $('#total-progress-info .progress-bar').css('width', '0').attr('aria-valuenow', '0'); 1088 }); 1089 1090 }); 1014 function gmediaInitUploader() { 1015 $( '#pluploadUploader' ).pluploadQueue( { 1016 <?php if ( 'auto' !== $gm_screen_options['uploader_runtime'] ) { ?> 1017 runtimes: '<?php echo esc_js( $gm_screen_options['uploader_runtime'] ); ?>', 1018 <?php } ?> 1019 url: '<?php echo esc_url( admin_url( 'admin-ajax.php' ) ); ?>', 1020 <?php if ( ( 'true' === $gm_screen_options['uploader_urlstream_upload'] ) && ( 'html4' !== $gm_screen_options['uploader_runtime'] ) ) { ?> 1021 urlstream_upload: true, 1022 multipart: false, 1023 <?php } else { ?> 1024 multipart: true, 1025 <?php } ?> 1026 multipart_params: {action: 'gmedia_upload_handler', _wpnonce_upload: '<?php echo esc_js( wp_create_nonce( 'gmedia_upload' ) ); ?>', params: ''}, 1027 <?php if ( 'true' === $gm_screen_options['uploader_chunking'] && ( 'html4' !== $gm_screen_options['uploader_runtime'] ) ) { ?> 1028 max_file_size: '2000Mb', 1029 chunk_size: <?php echo (int) min( $maxchunksize, $gm_screen_options['uploader_chunk_size'] * 1024 * 1024 ); ?>, 1030 <?php } else { ?> 1031 max_file_size: <?php echo (int) $maxupsize; ?>, 1032 <?php } ?> 1033 max_retries: 2, 1034 unique_names: false, 1035 rename: true, 1036 sortable: true, 1037 dragdrop: true, 1038 views: { 1039 list: true, 1040 thumbs: true, 1041 active: 'thumbs' 1042 }, 1043 filters: <?php echo wp_json_encode( $filters ); ?>, 1044 } ); 1045 var closebtn = '<button type="button" class="btn-close float-end m-0" data-bs-dismiss="alert" aria-label="Close"></button>'; 1046 var resetbtn = '<a href="#" class="plupload_reset" style="display: inline-block;"><i class="fa-solid fa-arrow-rotate-right"></i></a>'; 1047 var uploader = $( '#pluploadUploader' ).pluploadQueue(); 1048 uploader.bind( 'PostInit', function( up ) { 1049 $( '.plupload_filelist_footer .plupload_file_action' ).html( resetbtn ).on( 'click', '.plupload_reset', function( e ) { 1050 e.preventDefault(); 1051 up.removeAllEventListeners(); 1052 up.destroy(); 1053 gmediaInitUploader(); 1054 } ); 1055 } ); 1056 uploader.bind( 'BeforeUpload', function( up, file ) { 1057 up.settings.multipart_params.params = jQuery( '#uploader_multipart_params :input' ).serialize(); 1058 } ); 1059 uploader.bind( 'ChunkUploaded', function( up, file, info ) { 1060 console.log( '[ChunkUploaded] File:', file, 'Info:', info ); 1061 var response = $.parseJSON( info.response ); 1062 if ( response && response.error ) { 1063 up.stop(); 1064 file.status = plupload.FAILED; 1065 $( '<div></div>' ).addClass( 'alert alert-danger alert-dismissable' ).html( closebtn + '<strong>' + response.id + ':</strong> ' + response.error.message ).appendTo( '#gmedia-msg-panel' ); 1066 console.log( response.error ); 1067 up.trigger( 'QueueChanged StateChanged' ); 1068 up.trigger( 'UploadProgress', file ); 1069 up.start(); 1070 } 1071 } ); 1072 uploader.bind( 'FileUploaded', function( up, file, info ) { 1073 console.log( '[FileUploaded] File:', file, 'Info:', info ); 1074 var response = jQuery.parseJSON( info.response ); 1075 if ( response && response.error ) { 1076 file.status = plupload.FAILED; 1077 $( '<div></div>' ).addClass( 'alert alert-danger alert-dismissable' ).html( closebtn + '<strong>' + response.id + ':</strong> ' + response.error.message ).appendTo( '#gmedia-msg-panel' ); 1078 console.log( response.error ); 1079 } 1080 } ); 1081 uploader.bind( 'UploadProgress', function( up, file ) { 1082 var percent = uploader.total.percent; 1083 $( '#total-progress-info .progress-bar' ).css( 'width', percent + '%' ).attr( 'aria-valuenow', percent ); 1084 } ); 1085 uploader.bind( 'Error', function( up, args ) { 1086 console.log( '[Error] ', args ); 1087 $( '<div></div>' ).addClass( 'alert alert-danger alert-dismissable' ).html( closebtn + '<strong>' + args.file.name + ':</strong> ' + args.message + ' ' + args.status ).appendTo( '#gmedia-msg-panel' ); 1088 } ); 1089 uploader.bind( 'UploadComplete', function( up, files ) { 1090 console.log( '[UploadComplete]', files ); 1091 $( '<div></div>' ).addClass( 'alert alert-success alert-dismissable' ).html( closebtn + "<?php esc_attr_e( 'Upload finished', 'grand-media' ); ?>" ).appendTo( '#gmedia-msg-panel' ); 1092 $( '#total-progress-info .progress-bar' ).css( 'width', '0' ).attr( 'aria-valuenow', '0' ); 1093 } ); 1094 } 1095 1096 gmediaInitUploader(); 1097 1098 } ); 1091 1099 </script> 1092 1100 </div> … … 1095 1103 <br/> 1096 1104 <?php if ( 'false' === $gm_screen_options['uploader_chunking'] || ( 'html4' === $gm_screen_options['uploader_runtime'] ) ) { ?> 1097 <p class="clearfix text-end"><span class="badge label-default"><?php echo esc_html( __( 'Maximum file size', 'grand-media' ) . ": {$maxupsize_mb}Mb" ); ?></span></p>1105 <p class="clearfix text-end"><span class="badge badge-info label-default"><?php echo esc_html( __( 'Maximum file size', 'grand-media' ) . ": {$maxupsize_mb}Mb" ); ?></span></p> 1098 1106 <?php } else { ?> 1099 1107 <p class="clearfix text-end hidden"> 1100 <span class="badge label-default"><?php echo esc_html( __( 'Maximum $_POST size', 'grand-media' ) . ": {$maxupsize_mb}Mb" ); ?></span>1101 <span class="badge label-default"><?php echo esc_html( __( 'Chunk size', 'grand-media' ) . ': ' . min( $maxchunksize_mb, $gm_screen_options['uploader_chunk_size'] ) . 'Mb' ); ?></span>1108 <span class="badge badge-info label-default"><?php echo esc_html( __( 'Maximum $_POST size', 'grand-media' ) . ": {$maxupsize_mb}Mb" ); ?></span> 1109 <span class="badge badge-info label-default"><?php echo esc_html( __( 'Chunk size', 'grand-media' ) . ': ' . min( $maxchunksize_mb, $gm_screen_options['uploader_chunk_size'] ) . 'Mb' ); ?></span> 1102 1110 </p> 1103 1111 <?php } ?> … … 1163 1171 1164 1172 <script type="text/javascript"> 1165 jQuery( function($) {1166 $( '#combobox_gmedia_album').selectize({1173 jQuery( function( $ ) { 1174 $( '#combobox_gmedia_album' ).selectize( { 1167 1175 <?php if ( $gmCore->caps['gmedia_album_manage'] ) { ?> 1168 1176 create: true, … … 1171 1179 create: false, 1172 1180 <?php } ?> 1173 persist: false ,1174 } );1181 persist: false 1182 } ); 1175 1183 1176 1184 var gm_cat_terms = <?php echo wp_json_encode( $gm_cat_terms ); ?>; 1177 1185 //noinspection JSUnusedAssignment 1178 var cat_items = gm_cat_terms.map( function(x) {1186 var cat_items = gm_cat_terms.map( function( x ) { 1179 1187 return {item: x}; 1180 } );1188 } ); 1181 1189 //noinspection JSDuplicatedDeclaration 1182 $( '#combobox_gmedia_category').selectize({1190 $( '#combobox_gmedia_category' ).selectize( { 1183 1191 <?php if ( $gmCore->caps['gmedia_category_manage'] ) { ?> 1184 create: function( input) {1192 create: function( input ) { 1185 1193 return { 1186 item: input ,1194 item: input 1187 1195 }; 1188 1196 }, … … 1199 1207 valueField: 'item', 1200 1208 searchField: ['item'], 1201 hideSelected: true ,1202 } );1209 hideSelected: true 1210 } ); 1203 1211 1204 1212 var gm_tag_terms = <?php echo wp_json_encode( $gm_tag_terms ); ?>; 1205 1213 //noinspection JSUnusedAssignment 1206 var tag_items = gm_tag_terms.map( function(x) {1214 var tag_items = gm_tag_terms.map( function( x ) { 1207 1215 return {item: x}; 1208 } );1209 $( '#combobox_gmedia_tag').selectize({1216 } ); 1217 $( '#combobox_gmedia_tag' ).selectize( { 1210 1218 <?php if ( $gmCore->caps['gmedia_tag_manage'] ) { ?> 1211 create: function( input) {1219 create: function( input ) { 1212 1220 return { 1213 item: input ,1221 item: input 1214 1222 }; 1215 1223 }, … … 1226 1234 valueField: 'item', 1227 1235 searchField: ['item'], 1228 hideSelected: true ,1229 } );1230 } );1236 hideSelected: true 1237 } ); 1238 } ); 1231 1239 </script> 1232 1240 <?php } else { ?> … … 1235 1243 1236 1244 <script type="text/javascript"> 1237 jQuery(function($) { 1238 $('#uploader_runtime select').change(function() { 1239 if ('html4' === $(this).val()) { 1240 $('#uploader_chunking').addClass('hide'); 1241 $('#uploader_urlstream_upload').addClass('hide'); 1245 jQuery( function( $ ) { 1246 $( '#uploader_runtime select' ).change( function() { 1247 if ( 'html4' === $( this ).val() ) { 1248 $( '#uploader_chunking' ).addClass( 'hide' ); 1249 $( '#uploader_urlstream_upload' ).addClass( 'hide' ); 1250 } else { 1251 $( '#uploader_chunking' ).removeClass( 'hide' ); 1252 $( '#uploader_urlstream_upload' ).removeClass( 'hide' ); 1242 1253 } 1243 else { 1244 $('#uploader_chunking').removeClass('hide'); 1245 $('#uploader_urlstream_upload').removeClass('hide'); 1246 } 1247 }); 1248 }); 1254 } ); 1255 } ); 1249 1256 </script> 1250 1257 </div> -
grand-media/trunk/inc/post-metabox.php
r2737116 r2743052 18 18 19 19 if ( function_exists( 'add_meta_box' ) && ! empty( $gm_post_types ) && in_array( $page, $gm_post_types, true ) && 'side' === $context ) { 20 add_ filter( 'media_buttons_context', 'gmedia_media_buttons_context', 4 );20 add_action( 'media_buttons', 'gmedia_media_buttons_context', 4 ); 21 21 add_action( 'admin_enqueue_scripts', 'gmedia_meta_box_load_scripts', 20 ); 22 22 //add_meta_box('gmedia-MetaBox', __('Gmedia Gallery MetaBox', 'grand-media'), 'gmedia_post_metabox', $page, 'side', 'low'); … … 33 33 34 34 /** 35 * @param $context 36 * 37 * @return string 38 */ 39 function gmedia_media_buttons_context( $context ) { 40 $button = ' 35 * @return void 36 */ 37 function gmedia_media_buttons_context() { 38 ?> 41 39 <div style="display:inline-block;"> 42 <a id="gmedia-modal" title="Gmedia Galleries" class="gmedia_button button" href="#gmedia"><span class="wp-media-buttons-icon" style="background: url(' . plugins_url( 'admin/assets/img/gm-icon.png', dirname( __FILE__ ) ) . ') no-repeat top left;"></span> ' . __( 'Gmedia', 'grand-media' ) . '</a> 43 </div>'; 44 45 return $context . $button; 40 <a id="gmedia-modal" title="Gmedia Galleries" class="gmedia_button button" href="#gmedia"><span class="wp-media-buttons-icon" style="background: url('<?php echo esc_url( plugins_url( 'admin/assets/img/gm-icon.png', dirname( __FILE__ ) ) ); ?>') no-repeat top left;"></span> <?php esc_html_e( 'Gmedia', 'grand-media' ); ?></a> 41 </div> 42 <?php 46 43 } 47 44 -
grand-media/trunk/module
- Property svn:ignore
-
old new 40 40 cicerone 41 41 albumsgrid4 42 albums-stripes.zip 43 albums-switcher.zip 44 albumsgrid.zip 45 albumsgrid4.zip 46 albumsList.zip 47 albumsListMasonry.zip 48 albumsview.zip 49 albumsview2 50 albumsview2.zip 51 amron.zip 52 cicerone.zip 53 cubik.zip 54 desire.zip 55 flipgrid.zip 56 gmediaSlider 57 gmediaSlider.zip 58 jq-mplayer.zip 59 mosaic.zip 60 multislider 61 multislider.zip 62 phantom-old.zip 63 photoblog 64 photoblog.zip 65 photobox.zip 66 photocluster.zip 67 photomania.zip 68 phototravlr.zip 69 realslider.zip 70 ultrabox 71 ultrabox-nohash 72 ultrabox.zip 73 wavesurfer.zip 74 woowslider.zip 75 wp-videoplayer.zip
-
- Property svn:ignore
-
grand-media/trunk/readme.txt
r2740115 r2743052 3 3 Donate link: https://codeasily.com/donate/ 4 4 Tags: best gallery plugin, gallery, image gallery, photo gallery, wordpress gallery plugin 5 Requires at least: 4.25 Requires at least: 5.3.0 6 6 Tested up to: 6.0 7 Stable tag: 1.21.5 7 Requires PHP: 5.4 8 Stable tag: /trunk 8 9 License: GPLv2 or later 9 10 License URI: https://www.gnu.org/licenses/gpl-2.0.html … … 102 103 **[Translations](https://translate.wordpress.org/projects/wp-plugins/grand-media)** 103 104 105 = PS = 106 107 Proud to be ukrainian. Live in Mykolaiv, Ukraine. #NoWar #fckptn 108 109 104 110 == Installation == 105 111 … … 133 139 = Modules Updated = 134 140 * Go to Gmedia Modules page and update installed premium modules to latest versions 141 142 = v1.21.7 = 143 * Fix media and shortcode insert for Classic Editor 135 144 136 145 = v1.21.6 =
Note: See TracChangeset
for help on using the changeset viewer.