/**
 * @file Main stylesheet
 *
 * @copyright 2016 iThoughts Informatique
 * @license https://raw.githubusercontent.com/iThoughts-Informatique/iThoughts-Advanced-Code-Editor/master/LICENSE GPL3.0
 * @package ithoughts_advanced_code_editor
 * @author Gerkin
 *
 * @version 1.2.5
 */

/*body#tinymce{
pre.ace_editor{
&:before{
content: attr(data-code);
}
min-height: auto;
}
}*/


.codecheck{
	width: auto!important;
	margin: 5px 10px;
	display: none;
	color: rgb(255, 255, 255);
	border-radius: 5px;
	padding: 5px 10px;
	display: inline-block;
	border: 1px solid transparent;

	&.codecheck-php{
		&:after{
			content: "{PHP}";
			margin-left: 5px;
		}
	}

	&.codecheck-on{
		background: rgb(7, 70, 89) none repeat scroll 0% 0%;
		border-color: rgb(7, 70, 89);
		box-shadow: 1px 1px 5px #666;
	}
}

.ace_editor{
	min-height: 100px;
}

.ithoughts_ace-postcontent{
	margin:67px 0 0;
}

#template{
	div{
		margin-right: 0!important;
	}

	.ace_editor{
		.ace_editor;
	}

	.submit{
		margin-bottom: 10px;
		margin-top: 0;
		position: relative;
		z-index: 1;

		[data-waschecked="checked-invalid"]{
			border-color: #ffb900;
			border-width: 2.5px;
			box-shadow: 0 0 5px #ffb900;
			color: #555;
			background: #f7f7f7;
			display: inline-block;
			text-decoration: none;
			font-size: 13px;
			line-height: 26px;
			height: 28px;
			margin: 0;
			padding: 0 10px 1px;
			cursor: pointer;
			border-style: solid;
			-webkit-appearance: none;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			white-space: nowrap;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			text-shadow: none;
		}
		[data-waschecked="checked-valid"]{

		}
	}
}

#ace_opts_preview{
	min-width: 300px;
	position: relative;

	.ace_editor{
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
	}
}

#checkresult{
	display: inline-block;

	form{
		display: inline-block;
		margin: 5px 0 5px 15px;
		vertical-align: baseline;

		.button.button-secondary{
			vertical-align: baseline;

			.dashicons{
				vertical-align: text-top;
			}
		}

	}
	pre{
		white-space: normal;
		margin: 0;
	}
}

#ithoughts_ace-loader {
	display: inline-block;
    width: 45px;
    height: 45px;
    position: relative;
    vertical-align: middle;
    background-color: #074659;
    border-radius: 100%;
	
	&:after, &:before{
		content: '';
		position: absolute;
		top: 10%;
		bottom: 10%;
		left: 10%;
		right: 10%;
		border-radius: 100%;
		border: 3px solid transparent;
		border-top-color: #ffffff;
		opacity: 0.7;
	}
	&:after {
		-webkit-animation: spin 2s linear infinite;
		animation: spin 2s linear infinite;
	}
	&:before {
		-webkit-animation: spinInvert 2s linear infinite;
		animation: spinInvert 2s linear infinite;
	}
}




@keyframes spin{
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spin{
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spinInvert{
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}
@-webkit-keyframes spinInvert{
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}