Rev 16654 | Details | Compare with Previous | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 11412 | obado | 1 | /* utilities2.css */ |
| 2 | |||
| 11182 | bpr | 3 | .nowrap { |
| 4 | white-space:nowrap; |
||
| 5 | } |
||
| 6 | textarea.nowrap { |
||
| 7 | white-space:pre; |
||
| 8 | overflow: auto; |
||
| 9 | word-wrap: normal; |
||
| 10 | } |
||
| 14410 | obado | 11 | |
| 11182 | bpr | 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; |
||
| 12164 | obado | 39 | background-color: #FFF; |
| 11182 | bpr | 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; |
||
| 13469 | obado | 49 | z-index: 10; |
| 11182 | bpr | 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 | |||
| 12164 | obado | 62 | /* Scrolling with anchor links is smoother (with Firefox and Chrome) */ |
| 12783 | obado | 63 | /*Disabled to avoid some issue with Firefox & Geogebra |
| 64 | html{scroll-behavior: smooth;}*/ |
||
| 12164 | obado | 65 | |
| 66 | |||
| 11182 | bpr | 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{ |
||
| 11412 | obado | 113 | box-sizing: border-box; |
| 114 | width:100%; |
||
| 11182 | bpr | 115 | clear: both; |
| 116 | } |
||
| 11412 | obado | 117 | .fullwidth.wimscenter{ |
| 118 | margin:0; |
||
| 119 | } |
||
| 11182 | bpr | 120 | |
| 11412 | obado | 121 | /* halfwidth : Takes half size */ |
| 11182 | bpr | 122 | .halfwidth{ |
| 11412 | obado | 123 | box-sizing: border-box; |
| 11182 | bpr | 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/ |
||
| 11412 | obado | 131 | (be aware that safari does not handle a display flex on a fieldset yet. you have to add a div inside.) |
| 11182 | bpr | 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; |
||
| 13991 | obado | 144 | margin:1px; |
| 11182 | bpr | 145 | } |
| 13991 | obado | 146 | .flex_box>li.field:nth-child(2n){ |
| 147 | background-color: #FFF; |
||
| 148 | } |
||
| 11182 | bpr | 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 | } |
||
| 12596 | obado | 167 | .is-dropdown-submenu .disabled{ |
| 168 | background-color: #CCC; |
||
| 169 | } |
||
| 11182 | bpr | 170 | .wims_notepad:before {content:"\270E";} |
| 171 | |||
| 13470 | obado | 172 | svg{ |
| 173 | /*prevent svg pictures being larger than screen */ |
||
| 174 | max-width: 100%; |
||
| 175 | } |