Subversion Repositories wimsdev

Rev

Rev 11176 | Rev 11413 | 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. /* */
  10. div.wimscenter{ margin:1.5rem .5rem .2rem .5rem; }
  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> */
  53.   margin-bottom: .6em;
  54. }
  55.  
  56. /* default for audio */
  57. audio.wims_audio {
  58.   width:150px;
  59.   margin:10px 0;
  60.   padding:5px;
  61. }
  62. /* style for emphasing results of the student */
  63. /* good answer */
  64. .oef_indgood { color:oef_indgood;font-weight:bold;}
  65. /* good condition */
  66. .oef_condgood{ color:oef_condgood;font-weight:bold;}
  67. /* bad answer */
  68. .oef_indbad  { color:oef_indbad;font-weight:bold;}
  69. /* bad condition */
  70. .oef_condbad { color:oef_condbad;font-weight:bold;}
  71. /* forgotten item in the answer */
  72. .oef_indforget { color:oef_indforget;font-weight:bold;}
  73. /* partial answer */
  74. .oef_indpartial{ color:oef_indpartial;font-weight:bold;}
  75. /* bad precision */
  76. .oef_indprec   { color:oef_indprec;font-weight:bold;}
  77. /* */
  78. .oef_indneutral{font-weight:bold;}
  79.  
  80. /* style for including a jsxgraph figure */
  81. .jxgbox {margin-left:auto;margin-right:auto;}
  82. /* */
  83. .jsxgraph_button {text-align:center;}
  84. /* */
  85. .jxgboxchild {margin-left:auto;margin-right:auto;}
  86.  
  87. /* contributor citation or credits */
  88. .wims_contribute, .wims_credits  {
  89.   padding-top: 10px;
  90.   padding-right:20px;
  91.   text-align:right;
  92.   color:#555;
  93.   font-weight:bold;
  94.   font-size:.8em;
  95. }
  96.  
  97. /* Technical instructions in exercises for example*/
  98. .wims_instruction {
  99.    font-style: italic;font-size:small;
  100.    padding: 1rem;
  101.    margin: 0 auto 1rem auto;
  102.    color: rgb(100,100,100);
  103.    background-color: rgba(230,230,230,.3);
  104.    border: 1px solid silver;
  105. }
  106. /* */
  107. .wims_instruction>h2{
  108.   display: inline-block;
  109.   padding: .4rem;
  110.   font-size: .8em;
  111.   margin : -.3rem .5em .3em 0;
  112.   background-color: silver;
  113.   color: rgb(80,80,80);
  114. }
  115. /* Difficulty level of the exercise or any other hint on the level */
  116. .wims_difficultylevel {
  117.  font-style: italic;
  118.  font-size:small;color: rgb(100,100,100);
  119.  background-color: rgba(230,230,230,.3);
  120.  padding: .1em 1px .1em;
  121. }
  122. /* small help */
  123. .wims_smallhelp {
  124.    font-style: italic;font-size:small;
  125.    margin: 1.5rem .5rem .2rem .5rem;
  126.    color: rgb(100,100,100);
  127.    background-color: rgba(230,230,230,.3);
  128.    border: 1px solid silver;
  129.    padding: 0 5px 1em;
  130. }
  131. /* */
  132. .wims_smallhelp>h2{
  133.   display: inline-block;
  134.   padding: .4rem;
  135.   font-size: .8em;
  136.   margin : -.3rem .5em .3em 0;
  137.   background-color: silver;
  138. }
  139. /* remark in small */
  140. .wims_smallremark {font-size: small;}
  141.