Subversion Repositories wimsdev

Rev

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