1.que.ddwtos .qtext { 2 margin-bottom: 0.5em; 3 display: block; 4} 5 6.que.ddwtos .draghome { 7 margin-bottom: 1em; 8} 9 10.que.ddwtos .answertext { 11 margin-bottom: 0.5em; 12} 13 14.que.ddwtos .drop.active { 15 display: inline-block; 16 text-align: center; 17 border: 1px solid #000; 18 margin-bottom: 2px; 19} 20 21.que.ddwtos .drop { 22 display: none; 23} 24 25.que.ddwtos .drags { 26 height: 0; 27} 28 29.que.ddwtos .draghome { 30 display: inline-block; 31 text-align: center; 32 background: transparent; 33 border: 1px solid #000; 34 cursor: move; 35} 36 37.que.ddwtos.qtype_ddwtos-readonly .draghome { 38 cursor: default; 39} 40 41.que.ddwtos .draghome.beingdragged { 42 z-index: 3; 43 box-shadow: 3px 3px 4px #000; 44 position: absolute; 45} 46 47.que.ddwtos .draghome.dragplaceholder { 48 display: none; 49} 50 51.que.ddwtos .draghome.dragplaceholder.active { 52 visibility: hidden; 53 display: inline-block; 54} 55 56.que.ddwtos .draghome.placed { 57 margin-bottom: 2px; 58} 59 60.que.ddwtos .drop:focus, 61.que.ddwtos .drop.valid-drag-over-drop, 62.que.ddwtos .draghome.placed:focus:not(.beingdragged), 63.que.ddwtos .draghome.placed.valid-drag-over-drop { 64 border-color: #0a0; 65 box-shadow: 0 0 5px 5px rgba(255, 255, 150, 1); 66} 67 68.que.ddwtos span.incorrect { 69 background-color: #faa; 70} 71 72.que.ddwtos span.correct { 73 background-color: #afa; 74} 75 76.que.ddwtos .group1 { 77 background-color: #fff; 78} 79 80.que.ddwtos .group2 { 81 background-color: #dcdcdc; 82 border-radius: 10px 0 0 0; 83} 84 85.que.ddwtos .group3 { 86 background-color: #b0c4de; 87 border-radius: 0 10px 0 0; 88} 89 90.que.ddwtos .group4 { 91 background-color: #d8bfd8; 92 border-radius: 0 0 10px 0; 93} 94 95.que.ddwtos .group5 { 96 background-color: #87cefa; 97 border-radius: 0 0 0 10px; 98} 99 100.que.ddwtos .group6 { 101 background-color: #daa520; 102 border-radius: 0 10px 10px 0; 103} 104 105.que.ddwtos .group7 { 106 background-color: #ffd700; 107 border-radius: 10px 0 0 10px; 108} 109 110.que.ddwtos .group8 { 111 background-color: #f0e68c; 112 border-radius: 10px 10px 10px 10px; 113} 114 115.que.ddwtos sub, 116.que.ddwtos sup { 117 font-size: 80%; 118 position: relative; 119 vertical-align: baseline; 120} 121 122.que.ddwtos sup { 123 top: -0.4em; 124} 125 126.que.ddwtos sub { 127 bottom: -0.2em; 128} 129