Subversion Repositories wimsdev

Rev

Rev 14835 | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. /* SHEET STYLES */
  2.  
  3. .wims_sheet_title {text-align:center;}
  4.  
  5. .wims_sheet_desc, .wims_work_desc, .wims_vote_desc, .wims_exam_desc, .wims_doc_desc, .wims_freework_desc {
  6.   padding:.5em;
  7.   font-style: italic;
  8.   display: block;
  9. }
  10. .wims_sheet_desc>p, .wims_work_desc>p, .wims_vote_desc>p, .wims_exam_desc>p, .wims_doc_desc>p, .wims_freework_desc>p {
  11.   margin:0;
  12. }
  13.  
  14. .wims_user_sheet .wims_user_info {
  15.   margin-left:30%;
  16. }
  17.  
  18. .wims_work_legend{
  19.   text-align: right;
  20. }
  21.  
  22. ul.wims_work_list, ul.wims_user_sheet{
  23.   list-style:none;
  24.   padding:.5em;
  25.   margin:0;
  26. }
  27.  
  28. .wims_work_list>li, .wims_user_sheet>li, .wims_sheet_list>li, .wims_work_legend li {
  29.   display: inline-block;
  30.   /*border:1px solid gray;*/
  31.   /*border-radius: 5px;*/
  32. }
  33. /* Legend for Color and icon types */
  34. .wims_work_legend>p, .wims_work_legend>ul{
  35.   margin:0;
  36. }
  37.  
  38. .wims_work_list>li, .wims_user_sheet>li, .wims_sheet_list>li {
  39.   padding:1em;
  40.   padding-bottom: 1.5em;
  41.   /*margin-right: 3px;*/
  42.   margin-bottom: 1.5em;
  43.   width:45%;
  44.   /*box-sizing: border-box;*/
  45.   /*min-width: 20em;*/
  46.   min-height:3em;
  47.   vertical-align:top;
  48. }
  49.  
  50. .wims_exo_item   {
  51.   background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .25));
  52. }
  53.  
  54. .wims_sheet_item, .wims_doc_item, .wims_vote_item, .wims_exam_item, .wims_exo_item, .wims_freework_item{
  55.   position:relative;
  56.   padding-left:.2em;
  57. }
  58. .wims_sheet_item:before,
  59. .wims_freework_item:before,
  60. .wims_doc_item:before,
  61. .wims_vote_item:before,
  62. .wims_exam_item:before,
  63. .wims_exo_item:before,
  64. .wims_tool_item:before,
  65. .wims_glossary_item:before,
  66. .wims_exercise_item:before,
  67. .wims_recreation_item:before,
  68. .wims_datamodule_item:before{
  69.   font-size: 20px;
  70.   line-height: 1;
  71.   text-rendering: auto;
  72.   -webkit-font-smoothing: antialiased;
  73.   -moz-osx-font-smoothing: grayscale;
  74.   vertical-align: -3px;
  75.   margin-right: 3px;
  76. }
  77.  
  78. /* Item types in a class */
  79. li.wims_sheet_item,li.wims_doc_item,li.wims_vote_item,li.wims_exam_item,
  80. li.wims_tool_item,li.wims_glossary_item,li.wims_glossary_item,
  81. li.wims_freework_item {
  82.   border:1px solid #666;
  83.   border-left-width:.5em;
  84. }
  85.  
  86.  
  87. li.wims_freework_item { border-left-color: #E6A493;}
  88. .wims_freework_item:before { content:"\1F4DA";}
  89. li.wims_sheet_item { border-left-color:#9CF;}
  90. .wims_sheet_item:before { content:"\270E";}
  91. li.wims_doc_item   { border-left-color:#99F;}
  92. .wims_doc_item:before { content:"\1f4d5";}
  93. li.wims_vote_item  { border-left-color:#9f9;}
  94. .wims_vote_item:before { content:"\2713";}
  95. li.wims_exam_item  { border-left-color:#cc4b37;}
  96. .wims_exam_item:before { content:"\270D";}
  97. li.wims_tool_item  { border-left-color:#99A;}
  98. .wims_tool_item:before { content:"\1F6E0";}
  99. li.wims_glossary_item  { border-left-color:#AFB31E;}
  100. .wims_glossary_item:before {content:"\1F524";}
  101. /* for new modules page : */
  102. .wims_exercise_item:before {content:"\1F58B";}
  103. .wims_recreation_item:before {content:"\1f579";}
  104. .wims_datamodule_item:before {content:"\1f4E6";}
  105.  
  106. .wims_sheet_score.trophy1:before{content:"\1F3C6";}
  107. .wims_sheet_score.trophy2:before{content:"\1F3C6\1F3C6";}
  108. .wims_sheet_score.trophy3:before{content:"\1F3C6\1F3C6\1F3C6";}
  109.  
  110. .wims_sheet_score>span{border:3px solid transparent;padding:.1em .2em;display: inline-block; box-sizing: border-box; width:100%}
  111.  
  112. /* Display of list numbers before each li (even when display=inline)*/
  113. .wims_sheet_list {
  114.   /* List will start at 1 */
  115.   counter-reset: LIST-ITEMS;
  116.   padding-left: 0;
  117.   margin-bottom: 0;
  118.   display: flex;
  119.   flex-flow: row wrap;
  120.   justify-content: space-evenly;
  121. }
  122.  
  123. .wims_sheet_list>li:before {
  124.   content: counter( LIST-ITEMS ) ".";
  125.   counter-increment: LIST-ITEMS;
  126.   padding-right: .25em;
  127. }
  128.  
  129.  
  130. /* default style for scores. will be customised by score colors */
  131. .wims_sheet_score {
  132.   text-align:center;
  133.   margin:1px;
  134.   padding:5px;
  135.   border:1px solid #666;
  136.   background-color: #FFF;
  137.   border-radius: 2px;
  138. }
  139.  
  140. div.menuitem.score{
  141.   background-color: white;
  142.   color: black;
  143.   border: 1px solid black;
  144.   padding: .5em;
  145.   width: 80%;
  146.   margin: auto;
  147. }
  148.  
  149. .wims_user_info{
  150.   position: absolute;
  151.   right: .5em;
  152.   /* attention si on place wims_user_info en bas, il faut décaler wims_score_bar*/
  153.   top: -.75em;
  154.   /*bottom:-.5em;*/
  155. }
  156. /*.wims_exo_item .wims_user_info{
  157.   top:auto;
  158.   bottom: 0;
  159. }*/
  160.  
  161. /* could be used
  162. .wims_sheet_weight{}
  163. .wims_style_expire{}
  164. */
  165.  
  166. /* Small and Medium screens */
  167. /* max-width 1024px  */
  168. @media only screen and (max-width: 64em) {}
  169.  
  170. /* Small screens */
  171. /* max-width 640px, mobile-only styles, use when QAing mobile issues */
  172. @media only screen and (max-width: 40em) {
  173.   .wims_work_list>li, .wims_user_sheet>li, .wims_sheet_list>li{
  174.     width:100%;
  175.   }
  176. }
  177.  
  178. /* Medium screens */
  179. /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
  180. @media only screen and (min-width: 40.063em) and (max-width: 64em) {}
  181.  
  182. /* min-width 1025px, large screens */
  183. /* Large screens */
  184. @media only screen and (min-width: 64.063em) {}
  185.  
  186.