motion
Version:
motion - moving development forward
16 lines • 10.4 kB
CSS
#_motiondevtools .ViewClose{position:absolute;right:0px;top:0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:1;opacity:0.15;cursor:pointer;-webkit-transition:all ease-in 200ms;transition:all ease-in 200ms;}
#_motiondevtools bar.DevBar, #_motiondevtools .DevBar.bar, #_motiondevtools .ViewDevBar.bar{-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;position:fixed;bottom:0px;left:0px;right:0px;background:white;height:50px;border:1px solid #ccc;padding:10px 15px;pointer-events:all;}#_motiondevtools pin.DevBar, #_motiondevtools .DevBar.pin, #_motiondevtools .ViewDevBar.pin{position:absolute;right:10px;top:3px;}#_motiondevtools label.DevBar, #_motiondevtools .DevBar.label, #_motiondevtools .ViewDevBar.label{-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;font-size:15px;margin-top:1px;font-weight:bold;}#_motiondevtools fps.DevBar, #_motiondevtools .DevBar.fps, #_motiondevtools .ViewDevBar.fps{-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;}#_motiondevtools button.DevBar, #_motiondevtools .DevBar.button, #_motiondevtools .ViewDevBar.button{margin-left:20px;}
#_motiondevtools bar.Errors-Message, #_motiondevtools .Errors-Message.bar, #_motiondevtools .ViewErrors-Message.bar{display:block;position:fixed;left:0px;-webkit-transition:all 200ms ease-in;transition:all 200ms ease-in;right:0px;font-family:-apple-system, "San Francisco", Roboto, "Segou UI", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;color:#fff;font-size:14px;padding:2px;pointer-events:all;overflow:hidden;z-index:2147483647;box-shadow:0 -6px 12px rgba(0,0,0,0.06);}#_motiondevtools inner.Errors-Message, #_motiondevtools .Errors-Message.inner, #_motiondevtools .ViewErrors-Message.inner{display:block;max-height:200px;overflow-y:scroll;}#_motiondevtools top.Errors-Message, #_motiondevtools .Errors-Message.top, #_motiondevtools .ViewErrors-Message.top{padding:8px;display:block;}#_motiondevtools where.Errors-Message, #_motiondevtools .Errors-Message.where, #_motiondevtools .ViewErrors-Message.where{display:inline-block;pointer-events:all;font-weight:300;color:rgba(255,255,255,0.8);}#_motiondevtools line.Errors-Message, #_motiondevtools .Errors-Message.line, #_motiondevtools .ViewErrors-Message.line{display:inline-block;white-space:pre;pointer-events:all;}#_motiondevtools motion.Errors-Message, #_motiondevtools .Errors-Message.motion, #_motiondevtools .ViewErrors-Message.motion{display:inline;font-weight:700;color:#fff;}#_motiondevtools shortError.Errors-Message, #_motiondevtools .Errors-Message.shortError, #_motiondevtools .ViewErrors-Message.shortError{display:inline;color:rgba(255,255,255,0.7);}#_motiondevtools cur.Errors-Message, #_motiondevtools .Errors-Message.cur, #_motiondevtools .ViewErrors-Message.cur{background:#fff;}#_motiondevtools errCol.Errors-Message, #_motiondevtools .Errors-Message.errCol, #_motiondevtools .ViewErrors-Message.errCol{display:inline;border-bottom:2px solid #f5d64c;margin:-3px;padding:3px;color:#fff;}#_motiondevtools ln.Errors-Message, #_motiondevtools .Errors-Message.ln, #_motiondevtools .ViewErrors-Message.ln{padding:0px 20px;}#_motiondevtools motionline.Errors-Message, #_motiondevtools .Errors-Message.motionline, #_motiondevtools .ViewErrors-Message.motionline{white-space:pre;pointer-events:all;font-weight:motion;}
#_motiondevtools .ViewInspector-Section{padding:0px 0px 5px;}#_motiondevtools body.Inspector-Section, #_motiondevtools .Inspector-Section.body, #_motiondevtools .ViewInspector-Section.body{padding:0px 12px;}#_motiondevtools inactive.Inspector-Section, #_motiondevtools .Inspector-Section.inactive, #_motiondevtools .ViewInspector-Section.inactive{display:none;}
#_motiondevtools title.Inspector-Title, #_motiondevtools .Inspector-Title.title, #_motiondevtools .ViewInspector-Title.title{font-weight:300;font-size:11px;border-bottom:1px solid #f4f4f4;height:10px;margin:0px 5px 4px;color:rgba(0,0,0,0.4);-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;}#_motiondevtools closed.Inspector-Title, #_motiondevtools .Inspector-Title.closed, #_motiondevtools .ViewInspector-Title.closed{margin-top:1px;}#_motiondevtools inner.Inspector-Title, #_motiondevtools .Inspector-Title.inner, #_motiondevtools .ViewInspector-Title.inner{padding:4px 10px;background:#fff;}
#_motiondevtools view.Inspector-View, #_motiondevtools .Inspector-View.view, #_motiondevtools .ViewInspector-View.view{position:relative;pointer-events:auto;margin:6px;margin-bottom:0px;padding:0px 0px 1px;min-width:220px;min-height:34px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;background:#fff;box-shadow:0px 2px 10px rgba(0,0,0,0.15);border:1px solid #ccc;border-radius:4px;color:#333;-webkit-transition:all ease-in 60ms;transition:all ease-in 60ms;opacity:0;}#_motiondevtools top.Inspector-View, #_motiondevtools .Inspector-View.top, #_motiondevtools .ViewInspector-View.top{-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;padding-bottom:10px;}#_motiondevtools active.Inspector-View, #_motiondevtools .Inspector-View.active, #_motiondevtools .ViewInspector-View.active{opacity:1;}#_motiondevtools highlight.Inspector-View, #_motiondevtools .Inspector-View.highlight, #_motiondevtools .ViewInspector-View.highlight{border:2px solid #afb4e2;}#_motiondevtools .ViewInspector-View .ViewClose{top:-5px;right:-5px;font-size:13px;}#_motiondevtools name.Inspector-View, #_motiondevtools .Inspector-View.name, #_motiondevtools .ViewInspector-View.name{font-weight:400;color:rgba(0,0,0,0.8);padding:8px 8px 0px;font-size:14px;}#_motiondevtools edit.Inspector-View, #_motiondevtools .Inspector-View.edit, #_motiondevtools .ViewInspector-View.edit{padding:8px 8px 0px;font-size:14px;margin-left:4px;font-weight:400;color:rgba(24, 101, 227, 0.8);}#_motiondevtools input.Inspector-View, #_motiondevtools .Inspector-View.input, #_motiondevtools .ViewInspector-View.input{border-radius:100px;border:1px solid #ccc;width:100%;padding:2px 12px;color:#333;font-size:14px;}#_motiondevtools title.Inspector-View, #_motiondevtools .Inspector-View.title, #_motiondevtools .ViewInspector-View.title{display:none;color:#333;font-weight:200;font-size:12px;margin:3px 0px;}#_motiondevtools section.Inspector-View, #_motiondevtools .Inspector-View.section, #_motiondevtools .ViewInspector-View.section{background:rgba(0, 0, 0, 0.05);}
#_motiondevtools .ViewInspector{position:fixed;top:0px;right:0px;padding:2px;}
#_motiondevtools input.Label, #_motiondevtools .Label.input, #_motiondevtools .ViewLabel.input{color:#333;padding:1px;width:140px;outline:none;border:none;}#_motiondevtools editing.Label, #_motiondevtools .Label.editing, #_motiondevtools .ViewLabel.editing{opacity:1 ;}
#_motiondevtools .ViewLeaf{padding:1px 0px;font-size:13px;}#_motiondevtools colon.Leaf, #_motiondevtools .Leaf.colon, #_motiondevtools .ViewLeaf.colon{color:rgba(0,0,0,0.2);}#_motiondevtools name.Leaf, #_motiondevtools .Leaf.name, #_motiondevtools .ViewLeaf.name{color:#ff2f2f;font-weight:400;margin:auto 0px;}#_motiondevtools children.Leaf, #_motiondevtools .Leaf.children, #_motiondevtools .ViewLeaf.children{padding-left:10px;}#_motiondevtools type.Leaf, #_motiondevtools .Leaf.type, #_motiondevtools .ViewLeaf.type{margin:1px 0px 0px 8px;opacity:0.7;-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;}
#_motiondevtools .ViewMain{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:2147483647;}
#_motiondevtools .ViewMenu{border:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,0.2);position:absolute;background:#fff;z-index:2147483647;-webkit-transition:opacity ease-in 30ms, -webkit-transform ease-in 30ms;transition:opacity ease-in 30ms, -webkit-transform ease-in 30ms;transition:opacity ease-in 30ms, transform ease-in 30ms;transition:opacity ease-in 30ms, transform ease-in 30ms, -webkit-transform ease-in 30ms;opacity:0;pointer-events:none;padding:0px;}#_motiondevtools active.Menu, #_motiondevtools .Menu.active, #_motiondevtools .ViewMenu.active{pointer-events:auto;opacity:1;}#_motiondevtools item.Menu, #_motiondevtools .Menu.item, #_motiondevtools .ViewMenu.item{min-width:120px;cursor:pointer;-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;}#_motiondevtools first.Menu, #_motiondevtools .Menu.first, #_motiondevtools .ViewMenu.first{overflow:hidden;}#_motiondevtools last.Menu, #_motiondevtools .Menu.last, #_motiondevtools .ViewMenu.last{overflow:hidden;}#_motiondevtools hl.Menu, #_motiondevtools .Menu.hl, #_motiondevtools .ViewMenu.hl{padding:4px 8px;}#_motiondevtools main.Menu, #_motiondevtools .Menu.main, #_motiondevtools .ViewMenu.main{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
#_motiondevtools .ViewMotionModal{position:fixed;right:0px;min-width:80px;padding:7px 5px;margin:20px;background:#fff;box-shadow:0 5px 26px rgba(0,0,0,0.13);border:1px solid #dadada;font-size:14px;-webkit-transition:all ease-in 200ms;transition:all ease-in 200ms;text-align:center;border-radius:6px;pointer-events:auto;}#_motiondevtools title.MotionModal, #_motiondevtools .MotionModal.title, #_motiondevtools .ViewMotionModal.title{font-weight:500;font-size:15px;margin:0px 20px;}#_motiondevtools message.MotionModal, #_motiondevtools .MotionModal.message, #_motiondevtools .ViewMotionModal.message{font-family:-apple-system, 'Helvetica Nueue', Helvetica, Arial, sans-serif;}
#_motiondevtools circles.Tests-Circles, #_motiondevtools .Tests-Circles.circles, #_motiondevtools .ViewTests-Circles.circles{position:relative;background:#eee;height:400px;width:400px;}
#_motiondevtools .ViewTests-Props{margin-top:20px;}
#_motiondevtools .ViewTree{pointer-events:auto;margin-left:-10px;}
#_motiondevtools version.Versions, #_motiondevtools .Versions.version, #_motiondevtools .ViewVersions.version{text-align:left;padding:2px 4px;border-radius:2px;}#_motiondevtools inner.Versions, #_motiondevtools .Versions.inner, #_motiondevtools .ViewVersions.inner{-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;}#_motiondevtools v.Versions, #_motiondevtools .Versions.v, #_motiondevtools .ViewVersions.v{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;font-weight:bold;}