Subversion Repositories wimsdev

Rev

Rev 14410 | 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.  
  12. /* technical info */
  13. .wimstech {font-family: monospace, "Courier New";font-size:small}
  14.  
  15.  
  16.  
  17. /* use <br class="spacer" /> instead*/
  18. .emptyline { height:20px;}
  19. .empty { width:5%;}
  20.  
  21. /* permalink */
  22. /*#export_media .about {
  23.   margin-top: 0;
  24.   background-repeat: no-repeat;
  25.   background-position: 0 50%;
  26.   padding-left: 28px;
  27.   line-height: 28px;
  28.   text-align: left;
  29. }
  30. #export_media{
  31.   border: 1px solid #999;
  32.   padding: 5px;
  33. }*/
  34. .wims_debug_mode{
  35.   margin:auto;
  36.   width:50%;
  37.   font-size:small;
  38.   font-family: monospace;
  39.   border:1px solid #DFDFDF;
  40.   padding:0 .5em 0;
  41.   background-color: #FFF;
  42. }
  43.  
  44.  
  45. /*back to the top of the page*/
  46. .wims_topback {
  47.   padding-right:.5em;
  48.   position:fixed;
  49.   bottom:0;
  50.   right:0;
  51.   z-index: 10;
  52. }
  53. .wims_topback a{
  54.   position:relative;
  55.   top:0;
  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:1px;
  147. }
  148. .flex_box>li.field:nth-child(2n){
  149.   background-color: #FFF;
  150. }
  151.  
  152. /* Reset a jquery UI default */
  153. .main_body .ui-widget{
  154.   font-size: inherit;
  155. }
  156.  
  157. .ui-tabs{
  158.   margin-bottom:.5em;
  159. }
  160.  
  161. .main_body .ui-tabs .ui-tabs-panel{
  162.   padding:.5em;
  163. }
  164.  
  165. /* "disabled" look */
  166. span.disabled, span.disabled:hover, span.disabled:active{
  167.   opacity:.6;
  168. }
  169. .is-dropdown-submenu .disabled{
  170.   background-color: #CCC;
  171. }
  172. .wims_notepad:before {content:"\270E";}
  173.  
  174. svg{
  175.   /*prevent svg pictures being larger than screen */
  176.   max-width: 100%;
  177. }
  178.