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.
 
 
 

260 lines
5.5 KiB

.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;
-webkit-box-sizing: border-box;
-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;
}