186 lines
2.4 KiB
Plaintext
186 lines
2.4 KiB
Plaintext
/* http://stackoverflow.com/questions/5348092/prevent-default-press-but-not-default-drag-in-ios-mobilesafari */
|
|
.btn {
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.btn.disabled {
|
|
opacity: 0.3;
|
|
cursor: default;
|
|
}
|
|
|
|
.btnPrint {
|
|
margin: 1% 5% 5% 0%;
|
|
width: 90%;
|
|
max-width: 163px;
|
|
height: auto;
|
|
float: right;
|
|
}
|
|
|
|
.btnStop {
|
|
margin: 5% 5% 1% 5%;
|
|
float: right;
|
|
width: 80%;
|
|
max-width: 98px;
|
|
height: auto;
|
|
}
|
|
|
|
.btnsSettingsInfo {
|
|
position: absolute;
|
|
bottom: 4%; //25px;
|
|
right: 5px;
|
|
width: 80%;
|
|
margin: 1% 5%;
|
|
max-width: 160px;
|
|
}
|
|
|
|
.btnInfo {
|
|
width: 40%;
|
|
max-width: 53px;
|
|
height: auto;
|
|
}
|
|
|
|
.btnSettings {
|
|
width: 40%;
|
|
max-width: 53px;
|
|
height: auto;
|
|
float: right;
|
|
}
|
|
|
|
.btnNew {
|
|
margin: 5% 0% 1% 5%;
|
|
width: 90%;
|
|
max-width: 130px;
|
|
height: auto;
|
|
}
|
|
|
|
.btnsPrevNext {
|
|
margin: 1% 7%;
|
|
max-width: 100px;
|
|
}
|
|
|
|
.btnPrevious {
|
|
width: 40%;
|
|
max-width: 56px;
|
|
height: auto;
|
|
}
|
|
|
|
.btnNext {
|
|
width: 40%;
|
|
max-width: 56px;
|
|
height: auto;
|
|
float: right;
|
|
}
|
|
.btnSave {
|
|
margin: 4% 5% 1% 5%;
|
|
width: 90%;
|
|
max-width: 100px;
|
|
height: auto;
|
|
}
|
|
|
|
.btnOops {
|
|
margin: 5% 5% 1% 5%;
|
|
width: 90%;
|
|
max-width: 100px;
|
|
height: auto;
|
|
}
|
|
|
|
.btnAdd {
|
|
width: 90%;
|
|
max-width: 100px;
|
|
margin: 5% 5% 1% 5%;
|
|
}
|
|
|
|
|
|
/*
|
|
DOODLE UP/DOWN/LEFT/RIGHT buttons
|
|
*/
|
|
.manipulationBtns {
|
|
margin: 2px 5px;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
max-width: 340px;
|
|
max-height: 70px;
|
|
width: 45%;
|
|
}
|
|
|
|
.manipulationBtn {
|
|
width: 45%;
|
|
height: auto;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
.btnVertical {
|
|
width: 35%;
|
|
display: none;
|
|
}
|
|
|
|
.btnEditClosed {
|
|
top: 5px;
|
|
left: 5px;
|
|
width: .75*31px;
|
|
position: absolute;
|
|
}
|
|
|
|
.btnEditOpen {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px;
|
|
width: .75*119px;
|
|
display: none;
|
|
}
|
|
|
|
.btnAddOpen {
|
|
position: absolute;
|
|
top: 370px;
|
|
left: 60px;
|
|
z-index: 1000;
|
|
width: 200%;
|
|
display: none;
|
|
}
|
|
|
|
.buttonGroup {
|
|
background-color: white;
|
|
position: absolute;
|
|
border: 3px solid black;
|
|
border-radius: 40px;
|
|
box-sizing: border-box;
|
|
padding: 5% 5% 5% 5%;
|
|
}
|
|
|
|
.buttonGroupAdd {
|
|
display: none;
|
|
z-index: 1000;
|
|
margin-top: -60%;
|
|
left: 60px;
|
|
width: 140px; /*fixme: can this grow based on it's content?*/
|
|
|
|
.btnWordArt, .btnShape {
|
|
width: 60px; /* scaled down >50% */
|
|
float: left;
|
|
}
|
|
}
|
|
|
|
.buttonGroupVertical {
|
|
top: 10px;
|
|
left: 10px;
|
|
padding-top: 20px;
|
|
width: 65px;
|
|
|
|
.btn {
|
|
width: 40px;
|
|
}
|
|
}
|
|
|
|
.btnToggleVertical {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 10px;
|
|
}
|
|
|
|
|
|
|
|
|