/**
* @package phpBB Extension - Flip BBCode
* @copyright (c) 2023 Sniper_E - http://sniper-e.net
* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
*/

/* Flip image bbcode
-------------------------------*/
.flip-bbcode {
	display: inline-block;
	vertical-align: top;
 }
 
.flip-bbcode .flip-box {
	background: transparent;
	width: 100%;
	height: 100%;
	perspective: 1000px;
}

@media (max-width: 600px) {
	.flip-bbcode {
		display: none;
	}
}

/* DO NOT EDIT BELOW THIS LINE */
.flip-box-inner {
	display: flex;
	position: relative;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	transition: transform 1.0s;
	transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
	transform: rotateX(180deg);
}

.flip-box-front,
.flip-box-back {
	display: flex;
	position: absolute;
	justify-content: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.flip-box-back {
	transform: rotateX(180deg);
}
/* DO NOT EDIT ABOVE THIS LINE */

/* Flip bbcode button
-------------------------------*/
#abbc3_button_flipimage,
#postingbuttons_flipimages {
	background-image:  url("./images/image.gif");
	transition-timing-function: ease-out;
	transition-delay: 0.5s;
	animation: flip-rotate 1s;
}
@keyframes flip-rotate {
	50% {transform: rotateX(90deg);}
}

#abbc3_button_flipimage:hover,
#postingbuttons_flipimages:hover {
	background-image:  url("./images/image_back.gif");
	transition-timing-function: ease-in;
	animation: flip-rotate-back 1s;
}
@keyframes flip-rotate-back {
	50% {transform: rotateX(90deg);}
}

.postingbuttons {
	width: 22px !important;
	height: 22px !important;
	text-align: center !important;
	vertical-align: middle !important;
}