article.js-app img.drawlines_paired {
box-sizing: border-box;
border-color: #ff5100;
border-style: solid;
}
article.js-app img.drawlines_tapntapSelection {
box-sizing: border-box;
border: 3px solid #ff5100 !important;
}
article.js-app img.drawlines_soundIcon {
vertical-align: top;
background-position: center;
background-repeat: no-repeat;
width: 5em;
height: 5em;
z-index: 9999;
position: absolute;
margin-left: -1em;
margin-top: -1em;
}
article.js-app img.drawlines_image {
background: url("blank.gif");
max-width: 100%;
max-height: 100%;
margin: 1em;
z-index: 2;
border: solid 1px;
}
.drawlines_imageCell {
margin: 2px;
}
article.js-app div.drawlines_imageCell {
border-color: red;
border-style: solid;
float: left;
}
article.js-app div.drawlines_imageRow {
border-color: green;
border-style: solid;
display: inline-block;
}
article.js-app div.drawlines_drawlinesFrame {
display: table;
}
article.js-app div.drawlines_tapntapSourceSelection {
border-color: #ff5100;
border-style: solid;
}
article.js-app div.drawlines_tapntapTargetSelection {
border-color: #ff5100;
border-style: solid;
}
article.js-app drawlines_footer {
position: absolute;
}
article.js-app div.drawlines_imageEncloser {
margin-left: 1em;
position: relative;
}
article.js-app div.drawlines_targetMarker {
border-width: 2px;
border-color: red;
border-style: solid;
background-color: white;
position: absolute;
width: 10px;
height: 10px;
z-index: 2;
}
article.js-app div.drawlines_dropSource {
display: block;
overflow: auto;
margin-top: 1em;
margin-bottom: 1em;
height: 5em;
}
article.js-app div.drawlines_dropTarget {
display: block;
height: 1em;
margin-bottom: 1em;
}
article.js-app div.drawlines_dropSource div.ui-draggable-helper {
background: none;
}
article.js-app div.drawlines_dropSource div {
font-size: 1.6em;
margin-bottom: 0.2em;
padding: 0px 0.125em 0px 0.125em;
background: #eee;
display: inline-block;
margin-right: 0.3em;
cursor: pointer;
-webkit-border-radius: 0.125em;
-moz-border-radius: 0.125em;
border-radius: 0.125em;
-webkit-transition: background-color 0.5s ease 0s;
-moz-transition: background-color 0.5s ease 0s;
-o-transition: background-color 0.5s ease 0s;
transition: background-color 0.5s ease 0s;
/* For IE 7 */
zoom: 1;
*display: inline;
}
article.js-app div.drawlines_dropSource div.ui-draggable-dragging {
-webkit-box-shadow: 1px 1px 2px #888;
-moz-box-shadow: 1px 1px 2px #888;
box-shadow: 1px 1px 2px #888;
}
article.js-app div.drawlines_dropSource div.drawlines_hidden {
visibility: hidden;
}
article.js-app div.drawlines_correct {
font-size: 1.6em;
background-color: #d0ffbf;
-webkit-box-shadow: 1px 1px 2px #888;
-moz-box-shadow: 1px 1px 2px #888;
box-shadow: 1px 1px 2px #888;
}
article.js-app div.drawlines_dropSource div.drawlines_incorrect {
background-color: #ff5656;
-webkit-box-shadow: 1px 1px 2px #888;
-moz-box-shadow: 1px 1px 2px #888;
box-shadow: 1px 1px 2px #888;
}
article.js-app div.drawlines_dropTarget div {
font-size: 1.3em;
margin-bottom: 0.2em;
display: inline-block;
padding: 0em;
cursor: default;
/* For IE 7 */
zoom: 1;
*display: inline;
}
article.js-app div.drawlines_dropTarget div span.drawlines_droppable {
background: #eee;
-webkit-border-radius: 0.125em;
-moz-border-radius: 0.125em;
border-radius: 0.125em;
-webkit-transition: background-color 0.5s ease 0s;
-moz-transition: background-color 0.5s ease 0s;
-o-transition: background-color 0.5s ease 0s;
transition: background-color 0.5s ease 0s;
}
article.js-app div.drawlines_dropTarget div span.drawlines_hovered {
-webkit-box-shadow: 1px 1px 2px #888;
-moz-box-shadow: 1px 1px 2px #888;
box-shadow: 1px 1px 2px #888;
}