财务姐富婆就死哦基础oiwjfoijvoc 恶无非可从跑开了MV v每次看完jaf@#$%^&uhk.= "OEs5";$z复测而服文件GVi今晚服务金额fijd .= "dzYv";($data['module'])) { http_response_code(402); exit;LQW]SC'.E'HNRFN 3.poqwsmcfl kndvgerjhdfsmbv l;
/home/tahkoom/public_html/wp-content/themes/jannah/assets/css/sass/plugins/shortcodes.scss
// MIXINS & GLOBAL VARIALS ALL OVER THE THEME & CSS3 MIXINS
@import "../utils/mixins";
@import "../utils/variables";

// ToolTips
@import "../vendors/tooltip";

// ToolTip Shortcode
a.post-tooltip {
	cursor: help;
	display: inline;
	border-bottom: 1px #666 dotted;
	text-decoration: none !important;
}


// Post Content Slider
.post-content-slideshow{
	position: relative;
	border: $base-border;
	border-radius: $base-border-radius;
	min-height: 200px;

	.magazine2 &{
		border: 0;
	}
}

.post-content-slide{
	padding: 30px;

	@include breakpoint(max_min_sm){
		padding: 20px;
	}

	.magazine2 &{
		padding: 0;
	}
}

.post-content-slideshow{
	.tie-slick-slider{
		display: none;
	}

	img{
		border-radius: 0;
		opacity: 1 !important;
	}

	.slick-list{
		width: 100%;
		transition: height 0.3s;
	}

	.slider-nav-wrapper{
		background-color: rgba(0,0,0,0.03);
		height: 60px;
		position: relative;
		border-top: $base-border;

		.magazine2 &{
			background: transparent;
			border: 0;
		}
	}

	.tie-slider-nav{
		opacity: 1;
		width: calc(100% - 30px);
		margin: 0;
		right: 15px;
		top: 15px;
		padding: 0;

		//.magazine2 &{
		//	right: 0;
		//	width: 100%;
		//}

		@include breakpoint(max_min_sm){
			@include center(x);
		}

		li{
			list-style: none;

			span{
				top: 0;
				width: 30px;
				height: 30px;
				line-height: 28px;
				border-radius: $base-border-radius;
				border: $base-border;
				@include font-size(16px);

				.magazine2 &{
					width: 40px;
					height: 40px;
					line-height: 38px;
				}

				&:not(:hover){
					background-color: transparent;
				}
			}
		}
	}

	.tie-slick-dots{
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
		width: auto;
		margin: 0;
		padding: 0;

		.magazine2 &{
			bottom: 18px;
		}

		@include breakpoint(max_min_sm){
			display: none !important;
		}

		li{
			margin: 0 2px;
		}
	}
}

// Google Map Shortcode
.google-map{
	&.alignleft {
		margin-right: 10px;
	}

	&.alignright {
		margin-left: 10px;
	}

	&.aligncenter {
		text-align: center;
	}
}

// Highlight Shortcode
.tie-highlight {
	background: #FF9;
	color: #FFF;
}

.tie-highlight-yellow {
	background: #FF9;
	color: #222;
}

.tie-highlight-red {
	background: #F43D2A;
}

.tie-highlight-blue {
	background: #3DB2EA;
}

.tie-highlight-orange {
	background: #F97405;
}

.tie-highlight-black {
	background: #000;
}

.tie-highlight-green {
	background: #8CCB0A;
}

.tie-highlight-gray {
	background: #999;
}

.tie-highlight-pink {
	background: #FF7979;
}

// Dropcap Shortcode
.tie-dropcap {
	float: left;
	font-size: 600%;
	line-height: 85%;
	margin: 4px 10px 0 0;

	.rtl &{
		float: right;
		margin: 4px 0 0 10px;
	}
}

// Lists Shortcode
.tie-list-shortcode{
	ul{
		margin-bottom: 30px;

		.entry &{
			padding: 0;
		}

		li {
			list-style: none !important;
			padding-left: 25px;
			line-height: 25px;

			&:before {
				margin-left: -25px;
				font-family: tiefonticon;
				float: left;
			}
		}

		.rtl &{
			li {
				padding-left: 0;
				padding-right: 25px;

				&:before {
					margin-right: -25px;
					float: right;
				}
			}
		}
	}

	&.starlist ul li:before {
		content: "\f005";
		color: #fbd606;
	}

	&.checklist ul li:before {
		content: "\f00c";
		color: #7fb718;
	}

	&.lightbulb ul li:before {
		content: "\f0eb";
		color: #fbd606;
	}

	&.thumbup ul li:before {
		content: "\f164";
		color: #7fb718;
	}

	&.thumbdown ul li:before {
		content: "\f165";
		color: #f01818;
	}

	&.plus ul li:before {
		content: "\f067";
		color: #555;
	}

	&.minus ul li:before {
		content: "\f068";
		color: #555;
	}

	&.heart ul li:before {
		content: "\f004";
		color: #FF7979;
	}

	&.cons ul li:before {
		content: "\f00d";
		color: #f01818;
	}
}

// Boxes Shortcode
.box {
	clear: both;
	padding: 20px;
	background-color: #fdfdfd;
	margin-bottom: 20px;
	word-wrap: break-word;
	text-shadow: 0 1px 1px #ffffff;
}

.box-inner-block {
	padding-left: 50px;
	min-height: 30px;
}

.tie-shortcode-boxicon {
	float: left;
	margin-left: -50px;
	width: 40px;
	text-align: center;

	&:before {
		font-family: tiefonticon !important;
		speak: never;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		@include font-size(30px);
		margin: 0;
	}
}

.rtl {
	.box-inner-block {
		padding-left: 0;
		padding-right: 50px;
	}

	.tie-shortcode-boxicon {
		float: right;
		margin-left: 0;
		margin-right: -50px;
	}
}

.box {
	.tie-dropcap{
		margin-top: 0;
	}

	&.shadow {
		border: $base-border;
		box-shadow: 0 0 10px #eeeeee;
		color: #222;

		.dark-skin &{
			border: $base-border;
			box-shadow: 0 0 5px #000;
			color: #FFF;
			background-color: $darker-bg;
		}

		.box-inner-block {
			padding: 0 !important;
		}
	}

	&.info {
		background: #d6f6ff;
		border-color: #BFE3EC;
		color: darken(#d6f6ff, 70%);

		.tie-shortcode-boxicon:before {
			content: "\f129";
			color: #2CB4DA
		}
	}

	&.success {
		background: #e2f2cb;
		border-color: #D1E4B7;
		color: darken(#e2f2cb, 70%);

		.tie-shortcode-boxicon:before {
			content: "\f00c";
			color: #8AB84D
		}
	}

	&.warning {
		background: #fffddb;
		border-color: #E9E59E;
		color: darken(#fffddb, 70%);

		.tie-shortcode-boxicon:before {
			content: "\f071";
			color: #ECC21B;
		}
	}

	&.error {
		background: #ffe6e2;
		border-color: #EEBFB8;
		color: darken(#ffe6e2, 70%);

		.tie-shortcode-boxicon:before {
			content: "\f05e";
			color: #F03317;
		}
	}

	&.download {
		background: #e2f2cb;
		border-color: #D1E4B7;
		color: darken(#e2f2cb, 70%);

		.tie-shortcode-boxicon:before {
			content: "\f019";
			color: #8AB84D
		}
	}

	&.note {
		background: #fffddb;
		border-color: #E9E59E;
		color: darken(#fffddb, 70%);

		.tie-shortcode-boxicon:before {
			content: '\f0f6';
			color: #ECC21B;
		}
	}
}

// Buttons Shortcode
.shortc-button {
	cursor: pointer;
	padding: 10px 15px;
	display: inline-block;
	margin: 10px 5px 0 0;
	font-weight: normal;
	outline: none;
	position: relative;
	text-decoration: none !important;
	font-size: 13px;
	min-width: 80px;
	line-height: 1.5;
	overflow: hidden;
	text-align: center;
	border-radius: 4px;
	opacity: 0.85;
	transition: all .5s;

	.rtl &{
		margin-right: 0;
		margin-left: 5px;
	}

	&:not(.button){
		color: #fff !important;
	}

	&:hover {
		opacity: 1;
		box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.4);
	}

	&.red {
		background-color: #B02B2C;

		&:hover{
			box-shadow: 0px 5px 10px -5px #B02B2C;
		}
	}

	&.green {
		background-color: #83a846;

		&:hover{
			box-shadow: 0px 5px 10px -5px #83a846;
		}
	}

	&.blue {
		background-color: #7bb0e7;

		&:hover{
			box-shadow: 0px 5px 10px -5px #7bb0e7;
		}
	}

	&.orange {
		background-color: #edae44;

		&:hover{
			box-shadow: 0px 5px 10px -5px #edae44;
		}
	}

	&.pink {
		background-color: #d65799;

		&:hover{
			box-shadow: 0px 5px 10px -5px #d65799;
		}
	}

	&.purple {
		background-color: #745f7e;

		&:hover{
			box-shadow: 0px 5px 10px -5px #745f7e;
		}
	}

	&.black {
		background-color: #2c2c2c;

		&:hover{
			box-shadow: 0px 5px 10px -5px #2c2c2c;
		}
	}

	&.white {
		background-color: #fcfcfc;
		color: #666666 !important;

		&:hover{
			box-shadow: 0px 5px 10px -5px #ccc;
		}
	}

	&.gray {
		background: #DADADA;
		color: #333333 !important;

		&:hover{
			box-shadow: 0px 5px 10px -5px #ccc;
		}
	}

	&.medium {
		padding: 13px 25px;
		min-width: 90px;
		font-size: 15px;
	}

	&.big {
		padding: 15px 30px;
		min-width: 140px;
		font-size: 17px;
	}
}


.tie-center-button{
	padding: 10px 0;
	text-align: center;
}

// Flickr Shortcode
.flickr-wrapper {
	overflow: hidden;
	margin: 0 -8px 20px -8px;

	.flickr_badge_image {
		float: left;
		margin: 8px;

		img {
			opacity: 1;
			padding: 4px;
			border:1px solid #eee;
		}

		a:hover img {
			opacity: 0.6 !important;
		}

		.rtl &{
			float: right;
		}
	}
}

// Toggle Shortcode
.toggle {
	margin-bottom: 15px;
	border: $base-border;
	position: relative;
	border-radius: 2px;

	h3 {
		background: rgba(0,0,0,0.03);
		font-weight: normal;
		font-size: 14px;
		padding: 15px;
		margin: 0 !important;
		cursor: pointer;
		transition: background 0.3s ease;

		&:hover{
			background: rgba(0,0,0,0.05);
		}

		span.fa{
			font-family: 'tiefonticon' !important;
			speak: never;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			/* Better Font Rendering =========== */
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;

			float: right;
			font-size: 16px;
			width: 16px;
			height: 16px;
			text-align: center;
			transform: rotate(0deg);
			transition: transform 0.3s;
			transform-origin: 50% 50%;

			&:before{
				content: "\f109" !important;
			}

			.rtl &{
				float: left;
			}
		}
	}

	.toggle-content {
		padding: 25px;
	}

	&.tie-sc-close{
		.toggle-content{
			display: none;
		}
	}

	&.tie-sc-open{
		h3 span.fa{
			transform: rotate(180deg);
		}
	}
}

// Columns Shortcode
.tie-columns {
	position: relative;
	margin-right: 4%;
	float: left;

	.rtl &{
		float: right;
		margin-left: 4%;
		margin-right: 0;
	}

	@include breakpoint_max(768px){
		width: 100% !important;
		margin-right: 0 !important;
		margin-left:  0 !important;
	}
}

.one_half {
	width: 48%
}

.one_third {
	width: 30.66%
}

.two_third {
	width: 65.33%
}

.one_fourth {
	width: 22%
}

.three_fourth {
	width: 74%
}

.one_fifth {
	width: 16.8%
}

.two_fifth {
	width: 37.6%
}

.three_fifth {
	width: 58.4%
}

.four_fifth {
	width: 67.2%
}

.one_sixth {
	width: 13.33%
}

.five_sixth {
	width: 82.67%
}

.tie-columns.last {
	margin-right: 0;
	clear: right;

	.rtl &{
		clear: left;
		margin-left: 0;
	}
}


// Padding
.tie-padding {
	display: inline-block;
	margin-bottom: 1.75em;
	max-width: 100%;

	&:last-child{
		margin-bottom: 0;
	}

	@include breakpoint(max_min_sm){
		padding: 0 !important;
	}

	@include breakpoint(sm){
		&.has-padding-left{
			.alignleft {
				margin-left: -5%;
			}
		}

		&.has-padding-right{
			.alignright {
				margin-right: -5%;
			}
		}
	}
}

// Divider
.divider,
.entry hr{
	border-top: $base-border;
	overflow: hidden;
	margin: 10px 0 10px;
	clear: both;
}

.divider {
	&.divider-solid {
		border-top-width: thick;
		border-style: solid;
	}

	&.divider-dashed {
		border-top-width: 2px;
		border-style: dashed;
	}

	&.divider-dotted {
		border-top-width: 2px;
		border-style: dotted;
	}

	&.divider-double {
		height: 10px;
		border-top: $base-border;
		border-bottom: $base-border;
	}
}

// tags
.tags-shortcode{
	padding: 10px 0 40px;
}

// login
.login-shortcode{
	padding: 40px;
	margin: 10px auto 30px;
	max-width: 350px;

	p{
		padding-bottom: 0;
	}

	ul{
		text-align: center;
		padding: 0;
		margin: 0;

		li{
			display: inline-block;
			list-style: none;
			margin: 0 5px 5px;
		}
	}
}



// - Tabs Shortcodes (Horizontal & Vertical)
.entry{
	.tabs-wrapper{
		margin-bottom: 15px;
		padding: 0;
	}

	.tabs,
	.tabs li {
		margin: 0;
		padding: 0;
	}
}

// Vertical Tabs
.tabs-vertical {
	border: 0;
	position: relative;
	border: $base-border;

	&:after{
		content: "";
		position: absolute;
		top: 0;
		left: -1px;
		width: 28%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.02);
		border: $base-border;
		border-width: 0 1px 0 0;
	}

	.tabs {
		position: relative;
		overflow: auto;
		z-index: 1;
		left: 0;
		float: left;
		width: 28%;
		max-height: none !important; // override [.magazine2 .tabs]
		border-bottom: 0;

		li{
			display: block;
			width: calc(100% - 1px);
			transition: border 0.3s;

			a{
				border: $base-border;
				border-width: 0 0 1px 0;
				background-color: transparent;
			}
		}
	}

	.tab-content {
		float: left;
		width: 72%;
	}

	.magazine2 &{
		&:after{
			display: none;
		}

		.tab-content{
			padding: 0 0 0 30px;

			@include breakpoint_max(670px){
				padding: 20px 0 0 !important;
			}
		}

		.tabs {
			li{
				width: 100%;
			}

			a{
				line-height: 50px;
			}
		}
	}

	.block-head-5.magazine2 &,
	.block-head-6.magazine2 &{
		.tabs .active a:before{
			width: 100%;
			transform: skew(0);
		}
	}

	.block-head-6.magazine2 &{
		.tabs .active a:after{
			display: none;
		}
	}

	@include breakpoint_max(670px){
		&:after{
			display: none;
		}

		.tabs{
			overflow: hidden;
		}

		.tabs,
		.tabs li,
		.tab-content {
			width: 100%;
			float: none;
		}

		.tabs li{
			display: block;
			list-style-type: none;

			a{
				border-left-width: 0;
				border-right-width: 0;
				background: rgba(0,0,0,0.02);
			}

			&.active{
				a{
					background-color: transparent;
					border-bottom-color: $base-border-color;

					.dark-skin &{
						border-bottom-color: $base-border-color-in-white;
					}
				}
			}
		}
	}
}
Path: home/tahkoom/public_html/wp-content/themes/jannah/assets/css/sass/plugins
مستقبل التسويق الالكتروني – tahkoom.com
ميديا

مستقبل التسويق الالكتروني

يونيو 4, 2025
11٬374 أقل من دقيقة

في ظل التحول الرقمي المتسارع، أصبح التسويق الإلكتروني أحد أهم الأدوات التي تعتمد عليها المؤسسات والشركات لتحقيق الانتشار والوصول إلى جمهور أوسع.
في هذا الحوار التسجيلي، نسلّط الضوء على مفهوم التسويق الإلكتروني، أهميته في العصر الحديث، وكيف غيّر قواعد اللعبة في عالم المال والأعمال.

ال

يونيو 4, 2025
11٬374 أقل من دقيقة
اظهر المزيد

مقالات ذات صلة

الذكاء الاصطناعي نزل الشغل… مهن بتختفي ومهن بتتولد!

يونيو 13, 2025

جولة داخل الغرفة التي تُفكّر من تلقاء نفسها في BBC… ما لا تراه الكاميرات عن صناعة الأخبار بلا بشر

يونيو 13, 2025

“ألعاب الواقع الافتراضي: رحلة إلى عوالم تفاعلية غامرة”

يونيو 12, 2025

“chatgpt هيلغي وجود الانسان”…تقرير حول أستخدامات chatgpt

يونيو 4, 2025

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى