forked from humphd/brackets
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathQuickView.css
More file actions
2 lines (2 loc) · 2.45 KB
/
Copy pathQuickView.css
File metadata and controls
2 lines (2 loc) · 2.45 KB
1
2
/* XXXBramble - created from QuickView.less with lessc --clean-css */
#quick-view-container{display:none;-webkit-transition:opacity .125s ease-in,-webkit-transform .125s;transition:opacity .125s ease-in,transform .125s;-webkit-transform:scale(0);transform:scale(0);opacity:0;background:#dfe2e2;position:absolute;z-index:5000;pointer-events:none;padding:8px;text-align:center;border-radius:4px;box-shadow:0 4px 15px rgba(0,0,0,.5)}.dark #quick-view-container{background:#2c2c2c;box-shadow:0 4px 15px rgba(0,0,0,.5)}#quick-view-container.active{-webkit-transform:scale(1);transform:scale(1);opacity:1}#quick-view-container .preview-content{background-image:url(preview_bg.png);border-radius:2px;box-shadow:0 -1px 2px rgba(0,0,0,.06),0 1px 0 rgba(255,255,255,.12)}.dark #quick-view-container .preview-content{box-shadow:0 -1px 2px rgba(0,0,0,.06),0 1px 0 rgba(255,255,255,.06);background-image:url(preview_bg_dark.png)}#quick-view-container .color-swatch{width:40px;height:40px;background-size:100%}#quick-view-container .image-preview{line-height:0}#quick-view-container .image-preview img{min-width:100px;max-width:200px;max-height:200px}#quick-view-container .img-size{background-color:#d4d7d7;border-top:1px solid rgba(255,255,255,.12);font-size:.9em;color:#333;padding-left:3px;margin-top:0;text-align:left;text-shadow:0 1px 0 rgba(255,255,255,.12)}.dark #quick-view-container .img-size{background-color:#222;border-top:1px solid rgba(255,255,255,.06);color:#ccc;text-shadow:0 1px 0 rgba(255,255,255,.06)}#quick-view-container.preview-bubble-above{-webkit-transform-origin:center bottom}#quick-view-container.preview-bubble-above:before{display:none}#quick-view-container.preview-bubble-above:after,#quick-view-container.preview-bubble-below:before{width:0;height:0;content:'';position:absolute;left:50%;bottom:-9px;margin-left:-10px;z-index:999;display:block;border-top:10px solid #dfe2e2;border-left:10px solid transparent;border-right:10px solid transparent;-webkit-filter:drop-shadow(0 1px 0 rgba(0, 0, 0, .18))}.dark #quick-view-container.preview-bubble-above:after,.dark #quick-view-container.preview-bubble-below:before{border-top:10px solid #2c2c2c}#quick-view-container.preview-bubble-below{-webkit-transform-origin:center top}#quick-view-container.preview-bubble-below:before{-webkit-filter:drop-shadow(0 1px 0 rgba(255, 255, 255, .18));-webkit-transform:rotate(180deg);top:-9px}#quick-view-container.preview-bubble-below:after{display:none}.quick-view-highlight{background-color:rgba(200,200,150,.4)}