Subversion Repositories wimsdev

Rev

Rev 10375 | Rev 12265 | 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. .wims_work_legend>p, .wims_work_legend>ul{
  31.     margin:0;
  32. }
  33.  
  34. .wims_work_list>li, .wims_user_sheet>li, .wims_sheet_list>li {
  35.     padding:1em;
  36.     padding-bottom: 1.5em;
  37.     margin-right: 3px;
  38.     margin-bottom: 1.5em;
  39.     width:46%;
  40.     /*box-sizing: border-box;*/
  41.     min-width: 20em;
  42.     min-height:3em;
  43.     vertical-align:top;
  44. }
  45.  
  46. /* Color and icon legend */
  47. .wims_work_legend li {
  48.    vertical-align:middle;
  49.    padding:0 .5em;
  50. }
  51. .wims_work_legend li:before{
  52.     font-size:1.2em;
  53.     padding-right:.2em;
  54. }
  55. /*.wims_sheet .wims_sheet_list li {
  56.     padding:1em;
  57.     border:1px solid gray;
  58.     background-color: #FDFDFD;
  59.     border-radius: 5px;
  60.     margin: 3px;
  61.     display: inline-block;
  62.     width:45%;
  63. }*/
  64.  
  65. /* Default colors for sequences */
  66. .wims_work_list>li:before{ font-size:1.4em;}
  67. .wims_sheet_item { background-color:#CCF;}
  68. .wims_sheet_item:before { content:"\270E";}
  69. .wims_doc_item   { background-color:#99F;}
  70. .wims_doc_item:before { content:"\2691";}
  71. .wims_vote_item  { background-color:#66F;}
  72. .wims_vote_item:before { content:"\2713";}
  73. .wims_exam_item  { background-color:#9CF;}
  74. .wims_exam_item:before { content:"\270D";}
  75.  
  76.  
  77. /* Display ol list numbers before each li (even when display=inline)*/
  78. .wims_sheet_list
  79. {
  80.   /* List will start at 1 */
  81.   counter-reset: LIST-ITEMS;
  82. }
  83.  
  84. .wims_sheet_list li:before
  85. {
  86.   content: counter( LIST-ITEMS ) ".";
  87.   counter-increment: LIST-ITEMS;
  88.   padding-right: 0.25em;
  89. }
  90.  
  91.  
  92.  
  93. .wims_exo_item   {
  94.   /*background-color:#FC9;*/
  95.   background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .25));
  96. }
  97.  
  98. .wims_sheet_item, .wims_doc_item, .wims_vote_item, .wims_exam_item, .wims_exo_item
  99. {position:relative;}
  100.  
  101. /* default style for scores. will be customised by score colors */
  102. .wims_sheet_score {
  103.     text-align:center;
  104.     margin:1px;
  105.     padding:5px;
  106.     border:2px solid #666;
  107.     background-color: #FFF;
  108.     border-radius: 2px;
  109. }
  110.  
  111. div.menuitem.score{
  112.     background-color: white;
  113.     color: black;
  114.     border: 1px solid black;
  115.     padding: .5em;
  116.     width:80%;
  117.     margin:auto;
  118. }
  119.  
  120. .wims_user_info{
  121.     position: absolute;
  122.     right: .5em;
  123.     /* attention si on place wims_user_info en bas, il faut décaler wims_score_bar*/
  124.     top:-.75em;
  125.     /*bottom:-.5em;*/
  126. }
  127. /*.wims_exo_item .wims_user_info{
  128.     top:auto;
  129.     bottom: 0;
  130. }*/
  131.  
  132. /* could be used
  133. .wims_sheet_weight{}
  134. .wims_style_expire{}
  135. */
  136.  
  137. /* Small and Medium screens */
  138. /* max-width 1024px  */
  139. @media only screen and (max-width: 64em) {
  140.    .wims_work_list>li, .wims_user_sheet>li, .wims_sheet_list>li{
  141.         width:inherit;
  142.         display:block;
  143.     }
  144. }
  145.  
  146. /* Small screens */
  147. /* max-width 640px, mobile-only styles, use when QAing mobile issues */
  148. @media only screen and (max-width: 40em) { }
  149.  
  150. /* Medium screens */
  151. /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
  152. @media only screen and (min-width: 40.063em) and (max-width: 64em) { }
  153.  
  154. /* min-width 1025px, large screens */
  155. /* Large screens */
  156. @media only screen and (min-width: 64.063em) { }
  157.  
  158.