Changeset 3056649 for jetpack/trunk/_inc/blocks/image-compare/view.css
- Timestamp:
- 03/22/2024 09:30:19 AM (4 months ago)
- File:
-
- 1 edited
-
jetpack/trunk/_inc/blocks/image-compare/view.css (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
jetpack/trunk/_inc/blocks/image-compare/view.css
r3049965 r3056649 1 div.juxtapose{font-family:Helvetica,Arial,sans-serif;width:100%}div.jx-slider{color:#f3f3f3;cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}div.jx-handle{cursor:col-resize;height:100%;margin-left:-20px;position:absolute;width:40px;z-index:15}.vertical div.jx-handle{cursor:row-resize;height:40px;margin-left:0;margin-top:-20px;width:100%}div.jx-control{background-color:currentColor;height:100%;margin-left:auto;margin-right:auto;width:3px}.vertical div.jx-control{background-color:currentColor;height:3px;position:relative;top:50%;transform:translateY(-50%);width:100%}div.jx-controller{background-color:currentColor;bottom:0;height:60px;margin:auto auto auto -3px;position:absolute;top:0;width:9px}.vertical div.jx-controller{height:9px;margin-left:auto;margin-right:auto;position:relative;top:-3px;width:100px}div.jx-arrow{bottom:0;margin:auto;top:0}.vertical div.jx-arrow,div.jx-arrow{height:0;position:absolute;transition:all .2s ease;width:0}.vertical div.jx-arrow{left:0;margin:0 auto;right:0}div.jx-arrow.jx-left{border-color: #0000 currentcolor #0000 #0000;border-style:solid;border-width:8px 8px 8px 0;left:2px}div.jx-arrow.jx-right{border-color:#0000 #0000 #0000 currentcolor;border-style:solid;border-width:8px 0 8px 8px;right:2px}.vertical div.jx-arrow.jx-left{border-color:#0000 #0000 currentcolor;border-style:solid;border-width:0 8px 8px;left:0;top:2px}.vertical div.jx-arrow.jx-right{border-color:currentcolor #0000 #0000;border-style:solid;border-width:8px 8px 0;bottom:2px;right:0;top:auto}div.jx-handle:active div.jx-arrow.jx-left,div.jx-handle:hover div.jx-arrow.jx-left{left:-1px}div.jx-handle:active div.jx-arrow.jx-right,div.jx-handle:hover div.jx-arrow.jx-right{right:-1px}.vertical div.jx-handle:active div.jx-arrow.jx-left,.vertical div.jx-handle:hover div.jx-arrow.jx-left{left:0;top:0}.vertical div.jx-handle:active div.jx-arrow.jx-right,.vertical div.jx-handle:hover div.jx-arrow.jx-right{bottom:0;right:0}div.jx-image{display:inline-block;height:100%;overflow:hidden;position:absolute;top:0}.vertical div.jx-image{left:0;top:auto;width:100%}div.jx-slider div.jx-image img{height:100%!important;margin-bottom:0;max-height:none!important;max-width:none!important;position:absolute;width:auto!important;z-index:5}div.jx-slider.vertical div.jx-image img{height:auto!important;width:100%!important}div.jx-image.jx-left{background-position:0;left:0}div.jx-image.jx-left img{left:0}div.jx-image.jx-right{background-position:100%;right:0}div.jx-image.jx-right img{bottom:0;right:0}.veritcal div.jx-image.jx-left{background-position:top;top:0}.veritcal div.jx-image.jx-left img{top:0}.vertical div.jx-image.jx-right{background-position:bottom;bottom:0}.veritcal div.jx-image.jx-right img{bottom:0}div.jx-image div.jx-label{background-color:#000;background-color:#000000b3;color:#fff;display:inline-block;font-size:1em;line-height:18px;padding:.25em .75em;position:relative;top:0;vertical-align:middle;white-space:nowrap;z-index:10}div.jx-image.jx-left div.jx-label{float:left;left:0}div.jx-image.jx-right div.jx-label{float:right;right:0}.vertical div.jx-image div.jx-label{display:table;position:absolute}.vertical div.jx-image.jx-right div.jx-label{bottom:0;left:0;top:auto}div.jx-image.transition{transition:width .5s ease}div.jx-handle.transition{transition:left .5s ease}.vertical div.jx-image.transition{transition:height .5s ease}.vertical div.jx-handle.transition{transition:top .5s ease}div.jx-controller:focus,div.jx-image.jx-left div.jx-label:focus,div.jx-image.jx-right div.jx-label:focus,figure.wp-block-jetpack-image-compare figcaption{font-size:85%;text-align:center}div.jx-control{color:#fff}.vertical div.jx-controller,div.jx-controller{border-radius:50%;height:48px;width:48px}div.jx-controller{margin-left:-22.5px}.vertical div.jx-controller{transform:translateY(-19.5px)}.vertical div.jx-arrow.jx-left,.vertical div.jx-arrow.jx-right,div.jx-arrow.jx-left,div.jx-arrow.jx-right{background-repeat:no-repeat;border:none;height:24px;width:24px;will-change:transform;z-index:1}div.jx-arrow.jx-left{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEzLjQgMTggOCAxMmw1LjQtNiAxLjIgMS00LjYgNSA0LjYgNXoiLz48L3N2Zz4=);left:0}div.jx-arrow.jx-right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjYgNiA5LjQgN2w0LjYgNS00LjYgNSAxLjIgMSA1LjQtNnoiLz48L3N2Zz4=);right:0}div.vertical div.jx-arrow.jx-left,div.vertical div.jx-arrow.jx-right{transform:rotate(90deg)}1 div.juxtapose{font-family:Helvetica,Arial,sans-serif;width:100%}div.jx-slider{color:#f3f3f3;cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}div.jx-handle{cursor:col-resize;height:100%;margin-left:-20px;position:absolute;width:40px;z-index:15}.vertical div.jx-handle{cursor:row-resize;height:40px;margin-left:0;margin-top:-20px;width:100%}div.jx-control{background-color:currentColor;height:100%;margin-left:auto;margin-right:auto;width:3px}.vertical div.jx-control{background-color:currentColor;height:3px;position:relative;top:50%;transform:translateY(-50%);width:100%}div.jx-controller{background-color:currentColor;bottom:0;height:60px;margin:auto auto auto -3px;position:absolute;top:0;width:9px}.vertical div.jx-controller{height:9px;margin-left:auto;margin-right:auto;position:relative;top:-3px;width:100px}div.jx-arrow{bottom:0;margin:auto;top:0}.vertical div.jx-arrow,div.jx-arrow{height:0;position:absolute;transition:all .2s ease;width:0}.vertical div.jx-arrow{left:0;margin:0 auto;right:0}div.jx-arrow.jx-left{border-color:;color:#fff;display:inline-block;font-size:1em;line-height:18px;padding:.25em .75em;position:relative;top:0;vertical-align:middle;white-space:nowrap;z-index:10}div.jx-image.jx-left div.jx-label{float:left;left:0}div.jx-image.jx-right div.jx-label{float:right;right:0}.vertical div.jx-image div.jx-label{display:table;position:absolute}.vertical div.jx-image.jx-right div.jx-label{bottom:0;left:0;top:auto}div.jx-image.transition{transition:width .5s ease}div.jx-handle.transition{transition:left .5s ease}.vertical div.jx-image.transition{transition:height .5s ease}.vertical div.jx-handle.transition{transition:top .5s ease}div.jx-controller:focus,div.jx-image.jx-left div.jx-label:focus,div.jx-image.jx-right div.jx-label:focus,figure.wp-block-jetpack-image-compare figcaption{font-size:85%;text-align:center}div.jx-control{color:#fff}.vertical div.jx-controller,div.jx-controller{border-radius:50%;height:48px;width:48px}div.jx-controller{margin-left:-22.5px}.vertical div.jx-controller{transform:translateY(-19.5px)}.vertical div.jx-arrow.jx-left,.vertical div.jx-arrow.jx-right,div.jx-arrow.jx-left,div.jx-arrow.jx-right{background-repeat:no-repeat;border:none;height:24px;width:24px;will-change:transform;z-index:1}div.jx-arrow.jx-left{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEzLjQgMTggOCAxMmw1LjQtNiAxLjIgMS00LjYgNSA0LjYgNXoiLz48L3N2Zz4=);left:0}div.jx-arrow.jx-right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjYgNiA5LjQgN2w0LjYgNS00LjYgNSAxLjIgMSA1LjQtNnoiLz48L3N2Zz4=);right:0}div.vertical div.jx-arrow.jx-left,div.vertical div.jx-arrow.jx-right{transform:rotate(90deg)}
Note: See TracChangeset
for help on using the changeset viewer.