?? GreyFile — Mystic File Browser

Current path: home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/


?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/assets/css

?? Viewing: _common.scss

@import 'variables';
@import 'mixins';

/* ==========================================================================
   #Comments styles - start
   ========================================================================== */

.edgtf-comment-holder {
	padding: 50px 0 55px;
	margin: 0 0 0;

	.edgtf-comment:not(.edgtf-pingback-comment){
		.edgtf-comment-text li{
			display: list-item;
    		margin:0;
		}
	}

	.edgtf-comment-image {
		display: block;
		width: 75px;
		height: 75px;
		float: left;
	}
	.edgtf-comment-text {
		padding: 0 0 0 91px;
		min-height: 75px;

		.edgtf-comment-info {
			display: inline-block;
			width: 100%;
			vertical-align: middle;

		}

		.replay,
		.comment-reply-link,
		.comment-edit-link {
			float: right;
			margin-left: 10px;
			font-size: 10px;
			text-transform: uppercase;
			font-weight: 600;
		}

		.edgtf-comment-name{
			float: left;
			font-weight: 600;
			font-size: 13px;
		}
	}

}
.edgtf-comment-list {
	list-style: none;
	position: relative;
	z-index: 150;
	padding: 0;
	margin: 30px 0 0;

	li {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		width: 100%;
		margin: 0 0 40px;
	}

	> li:last-child {
		margin: 0;
	}

	.children {
		margin: 40px 0 0 0;
		padding: 0 0 0 70px;

		> li:last-child {
			margin: 0;
		}
	}
}

.edgtf-comment-form{
	margin-bottom: 40px;
}

.comment-respond{
	.comment-reply-title{
		font-size: 14px; /*font size changed because of the h-tags that are fixed by wordpress*/
		line-height: 1.4285714285714285714285714285714em;
		font-weight: 600;
		text-transform: uppercase;
		margin-bottom: 10px;

		a{
			font-size: 13px;
		}
	}

	.logged-in-as{
		margin-bottom: 10px;
	}
	.form-submit {
		text-align: right;
	}
}

.edgtf-comment-text{

	.comment-respond{
		margin: 20px 0;
	}
}

%input-style{
	width: 100%;
	margin-bottom: 22px;
	padding: 10px 15px;
	border: 1px solid $default-border-color;;
	outline: 0;
	font-family: inherit;
	font-size: 13px;
	background-color: #fff;
	color: #7f8385;
	@include edgtfBoxSizing(border-box);

	&:focus{
		background-color: #f7f7f7;
	}	
}

.wpcf7-form-control{
	&.wpcf7-text,
	&.wpcf7-number,
	&.wpcf7-date,
	&.wpcf7-textarea,
	&.wpcf7-select,
	&.wpcf7-quiz{
		@extend %input-style;
	}
}

#respond textarea,
#respond input[type='text'],
.post-password-form input[type='password']{
	@extend %input-style;
}

.post-password-form input[type='submit'],
input.wpcf7-form-control.wpcf7-submit{
	display: inline-block;
	width: auto;
	height: 45px;
	line-height: 45px;
	padding: 0 20px;
	border: 1px solid $first-main-color;
	font-size: 13px;
	font-family: inherit;
	color: #fff;
	background-color: $first-main-color;
	cursor: pointer;
	@include edgtfTransition(all 0.15s ease-out);

	&:hover{
		color: $first-main-color;
		background-color: #fff;
	}
}

/* ==========================================================================
   #Comments styles - end
   ========================================================================== */

/* ==========================================================================
   #Pagination styles - start
   ========================================================================== */

.edgtf-pagination {

	display: inline-block;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 15px;

	ul{
		display: inline-block;
		vertical-align: middle;
	}

	li {
		float: left;
		text-align: center;
		margin: 0 5px;
		display: block;

		a,
		&.active span {
			position: relative;
			display: inline-block;
			width: 46px;
			height: 46px;
			line-height: 46px;
			vertical-align: middle;
			text-decoration: none;
			cursor: pointer;
			white-space: nowrap;
			box-sizing: content-box;
			font-size: 16px;
			color: $second-main-color;
			background-color: #f5f5f5;
			@include edgtfTransition(background-color 0.3s ease-out, color 0.3s ease-out)
		}

		&:hover a{
			background-color: #18202d;
			color: $first-main-color;
		}
		&.active span {
			background-color: $first-main-color;
			color: #fff;
		}

		.edgtf-pagination-icon {
			font-size: 23px;
			line-height: inherit;
		}


	}
}


/* ==========================================================================
   #Pagination styles - end
   ========================================================================== */

/* ==========================================================================
   #Owl Slider (Blog single, Portfolio single) - begin
   ========================================================================== */
.edgtf-owl-slider {
	display:none;

	.owl-nav {

		.owl-prev {
			position: absolute;
			top: 50%;
			@include edgtfTransform(translateY(-50%));
			left: 1%;
		}

		.owl-next {
			position: absolute;
			top: 50%;
			@include edgtfTransform(translateY(-50%));
			right: 1%;
		}

		.edgtf-prev-icon,
		.edgtf-next-icon {
			display: inline-block;
			width: 42px;
			height: 42px;
			text-align: center;

			i {
				@include edgtfTransition(color .3s ease-out);
				font-size: 45px;
				line-height: 42px;
				color: #fff;
			}
			&:hover{
                i {
                    color:$first-main-color;
                }
            }
		}
	}

	.owl-dots {
		text-align: center;

		.owl-dot {
			display: inline-block;
		}

		.owl-dot span {
			display: inline-block;
			width: 12px;
			height: 12px;
			margin: 3px;
			filter: Alpha(Opacity=50);
			opacity: 0.5;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			background: #e3e3e3;
		}

		.owl-dot.active span {
			opacity: 1;
		}

	}

}

/* ==========================================================================
   #Owl Slider (Blog single, Portfolio single) - end
   ========================================================================== */

/* ==========================================================================
   #404 styles - start
   ========================================================================== */

.edgtf-404-page{
	padding: 0!important;
}

.edgtf-page-not-found{
	margin: 80px 0 110px;

	h2{
		margin-bottom: 30px;
	}

	h4{
		margin-bottom: 30px;
	}
}

/* ==========================================================================
   #404 styles - end
   ========================================================================== */

/* ==========================================================================
   #Back to Top styles - start
   ========================================================================== */
#edgtf-back-to-top{
    position: fixed;
    width:48px;
    right: 48px;
    bottom: 65px;
    margin: 0;
    z-index: 10000;
    @include edgtfTransition(opacity 0.15s ease-out, visibility 0.15s ease-out, background-color 0.15s ease-out);
    opacity: 0;
    visibility: hidden;
	background-color: $first_main_color;
	overflow: hidden;
	border-radius: 2px;

	&.off{
		opacity: 0;
		visibility: hidden;
	}

	&.on{
		opacity: 1;
		visibility: visible;
	}

	.edgtf-icon-stack {
		width: 48px;
		height: 48px;
		line-height: 48px;
		text-align:center;
		display: block;
		color: #fff;
		font-size: 23px;
		@include edgtfTransition(transform 0.15s ease-out .1s);
		box-sizing: border-box;

		> span {
			line-height: inherit;
		}
	}

	.edgtf-back-to-top-icon-hover{
		color: #fff;
		font-size: 23px;
		position: absolute;
		width: 48px;
		top: 100%;
		left: 0;
		text-align: center;
		display: block;
		@include edgtfTransition(transform 0.15s ease-out);
	}

	&:hover {

		background-color: #0e1718;

		.edgtf-back-to-top-icon-hover{
			@include edgtfTransform(translateY(-35px));
		}

		.edgtf-icon-stack {
			@include edgtfTransition(transform 0.32s cubic-bezier(0.51, 0.07, 0.85, 1.88));
			@include edgtfTransform(translateY(-4px));
		}

	}
}

    
/* ==========================================================================
   #Back to Top styles - end
   ========================================================================== */


/* ==========================================================================
   #Self Hosted Video styles - start
   ========================================================================== */
.edgtf-self-hosted-video-holder{
	.edgtf-video-wrap{
		.mejs-container,
		.mejs-overlay-play{
			height: 100% !important; /*!important because of the inline style*/
			width: 100% !important; /*!important because of the inline style*/
		}
	}
}

/* ==========================================================================
   #Self Hosted Video styles - end
   ========================================================================== */

/* ==========================================================================
   Floating Background Styles - Start
   ========================================================================== */

.edgtf-section {
	.edgtf-section-background-elements {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.edgtf-section-background-elements-inner {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 6000px;
		height: 6000px;
		margin-left: -3000px;
		margin-top: -3000px;
		overflow: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.edgtf-section-background-elements-inner.running {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: opacity 1s linear, filter 1s linear;
		transition: opacity 1s linear, filter 1s linear;
	}

	.edgtf-section-background-elements .floater {
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		position: absolute;
	}
}
/* ==========================================================================
   Floating Background Styles - End
   ========================================================================== */

??

??