.abscenter{left:50%; top:50%; transform:translate(-50%, -50%);} .green{font-size:larger; font-weight:500; color:green;} .red{font-size:larger; font-weight:500; color:red;} .modal{position:fixed; z-index:100053; background:#fff;} .overlay{background:#000; opacity:0.7; position:fixed; top:0; right:0; bottom:0; left:0; z-index:100052;} .modal-title{height:40px;background:#fcfcfc; border-bottom:1px solid #ddd;} .modal-title span{line-height:40px; font-size:1.3em; padding-left:20px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:calc( 100% - 39px );} .modal-title .modal-close{left:auto; right:-30px; color:#eee; position:absolute; width:29px; height:29px; border:0; padding:0; background:none; cursor:pointer; outline:none;} .modal-title .modal-close:after{content:"\f335"; font:400 32px/29px dashicons; speak:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} .modal-content{background:#f1f1f1; padding:2px 25px 15px 25px; clear:both; overflow:auto; text-align:left; line-height:1.4em;} .wpjam-tooltip{position:relative; display:inline-block; color:#555 !important;} .wpjam-tooltip .wpjam-tooltip-text{visibility:hidden; opacity:0; transition:opacity 0.3s; max-width:300px; min-width:200px; background-color:#ddd; padding:5px; border-radius:6px; text-align:center; position:absolute; z-index:10000; bottom:125%;} .wpjam-tooltip .wpjam-tooltip-text p{margin:4px;} .wpjam-tooltip .wpjam-tooltip-text::after{content:" "; position:absolute; top:100%; border-width:5px; border-style:solid; border-color:#ddd transparent transparent transparent;} .wpjam-tooltip:hover .wpjam-tooltip-text{visibility:visible; opacity:1;} .notice p a{text-decoration:none;} .notice p a .dashicons{height:16px; font-size:16px; line-height:18px;} .wp-menu-ri:before{display: inline-block; line-height: 1; width: 20px; height: 20px; font-size: 20px; } #tb_modal{display:none;} form.chart-form{margin:20px 0; display:flex; align-items:center; flex-wrap:wrap; gap:6px;} div.donut-chart-wrap{display:flex; align-items:flex-start; flex-wrap:wrap; gap:40px; margin-bottom:20px;} div.donut-chart-wrap table{width:initial; border:none; background:none;} div.donut-chart-wrap .widefat thead td, div.donut-chart-wrap .widefat thead th{border:none;} input::placeholder{font-size:13px;} input.medium-text{width:100px;} input[type=number]{padding-right:0;} input[type=text]{height:28px;} .image-radio input, .image-radio input + img + img{display:none;} .image-radio input ~ img{max-width:120px !important;cursor: pointer;} .image-radio input:checked + img{display:none; box-shadow: 0 0 10px;} .image-radio input:checked ~ img:last-child{display: initial;} form table.form-table td .dashicons{vertical-align:middle;} form table.form-table tr > td:only-child{padding:15px 10px 15px 0;} form table.form-table th a, form table.form-table td a{text-decoration:none;} .form-table td p.description{font-size:13px;} span.description{color:#646970;} div.wpjam-file{display:flex; gap:4px;} div.plupload{position:relative} div.plupload-drag-drop{border:4px dashed #c3c4c7; height:200px;} div.plupload div.progress{height:22px; margin:7px 6px; width:200px; line-height:2em; padding:0; overflow:hidden; border-radius:22px; background:#dcdcde; box-shadow:inset 0 1px 2px rgb(0 0 0 / 10%);} div.plupload div.progress div.percent{z-index:10; position:relative; width:200px; padding:0; color:#fff; text-align:center; line-height:22px; font-weight:400; text-shadow:0 1px 2px rgb(0 0 0 / 20%);} div.plupload div.progress div.bar{z-index:9; width:0; height:100%; margin-top:-22px; border-radius:22px; background-color:#2271b1; box-shadow:inset 0 0 2px rgb(0 0 0 / 30%);} summary + .sub-field{margin-top:20px;} .sub-field{margin-bottom:12px; line-height:30px;} .sub-field .sub-field{margin-bottom:0;} .sub-field-label{min-width:76px; padding-right:4px; font-weight:500; display:table-cell; vertical-align:top;} .sub-field-detail{max-width:calc(100% - 80px); display:table-cell;} .sub-field-detail label{line-height:1;} div.field-group{display:flex; flex-wrap:wrap; align-items:flex-start; gap:6px;} div.field-group .sub-field:not(:first-child) .sub-field-label{min-width:initial;} div.mu-item .dashicons-menu{opacity:0.1; width:30px; height:30px; font-size:30px; cursor:pointer;} div.mu-item > a.button{margin:0 6px;} div.mu-item:hover > .dashicons{opacity:0.8 !important;} div.mu-item:last-child .del-item, div.mu-item:last-child .dashicons-menu{display:none;} .direction-column{display:flex; flex-direction:column; gap:6px;} .direction-row{display:inline-flex; flex-wrap:wrap; align-items:center; gap:6px 10px; line-height:30px;} div.mu-text.direction-row{gap:8px 4px} div.mu-text.direction-row > div.mu-item:last-child input{display:none;} div.mu-text.direction-row > div.mu-item .dashicons-no-alt{opacity:0.2;} div.mu-text.direction-row > div.mu-item input + .dashicons-no-alt{margin-left:-24px; margin-right:4px;} div.mu-text.direction-row > div.mu-item .dashicons-menu{font-size:20px; width:20px; height:20px; margin-right:2px;} div.mu-text.direction-row > div.mu-item input{padding-right:20px !important;} div.mu-text.direction-row > div.mu-item input + a.button{margin-left:0px;} div.mu-fields > div.mu-item{margin-bottom:6px; padding-bottom:10px; border-bottom:1px solid #E5E5E5;} div.mu-fields > div.mu-item:last-child{margin-bottom:0; border-bottom:none; padding-bottom:6px;} div.mu-fields > div.mu-item > a{margin-left:80px;} div.mu-fields > div.mu-item > a.new-item.button{margin:0;} div.mu-fields > div.mu-item.field-group .sub-field{margin-bottom:0;} div.mu-fields > div.mu-item.field-group > a.button{margin-left:0;} div.mu-text > div.mu-item, div.mu-file > div.mu-item{display:flex; align-items:center;} div.mu-img{max-width:720px;} div.mu-img > div.mu-item{width:100px; height:100px; margin:10px 10px 10px 0; position:relative;} div.mu-img > div.mu-item img{width:100px; height:100px !important; object-fit:cover;} div.mu-img > div.mu-item .dashicons-menu{display:none;} div.mu-img .new-item{box-sizing:border-box; width:100px; height:100px; color:#ccc; background:#f7f7f7; border:2px solid #ccc; border-radius:8px;} div.mu-img .new-item.dashicons:before{line-height:100px; font-size:32px; font-weight:100;} div.mu-img .new-item{position:relative; cursor:pointer; text-decoration:none;} div.wpjam-img{position:relative; cursor:pointer; text-decoration:none; display:inline-block;} div.wpjam-img .wp-media-buttons{float:none;min-width:100px;} div.wpjam-img .wp-media-buttons .add_media{padding-left:5px;} div.wpjam-img img{max-width:300px !important; max-height:300px !important; object-fit:cover;} div.wpjam-img a.del-img, div.wpjam-img img:not(.hidden) + .wp-media-buttons, div.wpjam-img img:not(.hidden) ~ .description{display:none;} div.wpjam-img img:not(.hidden) ~ a.del-img{display:block !important;} div.mu-img a.del-item, a.del-img, a.del-icon{position:absolute; line-height:1; top:-10px; right:-10px; border-radius:10px; color:#ffffff; background:#cc3333; text-decoration:none; opacity:0.8 !important; cursor:pointer;} div.mu-item span.query-title{margin:0 2px 4px 0;} span.query-title{box-sizing:border-box; vertical-align:top; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:default; padding:0 8px 0 4px; background:#e5e5e5; border-radius:4px; line-height:30px;} span.query-title .dashicons{cursor:pointer; color:#0073aa; margin-right:4px;} input:not(.regular-text) + .description{display:inline-block; margin-left:4px;} input.autocomplete.hidden ~ .description{display:none;} input + span.query-title{display:none;} input.hidden + span.query-title{display:inline-block;} input.button ~ span.query-title{margin-left:6px;} input[type="checkbox"].switch{appearance:none; width:auto; height:auto; position:relative; border:0; outline:0; cursor:pointer; background:none; box-shadow:none;} input[type="checkbox"].switch:focus{box-shadow:none;} input[type="checkbox"].switch:after{content:''; font-size:8px; font-weight:400; line-height:18px; text-indent:-14px; color:#ffffff; width:36px; height:18px; display:inline-block; background-color:#a7aaad; border-radius:9px; box-shadow:0 0 12px rgb(0 0 0 / 15%) inset;} input[type="checkbox"].switch:before{content:''; width:14px; height:14px; display:block; position:absolute; top:2px; left:2px; margin:0; border-radius:50%; background-color:#ffffff;} input[type="checkbox"].switch:checked:before{left:20px; margin:0; background-color:#ffffff;} input[type="checkbox"].switch, input[type="checkbox"].switch:before, input[type="checkbox"].switch:after, input[type="checkbox"].switch:checked:before, input[type="checkbox"].switch:checked:after{transition:ease .15s;} input[type="checkbox"].switch:checked:after{content:' '; background-color:#2271b1;} .ui-autocomplete{z-index:1000000 !important;} /*要超过 TB z-index 才行,不然弹窗不行*/ .readonly div.mu-item:last-child, .disabled div.mu-item:last-child, .readonly div.mu-item > a.del-item, .disabled div.mu-item > a.del-item, .readonly .query-title .dashicons, .disabled .query-title .dashicons, .readonly .button, .disabled .button, .readonly a.del-img, .disabled a.del-img{display:none !important;} span.all-options{width:250px;} span.large-text{width:99%;} span.small-text{width:50px;} span.tiny-text{width:35px;} a.wpjam-button{text-decoration:none;} p.submit .spinner{float:none; margin:0 10px 0 -10px;} p.submit .button{margin-right:20px;} p.submit .button:last-child{margin-right:0;} div.tabs h2.nav-tab-wrapper ul, div.tabs h2.nav-tab-wrapper li{margin:0;} a.nav-tab:focus{box-shadow:none;} #post-body #normal-sortables{min-height:0;} div#postexcerpt div.inside p{display:none;} div.postbox table.form-table th{padding:12px 10px 12px 0; width:120px;} div.postbox table.form-table td{padding:6px;} div.postbox.tabs table.form-table th{width:100px;} div#poststuff div.postbox .nav-tab-wrapper{padding-bottom:0; border-color:#ddd;} div#poststuff div.postbox .nav-tab-wrapper a.nav-tab{background:#f3f5f6; border-color:#ddd;} div#poststuff div.postbox .nav-tab-wrapper a.nav-tab-active{background:#fff; border-bottom-color:#fff;} div#poststuff div.postbox.closed .nav-tab-wrapper a.nav-tab-active{background:#fff; border-color:#ddd;} .tablenav{height:auto; min-height:44px; margin-bottom:-5px;} .tablenav .actions{padding:0 8px 6px 0; margin-right:12px;} .tablenav .actions input, .tablenav .actions span.query-title{float:left; margin-right:6px; max-width:12.5rem;} .tablenav .overallactions a:not(:first-child){margin-left:12px;} .widefat td{overflow-wrap:break-word; word-wrap:break-word; word-break:break-word; hyphens:auto;} ul.subsubsub{margin-bottom:6px;} table.wp-list-table th{text-wrap: nowrap;} table.wp-list-table th.check-column .dashicons{margin-left:6px; color:#999; font-size:16px; width:16px; height:16px;} table.wp-list-table th.check-column .spinner{margin:4px 0 0 0;} table.wp-list-table .pending th, table.wp-list-table .pending td{background-color:#f0f6fc;} table.wp-list-table .pending th.check-column{border-left:4px solid #0073aa;} table.wp-list-table .pending th.check-column input{margin-left:4px;} table.wp-list-table .unapproved th, table.wp-list-table .unapproved td{background-color:#fcf9e8;} table.wp-list-table .unapproved th.check-column{border-left:4px solid #d63638;} table.wp-list-table .unapproved th.check-column input{margin-left:4px;} table.wp-list-table .approve a, table.wp-list-table .audit a, table.wp-list-table .publish a{color:#007017;} table.wp-list-table .unapprove a, table.wp-list-table .unpublish a{color:#996800;} table.wp-list-table .dashicons, table.wp-list-table .dashicons-before:before{width:16px; height:16px; font-size:16px;} table.wp-list-table .item > .dashicons.dashicons-plus-alt2{font-size:24px; width:24px; height:24px; color:#ccc; left:50%; top:50%; transform:translate(-50%, -50%); position:relative;} table.wp-list-table td pre{white-space:pre-wrap; max-width:800px; margin-top:0;} table.wp-list-table td img.alignleft{margin-right: 10px; margin-top: 1px;} table.wp-list-table a.ui-sortable-handle{cursor:move;} table.wp-list-table tr.ui-sortable-helper, table.wp-list-table tr.ui-sortable-placeholder{background:#eeffee;} table.wp-list-table tbody tr.ui-sortable-item:first-of-type span.up, table.wp-list-table tbody tr.ui-sortable-item:last-of-type span.down, table.wp-list-table tbody tr.ui-sortable-item:first-child:nth-last-child(1) span.move, table.wp-list-table tbody tr.ui-sortable-item:first-child:nth-last-child(2) span.move, table.wp-list-table tbody tr.ui-sortable-item:first-child:nth-last-child(2) ~ tr.ui-sortable-item span.move{display:none;} div.sticky-columns-list-table-wrap{width: 100%; height:100vh; position: relative; overflow: scroll; border: 1px solid #c3c4c7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);} table.wp-list-table.sticky-columns{width: 100%; border:none; box-shadow: none;} table.wp-list-table.sticky-columns thead, table.wp-list-table.sticky-columns tfoot{position: sticky;background: #ffffff; z-index: 3; top:0; } table.wp-list-table.sticky-columns tfoot{bottom:0px;} table.wp-list-table.sticky-columns tr > td{white-space: nowrap; text-wrap: nowrap; word-wrap: normal; overflow-wrap: normal;} table.wp-list-table.sticky-columns .sticky-column{position: sticky; z-index: 2;} table.wp-list-table.sticky-columns thead .sticky-column, table.wp-list-table.sticky-columns tfoot .sticky-column{background: #ffffff;} table.wp-list-table.sticky-columns.striped>tbody>:nth-child(odd) .sticky-column{background-color: #f6f7f7;} table.wp-list-table.sticky-columns.striped>tbody>:nth-child(even) .sticky-column{background-color: #ffffff;} a.wpjam-thumbnail-wrap{position:relative;} a.wpjam-thumbnail-wrap:focus{outline:0; box-shadow:none;} a.wpjam-thumbnail-wrap img, .no-thumbnail{float:left; margin:0px 10px 10px 0; border-radius:4px; border:1px solid #eee;} .no-thumbnail{display:inline-block; text-align:center; font-size:12px; font-weight:100; width:50px; height:50px; line-height:50px; background:#eee; color:#555;} a.wpjam-thumbnail-wrap:hover:after{content:"\f464"; font-size:16px; font-family:dashicons; padding:2px; line-height:1; top:-4px; right:6px; position:absolute; border-radius:10px; color:#fff; background:#2271b1; opacity:0.8;} div#col-left .left-item.left-current{background-color:#f0f6fc; color:#3c434a;} div#col-left .left-item{cursor:pointer;} div.items span.row-actions > span{margin:0 3px;} div.items.image-list{display:flex; flex-wrap:wrap;} div.items.image-list .item{display:flex; flex-direction:column; margin:10px 30px 20px 0; position:relative; text-align:center;} div.items.image-list .item span.item-title, div.image-list .item span.row-actions{font-size:smaller; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} div.items.image-list .add-item{margin:10px 0px 20px 0; background:#f9f9f966; border-radius:4px; border:1px solid #ccc; box-sizing:border-box;} .striped>tbody>:nth-child(odd) .add-item{background:#ffffff66;} div.items.text-list .item{display:flex; margin-bottom:10px; max-width:400px;} div.items.text-list .item a.text{display:inline-block; width:130px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-right:10px; vertical-align:middle;} div.items.text-list .item a.del-icon{top:inherit; right:inherit;} .wp-picker-container .wp-color-result-text{color:inherit;} .wp-picker-container input[type=text].wp-color-picker{margin:0 2px;} .wp-picker-container .wp-picker-clear{min-height:30px;} .list-table.layout-calendar .tablenav.top{text-align:center;} .list-table.layout-calendar h2{font-size:2em; display:inline-block; margin:0 0 10px 0; line-height:30px;} .list-table.layout-calendar a.current-month{padding-left:20px; padding-right:20px;} .list-table.layout-calendar table{width:100%; margin:20px 0;} .list-table.layout-calendar table a{text-decoration:none;} .list-table.layout-calendar table .weekend{background:#f6f7f7;} .list-table.layout-calendar table th{font-size:larger; font-weight:bold;} .list-table.layout-calendar table td, .list-table.layout-calendar table th{border-right:1px solid #c3c4c7; border-bottom:1px solid #c3c4c7;} .list-table.layout-calendar table td:last-child, .list-table.layout-calendar table th:last-child{border-right:none;} .list-table.layout-calendar table tfoot th{border-bottom:none;} .list-table.layout-calendar table td .date-meta{min-height:24px;} .list-table.layout-calendar table td span.day{display:inline-block; width:20px; height:20px; line-height:20px; text-align:center;} .list-table.layout-calendar table td span.day.today{color:#fff; border-radius:10px; background:red;} .list-table.layout-calendar table td a.list-table-action{display:none;} .list-table.layout-calendar table td:hover a.list-table-action{display:inline;} #TB_window #TB_title{height:40px;} #TB_window #TB_title #TB_ajaxWindowTitle{line-height:40px; font-size:1.3em; padding-left:20px;} #TB_window #TB_title #TB_closeWindowButton{left:auto; right:-30px; color:#eee;} #TB_window #TB_title #TB_closeWindowButton:hover{color:#00a0d2;} #TB_window #TB_title #TB_closeWindowButton:after{content:"\f335"; font:400 32px/29px dashicons; speak:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} #TB_window #TB_title .tb-close-icon{display:none;} #TB_window #TB_ajaxContent{background:#f1f1f1; padding:2px 25px 15px 25px;} #TB_window #TB_ajaxContent table.form-table > tbody > tr > th{width:110px;} #TB_window #TB_ajaxContent table.form-table > tbody > tr > td{min-width:240px;} #TB_window img{max-width:100%; height:auto;} #TB_window div.notice{margin:5px 0px 2px;} #TB_window img#TB_Image{margin:15px 15px 5px 15px;} #TB_window #TB_caption a{text-decoration:none;} div.news-items{width:360px; box-shadow:1px 1px 10px #CCC; border-radius:4px; margin-bottom:10px;} div.news-items div.big{position:relative;} div.news-items div.news-item:first-child:nth-last-child(1){position:inherit; padding-bottom:12px;} div.news-items div.big span.news-item-title{font-size:16px; color:#fff; padding:12px; box-sizing:border-box; width:100%; bottom:0; left:0; background:linear-gradient(180deg,transparent,rgba(0,0,0,.6)); position:absolute;} div.news-items div.news-item:first-child:nth-last-child(1) span.news-item-title{color:inherit; background:inherit; position:inherit; display:block;} div.news-items div.big span.news-item-excerpt{display:block; box-sizing:border-box; width:100%; padding:12px;} div.news-items div.big span.item-thumb{width:360px; height:150px; overflow:hidden; display:block; position:relative;} div.news-items div.big span.item-thumb img{border-radius:4px; position:relative; left :50%; top :50%; transform:translate(-50%, -50%);} div.news-items div.small{padding:12px 12px 0 12px; display:flex; flex-direction:row-reverse; justify-content:space-between; width:100%; box-sizing:border-box;} div.news-items div.small span.news-item-title{width:260px; height:60px; display:flex; align-items:center; padding-bottom:12px; font-size:14px; border-bottom:1px solid #DDD;} div.news-items div.small:last-child span.news-item-title{border-bottom:0;} div.news-items div.small span.item-thumb{width:60px; height:60px; overflow:hidden;} div.news-items div.small span.item-thumb img{position:relative; left :50%; top :50%; transform:translate(-50%, -50%);} #wpjam_modal_wrap{position:fixed; bottom:8px; right:10px; background:#fff; box-shadow:0 3px 6px rgba(0, 0, 0, 0.3); z-index:1000000;} .welcome-panel.wpjam-welcome-panel{background:#fff;} .welcome-panel.wpjam-welcome-panel::before{display:none;} .welcome-panel.wpjam-welcome-panel h2{font-size:32px; color:initial;} .welcome-panel.wpjam-welcome-panel .welcome-panel-content{min-height:initial;} .welcome-panel.wpjam-welcome-panel .welcome-panel-column-container{margin:0;} @media screen and (max-width:830px){ #TB_window #TB_title #TB_closeWindowButton{right:0; top:-30px;} #TB_window #TB_ajaxContent .form-table th{width:inherit;} } @media screen and (max-width:782px){ div.mu-fields > div.mu-item.field-group .sub-field{margin-bottom:4px;} .sub-field + a.button{margin-bottom:4px;} .direction-row{line-height:40px;} input[type=text]{height:40px;} input::placeholder{font-size:15px;} input.hidden{display:none !important;} } @media screen and (min-width:783px){ #adminmenu .awaiting-mod, #adminmenu .update-plugins{line-height:18px; transform:scale(0.92);} .post-com-count-pending{line-height:20px !important; height:20px !important; left:-6px !important; border-radius:12px !important; min-width:10px !important; transform:scale(0.833333);} table.wp-list-table td .row-action{display:none;} table.wp-list-table td:hover .row-action{display:initial;} } jQuery(document).ready(function ($) { let bodhisvgsReplacements = 0; function bodhisvgsReplace(img) { var imgID = img.attr('id'); var imgClass = img.attr('class'); var imgURL = img.attr('src'); // Set svg size to the original img size // var imgWidth = $img.attr('width'); // var imgHeight = $img.attr('height'); if (!imgURL.endsWith('svg')) { return; } $.get(imgURL, function(data) { // Get the SVG tag, ignore the rest var $svg = $(data).find('svg'); var svgID = $svg.attr('id'); // Add replaced image's ID to the new SVG if necessary if(typeof imgID === 'undefined') { if(typeof svgID === 'undefined') { imgID = 'svg-replaced-'+bodhisvgsReplacements; $svg = $svg.attr('id', imgID); } else { imgID = svgID; } } else { $svg = $svg.attr('id', imgID); } // Add replaced image's classes to the new SVG if(typeof imgClass !== 'undefined') { $svg = $svg.attr('class', imgClass+' replaced-svg svg-replaced-'+bodhisvgsReplacements); } // Remove any invalid XML tags as per http://validator.w3.org $svg = $svg.removeAttr('xmlns:a'); if(frontSanitizationEnabled == 'on' && $svg[0]['outerHTML'] != "") { // Is sanitization enabled? $svg = DOMPurify.sanitize($svg[0]['outerHTML']); // Sanitize SVG code via DOMPurify library } // Add size attributes // $svg = $svg.attr('width', imgWidth); // $svg = $svg.attr('height', imgHeight); // Replace image with new SVG img.replaceWith($svg); $(document).trigger('svg.loaded', [imgID]); bodhisvgsReplacements++; }, 'xml'); } // Wrap in IIFE so that it can be called again later as bodhisvgsInlineSupport(); (bodhisvgsInlineSupport = function() { // If force inline SVG option is active then add class if ( ForceInlineSVGActive === 'true' ) { // Find all SVG inside img and add class if it hasn't got it jQuery('img').each(function() { // Check if the SRC attribute is present at all if ( typeof jQuery(this).attr('src') !== typeof undefined && jQuery(this).attr('src') !== false) { // Pick only those with the extension we want if ( jQuery(this).attr('src').match(/\.(svg)/) ) { // Add our class name if ( !jQuery(this).hasClass(cssTarget.ForceInlineSVG) ) { jQuery(this).addClass(cssTarget.ForceInlineSVG); } } } }); } // Polyfill to support all ye old browsers // delete when not needed in the future if (!String.prototype.endsWith) { String.prototype.endsWith = function(searchString, position) { var subjectString = this.toString(); if (typeof position !== 'number' || !isFinite(position) || Math.floor(position) !== position || position > subjectString.length) { position = subjectString.length; } position -= searchString.length; var lastIndex = subjectString.lastIndexOf(searchString, position); return lastIndex !== -1 && lastIndex === position; }; } // end polyfill // Another snippet to support IE11 String.prototype.endsWith = function(pattern) { var d = this.length - pattern.length; return d >= 0 && this.lastIndexOf(pattern) === d; }; // End snippet to support IE11 // Check to see if user set alternate class if ( ForceInlineSVGActive === 'true' ) { var target = ( cssTarget.Bodhi !== 'img.' ? cssTarget.Bodhi : '.style-svg' ); } else { var target = ( cssTarget !== 'img.' ? cssTarget : '.style-svg' ); } target = target.replace("img",""); $(target).each(function(index){ // if image then send for replacement if ( typeof $(this).attr('src') !== typeof undefined && $(this).attr('src') !== false) { bodhisvgsReplace($(this)); }else{ // look for svg children and send for replacement $(this).find("img").each(function(i){ if( typeof $(this).attr('src') !== typeof undefined && $(this).attr('src') !== false ){ bodhisvgsReplace($(this)); } }); } }); })(); // Execute immediately });{"id":27743,"date":"2023-06-14T21:46:20","date_gmt":"2023-06-14T21:46:20","guid":{"rendered":"https:\/\/themusicmemo.com\/observer-interviews-the-industrys-tim-griffin\/"},"modified":"2023-06-14T21:46:22","modified_gmt":"2023-06-14T21:46:22","slug":"observer-interviews-the-industrys-tim-griffin","status":"publish","type":"post","link":"https:\/\/themusicmemo.com\/observer-interviews-the-industrys-tim-griffin\/","title":{"rendered":"Observer Interviews The Industry\u2019s Tim Griffin"},"content":{"rendered":"


\n<\/p>\n

\n

Last week, it was announced that longtime New York art scene resident Tim Griffin would lead The Industry as executive director of the Los Angeles experimental opera producer. Griffin was a contributing editor at Art Forum, where he was editor-in-chief from 2003 until 2010, before heading to New York’s influential experimental space, The He Kitchen, where he became director and chief his curator. he served for nine years.<\/p>\n

Griffin is experimenting with Ash Fure’s ANIMAL instruments at the recent industry salon. Photo credit: Andrew Mandinac<\/span><\/figcaption><\/figure>\n<\/p>\n

An observer recently spent time with Griffin to hear about his new job.\n<\/p>\n

What drew you to The Industry?<\/b>\n<\/p>\n

On a personal note, I have had so many connections with people I know well within the organization in a variety of fields, from visual artists to composers to people who work on choreographies that have collaborated with The Kitchen. Its interdisciplinarity became a point of attraction, not only in terms of art, but also in terms of me and the historical community. More broadly, Yuval and his artistic team transcend many misconceptions by encouraging the reinvention of opera as an art form that can radically cut across disciplines and communities. They performed operas at Union Station and in limousines. The next work by Malik Gaines and Alexandro Segade will take place at the Observatory. It’s a unique opportunity.<\/p>\n

Obviously, The Kitchen is performance-oriented, but this job is more performance-focused than ever before. What do you think about such a transition?<\/b>\n<\/p>\n

It’s funny, when I first went to The Kitchen, I remember having a lot of conversations about how performance shouldn’t be considered in isolation from “visual art,” which is traditionally associated with visual art. It was the same even when the performance was already appearing more often in what was considered. art context. They are different things, but it doesn’t always make sense to separate them. Indeed, historically, going back to the beginnings of modernism, such boundaries were not respected. Today you might be talking more meaningfully about the distance between audiences than about the distance between types of works.\n<\/p>\n

As for my own transition, I think my background in working with artists across disciplines, connecting them, and connecting their communities remains a real focus at The Industry. . At the same time, I believe that the use of opera as a sharp lens for the kind of interdisciplinarity we have seen has made the art world more aware of interdisciplinarity and the wonderful model The Industry has produced. increase. The art world of the past decade or more will become a reality in this field in the years to come.<\/p>\n

In other words, it may look like a transition to me, but ideally we can all collectively see how these mediums and disciplines have really changed relationships. As long as the industry continues to push the transition to the art world as well.\n<\/p>\n

I remember about ten years ago when many journalists, myself included, had to write an article about the opening of the Tate Modern, a moment of performance in the art world. <\/b>their performance center<\/b> And Performa really caught the attention. We are also moving into an interesting moment when Instagram’s dominance is fading and giving way to TikTok. In your experience with The Kitchen, how have you felt the change in performance over the past decade? How it’s made, how people consume it, and people’s attitudes towards it. do you think?<\/b>\n<\/p>\n

Wow, that’s a very specific question, both big and small.<\/p>\n

Please answer the part you want. Maybe just a small part.<\/b>\n<\/p>\n

More than ten years ago, I think there was a concern that performance was embedded in a white cube without considering it…in fact, as the relationship between performance and static art changed, A different architecture was called for.\n<\/p>\n

And institutions are trying to overcome this problem by giving architecture itself a subtle flexibility inherent in responding to the real, artist-driven changes and developments that are happening in the art field. can now be seen. For example, these days he’s at MoMA’s studio. This change may begin to shape what an audience is, what a mass is, what a group is. The way people gather around your work and create a kind of collective based on the modality of the artistic call, in terms of what the artist is going to do now and what the audience wants. It is something that every agency must do.<\/p>\n

But the change extends beyond walls. For example, there are all kinds of interesting performance representations designed to be delivered through cameras. So while you may be looking at something in physical space, I anticipate that this work will continue to exist, perhaps through streaming his platform, etc., and will be able to engage in a different mode of attention and a different kind of It reflects a perception of accessibility.\n<\/p>\n

Going back to industry and opera, we can see historical precedents. For example, Robert Ashley, who was involved with “The Kitchen,” produced a television opera in the early ’80s. Going back over 100 years and going back to radio and futurist opera, there are all sorts of avant-gardists looking to use other platforms for their work.\n<\/p>\n

One of the things that really drew me to The Industry is that opera is a great meeting place for different disciplines and different communities. As with many new and developing platforms, artists and audiences can change the way they think about performance. Organizations are already addressing this issue. They use the Los Angeles cityscape as a backdrop or setting. We distribute music through other technologies. Going beyond the physical limits of face-to-face performance in a historical medium is truly futuristic. And when you look at that institutional flexibility, I think it offers a real way forward for everyone involved in the arts.<\/p>\n

Yes, it was a monster question. Thanks for giving me that idea. I heard what you said about audience response and engaging the audience. I’m interested in your thoughts on the development of Los Angeles as a cultural capital over the last few years. What do you think about it and how have you seen it yourself?<\/b>\n<\/p>\n

For me, LA is always where ideas and new models come from. The entire network of schools here has an incredible history and incredibly fertile soil when it comes to arts, music and performance. In that regard, many of my closest friends were based here, from Baldessari to Silver Rottlinger. And recently, the number of galleries has increased and international profiles have been added. There is momentum here. Although I am new to Los Angeles, I feel there is a great opportunity for the grassroots and greenhouse culture of Los Angeles to grow.\n<\/p>\n

Many also expressed an interest in finding ways to bring together different aspects of creative culture in Los Angeles at an organizational level. The music community is great. The arts community is great. The movie community is great. The dance community is great. There are so many different cultures here. But the question is, how do you actually bring these wonderful people together? How does Los Angeles produce cross-fertilization? I think that having a flexible model for The Industry, and opera as an interdisciplinary art form, actually has the ability to bring together all groups that rarely meet. A kind of marginal possibility is about to reach its moment, not only in the industry but in general.<\/p>\n

Opera is the perfect medium for that. The last question, which you can avoid if you want, is to ask about the current state of the media in the art world. It’s in a unique moment. <\/b>\n<\/p>\n

Art always needs a platform where people can talk to each other and start understanding what’s going on. That way, right or wrong, you have context and you get a sense of being part of that world. conversation. We need dialogue in which people feel a sense of belonging and a stake. And for now, I think there’s still a lot of room for that to happen.\n<\/p>\n

Over the decades, there will be some ebbs and flows when it comes to the number of platforms, the types of interests, and the types of conversations that occur. But I feel that the thirst for it\u2014the thirst for writing and the thirst for dialogue\u2014has only grown in the last few years. And it’s funny, when I first landed in Los Angeles, which ended up giving a guest lecture at UCLA, I realized just how hungry 18-year-olds are for critical writing. I was really shocked to find out. They wanted to read Frantz Fanon. They really wanted to dig.<\/p>\n

So, whatever the current state of affairs, I wouldn’t be shocked if another generation comes along that expands on the platform we’re looking at right now. Different generations have different reading habits and attention spans, and they grow, expand, and contract so that no one writes the same kind of essay at any given time. But 100-odd years ago, sayings ruled this country. Inevitably, I think there will be types of sentences and types of connections, and sometimes you don’t always use words. It may be conveyed in some sort of telegraph-like image. It could be another kind of language that isn’t necessarily text-based.\n<\/p>\n

And there are other types of writing that can still make an impact. You may see something that doesn’t work for magazines but works for other platforms. I’m not talking about social media. Writing genres are born in dialogue with different cultural moments.\n<\/p>\n

completely. People want a shared universe to discuss these ideas, whatever it is. it always is.<\/b><\/p>\n

Thinking aloud, another way of thinking about media might be through the models of all the alternative art spaces that have played an ongoing role over the decades. In the last 15-20 years, when all sorts of new transitions have taken place in the field of art, such spaces have become very important for promoting alternative models, new ways of thinking about art, collecting and collecting. I think it played its part. And that can happen with critical press, too. I think that the alternative model that occurred in the space is now occurring in the art dialogue.<\/p>\n

\"portrait