Subversion Repositories wimsdev

Rev

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

  1. /* utilities2.css */
  2.  
  3. .nowrap {
  4.   white-space:nowrap;
  5. }
  6. textarea.nowrap {
  7.   white-space:pre;
  8.   overflow: auto;
  9.   word-wrap: normal;
  10. }
  11.  
  12. /* technical info */
  13. .wimstech {font-family: monospace, "Courier New";font-size:small}
  14.  
  15. /* use <br class="spacer" /> instead*/
  16. .emptyline { height:20px;}
  17. .empty { width:5%;}
  18.  
  19. /* permalink */
  20. /*#export_media .about {
  21.   margin-top: 0;
  22.   background-repeat: no-repeat;
  23.   background-position: 0 50%;
  24.   padding-left: 28px;
  25.   line-height: 28px;
  26.   text-align: left;
  27. }
  28. #export_media{
  29.   border: 1px solid #999;
  30.   padding: 5px;
  31. }*/
  32. .wims_debug_mode{
  33.   margin:auto;
  34.   width:50%;
  35.   font-size:small;
  36.   font-family: monospace;
  37.   border:1px solid #DFDFDF;
  38.   padding:0 .5em 0;
  39.   background-color: #FFF;
  40. }
  41.  
  42.  
  43. /*back to the top of the page*/
  44. .wims_topback {
  45.   padding-right:.5em;
  46.   position:fixed;
  47.   bottom:0;
  48.   right:0;
  49.   z-index: 10;
  50. }
  51. .wims_topback a{
  52.   position:relative;
  53.   top:0;
  54.   transition: top .2s linear;
  55. }
  56. .wims_topback a:before{
  57.     content:"\21E1";
  58.     font-size: 2em;
  59. }
  60. .wims_topback a:hover{top:-5px;}
  61.  
  62. /* Scrolling with anchor links is smoother (with Firefox and Chrome) */
  63. /*Disabled to avoid some issue with Firefox & Geogebra
  64. html{scroll-behavior: smooth;}*/
  65.  
  66.  
  67. /* "Plugged" icon ("\1f50c"), indicating user is connected now.
  68.  Previously : marked icon : ("\2713") */
  69. .wims_connected:after{content:"\270b";font-size:1.5em;color:#8bb681;}
  70. /* .wims_tooltip added on an icon when text will be displayed via "title" attribute. */
  71. .wims_tooltip{cursor:help;}
  72. /* Removes underline inherited from link */
  73. a .wims_tooltip{display: inline-block;}
  74. /* a border around icon hovered indicates it will do something (ie : displays the title) */
  75. .wims_tooltip:after{
  76.   border:2px solid transparent;
  77.   padding:1px 6px 1px 3px ;
  78.   border-radius: 15px;
  79. }
  80. .wims_tooltip:hover:after{border-color:#8bb681;}
  81.  
  82. /** hides a text, so it will only be readable by screen readers, for better accesibility */
  83. .hidden_text{
  84.     display:inline-block;
  85.     width:1px;
  86.     height:1px;
  87.     color:transparent;
  88.     overflow:hidden;
  89. }
  90.  
  91. /* alert message from teacher to a choosen student */
  92. .wims_alertchat {
  93.   background-color: #a0d3e8;
  94.   /*border : 1px solid #74bfdd;*/
  95.   border-radius: 5px;
  96.   padding: 0 .5em;
  97.   font-size: .9em;
  98.   transition: opacity 300ms ease-out;
  99. }
  100. div.wims_alertchat {
  101.   margin:.5em auto;
  102.   width:50%;
  103. }
  104.  
  105. .wims_alertchat .float_right{
  106.   margin-top:.5em;
  107. }
  108.  
  109. /* ## Layout Classes ## */
  110.  
  111. /* fullwidth : Takes maximum width available */
  112. .fullwidth{
  113.     box-sizing: border-box;
  114.     width:100%;
  115.     clear: both;
  116. }
  117. .fullwidth.wimscenter{
  118.     margin:0;
  119. }
  120.  
  121. /* halfwidth : Takes half size */
  122. .halfwidth{
  123.     box-sizing: border-box;
  124.     width:50%;
  125.     vertical-align: top;
  126. }
  127.  
  128. /*
  129. Flexbox : a way to uniformize multiple box automatically
  130. See more at http://css-tricks.com/snippets/css/a-guide-to-flexbox/
  131. (be aware that safari does not handle a display flex on a fieldset yet. you have to add a div inside.)
  132. */
  133. .flex_box{
  134.     display: flex;
  135.     flex-flow: row wrap;
  136.     justify-content: space-around;
  137.     list-style:none;
  138.     margin:auto;
  139.     padding: 2px;
  140. }
  141.  
  142. .flex_box>li{
  143.     display:inline-block;
  144.     margin:1px;
  145. }
  146. .flex_box>li.field:nth-child(2n){
  147.   background-color: #FFF;
  148. }
  149.  
  150. /* Reset a jquery UI default */
  151. .main_body .ui-widget{
  152.   font-size: inherit;
  153. }
  154.  
  155. .ui-tabs{
  156.   margin-bottom:.5em;
  157. }
  158.  
  159. .main_body .ui-tabs .ui-tabs-panel{
  160.   padding:.5em;
  161. }
  162.  
  163. /* "disabled" look */
  164. span.disabled, span.disabled:hover, span.disabled:active{
  165.   opacity:.6;
  166. }
  167. .is-dropdown-submenu .disabled{
  168.   background-color: #CCC;
  169. }
  170. .wims_notepad:before {content:"\270E";}
  171.  
  172. svg{
  173.   /*prevent svg pictures being larger than screen */
  174.   max-width: 100%;
  175. }
  176.