article.js-app-children div.txt2pic_dropSource div.txt2pic_tapntapSourceSelection { border-color: #FF5100; border-style: solid; } article.js-app-children div.txt2pic_tapntapTargetSelection { border-color: #FF5100; border-style: solid; } article.js-app-children-children .txt2pic_footer { position:absolute; } article.js-app-children div.txt2pic_imageEncloser { margin-left : 1em; position: relative; } article.js-app-children div.txt2pic_hiddenMarker { border-style: none; position:absolute; width: 10px; height: 10px; z-index: 2; } article.js-app-children div.over { z-index: 200 !important; } article.js-app-children div.txt2pic_dropSource { display: block; margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; word-wrap: normal; } article.js-app-children div.txt2pic_dropTarget { text-align: center; } article.js-app-children div.txt2pic_targetMarker { border-width: 2px; border-color:red; border-style: solid; background-color: white; position:absolute; width: 20px; height: 20px; z-index: 2; } article.js-app-children div.txt2pic_targetMarker:focus { background: #00b6bd; } article.js-app-children div.txt2pic_dropSource div.ui-draggable-helper { background: none; } article.js-app-children div.txt2pic_dropSource div { border: 3px solid #8c8c8c; padding: 0.2em 0.5em; font-size: 1.4em; margin-bottom: 0.2em; background: #eee; display: inline-block; margin-right: 0.3em; cursor: pointer; white-space: nowrap; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; -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-children 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-children div.txt2pic_dropSource div.txt2pic_hidden { visibility: hidden; } article.js-app-children div.txt2pic_dropped > span { background-color: #EEE; padding: 0 2px; -webkit-box-shadow: 1px 1px 2px #888; -moz-box-shadow: 1px 1px 2px #888; box-shadow: 1px 1px 2px #888; } article.js-app-children div.txt2pic_dropTarget div.correct > span { background-color: #D0FFBF; } article.js-app-children div.txt2pic_dropTarget div.wrong > span { background-color: #FF5656; } article.js-app-children 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; position: relative; } article.js-app-children div.txt2pic_dropTarget > div map { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } article.js-app-children 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-children 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; } article.js-app-children .txt2pic_check_answers, article.js-app-children .txt2pic_restart_container { text-align: center; } article.js-app-children .txt2pic_restart_container { bottom: 15px; position: relative; } article.js-app-children .txt2pic_button { background-color: #6360F7; color: #FFFFFF; font-weight: bold; border-radius: 0.2em; padding: 0.5em; font-size: 1.6em; cursor: pointer; } article.js-app-children div.txt2pic_feedback { font-size: 1.6em; font-weight: bold; text-align: center; } /** overriding the padding here since the content length is more **/ .js-app-layer header.js-app-instruction-container { padding: 0; }