diff options
Diffstat (limited to 'html/enyo/lib/layout/layout.css')
-rw-r--r-- | html/enyo/lib/layout/layout.css | 273 |
1 files changed, 273 insertions, 0 deletions
diff --git a/html/enyo/lib/layout/layout.css b/html/enyo/lib/layout/layout.css new file mode 100644 index 0000000..6e9233f --- /dev/null +++ b/html/enyo/lib/layout/layout.css @@ -0,0 +1,273 @@ + +/* 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; +} |