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
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;
|
|
}
|