You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

259 lines
5.5 KiB

  1. .ui.reveal {
  2. display: inline-block;
  3. position: relative!important;
  4. z-index: 2!important;
  5. font-size: 0!important;
  6. }
  7. .ui.reveal>.content {
  8. font-size: 1rem!important;
  9. }
  10. .ui.reveal>.visible.content {
  11. -webkit-transition: all .8s cubic-bezier(0.175,.885,.32,1) .15s;
  12. transition: all .8s cubic-bezier(0.175,.885,.32,1) .15s;
  13. }
  14. .ui.reveal>.visible.content {
  15. position: absolute!important;
  16. top: 0!important;
  17. right: 0!important;
  18. z-index: 4!important;
  19. -webkit-transition: all .8s cubic-bezier(0.175,.885,.32,1) .15s;
  20. transition: all .8s cubic-bezier(0.175,.885,.32,1) .15s;
  21. }
  22. .ui.reveal>.hidden.content {
  23. position: relative!important;
  24. z-index: 3!important;
  25. }
  26. .ui.reveal.button {
  27. overflow: hidden;
  28. }
  29. .ui.slide.reveal {
  30. position: relative!important;
  31. display: block;
  32. overflow: hidden!important;
  33. white-space: nowrap;
  34. }
  35. .ui.slide.reveal>.content {
  36. display: block;
  37. float: right;
  38. -webkit-box-sizing: border-box;
  39. -moz-box-sizing: border-box;
  40. -ms-box-sizing: border-box;
  41. box-sizing: border-box;
  42. margin: 0;
  43. -webkit-transition: top .8s cubic-bezier(0.175,.885,.32,1) .15s,right .8s cubic-bezier(0.175,.885,.32,1) .15s,left .8s cubic-bezier(0.175,.885,.32,1) .15s,bottom .8s cubic-bezier(0.175,.885,.32,1) .15s;
  44. transition: top .8s cubic-bezier(0.175,.885,.32,1) .15s,right .8s cubic-bezier(0.175,.885,.32,1) .15s,left .8s cubic-bezier(0.175,.885,.32,1) .15s,bottom .8s cubic-bezier(0.175,.885,.32,1) .15s;
  45. }
  46. .ui.slide.reveal>.visible.content {
  47. position: relative!important;
  48. }
  49. .ui.slide.reveal>.hidden.content {
  50. position: absolute!important;
  51. right: 100%!important;
  52. width: 100%!important;
  53. }
  54. .ui.slide.reveal:hover>.visible.content {
  55. right: -100%!important;
  56. }
  57. .ui.slide.reveal:hover>.hidden.content {
  58. right: 0!important;
  59. }
  60. .ui.right.slide.reveal>.visible.content {
  61. right: 0;
  62. }
  63. .ui.right.slide.reveal>.hidden.content {
  64. right: auto!important;
  65. left: 100%!important;
  66. }
  67. .ui.right.slide.reveal:hover>.visible.content {
  68. right: 100%!important;
  69. left: auto!important;
  70. }
  71. .ui.right.slide.reveal:hover>.hidden.content {
  72. right: auto!important;
  73. left: 0!important;
  74. }
  75. .ui.up.slide.reveal>.visible.content {
  76. top: 0!important;
  77. right: 0!important;
  78. left: auto!important;
  79. bottom: auto!important;
  80. }
  81. .ui.up.slide.reveal>.hidden.content {
  82. top: 100%!important;
  83. right: 0!important;
  84. left: auto!important;
  85. bottom: auto!important;
  86. }
  87. .ui.slide.up.reveal:hover>.visible.content {
  88. top: -100%!important;
  89. right: 0!important;
  90. }
  91. .ui.slide.up.reveal:hover>.hidden.content {
  92. top: 0!important;
  93. right: 0!important;
  94. }
  95. .ui.down.slide.reveal>.visible.content {
  96. top: auto!important;
  97. left: auto!important;
  98. bottom: auto!important;
  99. bottom: 0!important;
  100. }
  101. .ui.down.slide.reveal>.hidden.content {
  102. top: auto!important;
  103. left: auto!important;
  104. bottom: 100%!important;
  105. right: 0!important;
  106. }
  107. .ui.slide.down.reveal:hover>.visible.content {
  108. right: 0!important;
  109. bottom: -100%!important;
  110. }
  111. .ui.slide.down.reveal:hover>.hidden.content {
  112. right: 0!important;
  113. bottom: 0!important;
  114. }
  115. .ui.fade.reveal>.visible.content {
  116. opacity: 1;
  117. }
  118. .ui.fade.reveal:hover>.visible.content {
  119. opacity: 0;
  120. }
  121. .ui.move.reveal>.visible.content,
  122. .ui.move.left.reveal>.visible.content {
  123. right: auto!important;
  124. top: auto!important;
  125. bottom: auto!important;
  126. left: 0!important;
  127. }
  128. .ui.move.reveal:hover>.visible.content,
  129. .ui.move.left.reveal:hover>.visible.content {
  130. left: 100%!important;
  131. }
  132. .ui.move.right.reveal>.visible.content {
  133. left: auto!important;
  134. top: auto!important;
  135. bottom: auto!important;
  136. right: 0!important;
  137. }
  138. .ui.move.right.reveal:hover>.visible.content {
  139. right: 100%!important;
  140. }
  141. .ui.move.up.reveal>.visible.content {
  142. left: auto!important;
  143. right: auto!important;
  144. top: auto!important;
  145. bottom: 0!important;
  146. }
  147. .ui.move.up.reveal:hover>.visible.content {
  148. bottom: 100%!important;
  149. }
  150. .ui.move.down.reveal>.visible.content {
  151. left: auto!important;
  152. right: auto!important;
  153. top: 0!important;
  154. bottom: auto!important;
  155. }
  156. .ui.move.down.reveal:hover>.visible.content {
  157. top: 100%!important;
  158. }
  159. .ui.rotate.reveal>.visible.content {
  160. -webkit-transition-duration: .8s;
  161. transition-duration: .8s;
  162. -webkit-transform: rotate(0deg);
  163. -ms-transform: rotate(0deg);
  164. transform: rotate(0deg);
  165. }
  166. .ui.rotate.reveal>.visible.content,
  167. .ui.rotate.right.reveal>.visible.content {
  168. -webkit-transform-origin: bottom left;
  169. -ms-transform-origin: bottom left;
  170. transform-origin: bottom left;
  171. }
  172. .ui.rotate.reveal:hover>.visible.content,
  173. .ui.rotate.right.reveal:hover>.visible.content {
  174. -webkit-transform: rotate(110deg);
  175. -ms-transform: rotate(110deg);
  176. transform: rotate(110deg);
  177. }
  178. .ui.rotate.left.reveal>.visible.content {
  179. -webkit-transform-origin: bottom right;
  180. -ms-transform-origin: bottom right;
  181. transform-origin: bottom right;
  182. }
  183. .ui.rotate.left.reveal:hover>.visible.content {
  184. -webkit-transform: rotate(-110deg);
  185. -ms-transform: rotate(-110deg);
  186. transform: rotate(-110deg);
  187. }
  188. .ui.disabled.reveal {
  189. opacity: 1!important;
  190. }
  191. .ui.disabled.reveal>.content {
  192. -webkit-transition: none!important;
  193. transition: none!important;
  194. }
  195. .ui.disabled.reveal:hover>.visible.content {
  196. position: static!important;
  197. display: block!important;
  198. opacity: 1!important;
  199. top: 0!important;
  200. right: 0!important;
  201. left: auto!important;
  202. bottom: auto!important;
  203. -webkit-transform: none!important;
  204. -ms-transform: none!important;
  205. transform: none!important;
  206. }
  207. .ui.disabled.reveal:hover>.hidden.content {
  208. display: none!important;
  209. }
  210. .ui.masked.reveal {
  211. overflow: hidden;
  212. }
  213. .ui.instant.reveal>.content {
  214. -webkit-transition-delay: 0s!important;
  215. transition-delay: 0s!important;
  216. }