example/lib/app/public/desktop.css
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
background-color: #f5f5f5;
font-family: sans-serif;
font-size: 16px;
position: relative;
}
h1 {
background-color: #666;
color: #eee;
margin: 0 0 25px;
padding: 10px 25px;
font-size: 20px;
line-height: 1;
}
#github-link {
position: absolute;
right: 25px;
top: 8px;
}
#github-link img {
width: 26px;
height: 26px;
border: 0 none;
}
.panels {
padding: 0 25px;
}
.panels > div {
float: left;
text-align: center;
}
.left-panel, .right-panel {
width: 48%;
}
.left-panel {
padding-right: 5px;
}
.right-panel {
padding-left: 5px;
}
.center-panel {
width: 4%;
}
h2 {
margin: 0 0 2px;
font-size: 16px;
color: #666;
}
.ace_editor {
width: 100%;
height: 300px;
border: solid 1px #999;
margin-bottom: 10px;
text-align: left;
}
button {
width: 95%;
font-weight: bold;
height: 300px;
font-size: 50px;
border: solid 1px #2e6da4;
background-color: #337ab7;
color: #fff;
cursor: pointer;
}
select {
font-size: 16px;
width: 400px;
}
button:hover {
background-color: #286090;
border-color: #204d74;
}
.reset-note {
font-size: 80%;
opacity: 0.8;
}
.ace_hidden-cursors .ace_cursor {
opacity: 0 !important;
}