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