Subversion Repositories wimsdev

Rev

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