Subversion Repositories wimsdev

Rev

Rev 13972 | Rev 15026 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1.  
  2. .main_body>.ui-dialog{
  3.   /* moves jquery-ui dialog box over everything else (even jmol applet) */
  4.   z-index: 10001;
  5. }
  6.  
  7. /* OEF STYLES */
  8. #oef_intro_params {
  9.    border-color: #BBB gray gray #BBB;
  10.    border-radius: 10px;
  11.    border-style: solid;
  12.    border-width: 1px;
  13.    margin: 1em auto;
  14.    padding: 0;
  15.    width:80%;
  16. }
  17. #oef_intro_params .legend{
  18.    border-top-left-radius: 10px;
  19.    border-top-right-radius: 10px;
  20. }
  21. #oef_intro_params label{font-weight:bold;}
  22. #oef_intro_params .field {
  23.    /*margin: 1em 0;*/
  24.    padding: .5em 1em;
  25. }
  26. #oef_intro_params select#exo{width:100%;}
  27.  
  28. .oef_intro_buttons{text-align: center;}
  29. #oef_devel_mode{font-size:small;}
  30. .oefform .send_answer, #oef_actions{text-align: center;}
  31. #oef_actions{margin:1em 0;}
  32. #oef_actions p{margin:.2em;}
  33.  
  34. /*.oefhint {padding-top: 2px;}*/
  35.  
  36. .oefreply {margin:1em;}
  37. /*.oefanswer {}
  38. .oef_modulescore { }
  39. .oef_congratulations { }*/
  40.  
  41. .oefanswer table {
  42.    font-size: .9em;
  43.    border-collapse:collapse;
  44. }
  45. .wims_oef_input {
  46.    padding-top: 2px;
  47.    padding-right: 1px;
  48.    padding-bottom: 2px;
  49.    padding-left: 1px;
  50.    font-weight:bold;
  51.    font-size: 1.2em;
  52. }
  53. .oefanswername {font-size: 125%;}
  54. .oefstatement{
  55.    border: 1px groove ThreeDFace;
  56.    padding:5px;
  57. }
  58. .oefstatement table {border-collapse:collapse;}
  59.  
  60. .oefstatement sub{bottom:-.5em;}
  61. .oefstatement sup{top:-1em;}
  62. .oefstatement sup, .oefstatement sub{line-height: 3em;}
  63.  
  64. .oef_enterreply{font-size: 1.25rem;}
  65.  
  66. #answeranalysis {
  67.    border : 1px groove ThreeDFace;
  68.    border-bottom-left-radius: 10px;
  69.    border-bottom-right-radius: 10px;
  70. }
  71. .legend{
  72.    margin-top:0;
  73.    padding:0.5em 1em;
  74.    border-bottom: 1px groove ThreeDFace;
  75.    text-align:center;
  76.    font-weight:bold;
  77.    /*border-radius:10px;
  78.    border-bottom-right-radius:0px;
  79.    border-bottom-left-radius:0px;
  80.    -moz-border-radius: 10px;
  81.    -moz-border-radius-bottomright:0px;
  82.    -moz-border-radius-bottomleft:0px;
  83.    -webkit-border-radius:10px;
  84.    -webkit-border-bottom-right-radius:0px;
  85.    -webkit-border-bottom-left-radius:0px;*/
  86. }
  87. #answeranalysis .content {padding:1em;}
  88. .oefform {padding:.5em;}
  89. .oefnameexo {display:inline; font-style: italic;}
  90. /* answer analysis*/
  91. .feedback {
  92.     background-color: #FFFFFF;
  93.     border-color:#EEE;
  94.     border-color: rgba(0, 0, 0, .1);
  95.     border: 1px solid;
  96.     border-radius: 5px;
  97.     box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset;
  98.     margin-right: 15em;
  99.     padding: .5em;
  100. }
  101.  
  102.  
  103. /* OEF Colors legend */
  104. #oef_indlegend ul { padding-left:1em; }
  105. #oef_indlegend li { list-style: none; }
  106. #oef_indlegend li:first-letter{text-transform: capitalize}
  107. #oef_indlegend li:before {
  108.   content:"\00B7";
  109.   font-size:70px;
  110.   vertical-align:middle;
  111.   line-height:1.5rem;
  112. }
  113.  
  114. /* this class must stay empty  */
  115. .oef_empty { }
  116.  
  117. /* for exercice modules in preparation (not OEF)*/
  118. /*.module_score { }
  119. .statement { }
  120. .congratulations { }*/
  121.  
  122. /* for latex solution in print version */
  123. /*div.wims_solution {}*/
  124. /* table of questions in case of noembedding */
  125. .oefnoembed td {
  126.    min-width:70px;
  127.    margin-top:5px; margin-bottom:5px;
  128. }
  129.  
  130. ul.oef_filter {list-style:none}
  131. /* link in the help on the oef special method help must be left to the exercise*/
  132. /*.oef_specialhelp { }*/
  133.  
  134. /*** ANSTYPES ***/
  135.  
  136. /** dragfill/clickfill **/
  137.  
  138. /* replace the old "table" with a flexbox div */
  139. .wims_fill_object{
  140.   display: flex;
  141.   align-items: center;
  142.   height:100%;
  143. }
  144.  
  145. .drag_label{
  146.   display: flex;
  147.   align-items: center;
  148.   padding:2px;
  149.   border:1px solid #999;
  150.   box-sizing: border-box;
  151.   margin:1px;
  152.   background-color:#b3ddef;
  153.   overflow: auto;
  154. }
  155. .fill_container{
  156.   display: inline-flex;
  157.   flex-flow: row wrap;
  158.   font-family:sans-serif;
  159.   background-color:#ffd080;
  160.   margin:2px;
  161. }
  162. .wims_grabbable{
  163.   background-color:#87ceeb;
  164.   cursor: move; /* fallback if grab cursor is unsupported */
  165.   cursor: grab;
  166. }
  167. /* Apply a "closed-hand" cursor during drag operation. */
  168. .wims_grabbable:active {
  169.   cursor: grabbing;
  170. }
  171. .wims_droppable{
  172.   cursor: pointer;
  173.   background-color:#ffd080;
  174. }
  175. .wims_grabbable:hover, .wims_droppable:hover{
  176.   border-color:#004077;
  177. }
  178. .wims_droppable:hover{
  179.   font-weight:700;
  180. }
  181. /** prevent selecting text while grabbing **/
  182. .wims_grabbable, .wims_droppable{
  183.   user-select: none;
  184.   -webkit-user-select: none;
  185.   transition: border-color .5s;
  186.   border:1px solid transparent;
  187.   box-sizing: border-box;
  188. }
  189.  
  190. /* Used in multipleclick OEF answer */
  191. .ans_label{
  192.   display: flex;
  193.   align-items: center;
  194.   justify-content: center;
  195.   box-sizing: border-box;
  196.   height: 100%;
  197. }
  198. a.ans_label:hover{
  199.   background-color:rgba(255,255,255,.2);
  200. }
  201. .answeranalysis .ans_label{
  202.   border-width:2px;
  203.   border-style:solid;
  204. }
  205. .ans_label.oef_indgood{border-color:oef_indgood;}
  206. .ans_label.oef_indbad{border-color:oef_indbad;}
  207. .ans_label.oef_indforget{border-color:oef_indforget;}
  208. .ans_label.oef_indneutral{color:#999;border-color:#999;}
  209.  
  210. /*.ans_multipleclick a{display:flex;height:100%;align-items: center;justify-content: center;}*/
  211.  
  212. /** change the drag_label & ans_label colors when it indicates a feedback **/
  213. .oef_indgood .drag_label, .ans_label.oef_indgood{background-color:#e1faea;}
  214. .oef_indbad .drag_label, .ans_label.oef_indbad{background-color:#f7e4e1;}
  215. .oef_indpartial .drag_label, .ans_label.oef_indpartial{background-color:#fff3d9;}
  216. .ans_label.oef_indforget{background-color:#d9f3ff;}
  217.