[Summary view] [Print] [Text view]

   1  .que.ddmarker .qtext {
   2      margin-bottom: 0.5em;
   3      display: block;
   4  }
   5  
   6  .que.ddmarker div.droparea img, form.mform fieldset#id_previewareaheader div.droparea img  {
   7      border: 1px solid #000;
   8      max-width: none;
   9  }
  10  
  11  .que.ddmarker .draghome img, .que.ddmarker .draghome span {
  12      visibility: hidden;
  13  }
  14  
  15  .que.ddmarker .dragitems .dragitem {
  16      cursor: move;
  17      position: absolute;
  18      z-index: 2;
  19  }
  20  .que.ddmarker .dragitems .draghome {
  21      margin: 10px;
  22  }
  23  .que.ddmarker .dragitems {
  24      margin-top: 10px;
  25  }
  26  .que.ddmarker .dragitems.readonly .dragitem {
  27      cursor: auto;
  28  }
  29  .que.ddmarker div.ddarea, form.mform fieldset#id_previewareaheader div.ddarea {
  30      text-align: center;
  31  }
  32  form.mform fieldset#id_previewareaheader div.ddarea .markertexts {
  33      min-height: 80px;
  34  }
  35  .que.ddmarker .dropbackground, form.mform fieldset#id_previewareaheader .dropbackground {
  36      margin: 0 auto;
  37  }
  38  
  39  .que.ddmarker div.dragitems div.draghome, .que.ddmarker div.dragitems div.dragitem,
  40  form.mform fieldset#id_previewareaheader div.draghome, form.mform fieldset#id_previewareaheader div.drag {
  41      font: 13px/1.231 arial,helvetica,clean,sans-serif;
  42  }
  43  .que.ddmarker div.dragitems span.markertext,
  44  .que.ddmarker div.markertexts span.markertext,
  45  form.mform fieldset#id_previewareaheader div.markertexts span.markertext {
  46      margin: 0 5px;
  47      z-index: 3;
  48      background-color: white;
  49      border: 2px solid black;
  50      padding: 5px;
  51      display: inline-block;
  52      zoom: 1;
  53      border-radius: 10px;
  54  }
  55  .que.ddmarker div.markertexts span.markertext {
  56      z-index: 2;
  57      background-color: yellow;
  58      border-style: solid;
  59      border-width: 2px;
  60      border-color: khaki;
  61  }
  62  .que.ddmarker span.wrongpart {
  63      background-color: yellow;
  64      border-style: solid;
  65      border-width: 2px;
  66      border-color: khaki;
  67      padding: 5px;
  68      border-radius: 10px;
  69      filter: alpha(opacity=60);
  70      opacity: 0.6;
  71      margin: 5px;
  72      display: inline-block;
  73  }
  74  .que.ddmarker div.dragitems img.target {
  75      position: absolute;
  76      left: -7px; /* This must be half the size of the target image, minus 0.5. */
  77      top: -7px;  /* In other words, this works for a 15x15 cross-hair. */
  78  }
  79  .que.ddmarker div.dragitems div.draghome img.target {
  80      display: none;
  81  }
  82  .que.ddmarker .dragitem.yui3-dd-dragging span.markertext {
  83      z-index: 3;
  84      box-shadow: 3px 3px 4px #000;
  85  }
  86  #page-question-type-ddmarker .ddarea .grid {
  87      position: absolute;
  88      background: url([[pix:qtype_ddmarker|grid]]) repeat scroll 0 0;
  89  }
  90  /* Editing form. Style repeated elements*/
  91  /*Top*/
  92  body#page-question-type-ddmarker div[id^=fitem_id_][id*=hint_] {
  93      background: #EEE;
  94      margin-top: 0;
  95      margin-bottom: 0;
  96      padding-bottom: 5px;
  97      padding-top: 5px;
  98      border: 1px solid #BBB;
  99      border-bottom: 0;
 100  }
 101  body#page-question-type-ddmarker div[id^=fitem_id_][id*=hint_] .fitemtitle {
 102      font-weight: bold;
 103  }
 104  /* Middle */
 105  body#page-question-type-ddmarker div[id^=fitem_id_][id*=hintoptions_],
 106  body#page-question-type-ddmarker div[id^=fitem_id_][id*=hintshownumcorrect_] {
 107      background: #EEE;
 108      margin-bottom: 0;
 109      margin-top: 0;
 110      padding-bottom: 5px;
 111      padding-top: 5px;
 112      border: 1px solid #BBB;
 113      border-top: 0;
 114      border-bottom: 0;
 115  }
 116  /* Bottom */
 117  body#page-question-type-ddmarker div[id^=fitem_id_][id*=hintclearwrong_] {
 118      background: #EEE;
 119      margin-bottom: 2em;
 120      margin-top: 0;
 121      padding-bottom: 5px;
 122      padding-top: 5px;
 123      border: 1px solid #BBB;
 124      border-top: 0;
 125  }
 126  body#page-question-type-ddmarker #fitem_id_penalty {
 127      margin-bottom: 2em;
 128  }