Subversion Repositories wimsdev

Rev

Rev 11914 | Rev 12783 | 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. html{scroll-behavior: smooth;}
  66.  
  67.  
  68. /* "Plugged" icon ("\1f50c"), indicating user is connected now.
  69.  Previously : marked icon : ("\2713") */
  70. .wims_connected:after{content:"\270b";font-size:1.5em;color:#8bb681;}
  71. /* .wims_tooltip added on an icon when text will be displayed via "title" attribute. */
  72. .wims_tooltip{cursor:help;}
  73. /* Removes underline inherited from link */
  74. a .wims_tooltip{display: inline-block;}
  75. /* a border around icon hovered indicates it will do something (ie : displays the title) */
  76. .wims_tooltip:after{
  77.   border:2px solid transparent;
  78.   padding:1px 6px 1px 3px ;
  79.   border-radius: 15px;
  80. }
  81. .wims_tooltip:hover:after{border-color:#8bb681;}
  82.  
  83. /** hides a text, so it will only be readable by screen readers, for better accesibility */
  84. .hidden_text{
  85.     display:inline-block;
  86.     width:1px;
  87.     height:1px;
  88.     color:transparent;
  89.     overflow:hidden;
  90. }
  91.  
  92. /* alert message from teacher to a choosen student */
  93. .wims_alertchat {
  94.   background-color: #a0d3e8;
  95.   /*border : 1px solid #74bfdd;*/
  96.   border-radius: 5px;
  97.   padding: 0 .5em;
  98.   font-size: .9em;
  99.   transition: opacity 300ms ease-out;
  100. }
  101. div.wims_alertchat {
  102.   margin:.5em auto;
  103.   width:50%;
  104. }
  105.  
  106. .wims_alertchat .float_right{
  107.   margin-top:.5em;
  108. }
  109.  
  110. /* ## Layout Classes ## */
  111.  
  112. /* fullwidth : Takes maximum width available */
  113. .fullwidth{
  114.     box-sizing: border-box;
  115.     width:100%;
  116.     clear: both;
  117. }
  118. .fullwidth.wimscenter{
  119.     margin:0;
  120. }
  121.  
  122. /* halfwidth : Takes half size */
  123. .halfwidth{
  124.     box-sizing: border-box;
  125.     width:50%;
  126.     vertical-align: top;
  127. }
  128.  
  129. /*
  130. Flexbox : a way to uniformize multiple box automatically
  131. See more at http://css-tricks.com/snippets/css/a-guide-to-flexbox/
  132. (be aware that safari does not handle a display flex on a fieldset yet. you have to add a div inside.)
  133. */
  134. .flex_box{
  135.     display: flex;
  136.     flex-flow: row wrap;
  137.     justify-content: space-around;
  138.     list-style:none;
  139.     margin:auto;
  140.     padding: 2px;
  141. }
  142.  
  143. .flex_box>li{
  144.     display:inline-block;
  145.     margin:2px 0;
  146. }
  147.  
  148. /* Reset a jquery UI default */
  149. .main_body .ui-widget{
  150.   font-size: inherit;
  151. }
  152.  
  153. .ui-tabs{
  154.   margin-bottom:.5em;
  155. }
  156.  
  157. .main_body .ui-tabs .ui-tabs-panel{
  158.   padding:.5em;
  159. }
  160.  
  161. /* "disabled" look */
  162. span.disabled, span.disabled:hover, span.disabled:active{
  163.   opacity:.6;
  164. }
  165. .wims_notepad:before {content:"\270E";}
  166.  
  167.