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
CSS
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;
}