Changeset 1522935
- Timestamp:
- 10/27/2016 08:15:11 AM (9 years ago)
- Location:
- simply-show-hooks
- Files:
-
- 4 edited
-
tags/1.2.1/assets/css/cxssh-main.css (modified) (5 diffs)
-
tags/1.2.1/index.php (modified) (1 diff)
-
trunk/assets/css/cxssh-main.css (modified) (5 diffs)
-
trunk/index.php (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
simply-show-hooks/tags/1.2.1/assets/css/cxssh-main.css
r1490542 r1522935 1 1 2 /* HOOK LABEL (MAIN INLINE LABEL) */ 2 3 .cxssh-hook { 3 4 position: relative !important; … … 20 21 padding: 1px 5px 1px !important; 21 22 background: rgb(66, 66, 66) !important; 22 transition: .5s !important;23 transition: 0s !important; 23 24 white-space: nowrap !important; 24 25 box-sizing: initial !important; 25 } 26 .cxssh-hook.cxssh-hook-action { 27 background: #D1E8E0 !important; 28 color: #2E2E2E !important; 29 box-shadow: none !important; 30 border: 1px solid #c3d9d1 !important; 31 } 32 .cxssh-hook.cxssh-hook-filter { 33 background: #ffe8ea !important; 34 color: #3A2D2D !important; 35 box-shadow: none !important; 36 border: 1px solid rgb(248, 216, 218) !important; 37 } 38 .cxssh-hook .cxssh-hook-type{ 39 background: rgba(0, 0, 0, 0.13) !important; 40 border-radius: 30px !important; 41 min-width: 11px !important; 42 line-height: 11px !important; 43 padding-top: 0px !important; 44 display: inline-block !important; 45 text-align: center !important; 46 color: rgba(8, 8, 8, 0.9) !important; 47 font-size: 9px !important; 48 margin: -2px -2px -2px -1px !important; 26 z-index: 9997; 27 } 28 29 /* ACTION HOOK */ 30 .cxssh-hook.cxssh-hook-action { 31 background: #D1E8E0 !important; 32 color: #2E2E2E !important; 33 box-shadow: none !important; 34 border: 1px solid #c3d9d1 !important; 35 } 36 37 /* FILTER HOOK */ 38 .cxssh-hook.cxssh-hook-filter { 39 background: #ffe8ea !important; 40 color: #3A2D2D !important; 41 box-shadow: none !important; 42 border: 1px solid rgb(248, 216, 218) !important; 43 } 44 45 /* HOOK TYPE */ 46 .cxssh-hook .cxssh-hook-type{ 47 background: rgba(0, 0, 0, 0.13) !important; 48 border-radius: 30px !important; 49 min-width: 11px !important; 50 line-height: 11px !important; 51 padding-top: 0px !important; 52 display: inline-block !important; 53 text-align: center !important; 54 color: rgba(8, 8, 8, 0.9) !important; 55 font-size: 9px !important; 56 margin: -2px -2px -2px -1px !important; 57 float: none !important; 58 position: relative !important; 59 top: -1px !important; 60 } 61 .cxssh-hook.cxssh-hook-action .cxssh-hook-type{ 62 background: rgba(0, 0, 0, 0.2) !important; 63 color: rgba(199, 255, 212, 1) !important; 64 } 65 .cxssh-hook.cxssh-hook-filter .cxssh-hook-type{ 66 background: rgba(0, 0, 0, 0.15) !important; 67 color: #F4E1E1 !important; 68 } 69 .cxssh-hook.cxssh-hook-action.cxssh-hook-has-hooks .cxssh-hook-type{ 70 background: rgba(0, 0, 0, 0.2) !important; 71 color: #4DCCA8 !important; 72 } 73 .cxssh-hook.cxssh-hook-filter.cxssh-hook-has-hooks .cxssh-hook-type{ 74 background: rgba(0, 0, 0, 0.25) !important; 75 color: rgba(196, 131, 131, 1) !important; 76 } 77 78 /* HAS HOOKS*/ 79 .cxssh-hook.cxssh-hook-has-hooks { 80 cursor: pointer !important; 81 } 82 83 /* ACTION HOOK */ 84 .cxssh-hook.cxssh-hook-action.cxssh-hook-has-hooks { 85 background: #34B08D !important; 86 border: 1px solid #289c7c !important; 87 color: #F6F6F6 !important; 88 box-shadow: none !important; 89 } 90 91 /* FILTER HOOK */ 92 .cxssh-hook.cxssh-hook-filter.cxssh-hook-has-hooks { 93 background: #c53164 !important; 94 box-shadow: none !important; 95 border: 1px solid #b22958 !important; 96 color: #FFF !important; 97 } 98 99 /* HOOK COUNT */ 100 .cxssh-hook .cxssh-hook-count { 101 float:none !important; 102 min-width: 12px !important; 103 min-height:0 !important; 104 font-size: 8px !important; 105 background: rgba(255, 0, 43, 0.96) !important; 106 border-radius: 20px !important; 107 padding: 0px 3px 0px 3px !important; 108 box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16) inset, 0 1px 0 rgba(0, 0, 0, 0.01) !important; 109 line-height: 12px !important; 110 position: relative !important; 111 top: -8px !important; 112 right: -9px !important; 113 margin: 0 0 -10px -13px !important; 114 width: auto !important; 115 display: inline-block !important; 116 text-align: center !important; 117 height: auto !important; 118 box-sizing: border-box !important; 119 color: rgba(255, 255, 255, 0.95) !important; 120 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) !important; 121 } 122 123 /* HOOK DROP DOWN */ 124 .cxssh-hook .cxssh-hook-dropdown { 125 position: absolute; 126 z-index: 100000; 127 line-height: 12px; 128 display: none; 129 border-radius: 4px; 130 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.07), 0 0 0 1px rgba(0,0,0,0.08); 131 color: rgb(66, 66, 66); 132 font-size: 11px; 133 white-space: nowrap; 134 padding: 0px 10px 9px; 135 margin: 0px 0 0 -16px !important; 136 background: rgb(255, 255, 255); 137 overflow: visible !important; 138 top: 100%; 139 text-align: left !important; 140 } 141 .cxssh-hook .cxssh-hook-dropdown:after { 142 display:block; 143 content:''; 144 width: 0; 145 height: 0; 146 border-style: solid; 147 border-width: 6px; 148 border-color: transparent; 149 border-bottom-color: #FFF !important; 150 border-top-width: 0; 151 position: absolute; 152 bottom: 100%; 153 left: 30px; 154 opacity: 1 !important; 155 } 156 .cxssh-hook .cxssh-hook-dropdown:before { 157 display:block; 158 content:''; 159 width: 0; 160 height: 0; 161 border-style: solid; 162 border-width: 7px; 163 border-color: transparent; 164 border-bottom-color: rgba(0, 0, 0, 0.29); 165 border-top-width: 0; 166 position: absolute; 167 bottom: 100%; 168 margin-left:-1px; 169 left: 30px; 170 } 171 .cxssh-hook ul.cxssh-hook-dropdown li { 172 display:block; 173 padding: 2px 0 2px 0; 174 position: relative; 175 margin: 0; 176 float: none; 177 clear: both; 178 width: auto !important; 179 float: none !important; 180 } 181 182 /* HOOK NAME */ 183 .cxssh-hook ul.cxssh-hook-dropdown li.cxssh-hook-heading { 184 padding: 1px 0; 185 background: rgba(231, 231, 231, 0.46); 186 margin: 10px 0 20px; 187 font-size: 13px; 188 padding: 9px 7px; 189 border: 1px solid rgb(228, 228, 228); 190 border-radius: 3px; 191 } 192 193 /* HOOKED FUNCTION NAME */ 194 .cxssh-hook ul.cxssh-hook-dropdown {} 195 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-function-string { 196 position: relative; 197 width: auto !important; 198 float: none !important; 199 min-width: 0px !important; 200 min-height: 0px !important; 201 border: 1px solid rgb(228, 228, 228) !important; 202 color: rgb(66, 66, 66) !important; 203 text-decoration: none !important; 204 border-radius: 2px !important; 205 margin: 0 !important; 206 font-size: 11px !important; 207 display: inline-block !important; 208 line-height: 15px !important; 209 height: auto !important; 210 padding: 1px 5px !important; 211 background: #f4f4f4 !important; 212 transition: .5s !important; 213 white-space: nowrap !important; 214 } 215 .cxssh-hook ul.cxssh-hook-dropdown li span:before { 216 display: none !important; 217 } 218 .cxssh-hook ul.cxssh-hook-dropdown li span:after { 219 display:none !important; 220 } 221 222 /* HOOK PRIORITY */ 223 .cxssh-hook ul.cxssh-hook-dropdown li.cxssh-priority { 224 display:block; 225 height: 1px; 226 padding:0; 227 margin: 18px 0 11px; 228 border-bottom: 1px dotted #ebebeb; 229 } 230 231 /* HOOK PRIORITY LABEL */ 232 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label { 233 display: inline-block; 234 background: #FFFFFF; 235 border-radius: 50px; 236 line-height: 20px; 237 height: 16px; 238 font-size: 11px; 239 color: #474747; 240 padding: 0 5px 0 0; 241 margin: -2px 0 0; 242 position: relative; 243 top: -7px; 244 left: 0px; 245 } 246 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label:after{ 247 content:"" !important; 248 } 249 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label:before{ 250 content:"" !important; 251 } 252 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label strong { 253 font-weight:bold; 254 } 255 256 /* UNKNOWN */ 257 .cxssh-hook ul.cxssh-hook-dropdown li ul { 258 display:none; 259 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 2px 9px rgba(0, 0, 0, 0.21); 260 border-radius: 3px; 261 position: absolute; 262 background: white; 263 z-index: 100; 264 top: 100%; 265 margin-top: -1px; 266 left: 15px; 267 pointer-events: none; 268 } 269 .cxssh-hook ul.cxssh-hook-dropdown li ul li {} 270 .cxssh-hook ul.cxssh-hook-dropdown li:hover ul { 271 display:block; 272 } 273 274 /* UNKNOWN */ 275 .cxssh-collection-divider{ 276 margin: 1px 2px; 277 padding: 10px 0; 278 font-size: 12px; 279 font-weight: bold; 280 } 281 282 /* PULSE ANIMATION */ 283 @-webkit-keyframes cxssh-pulse { 284 0% { 285 opacity:0; 286 } 287 100% { 288 opacity:1; 289 } 290 } 291 292 /* LABEL HOVER */ 293 .cxssh-hook:hover { 294 z-index: 9998; 295 } 296 .cxssh-hook:hover .cxssh-hook-dropdown { 297 display:block !important; 298 } 299 300 /* SHOW-ALL-FILTERS PANEL */ 301 .cxssh-nested-hooks-block { 302 display:none; 303 background: white; 304 position: fixed; 305 left: 0; 306 top: 0; 307 z-index: 100000; 308 width: 385px; 309 height: 100%; 310 overflow-y: scroll; 311 overflow-x: hidden; 312 box-shadow: 6px 0px 0px rgba(0, 0, 0, 0.05), 0 1px 15px rgba(0, 0, 0, 0.3); 313 border-right: 1px solid rgba(0, 0, 0, 0.24); 314 padding: 3px; 315 } 316 .cxssh-nested-hooks-block.cxssh-active { 317 display:block; 318 } 319 .cxssh-nested-hooks-block .cxssh-hook { 320 max-width: 380px; 321 } 322 323 324 /* ADMIN BAR UX */ 325 #wp-admin-bar-cxssh-main-menu .ab-submenu .ab-item:before { 326 line-height: 9px; 327 display:inline-block; 328 background-color: rgba(146, 146, 146, 1); 329 width: 9px; 330 height: 1px; 331 display: inline-block; 332 border-radius: 50px; 333 margin: 0 6px -1px 0px; 334 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.59); 49 335 float: none !important; 50 position: relative !important; 51 top: -1px !important; 52 } 53 .cxssh-hook.cxssh-hook-action .cxssh-hook-type{ 54 background: rgba(0, 0, 0, 0.2) !important; 55 color: rgba(199, 255, 212, 1) !important; 56 } 57 .cxssh-hook.cxssh-hook-filter .cxssh-hook-type{ 58 background: rgba(0, 0, 0, 0.15) !important; 59 color: #F4E1E1 !important; 60 } 61 .cxssh-hook.cxssh-hook-action.cxssh-hook-has-hooks .cxssh-hook-type{ 62 background: rgba(0, 0, 0, 0.2) !important; 63 color: #4DCCA8 !important; 64 } 65 .cxssh-hook.cxssh-hook-filter.cxssh-hook-has-hooks .cxssh-hook-type{ 66 background: rgba(0, 0, 0, 0.25) !important; 67 color: rgba(196, 131, 131, 1) !important; 68 } 69 .cxssh-hook.cxssh-hook-has-hooks { 70 cursor: pointer !important; 71 } 72 .cxssh-hook.cxssh-hook-action.cxssh-hook-has-hooks { 73 background: #34B08D !important; 74 border: 1px solid #289c7c !important; 75 color: #F6F6F6 !important; 76 box-shadow: none !important; 77 } 78 .cxssh-hook.cxssh-hook-filter.cxssh-hook-has-hooks { 79 background: #c53164 !important; 80 box-shadow: none !important; 81 border: 1px solid #b22958 !important; 82 color: #FFF !important; 83 } 84 85 .cxssh-hook .cxssh-hook-count { 86 float:none !important; 87 min-width: 12px !important; 88 min-height:0 !important; 89 font-size: 8px !important; 90 background: rgba(255, 0, 43, 0.96) !important; 91 border-radius: 20px !important; 92 padding: 0px 3px 0px 3px !important; 93 box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16) inset, 0 1px 0 rgba(0, 0, 0, 0.01) !important; 94 line-height: 12px !important; 95 position: relative !important; 96 top: -8px !important; 97 right: -9px !important; 98 margin: 0 0 -10px -13px !important; 99 width: auto !important; 100 display: inline-block !important; 101 text-align: center !important; 102 height: auto !important; 103 box-sizing: border-box !important; 104 color: rgba(255, 255, 255, 0.95) !important; 105 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) !important; 106 } 107 .cxssh-hook .cxssh-hook-dropdown { 108 position: absolute; 109 z-index: 100000; 110 line-height: 12px; 111 display: none; 112 border-radius: 4px; 113 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.07), 0 0 0 1px rgba(0,0,0,0.08); 114 color: rgb(66, 66, 66); 115 font-size: 11px; 116 white-space: nowrap; 117 padding: 0px 10px 9px; 118 margin: 0px 0 0 -16px !important; 119 background: rgb(255, 255, 255); 120 overflow: visible !important; 121 top: 100%; 122 text-align: left !important; 123 } 124 .cxssh-hook .cxssh-hook-dropdown:after { 125 display:block; 126 content:''; 127 width: 0; 128 height: 0; 129 border-style: solid; 130 border-width: 6px; 131 border-color: transparent; 132 border-bottom-color: #FFF !important; 133 border-top-width: 0; 134 position: absolute; 135 bottom: 100%; 136 left: 30px; 137 opacity: 1 !important; 138 } 139 .cxssh-hook .cxssh-hook-dropdown:before { 140 display:block; 141 content:''; 142 width: 0; 143 height: 0; 144 border-style: solid; 145 border-width: 7px; 146 border-color: transparent; 147 border-bottom-color: rgba(0, 0, 0, 0.29); 148 border-top-width: 0; 149 position: absolute; 150 bottom: 100%; 151 margin-left:-1px; 152 left: 30px; 153 } 154 .cxssh-hook ul.cxssh-hook-dropdown {} 155 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-function-string { 336 content: "" !important; 337 clear: both; 338 display: inline-block; 156 339 position: relative; 157 width: auto !important; 158 float: none !important; 159 min-width: 0px !important; 160 min-height: 0px !important; 161 border: 1px solid rgb(228, 228, 228) !important; 162 color: rgb(66, 66, 66) !important; 163 text-decoration: none !important; 164 border-radius: 2px !important; 165 margin: 0 !important; 166 font-size: 11px !important; 167 display: inline-block !important; 168 line-height: 15px !important; 169 height: auto !important; 170 padding: 1px 5px !important; 171 background: #f4f4f4 !important; 172 transition: .5s !important; 173 white-space: nowrap !important; 174 } 175 .cxssh-hook ul.cxssh-hook-dropdown li span:before { 176 display: none !important; 177 } 178 .cxssh-hook ul.cxssh-hook-dropdown li span:after { 179 display:none !important; 180 } 181 .cxssh-hook ul.cxssh-hook-dropdown li { 182 display:block; 183 padding: 2px 0 2px 0; 184 position: relative; 185 margin: 0; 186 float: none; 187 clear: both; 188 width: auto !important; 189 float: none !important; 190 } 191 .cxssh-hook ul.cxssh-hook-dropdown li.cxssh-hook-heading { 192 padding: 1px 0; 193 background: rgba(231, 231, 231, 0.46); 194 margin: 10px 0 20px; 195 font-size: 13px; 196 padding: 9px 7px; 197 border: 1px solid rgb(228, 228, 228); 198 border-radius: 3px; 199 } 200 .cxssh-hook ul.cxssh-hook-dropdown li.cxssh-priority { 201 display:block; 202 height: 1px; 203 padding:0; 204 margin: 18px 0 11px; 205 border-bottom: 1px dotted #ebebeb; 206 } 207 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label { 208 display: inline-block; 209 background: #FFFFFF; 210 border-radius: 50px; 211 line-height: 20px; 212 height: 16px; 213 font-size: 11px; 214 color: #474747; 215 padding: 0 5px 0 0; 216 margin: -2px 0 0; 217 position: relative; 218 top: -7px; 219 left: 0px; 220 } 221 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label:after{ 222 content:"" !important; 223 } 224 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label:before{ 225 content:"" !important; 226 } 227 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label strong { 228 font-weight:bold; 229 } 230 .cxssh-hook ul.cxssh-hook-dropdown li ul { 231 display:none; 232 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 2px 9px rgba(0, 0, 0, 0.21); 233 border-radius: 3px; 234 position: absolute; 235 background: white; 236 z-index: 100; 237 top: 100%; 238 margin-top: -1px; 239 left: 15px; 240 pointer-events: none; 241 } 242 .cxssh-hook ul.cxssh-hook-dropdown li ul li {} 243 .cxssh-hook ul.cxssh-hook-dropdown li:hover ul { 244 display:block; 245 } 246 247 .cxssh-collection-divider{ 248 margin: 1px 2px; 249 padding: 10px 0; 250 font-size: 12px; 251 font-weight: bold; 252 } 253 254 /*Pulse Animation*/ 255 @-webkit-keyframes cxssh-pulse { 256 0% { 257 opacity:0; 258 } 100% { 259 opacity:1; 260 } } 261 262 .cxssh-hook .cxssh-hook-dropdown pre {} 263 .cxssh-hook:hover .cxssh-hook-dropdown { 264 display:block !important; 265 } 266 340 top: -1px; 341 } 342 #wp-admin-bar-cxssh-main-menu .ab-submenu .cxssh-hooks-on .ab-item:before { 343 background-color: #b7ed00; 344 -webkit-animation: cxssh-pulse 1s infinite alternate; 345 } 346 347 348 /* SWITCH-OFF BUTTON UX */ 267 349 .cxssh-notification-switch { 268 350 position: fixed; … … 281 363 text-decoration: none; 282 364 border-radius: 2px 0 0 2px; 283 /* border-top: 1px solid rgba(255, 255, 255, 0.12); */284 365 box-shadow: -1px 1px 4px rgba(0,0,0,0.1); 285 366 } … … 288 369 text-decoration:none; 289 370 } 290 .cxssh-notification-switch .cxssh-notification-indicator { 291 background-color: #b7ed00; 292 -webkit-animation: cxssh-pulse 1s infinite alternate; 293 width: 9px; 294 height: 9px; 295 display: inline-block; 296 border-radius: 50px; 297 margin: 0 2px -1px 11px; 298 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.24) inset, 0 -1px 0 rgba(0, 0, 0, 0.12) inset, 0 1px 0 rgba(0, 0, 0, 0.59); 299 position: relative; 300 top: -1px; 301 } 302 371 372 /* ON INDICATOR */ 373 .cxssh-notification-switch .cxssh-notification-indicator { 374 background-color: #b7ed00; 375 -webkit-animation: cxssh-pulse 1s infinite alternate; 376 width: 9px; 377 height: 9px; 378 display: inline-block; 379 border-radius: 50px; 380 margin: 0 2px -1px 11px; 381 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.24) inset, 0 -1px 0 rgba(0, 0, 0, 0.12) inset, 0 1px 0 rgba(0, 0, 0, 0.59); 382 position: relative; 383 top: -1px; 384 } 385 386 387 /* UNKNOWN */ 303 388 .cxssh-notification-switch .cxssh-notification-button { 304 389 display: none; … … 314 399 background: rgba(255, 255, 255, 0.11); 315 400 } 316 317 .cxssh-hooks-on {}318 319 #wp-admin-bar-cxssh-main-menu .ab-submenu .ab-item:before {320 line-height: 9px;321 display:inline-block;322 background-color: rgba(146, 146, 146, 1);323 width: 9px;324 height: 1px;325 display: inline-block;326 border-radius: 50px;327 margin: 0 6px -1px 0px;328 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.59);329 float: none !important;330 content: "" !important;331 clear: both;332 display: inline-block;333 position: relative;334 top: -1px;335 }336 #wp-admin-bar-cxssh-main-menu .ab-submenu .cxssh-hooks-on .ab-item:before {337 background-color: #b7ed00;338 -webkit-animation: cxssh-pulse 1s infinite alternate;339 }340 341 .cxssh-nested-hooks-block {342 display:none;343 background: white;344 position: fixed;345 left: 0;346 top: 0;347 z-index: 100000;348 width: 385px;349 height: 100%;350 overflow-y: scroll;351 overflow-x: hidden;352 box-shadow: 6px 0px 0px rgba(0, 0, 0, 0.05), 0 1px 15px rgba(0, 0, 0, 0.3);353 border-right: 1px solid rgba(0, 0, 0, 0.24);354 padding: 3px;355 }356 .cxssh-nested-hooks-block.cxssh-active {357 display:block;358 }359 .cxssh-nested-hooks-block .cxssh-hook {360 max-width: 380px;361 } -
simply-show-hooks/tags/1.2.1/index.php
r1490548 r1522935 5 5 Description: Simply Show Hooks helps theme or plugin developers to quickly see where all the action and filter hooks are on any WordPress page. 6 6 Version: 1.2.1 7 Contributors: stuartobrien, cxthemes, obox 8 Author URI: http://www.calyxagency.com/#plugins 7 Contributors: stuartobrien, cxthemes 8 Author: Stuart O'Brien, cxThemes 9 Author URI: http://www.calyxagency.com/?utm_medium=plugins%20page%20view%20details&utm_campaign=free%20plugin%20upsell&utm_source=send%20emails#plugins 9 10 License: GPLv2 or later 10 11 Text Domain: simply-show-hooks -
simply-show-hooks/trunk/assets/css/cxssh-main.css
r1490542 r1522935 1 1 2 /* HOOK LABEL (MAIN INLINE LABEL) */ 2 3 .cxssh-hook { 3 4 position: relative !important; … … 20 21 padding: 1px 5px 1px !important; 21 22 background: rgb(66, 66, 66) !important; 22 transition: .5s !important;23 transition: 0s !important; 23 24 white-space: nowrap !important; 24 25 box-sizing: initial !important; 25 } 26 .cxssh-hook.cxssh-hook-action { 27 background: #D1E8E0 !important; 28 color: #2E2E2E !important; 29 box-shadow: none !important; 30 border: 1px solid #c3d9d1 !important; 31 } 32 .cxssh-hook.cxssh-hook-filter { 33 background: #ffe8ea !important; 34 color: #3A2D2D !important; 35 box-shadow: none !important; 36 border: 1px solid rgb(248, 216, 218) !important; 37 } 38 .cxssh-hook .cxssh-hook-type{ 39 background: rgba(0, 0, 0, 0.13) !important; 40 border-radius: 30px !important; 41 min-width: 11px !important; 42 line-height: 11px !important; 43 padding-top: 0px !important; 44 display: inline-block !important; 45 text-align: center !important; 46 color: rgba(8, 8, 8, 0.9) !important; 47 font-size: 9px !important; 48 margin: -2px -2px -2px -1px !important; 26 z-index: 9997; 27 } 28 29 /* ACTION HOOK */ 30 .cxssh-hook.cxssh-hook-action { 31 background: #D1E8E0 !important; 32 color: #2E2E2E !important; 33 box-shadow: none !important; 34 border: 1px solid #c3d9d1 !important; 35 } 36 37 /* FILTER HOOK */ 38 .cxssh-hook.cxssh-hook-filter { 39 background: #ffe8ea !important; 40 color: #3A2D2D !important; 41 box-shadow: none !important; 42 border: 1px solid rgb(248, 216, 218) !important; 43 } 44 45 /* HOOK TYPE */ 46 .cxssh-hook .cxssh-hook-type{ 47 background: rgba(0, 0, 0, 0.13) !important; 48 border-radius: 30px !important; 49 min-width: 11px !important; 50 line-height: 11px !important; 51 padding-top: 0px !important; 52 display: inline-block !important; 53 text-align: center !important; 54 color: rgba(8, 8, 8, 0.9) !important; 55 font-size: 9px !important; 56 margin: -2px -2px -2px -1px !important; 57 float: none !important; 58 position: relative !important; 59 top: -1px !important; 60 } 61 .cxssh-hook.cxssh-hook-action .cxssh-hook-type{ 62 background: rgba(0, 0, 0, 0.2) !important; 63 color: rgba(199, 255, 212, 1) !important; 64 } 65 .cxssh-hook.cxssh-hook-filter .cxssh-hook-type{ 66 background: rgba(0, 0, 0, 0.15) !important; 67 color: #F4E1E1 !important; 68 } 69 .cxssh-hook.cxssh-hook-action.cxssh-hook-has-hooks .cxssh-hook-type{ 70 background: rgba(0, 0, 0, 0.2) !important; 71 color: #4DCCA8 !important; 72 } 73 .cxssh-hook.cxssh-hook-filter.cxssh-hook-has-hooks .cxssh-hook-type{ 74 background: rgba(0, 0, 0, 0.25) !important; 75 color: rgba(196, 131, 131, 1) !important; 76 } 77 78 /* HAS HOOKS*/ 79 .cxssh-hook.cxssh-hook-has-hooks { 80 cursor: pointer !important; 81 } 82 83 /* ACTION HOOK */ 84 .cxssh-hook.cxssh-hook-action.cxssh-hook-has-hooks { 85 background: #34B08D !important; 86 border: 1px solid #289c7c !important; 87 color: #F6F6F6 !important; 88 box-shadow: none !important; 89 } 90 91 /* FILTER HOOK */ 92 .cxssh-hook.cxssh-hook-filter.cxssh-hook-has-hooks { 93 background: #c53164 !important; 94 box-shadow: none !important; 95 border: 1px solid #b22958 !important; 96 color: #FFF !important; 97 } 98 99 /* HOOK COUNT */ 100 .cxssh-hook .cxssh-hook-count { 101 float:none !important; 102 min-width: 12px !important; 103 min-height:0 !important; 104 font-size: 8px !important; 105 background: rgba(255, 0, 43, 0.96) !important; 106 border-radius: 20px !important; 107 padding: 0px 3px 0px 3px !important; 108 box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16) inset, 0 1px 0 rgba(0, 0, 0, 0.01) !important; 109 line-height: 12px !important; 110 position: relative !important; 111 top: -8px !important; 112 right: -9px !important; 113 margin: 0 0 -10px -13px !important; 114 width: auto !important; 115 display: inline-block !important; 116 text-align: center !important; 117 height: auto !important; 118 box-sizing: border-box !important; 119 color: rgba(255, 255, 255, 0.95) !important; 120 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) !important; 121 } 122 123 /* HOOK DROP DOWN */ 124 .cxssh-hook .cxssh-hook-dropdown { 125 position: absolute; 126 z-index: 100000; 127 line-height: 12px; 128 display: none; 129 border-radius: 4px; 130 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.07), 0 0 0 1px rgba(0,0,0,0.08); 131 color: rgb(66, 66, 66); 132 font-size: 11px; 133 white-space: nowrap; 134 padding: 0px 10px 9px; 135 margin: 0px 0 0 -16px !important; 136 background: rgb(255, 255, 255); 137 overflow: visible !important; 138 top: 100%; 139 text-align: left !important; 140 } 141 .cxssh-hook .cxssh-hook-dropdown:after { 142 display:block; 143 content:''; 144 width: 0; 145 height: 0; 146 border-style: solid; 147 border-width: 6px; 148 border-color: transparent; 149 border-bottom-color: #FFF !important; 150 border-top-width: 0; 151 position: absolute; 152 bottom: 100%; 153 left: 30px; 154 opacity: 1 !important; 155 } 156 .cxssh-hook .cxssh-hook-dropdown:before { 157 display:block; 158 content:''; 159 width: 0; 160 height: 0; 161 border-style: solid; 162 border-width: 7px; 163 border-color: transparent; 164 border-bottom-color: rgba(0, 0, 0, 0.29); 165 border-top-width: 0; 166 position: absolute; 167 bottom: 100%; 168 margin-left:-1px; 169 left: 30px; 170 } 171 .cxssh-hook ul.cxssh-hook-dropdown li { 172 display:block; 173 padding: 2px 0 2px 0; 174 position: relative; 175 margin: 0; 176 float: none; 177 clear: both; 178 width: auto !important; 179 float: none !important; 180 } 181 182 /* HOOK NAME */ 183 .cxssh-hook ul.cxssh-hook-dropdown li.cxssh-hook-heading { 184 padding: 1px 0; 185 background: rgba(231, 231, 231, 0.46); 186 margin: 10px 0 20px; 187 font-size: 13px; 188 padding: 9px 7px; 189 border: 1px solid rgb(228, 228, 228); 190 border-radius: 3px; 191 } 192 193 /* HOOKED FUNCTION NAME */ 194 .cxssh-hook ul.cxssh-hook-dropdown {} 195 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-function-string { 196 position: relative; 197 width: auto !important; 198 float: none !important; 199 min-width: 0px !important; 200 min-height: 0px !important; 201 border: 1px solid rgb(228, 228, 228) !important; 202 color: rgb(66, 66, 66) !important; 203 text-decoration: none !important; 204 border-radius: 2px !important; 205 margin: 0 !important; 206 font-size: 11px !important; 207 display: inline-block !important; 208 line-height: 15px !important; 209 height: auto !important; 210 padding: 1px 5px !important; 211 background: #f4f4f4 !important; 212 transition: .5s !important; 213 white-space: nowrap !important; 214 } 215 .cxssh-hook ul.cxssh-hook-dropdown li span:before { 216 display: none !important; 217 } 218 .cxssh-hook ul.cxssh-hook-dropdown li span:after { 219 display:none !important; 220 } 221 222 /* HOOK PRIORITY */ 223 .cxssh-hook ul.cxssh-hook-dropdown li.cxssh-priority { 224 display:block; 225 height: 1px; 226 padding:0; 227 margin: 18px 0 11px; 228 border-bottom: 1px dotted #ebebeb; 229 } 230 231 /* HOOK PRIORITY LABEL */ 232 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label { 233 display: inline-block; 234 background: #FFFFFF; 235 border-radius: 50px; 236 line-height: 20px; 237 height: 16px; 238 font-size: 11px; 239 color: #474747; 240 padding: 0 5px 0 0; 241 margin: -2px 0 0; 242 position: relative; 243 top: -7px; 244 left: 0px; 245 } 246 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label:after{ 247 content:"" !important; 248 } 249 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label:before{ 250 content:"" !important; 251 } 252 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label strong { 253 font-weight:bold; 254 } 255 256 /* UNKNOWN */ 257 .cxssh-hook ul.cxssh-hook-dropdown li ul { 258 display:none; 259 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 2px 9px rgba(0, 0, 0, 0.21); 260 border-radius: 3px; 261 position: absolute; 262 background: white; 263 z-index: 100; 264 top: 100%; 265 margin-top: -1px; 266 left: 15px; 267 pointer-events: none; 268 } 269 .cxssh-hook ul.cxssh-hook-dropdown li ul li {} 270 .cxssh-hook ul.cxssh-hook-dropdown li:hover ul { 271 display:block; 272 } 273 274 /* UNKNOWN */ 275 .cxssh-collection-divider{ 276 margin: 1px 2px; 277 padding: 10px 0; 278 font-size: 12px; 279 font-weight: bold; 280 } 281 282 /* PULSE ANIMATION */ 283 @-webkit-keyframes cxssh-pulse { 284 0% { 285 opacity:0; 286 } 287 100% { 288 opacity:1; 289 } 290 } 291 292 /* LABEL HOVER */ 293 .cxssh-hook:hover { 294 z-index: 9998; 295 } 296 .cxssh-hook:hover .cxssh-hook-dropdown { 297 display:block !important; 298 } 299 300 /* SHOW-ALL-FILTERS PANEL */ 301 .cxssh-nested-hooks-block { 302 display:none; 303 background: white; 304 position: fixed; 305 left: 0; 306 top: 0; 307 z-index: 100000; 308 width: 385px; 309 height: 100%; 310 overflow-y: scroll; 311 overflow-x: hidden; 312 box-shadow: 6px 0px 0px rgba(0, 0, 0, 0.05), 0 1px 15px rgba(0, 0, 0, 0.3); 313 border-right: 1px solid rgba(0, 0, 0, 0.24); 314 padding: 3px; 315 } 316 .cxssh-nested-hooks-block.cxssh-active { 317 display:block; 318 } 319 .cxssh-nested-hooks-block .cxssh-hook { 320 max-width: 380px; 321 } 322 323 324 /* ADMIN BAR UX */ 325 #wp-admin-bar-cxssh-main-menu .ab-submenu .ab-item:before { 326 line-height: 9px; 327 display:inline-block; 328 background-color: rgba(146, 146, 146, 1); 329 width: 9px; 330 height: 1px; 331 display: inline-block; 332 border-radius: 50px; 333 margin: 0 6px -1px 0px; 334 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.59); 49 335 float: none !important; 50 position: relative !important; 51 top: -1px !important; 52 } 53 .cxssh-hook.cxssh-hook-action .cxssh-hook-type{ 54 background: rgba(0, 0, 0, 0.2) !important; 55 color: rgba(199, 255, 212, 1) !important; 56 } 57 .cxssh-hook.cxssh-hook-filter .cxssh-hook-type{ 58 background: rgba(0, 0, 0, 0.15) !important; 59 color: #F4E1E1 !important; 60 } 61 .cxssh-hook.cxssh-hook-action.cxssh-hook-has-hooks .cxssh-hook-type{ 62 background: rgba(0, 0, 0, 0.2) !important; 63 color: #4DCCA8 !important; 64 } 65 .cxssh-hook.cxssh-hook-filter.cxssh-hook-has-hooks .cxssh-hook-type{ 66 background: rgba(0, 0, 0, 0.25) !important; 67 color: rgba(196, 131, 131, 1) !important; 68 } 69 .cxssh-hook.cxssh-hook-has-hooks { 70 cursor: pointer !important; 71 } 72 .cxssh-hook.cxssh-hook-action.cxssh-hook-has-hooks { 73 background: #34B08D !important; 74 border: 1px solid #289c7c !important; 75 color: #F6F6F6 !important; 76 box-shadow: none !important; 77 } 78 .cxssh-hook.cxssh-hook-filter.cxssh-hook-has-hooks { 79 background: #c53164 !important; 80 box-shadow: none !important; 81 border: 1px solid #b22958 !important; 82 color: #FFF !important; 83 } 84 85 .cxssh-hook .cxssh-hook-count { 86 float:none !important; 87 min-width: 12px !important; 88 min-height:0 !important; 89 font-size: 8px !important; 90 background: rgba(255, 0, 43, 0.96) !important; 91 border-radius: 20px !important; 92 padding: 0px 3px 0px 3px !important; 93 box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16) inset, 0 1px 0 rgba(0, 0, 0, 0.01) !important; 94 line-height: 12px !important; 95 position: relative !important; 96 top: -8px !important; 97 right: -9px !important; 98 margin: 0 0 -10px -13px !important; 99 width: auto !important; 100 display: inline-block !important; 101 text-align: center !important; 102 height: auto !important; 103 box-sizing: border-box !important; 104 color: rgba(255, 255, 255, 0.95) !important; 105 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) !important; 106 } 107 .cxssh-hook .cxssh-hook-dropdown { 108 position: absolute; 109 z-index: 100000; 110 line-height: 12px; 111 display: none; 112 border-radius: 4px; 113 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.07), 0 0 0 1px rgba(0,0,0,0.08); 114 color: rgb(66, 66, 66); 115 font-size: 11px; 116 white-space: nowrap; 117 padding: 0px 10px 9px; 118 margin: 0px 0 0 -16px !important; 119 background: rgb(255, 255, 255); 120 overflow: visible !important; 121 top: 100%; 122 text-align: left !important; 123 } 124 .cxssh-hook .cxssh-hook-dropdown:after { 125 display:block; 126 content:''; 127 width: 0; 128 height: 0; 129 border-style: solid; 130 border-width: 6px; 131 border-color: transparent; 132 border-bottom-color: #FFF !important; 133 border-top-width: 0; 134 position: absolute; 135 bottom: 100%; 136 left: 30px; 137 opacity: 1 !important; 138 } 139 .cxssh-hook .cxssh-hook-dropdown:before { 140 display:block; 141 content:''; 142 width: 0; 143 height: 0; 144 border-style: solid; 145 border-width: 7px; 146 border-color: transparent; 147 border-bottom-color: rgba(0, 0, 0, 0.29); 148 border-top-width: 0; 149 position: absolute; 150 bottom: 100%; 151 margin-left:-1px; 152 left: 30px; 153 } 154 .cxssh-hook ul.cxssh-hook-dropdown {} 155 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-function-string { 336 content: "" !important; 337 clear: both; 338 display: inline-block; 156 339 position: relative; 157 width: auto !important; 158 float: none !important; 159 min-width: 0px !important; 160 min-height: 0px !important; 161 border: 1px solid rgb(228, 228, 228) !important; 162 color: rgb(66, 66, 66) !important; 163 text-decoration: none !important; 164 border-radius: 2px !important; 165 margin: 0 !important; 166 font-size: 11px !important; 167 display: inline-block !important; 168 line-height: 15px !important; 169 height: auto !important; 170 padding: 1px 5px !important; 171 background: #f4f4f4 !important; 172 transition: .5s !important; 173 white-space: nowrap !important; 174 } 175 .cxssh-hook ul.cxssh-hook-dropdown li span:before { 176 display: none !important; 177 } 178 .cxssh-hook ul.cxssh-hook-dropdown li span:after { 179 display:none !important; 180 } 181 .cxssh-hook ul.cxssh-hook-dropdown li { 182 display:block; 183 padding: 2px 0 2px 0; 184 position: relative; 185 margin: 0; 186 float: none; 187 clear: both; 188 width: auto !important; 189 float: none !important; 190 } 191 .cxssh-hook ul.cxssh-hook-dropdown li.cxssh-hook-heading { 192 padding: 1px 0; 193 background: rgba(231, 231, 231, 0.46); 194 margin: 10px 0 20px; 195 font-size: 13px; 196 padding: 9px 7px; 197 border: 1px solid rgb(228, 228, 228); 198 border-radius: 3px; 199 } 200 .cxssh-hook ul.cxssh-hook-dropdown li.cxssh-priority { 201 display:block; 202 height: 1px; 203 padding:0; 204 margin: 18px 0 11px; 205 border-bottom: 1px dotted #ebebeb; 206 } 207 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label { 208 display: inline-block; 209 background: #FFFFFF; 210 border-radius: 50px; 211 line-height: 20px; 212 height: 16px; 213 font-size: 11px; 214 color: #474747; 215 padding: 0 5px 0 0; 216 margin: -2px 0 0; 217 position: relative; 218 top: -7px; 219 left: 0px; 220 } 221 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label:after{ 222 content:"" !important; 223 } 224 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label:before{ 225 content:"" !important; 226 } 227 .cxssh-hook ul.cxssh-hook-dropdown li span.cxssh-priority-label strong { 228 font-weight:bold; 229 } 230 .cxssh-hook ul.cxssh-hook-dropdown li ul { 231 display:none; 232 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 2px 9px rgba(0, 0, 0, 0.21); 233 border-radius: 3px; 234 position: absolute; 235 background: white; 236 z-index: 100; 237 top: 100%; 238 margin-top: -1px; 239 left: 15px; 240 pointer-events: none; 241 } 242 .cxssh-hook ul.cxssh-hook-dropdown li ul li {} 243 .cxssh-hook ul.cxssh-hook-dropdown li:hover ul { 244 display:block; 245 } 246 247 .cxssh-collection-divider{ 248 margin: 1px 2px; 249 padding: 10px 0; 250 font-size: 12px; 251 font-weight: bold; 252 } 253 254 /*Pulse Animation*/ 255 @-webkit-keyframes cxssh-pulse { 256 0% { 257 opacity:0; 258 } 100% { 259 opacity:1; 260 } } 261 262 .cxssh-hook .cxssh-hook-dropdown pre {} 263 .cxssh-hook:hover .cxssh-hook-dropdown { 264 display:block !important; 265 } 266 340 top: -1px; 341 } 342 #wp-admin-bar-cxssh-main-menu .ab-submenu .cxssh-hooks-on .ab-item:before { 343 background-color: #b7ed00; 344 -webkit-animation: cxssh-pulse 1s infinite alternate; 345 } 346 347 348 /* SWITCH-OFF BUTTON UX */ 267 349 .cxssh-notification-switch { 268 350 position: fixed; … … 281 363 text-decoration: none; 282 364 border-radius: 2px 0 0 2px; 283 /* border-top: 1px solid rgba(255, 255, 255, 0.12); */284 365 box-shadow: -1px 1px 4px rgba(0,0,0,0.1); 285 366 } … … 288 369 text-decoration:none; 289 370 } 290 .cxssh-notification-switch .cxssh-notification-indicator { 291 background-color: #b7ed00; 292 -webkit-animation: cxssh-pulse 1s infinite alternate; 293 width: 9px; 294 height: 9px; 295 display: inline-block; 296 border-radius: 50px; 297 margin: 0 2px -1px 11px; 298 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.24) inset, 0 -1px 0 rgba(0, 0, 0, 0.12) inset, 0 1px 0 rgba(0, 0, 0, 0.59); 299 position: relative; 300 top: -1px; 301 } 302 371 372 /* ON INDICATOR */ 373 .cxssh-notification-switch .cxssh-notification-indicator { 374 background-color: #b7ed00; 375 -webkit-animation: cxssh-pulse 1s infinite alternate; 376 width: 9px; 377 height: 9px; 378 display: inline-block; 379 border-radius: 50px; 380 margin: 0 2px -1px 11px; 381 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.24) inset, 0 -1px 0 rgba(0, 0, 0, 0.12) inset, 0 1px 0 rgba(0, 0, 0, 0.59); 382 position: relative; 383 top: -1px; 384 } 385 386 387 /* UNKNOWN */ 303 388 .cxssh-notification-switch .cxssh-notification-button { 304 389 display: none; … … 314 399 background: rgba(255, 255, 255, 0.11); 315 400 } 316 317 .cxssh-hooks-on {}318 319 #wp-admin-bar-cxssh-main-menu .ab-submenu .ab-item:before {320 line-height: 9px;321 display:inline-block;322 background-color: rgba(146, 146, 146, 1);323 width: 9px;324 height: 1px;325 display: inline-block;326 border-radius: 50px;327 margin: 0 6px -1px 0px;328 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.59);329 float: none !important;330 content: "" !important;331 clear: both;332 display: inline-block;333 position: relative;334 top: -1px;335 }336 #wp-admin-bar-cxssh-main-menu .ab-submenu .cxssh-hooks-on .ab-item:before {337 background-color: #b7ed00;338 -webkit-animation: cxssh-pulse 1s infinite alternate;339 }340 341 .cxssh-nested-hooks-block {342 display:none;343 background: white;344 position: fixed;345 left: 0;346 top: 0;347 z-index: 100000;348 width: 385px;349 height: 100%;350 overflow-y: scroll;351 overflow-x: hidden;352 box-shadow: 6px 0px 0px rgba(0, 0, 0, 0.05), 0 1px 15px rgba(0, 0, 0, 0.3);353 border-right: 1px solid rgba(0, 0, 0, 0.24);354 padding: 3px;355 }356 .cxssh-nested-hooks-block.cxssh-active {357 display:block;358 }359 .cxssh-nested-hooks-block .cxssh-hook {360 max-width: 380px;361 } -
simply-show-hooks/trunk/index.php
r1490548 r1522935 5 5 Description: Simply Show Hooks helps theme or plugin developers to quickly see where all the action and filter hooks are on any WordPress page. 6 6 Version: 1.2.1 7 Contributors: stuartobrien, cxthemes, obox 8 Author URI: http://www.calyxagency.com/#plugins 7 Contributors: stuartobrien, cxthemes 8 Author: Stuart O'Brien, cxThemes 9 Author URI: http://www.calyxagency.com/?utm_medium=plugins%20page%20view%20details&utm_campaign=free%20plugin%20upsell&utm_source=send%20emails#plugins 9 10 License: GPLv2 or later 10 11 Text Domain: simply-show-hooks
Note: See TracChangeset
for help on using the changeset viewer.