customize-preview-rtl.css (3669B)
1 /*! This file is auto-generated */ 2 .customize-partial-refreshing { 3 opacity: 0.25; 4 transition: opacity 0.25s; 5 cursor: progress; 6 } 7 8 /* Override highlight when refreshing */ 9 .customize-partial-refreshing.widget-customizer-highlighted-widget { 10 box-shadow: none; 11 } 12 13 /* Make shortcut buttons essentially invisible */ 14 .widget .customize-partial-edit-shortcut, 15 .customize-partial-edit-shortcut { 16 position: absolute; 17 float: right; 18 width: 1px; /* required to have a size to be focusable in Safari */ 19 height: 1px; 20 padding: 0; 21 margin: -1px -1px 0 0; 22 border: 0; 23 background: transparent; 24 color: transparent; 25 box-shadow: none; 26 outline: none; 27 z-index: 5; 28 } 29 30 /** 31 * Styles for the actual shortcut 32 * 33 * Note that some properties are overly verbose to prevent theme interference. 34 */ 35 .widget .customize-partial-edit-shortcut button, 36 .customize-partial-edit-shortcut button { 37 position: absolute; 38 right: -30px; 39 top: 2px; 40 color: #fff; 41 width: 30px; 42 height: 30px; 43 min-width: 30px; 44 min-height: 30px; 45 line-height: 1 !important; 46 font-size: 18px; 47 z-index: 5; 48 background: #3582c4 !important; 49 border-radius: 50%; 50 border: 2px solid #fff; 51 box-shadow: 0 2px 1px rgba(60, 67, 74, 0.15); 52 text-align: center; 53 cursor: pointer; 54 box-sizing: border-box; 55 padding: 3px; 56 animation-fill-mode: both; 57 animation-duration: .4s; 58 opacity: 0; 59 pointer-events: none; 60 text-shadow: 61 0 -1px 1px #135e96, 62 -1px 0 1px #135e96, 63 0 1px 1px #135e96, 64 1px 0 1px #135e96; 65 } 66 .wp-custom-header .customize-partial-edit-shortcut button { 67 right: 2px 68 } 69 70 .customize-partial-edit-shortcut button svg { 71 fill: #fff; 72 min-width: 20px; 73 min-height: 20px; 74 width: 20px; 75 height: 20px; 76 margin: auto; 77 } 78 79 .customize-partial-edit-shortcut button:hover { 80 background: #4f94d4 !important; /* matches primary buttons */ 81 } 82 83 .customize-partial-edit-shortcut button:focus { 84 box-shadow: 0 0 0 2px #4f94d4; 85 } 86 87 body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button { 88 animation-name: customize-partial-edit-shortcut-bounce-appear; 89 pointer-events: auto; 90 } 91 body.customize-partial-edit-shortcuts-hidden .customize-partial-edit-shortcut button { 92 animation-name: customize-partial-edit-shortcut-bounce-disappear; 93 pointer-events: none; 94 } 95 96 .page-sidebar-collapsed .customize-partial-edit-shortcut button, 97 .customize-partial-edit-shortcut-hidden .customize-partial-edit-shortcut button { 98 visibility: hidden; 99 } 100 101 @keyframes customize-partial-edit-shortcut-bounce-appear { 102 from, 20%, 40%, 60%, 80%, to { 103 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 104 } 105 0% { 106 opacity: 0; 107 transform: scale3d(.3, .3, .3); 108 } 109 20% { 110 transform: scale3d(1.1, 1.1, 1.1); 111 } 112 40% { 113 transform: scale3d(.9, .9, .9); 114 } 115 60% { 116 opacity: 1; 117 transform: scale3d(1.03, 1.03, 1.03); 118 } 119 80% { 120 transform: scale3d(.97, .97, .97); 121 } 122 to { 123 opacity: 1; 124 transform: scale3d(1, 1, 1); 125 } 126 } 127 128 @keyframes customize-partial-edit-shortcut-bounce-disappear { 129 from, 20%, 40%, 60%, 80%, to { 130 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 131 } 132 0% { 133 opacity: 1; 134 transform: scale3d(1, 1, 1); 135 } 136 20% { 137 transform: scale3d(.97, .97, .97); 138 } 139 40% { 140 opacity: 1; 141 transform: scale3d(1.03, 1.03, 1.03); 142 } 143 60% { 144 transform: scale3d(.9, .9, .9); 145 } 146 80% { 147 transform: scale3d(1.1, 1.1, 1.1); 148 } 149 to { 150 opacity: 0; 151 transform: scale3d(.3, .3, .3); 152 } 153 } 154 155 @media screen and (max-width: 800px) { 156 .widget .customize-partial-edit-shortcut button, 157 .customize-partial-edit-shortcut button { 158 right: -32px; 159 } 160 } 161 162 @media screen and (max-width: 320px) { 163 .widget .customize-partial-edit-shortcut button, 164 .customize-partial-edit-shortcut button { 165 right: -30px; 166 } 167 }