.ui.reveal { display: inline-block; position: relative!important; z-index: 2!important; font-size: 0!important; } .ui.reveal>.content { font-size: 1rem!important; } .ui.reveal>.visible.content { -webkit-transition: all .8s cubic-bezier(0.175,.885,.32,1) .15s; transition: all .8s cubic-bezier(0.175,.885,.32,1) .15s; } .ui.reveal>.visible.content { position: absolute!important; top: 0!important; right: 0!important; z-index: 4!important; -webkit-transition: all .8s cubic-bezier(0.175,.885,.32,1) .15s; transition: all .8s cubic-bezier(0.175,.885,.32,1) .15s; } .ui.reveal>.hidden.content { position: relative!important; z-index: 3!important; } .ui.reveal.button { overflow: hidden; } .ui.slide.reveal { position: relative!important; display: block; overflow: hidden!important; white-space: nowrap; } .ui.slide.reveal>.content { display: block; float: right; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0; -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; 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; } .ui.slide.reveal>.visible.content { position: relative!important; } .ui.slide.reveal>.hidden.content { position: absolute!important; right: 100%!important; width: 100%!important; } .ui.slide.reveal:hover>.visible.content { right: -100%!important; } .ui.slide.reveal:hover>.hidden.content { right: 0!important; } .ui.right.slide.reveal>.visible.content { right: 0; } .ui.right.slide.reveal>.hidden.content { right: auto!important; left: 100%!important; } .ui.right.slide.reveal:hover>.visible.content { right: 100%!important; left: auto!important; } .ui.right.slide.reveal:hover>.hidden.content { right: auto!important; left: 0!important; } .ui.up.slide.reveal>.visible.content { top: 0!important; right: 0!important; left: auto!important; bottom: auto!important; } .ui.up.slide.reveal>.hidden.content { top: 100%!important; right: 0!important; left: auto!important; bottom: auto!important; } .ui.slide.up.reveal:hover>.visible.content { top: -100%!important; right: 0!important; } .ui.slide.up.reveal:hover>.hidden.content { top: 0!important; right: 0!important; } .ui.down.slide.reveal>.visible.content { top: auto!important; left: auto!important; bottom: auto!important; bottom: 0!important; } .ui.down.slide.reveal>.hidden.content { top: auto!important; left: auto!important; bottom: 100%!important; right: 0!important; } .ui.slide.down.reveal:hover>.visible.content { right: 0!important; bottom: -100%!important; } .ui.slide.down.reveal:hover>.hidden.content { right: 0!important; bottom: 0!important; } .ui.fade.reveal>.visible.content { opacity: 1; } .ui.fade.reveal:hover>.visible.content { opacity: 0; } .ui.move.reveal>.visible.content, .ui.move.left.reveal>.visible.content { right: auto!important; top: auto!important; bottom: auto!important; left: 0!important; } .ui.move.reveal:hover>.visible.content, .ui.move.left.reveal:hover>.visible.content { left: 100%!important; } .ui.move.right.reveal>.visible.content { left: auto!important; top: auto!important; bottom: auto!important; right: 0!important; } .ui.move.right.reveal:hover>.visible.content { right: 100%!important; } .ui.move.up.reveal>.visible.content { left: auto!important; right: auto!important; top: auto!important; bottom: 0!important; } .ui.move.up.reveal:hover>.visible.content { bottom: 100%!important; } .ui.move.down.reveal>.visible.content { left: auto!important; right: auto!important; top: 0!important; bottom: auto!important; } .ui.move.down.reveal:hover>.visible.content { top: 100%!important; } .ui.rotate.reveal>.visible.content { -webkit-transition-duration: .8s; transition-duration: .8s; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .ui.rotate.reveal>.visible.content, .ui.rotate.right.reveal>.visible.content { -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } .ui.rotate.reveal:hover>.visible.content, .ui.rotate.right.reveal:hover>.visible.content { -webkit-transform: rotate(110deg); -ms-transform: rotate(110deg); transform: rotate(110deg); } .ui.rotate.left.reveal>.visible.content { -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; } .ui.rotate.left.reveal:hover>.visible.content { -webkit-transform: rotate(-110deg); -ms-transform: rotate(-110deg); transform: rotate(-110deg); } .ui.disabled.reveal { opacity: 1!important; } .ui.disabled.reveal>.content { -webkit-transition: none!important; transition: none!important; } .ui.disabled.reveal:hover>.visible.content { position: static!important; display: block!important; opacity: 1!important; top: 0!important; right: 0!important; left: auto!important; bottom: auto!important; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; } .ui.disabled.reveal:hover>.hidden.content { display: none!important; } .ui.masked.reveal { overflow: hidden; } .ui.instant.reveal>.content { -webkit-transition-delay: 0s!important; transition-delay: 0s!important; }