/* fittable/source/FittableLayout.css */ .enyo-fittable-rows-layout { position: relative; } .enyo-fittable-rows-layout > * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; /* float when not stretched */ float: left; clear: both; } /* non-floating when stretched */ .enyo-fittable-rows-layout.enyo-stretch > * { float: none; clear: none; } /* setting to enforce margin collapsing */ /* NOTE: rows cannot have margin left/right */ .enyo-fittable-rows-layout.enyo-stretch.enyo-margin-expand > * { float: left; clear: both; width: 100%; /* note: harsh resets */ margin-left: 0 !important; margin-right: 0 !important; } .enyo-fittable-columns-layout { position: relative; text-align: left; white-space: nowrap; } .enyo-fittable-columns-layout.enyo-center { text-align: center; } .enyo-fittable-columns-layout > * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: top; display: inline-block; white-space: normal; } .enyo-fittable-columns-layout.enyo-tool-decorator > * { vertical-align: middle; } /* repair clobbered white-space setting for pre, code */ .enyo-fittable-columns-layout > pre, .enyo-fittable-columns-layout > code { white-space: pre; } .enyo-fittable-columns-layout > .enyo-fittable-columns-layout, .enyo-fittable-columns-layout > .onyx-toolbar-inline { white-space: nowrap; } /* NOTE: columns cannot have margin top/bottom */ .enyo-fittable-columns-layout.enyo-stretch > * { height: 100%; /* note: harsh resets */ margin-top: 0 !important; margin-bottom: 0 !important; } /* list/source/List.css */ .enyo-list { position: relative; } .enyo-list-port { overflow: hidden; position: relative; height: 1000000px; } .enyo-list-page, .enyo-list-holdingarea { position: absolute; left: 0; right: 0; } .enyo-list-holdingarea { top: -10000px; } .enyo-pinned-list-placeholder { border: 1px solid red; position: absolute; top: 0; left: 0; z-index: 1000; background: transparent; overflow: hidden; } .enyo-pinned-list-placeholder button { width: 100px; height: 100%; position: absolute; top: 0; right: 0; } .enyo-list-reorder-container { position: absolute; top: 0; left: 0; z-index: 1000; background: transparent; overflow: hidden; } .enyo-animatedTopAndLeft { -webkit-transition: top 0.1s linear, left 0.1s linear; -moz-transition: top 0.1s linear, left 0.1s linear; -o-transition: top 0.1s linear, left 0.1s linear; transition: top 0.1s linear, left 0.1s linear; } /* list/source/PulldownList.css */ .enyo-list-pulldown { position: absolute; bottom: 100%; left: 0; right: 0; } .enyo-puller { position: relative; height: 50px; font-size: 22px; color: #444; padding: 20px 0 0px 34px; } .enyo-puller-text { position: absolute; left: 80px; top: 22px; } .enyo-puller-arrow { position: relative; background: #444; width: 7px; height: 28px; transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; -ms-transition: -ms-transform 0.3s; } .enyo-puller-arrow:after { content: " "; height: 0; width: 0; position: absolute; border: 10px solid transparent; border-bottom-color: #444; bottom: 100%; left: 50%; margin-left: -10px; } .enyo-puller-arrow-up { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); } .enyo-puller-arrow-down { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } /* panels/source/arrangers/Arranger.css */ .enyo-arranger { position: relative; overflow: hidden; } .enyo-arranger.enyo-fit { position: absolute; } .enyo-arranger > * { position: absolute; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .enyo-arranger-fit > * { /* override any width/height set on panels */ width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; } /* panels/source/Panels.css */ .enyo-panels { } .enyo-panels-fit-narrow { } @media all and (max-width: 800px) { .enyo-panels-fit-narrow > * { min-width: 100%; max-width: 100%; } } /* tree/source/Node.css */ .enyo-node { cursor: default; padding: 4px; } .enyo-node img { vertical-align: middle; padding-right: 6px; } .enyo-node-box { overflow: hidden; } .enyo-node-client { position: relative; } .enyo-animate .enyo-node-box, .enyo-animate .enyo-node-client { -ms-transition-property: height, top; -ms-transition-duration: 0.2s, 0.2s; -moz-transition-property: height, top; -moz-transition-duration: 0.2s, 0.2s; -o-transition-property: height, top; -o-transition-duration: 0.2s, 0.2s; -webkit-transition-property: height, top; -webkit-transition-duration: 0.2s, 0.2s; transition-property: height, top; transition-duration: 0.2s, 0.2s; } /* imageview/source/ImageViewPin.css */ .pinDebug { background:yellow; border:1px solid yellow; }