.ui-widget-overlay { opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */ filter: Alpha(Opacity=50) !important; background-color: rgb(50, 50, 50) !important; /* This will make it darker */ } .abtf-criticalcss .add-new-menu-action { display: inline-block; margin-right: 3px; vertical-align: middle; } .abtf-criticalcss .meta-sep, .abtf-criticalcss .submitdelete, .abtf-criticalcss .submitcancel { display: block; float: left; margin: 6px 0; line-height: 15px; } .abtf-criticalcss .howto span { float: left; margin-top: 6px; } .abtf-criticalcss .list-wrap { display: none; clear: both; margin-bottom: 10px; } .abtf-criticalcss .postbox p.submit { margin-bottom: 0; } /* Listings */ .abtf-criticalcss .list li { display: none; margin: 0; margin-bottom: 5px; } .abtf-criticalcss .list li .menu-item-title { cursor: pointer; display: block; } .abtf-criticalcss .list li .menu-item-title input { margin-right: 3px; margin-top: -3px; } .abtf-criticalcss .item-delete { position: absolute; right: 12px; top: 7px; display: block; margin-right: 0 !important; text-indent: 100%; outline: none; overflow: hidden; white-space: nowrap; } .abtf-criticalcss .item-edit { position: absolute; right: -20px; top: 0; display: block; width: 30px; height: 40px; margin-right: 0 !important; text-indent: 100%; outline: none; overflow: hidden; white-space: nowrap; } .abtf-criticalcss .item-edit:before { margin-top: 10px; margin-left: 4px; width: 20px; -webkit-border-radius: 50%; border-radius: 50%; text-indent: -1px; /* account for the dashicon alignment */ } .abtf-criticalcss .item-edit:focus { -webkit-box-shadow: none; box-shadow: none; } .abtf-criticalcss .item-edit:focus:before { -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); } /* Major/minor publishing actions (classes) */ .abtf-criticalcss .major-publishing-actions { clear: both; padding: 7px 0 6px; } .abtf-criticalcss .major-publishing-actions .publishing-action { text-align: right; float: right; } .abtf-criticalcss .blank-slate .menu-settings { display: none; } .abtf-criticalcss .delete-action { float: left; margin-top: 2px; } .abtf-criticalcss .submitbox .submitcancel { border-bottom: 1px solid #0073aa; padding: 1px 2px; color: #0073aa; text-decoration: none; } .abtf-criticalcss .submitbox .submitcancel:hover { background: #0073aa; color: #fff; } .abtf-criticalcss .major-publishing-actions .form-invalid { padding-left: 4px; margin-left: -4px; } /* Back-compat for nav-menus screen */ .abtf-criticalcss .metabox-holder h3 { padding: 10px 10px 11px 14px; line-height: 21px; } .abtf-criticalcss .item-edit:focus { -webkit-box-shadow: none; box-shadow: none; } .abtf-criticalcss .item-edit:focus:before { -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); } .abtf-criticalcss .item-edit:before { right: 0; content: "\f140"; border: none; background: none; font: normal 20px/1 dashicons; speak: none; display: block; padding: 0; text-indent: 0; text-align: center; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; } .abtf-criticalcss .menu-item-edit-active .item-edit:before { content: "\f142"; } @media screen and ( max-width: 782px ) { .abtf-criticalcss .item-controls .item-type { margin-top: 2px; } .abtf-criticalcss .customlinkdiv .howto input { width: 65%; } .abtf-criticalcss .quick-search { width: 85%; } .abtf-criticalcss .menu-name-label.howto span { margin-top: 13px } .abtf-criticalcss .major-publishing-actions .publishing-action { margin-top: 6px; } .abtf-criticalcss .delete-action { font-size: 14px; line-height: 50px; margin-top: 12px; } } .edit-conditional-critical-css .add-form td { padding:0px; padding-top:5px; padding-bottom:5px; } .edit-conditional-critical-css .add-form td:first { padding-top:0px; } .edit-conditional-critical-css .selectize-control.multi .selectize-input { font-family: inherit; font-size: 10px; line-height: 12px; } .testcontent .selectize-control.multi .selectize-input>div, .testcontent .selectize-control.multi .selectize-input [data-value] { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #2E59A2; color: #fff; border: 1px solid #2E59A2; text-shadow: 0 1px 0 rgba(0,51,83,.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #2E59A2; background-image: -moz-linear-gradient(top,#4285f4,#3C75D5); background-image: -webkit-gradient(linear,0 0,0 100%,from(#4285f4),to(#3C75D5)); background-image: -webkit-linear-gradient(top,#4285f4,#3C75D5); background-image: -o-linear-gradient(top,#4285f4,#3C75D5); background-image: linear-gradient(to bottom,#4285f4,#3C75D5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4285f4', endColorstr='#3C75D5', GradientType=0); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03); box-shadow: 0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03); } .testcontent .selectize-control.multi .selectize-input>div .remove { border-left: 1px solid #2E59A2; } .edit-conditional-critical-css .selectize-control.multi .selectize-input div.page { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #065E1C; color: #fff; border: 1px solid #065E1C; text-shadow: 0 1px 0 rgba(0,51,83,.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #1b9dec; background-image: -moz-linear-gradient(top,#079c2d,#088727); background-image: -webkit-gradient(linear,0 0,0 100%,from(#079c2d),to(#088727)); background-image: -webkit-linear-gradient(top,#079c2d,#088727); background-image: -o-linear-gradient(top,#079c2d,#088727); background-image: linear-gradient(to bottom,#079c2d,#088727); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#079c2d', endColorstr='#088727', GradientType=0); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03); box-shadow: 0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03); } .edit-conditional-critical-css .selectize-control.multi .selectize-input div.page .remove { border-left: 1px solid #065E1C; } .edit-conditional-critical-css .selectize-control.multi .selectize-input div.cat { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #8F2A21; color: #fff; border: 1px solid #8F2A21; text-shadow: 0 1px 0 rgba(0,51,83,.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #8F2A21; background-image: -moz-linear-gradient(top,#ea4335,#CD3A2E); background-image: -webkit-gradient(linear,0 0,0 100%,from(#079c2d),to(#CD3A2E)); background-image: -webkit-linear-gradient(top,#ea4335,#CD3A2E); background-image: -o-linear-gradient(top,#ea4335,#CD3A2E); background-image: linear-gradient(to bottom,#ea4335,#CD3A2E); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea4335', endColorstr='#CD3A2E', GradientType=0); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03); box-shadow: 0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03); } .edit-conditional-critical-css .selectize-control.multi .selectize-input div.cat .remove { border-left: 1px solid #8F2A21; } .edit-conditional-critical-css .selectize-control.multi .selectize-input div.pagetype { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #B28708; color: #1C1700; border: 1px solid #B28708; text-shadow: 0 1px 0 rgba(0,51,83,.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #B28708; background-image: -moz-linear-gradient(top,#f1b70a,#D5A20A); background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1b70a),to(#D5A20A)); background-image: -webkit-linear-gradient(top,#f1b70a,#D5A20A); background-image: -o-linear-gradient(top,#f1b70a,#D5A20A); background-image: linear-gradient(to bottom,#f1b70a,#D5A20A); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1b70a', endColorstr='#D5A20A', GradientType=0); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03); box-shadow: 0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03); } .edit-conditional-critical-css .selectize-control.multi .selectize-input div.pagetype .remove { border-left: 1px solid #B28708; } .edit-conditional-critical-css .selectize-control.multi .selectize-input div.filter { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #B4B9BE; color: #fff; border: 1px solid #B4B9BE; text-shadow: 0 1px 0 rgba(0,51,83,.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #DDD; background-image: -moz-linear-gradient(top,#DDD,#B4B9BE); background-image: -webkit-gradient(linear,0 0,0 100%,from(#DDD),to(#B4B9BE)); background-image: -webkit-linear-gradient(top,#DDD,#B4B9BE); background-image: -o-linear-gradient(top,#DDD,#B4B9BE); background-image: linear-gradient(to bottom,#DDD,#B4B9BE); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDD', endColorstr='#B4B9BE', GradientType=0); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03); box-shadow: 0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03); } .edit-conditional-critical-css .selectize-control.multi .selectize-input div.filter .remove { border-left: 1px solid #DDD; } .edit-conditional-critical-css .selectize-control.multi .selectize-input div.woocommerce { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #079c2d; color: #fff; border: 1px solid #079c2d; text-shadow: 0 1px 0 rgba(0,51,83,.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #19C244; background-image: -moz-linear-gradient(top,#19C244,#079c2d); background-image: -webkit-gradient(linear,0 0,0 100%,from(#19C244),to(#079c2d)); background-image: -webkit-linear-gradient(top,#19C244,#079c2d); background-image: -o-linear-gradient(top,#19C244,#079c2d); background-image: linear-gradient(to bottom,#19C244,#079c2d); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19C244', endColorstr='#079c2d', GradientType=0); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03); box-shadow: 0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03); } .edit-conditional-critical-css .selectize-control.multi .selectize-input div.woocommerce .remove { border-left: 1px solid #19C244; } .edit-conditional-critical-css .optgroup-post { display:inline-block; width:15px; height:10px; background-color: #4285f4; color:white; font-size:1px; margin-right:5px; } .edit-conditional-critical-css .optgroup-page { display:inline-block; width:15px; height:10px; background-color: #079c2d; color:white; font-size:1px; margin-right:5px; } .edit-conditional-critical-css .optgroup-cat { display:inline-block; width:15px; height:10px; background-color: #ea4335; color:white; font-size:1px; margin-right:5px; } .edit-conditional-critical-css .optgroup-pagetype { display:inline-block; width:15px; height:10px; background-color: #f1b70a; color:white; font-size:1px; margin-right:5px; } .edit-conditional-critical-css .opt .desc { font-weight:thin; color:#999; } .edit-conditional-critical-css .optgroup-filter { display:inline-block; width:15px; height:10px; background-color: #ddd; color:white; font-size:1px; margin-right:5px; } .edit-conditional-critical-css .optgroup-woocommerce { display:inline-block; width:15px; height:10px; background-color: #079c2d; color:white; font-size:1px; margin-right:5px; } .testcontent .selectize-control.multi .selectize-dropdown [data-value] { font-size:10px; line-height:12px; } .testcontent .selectize-control.multi .selectize-dropdown .optgroup-header { background-color:#efefef; border-bottom:solid 1px #ccc; padding:2px; padding-left:5px; }