Subversion Repositories wimsdev

Rev

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

  1. /* Utilities.css  put an explanation for each line as it is used to generate help for css in createxo */
  2. /* align to the right */
  3. .text-right{text-align:right;}
  4. /* align to the left */
  5. .text-left {text-align:left;}
  6.  
  7. /* center */
  8. .center, .wimscenter{text-align:center;}
  9. div.wimscenter{ margin:1.5rem .5rem .2rem .5rem; }
  10. .wimscenter>.ggbapplet{margin:0 auto;}
  11. /* center a block as a table */
  12. .blockcenter{
  13.   margin-right:auto;
  14.   margin-left: auto;
  15. }
  16.  
  17. /* image center */
  18. img.wimscenter { margin-left:auto;margin-right:auto;}
  19. /* background in white */
  20. .white{background-color: white;}
  21. /* text float on the right */
  22. .float_right{ float:right;}
  23. /* text float on the left */
  24. .float_left{ float:left;}
  25. /* use it to stop float for example with <br/> */
  26. .clearall{clear: both;}
  27. /* text is smaller */
  28. .small { font-size: 90%;}
  29. /* text smaller than small */
  30. .smaller { font-size: 70%;}
  31. /* text in bold */
  32. .bold { font-weight:bold;}
  33. /* text larger */
  34. .larger { font-size: 120%;}
  35.  
  36. /* emphasis some part of the text */
  37. .wims_emph {font-style:italic ; color:#2A67FF;font-weight:bold;}
  38. /* text in line */
  39. .inline {display:inline;display:inline-block;}
  40. /* */
  41. ul.inline, ol.inline{padding-left:0;}
  42. /* */
  43. .inline>li{display:inline-block;}
  44. /* list without puce */
  45. .wims_nopuce {list-style-type:none}
  46.  
  47. /* use .spacer on div to add extra spaces */
  48. .spacer{
  49.   content: " ";
  50.   display: block;
  51.   padding-top: .6em;
  52.   /* on Mozilla, only margin is taken on <br> (not padding) */
  53.   margin-top: .6em;
  54.   margin-bottom: .6em;
  55. }
  56.  
  57. /* default for audio */
  58. audio.wims_audio {
  59.   width:150px;
  60.   margin:10px 0;
  61.   padding:5px;
  62. }
  63. /* style for emphasing results of the student */
  64. /* good answer */
  65. .oef_indgood { color:oef_indgood;font-weight:bold;}
  66. /* good condition */
  67. .oef_condgood{ color:oef_condgood;font-weight:bold;}
  68. /* bad answer */
  69. .oef_indbad  { color:oef_indbad;font-weight:bold;}
  70. /* bad condition */
  71. .oef_condbad { color:oef_condbad;font-weight:bold;}
  72. /* forgotten item in the answer */
  73. .oef_indforget { color:oef_indforget;font-weight:bold;}
  74. /* partial answer */
  75. .oef_indpartial{ color:oef_indpartial;font-weight:bold;}
  76. /* bad precision */
  77. .oef_indprec   { color:oef_indprec;font-weight:bold;}
  78. /* */
  79. .oef_indneutral{font-weight:bold;}
  80.  
  81. /* style for including a jsxgraph figure */
  82. .jxgbox {margin-left:auto;margin-right:auto;}
  83. /* */
  84. .jsxgraph_button {text-align:center;}
  85. /* */
  86. .jxgboxchild {margin-left:auto;margin-right:auto;}
  87.  
  88. /* contributor citation or credits */
  89. .wims_contribute, .wims_credits  {
  90.   padding-top: 10px;
  91.   padding-right:20px;
  92.   text-align:right;
  93.   color:#555;
  94.   font-weight:bold;
  95.   font-size:.8em;
  96. }
  97.  
  98. /* Technical instructions in exercises for example*/
  99. .wims_instruction {
  100.    font-style: italic;font-size:small;
  101.    padding: 1rem;
  102.    margin: 0 auto 1rem auto;
  103.    color: rgb(100,100,100);
  104.    background-color: rgba(230,230,230,.3);
  105.    border: 1px solid silver;
  106. }
  107. /* */
  108. .wims_instruction>h2{
  109.   display: inline-block;
  110.   padding: .4rem;
  111.   font-size: .8em;
  112.   margin : -.3rem .5em .3em 0;
  113.   background-color: silver;
  114.   color: rgb(80,80,80);
  115. }
  116. /* Difficulty level of the exercise or any other hint on the level */
  117. .wims_difficultylevel {
  118.  font-style: italic;
  119.  font-size:small;color: rgb(100,100,100);
  120.  background-color: rgba(230,230,230,.3);
  121.  padding: .1em 1px .1em;
  122. }
  123. /* small help */
  124. .wims_smallhelp {
  125.    font-style: italic;font-size:small;
  126.    margin: 1.5rem .5rem .2rem .5rem;
  127.    color: rgb(100,100,100);
  128.    background-color: rgba(230,230,230,.3);
  129.    border: 1px solid silver;
  130.    padding: 0 5px 1em;
  131. }
  132. /* */
  133. .wims_smallhelp>h2{
  134.   display: inline-block;
  135.   padding: .4rem;
  136.   font-size: .8em;
  137.   margin : -.3rem .5em .3em 0;
  138.   background-color: silver;
  139. }
  140. /* remark in small */
  141. .wims_smallremark {font-size: small;}
  142.