article.js-app div.txt2pic_tapntapSourceSelection {
border-color: #ff5100;
border-style: solid;
}
article.js-app div.txt2pic_tapntapTargetSelection {
border-color: #ff5100;
border-style: solid;
}
article.js-app txt2pic_footer {
position: absolute;
}
article.js-app div.txt2pic_imageEncloser {
margin-left: 1em;
position: relative;
}
article.js-app div.txt2pic_hiddenMarker {
border-style: none;
position: absolute;
width: 10px;
height: 10px;
z-index: 2;
}
article.js-app div.txt2pic_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.txt2pic_targetMarker:focus,
article.js-app div.txt2pic_targetMarker:active {
outline: 2px solid blue;
}
article.js-app div.txt2pic_dropSource {
display: block;
overflow: auto;
margin-top: 1em;
margin-bottom: 1em;
height: 5em;
}
article.js-app div.txt2pic_dropTarget {
display: block;
margin-bottom: 2em;
}
article.js-app div.txt2pic_dropSource div.ui-draggable-helper {
background: none;
}
article.js-app div.txt2pic_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;
-ms-touch-action: none;
-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.txt2pic_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.txt2pic_dropSource div.txt2pic_hidden {
visibility: hidden;
}
article.js-app div.txt2pic_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.txt2pic_dropSource div.txt2pic_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.txt2pic_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.txt2pic_dropTarget div span.txt2pic_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.txt2pic_dropTarget div span.txt2pic_hovered {
-webkit-box-shadow: 1px 1px 2px #888;
-moz-box-shadow: 1px 1px 2px #888;
box-shadow: 1px 1px 2px #888;
}