UNPKG

ryuu

Version:

Domo App Dev Studio CLI, The main tool used to create, edit, and publish app designs to Domo

148 lines (128 loc) 2.51 kB
html, body { font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; background: #fbfbfb; cursor: default; margin: 0; padding: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } h2 { color: #5d5d5d; font-size: 24px; font-weight: 100; } .messages { padding-top: 20px; margin: 0 auto; max-width: 60%; overflow: visible; } .app { text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .app__wrapper { display: inline-block; text-align: left; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .app__wrapper table, .app__wrapper td { border-collapse: collapse; padding: 0; vertical-align: bottom; } .app__wrapper td { height: 80px; } .app__wrapper h2 { margin: 0; } .app__wrapper iframe { border: 1px solid #e4e5e5; background: #fff; height: 100%; width: 100%; margin-top: 20px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .app__wrapper__thumbnail { height: 62px; width: 62px; position: relative; top: -7px; margin-right: 20px; } .size { color: #bfbfbf; font-size: 12px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; } .note { text-align: center; font-size: 24px; padding-top: 20px; } .error { color: #cb2c1c; } .warn { color: #fc8f13; } .slideOne { width: 50px; height: 10px; background: #333; margin: 20px auto; position: fixed; border-radius: 50px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); right: 10px; } .slideOne h2 { position: absolute; right: 5px; } .slideOne label { display: block; width: 16px; height: 16px; position: absolute; top: -3px; left: -3px; cursor: pointer; background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 50px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .slideOne label:after { position: absolute; content: ''; top: -5px; right: -40px; left: -5px; bottom: -5px; } .slideOne label:before { position: absolute; content: ''; top: -5px; right: -5px; left: -40px; bottom: -5px; } .slideOne input[type=checkbox] { visibility: hidden; } .slideOne input[type=checkbox]:checked + label { left: 37px; }