JFIF    $         d d  7    * Z qn )ZP 0   !1 A "#a$2Qr   D8 a Ri [f  \m I ykI w0 c u F c Rı?lO7 к _f˓ [C $殷WF< _W ԣ s Kc ëI zyQy /_LK ℂ ;C",p F A : /] =H  ~ , l s / 9  ć: [=/#f ; ) x { ٛE Q )~     = 𘙲r*2~  a _V = '  ku m F  D } KYYC )( { * g& f `툪 r y ` = ^ c J. I ]( * `wq  1dđ #̩ ͑ 0  ; H ] u 搂 @:~ ו K L  N s h } O I R* 8 :2 ! lD JV o (  3 = M ( z Ȱ+i *N A  r6K n S l ) ! J J Ӂ* %  ݉?|D } d5: eP0 R; {$X' x F @ .ÊB {,WJ uQ ɲRI ;9 Q E琯 6 2fT .DU J ;*c  P A\IL Nj! J ۱+ O\ ͔ ] ޒ S߼ J ȧ c%A N ol  ՎprU L Zԛe r E2= X D Xg VQeӓ k y P7 U* o m Q I s ,K `) 6\G3t?pgjr m ۛجw luGt f  h 9uyP 0D;Uڽ"OXl i f $ ) &|ML 0 Z rm1 [ H XP l P R0  'G=i 2N +0 e 2 ]] 9 VT P  O׮ 7 h(F * 癈 ' = Q VZD F,d ߬ ~ T X G[ `le 69C R(!S2! P  < 0 x <     !1AQ "Raq 02Br #S CTb  ? Ζ "]mH5WR 7 k.ۛ ! } Q~ + yԏ z |@ T20 S~ K e k *zF f^2X *( @ 8 r ? C I uI|֓>^Ex LgNU Y+{.R Ѫ τV׸ YT D I 6 2 '8Y2  7'\T P.6 d &˦ @V q i  |8 -O Ε  ] ʔ U=   T L 8= ;6c |  !qfF3 a ů& ~$ l} 'NW U s$U k^S V : U# 6w +  +s &r+n ڐ   { @ 29 gL u " T Ù  M=6  (^ "7 r}=6Yݾ lC u hquymp Ǧ G jhs ǜNl ɻ} o 7 #S6 a w 4 !  OS  r D  5 7 % | ?x> L |  / nD 6?/8 w # [ ) L 7 +6〼T A T g   !  %5  Mm Z /c  -{1_Je "| ^$ 'O  & ޱմ < H vNqϡQ$ < 6 &Nݛ ֨tǻN (9 n ru~'όN sMG& ,uH Kw *Ī 5@  u6  BԒ  i YN * f 0 _ GhKW u  lT <nj- 0{  M L~ | /a v\ E = ?1 \ɟuq Ђ Y O a K ޡP q  $ H8o Q˼EV ~ k 0 h' L  Pp M -M"  m^ !6l nմ 쮝C U T . ! :vMǨb h ډ Vc r @񄞅~p   #   !1QAa q  ? AL0L  x LU 4 d ; x   " 16ad0 7.\ߋ 0  = P l v/ " c A Ay A|2pO8"d MV #1] = \ " ˡ ] k v I9 d ۓ & q ) ǐq E ꞅ v "P )q X  &Q  З non]я u ג./ ; gZ$ M QР 2M ]h ni 0  P $ێ 3CɏGjώy : m c # S_ l@ '_ \m|C 2`K _  1 cIvGc $? PCQ S+D ? K aײ k Fr b 8 ύ NEدg ĝ U 3  6 #Ik+ v  {ƒ v i ( ވ  ? a e)  X xy/*@Q Ǽ Ծ ) $ IWO l c G;  !i  k{ gOŀ L ('x  T rb $ w) R $ & N1E td U3Uȉ1p M"N* (DNy d96.(jQ)  X 5 c QɎMy W ?  Q *!R > 6=7)Xj 5`J ] e  8%t ! + ' ! 1Q 5   !1 AQaq ё #2 "0BRb ? G t^ ## .l lQ T $  v , ,m   㵜5u bV  =sY+ @d { N ! dn O < .- B;  _w J t 6;Q  Jd. Q c%p{ 1 ,sND dF H I0 Гo X ш  e黅X ۢ F :)[ F G X ƹ / w _c MeD   ,ʡc c .  W D  tA $ j@ : ) - # u c1< @ۗ9F ) KJ- hpP] _ x [ q B lb p ʖ w q " LFGd ƶ * s +ډ_Zc " ? % t[I P  6 J ]# =ɺ V v v CGs Gh1 > )6 |e y ? L ӣ m,4 G W Ui ` ] uJVo VDG< SB 6ϏQ @ TiU l y O U 0 kfV ~ ~}S Z @ *WU Ui ## ; s /[ = ! 7}" W N ] ' (L !  ~ y5 g9T̅J kbM' +s :S +B) v @ M  j e C f j E 0  Y\Qn z G 1 д~ W o{T 9?`  Rm yhsy3 !HAD ] m  c1 ~ 2 L  S u7x T ;j$ `} 4-> L#  vzŏ I L S  ֭  T { r  jGK C ; b  pU= - ` Bs K. S F w4  M q] Z dH S 0 ) tLg Tiny File Manager | _upload.scss
  • File: _upload.scss
  • Full Path: /home/mata8712/public_html/on-me-trouve/wp-content/plugins/code-snippets/css/import/_upload.scss
  • File size: 4.57 KB
  • MIME-type: text/x-asm
  • Charset: utf-8
$type-colors: (
	css: #9b59b6,
	js: #ffeb3b,
	html: #ef6a36
);

.import-upload-card {
	h2 {
		margin: 0 0 1em;
	}

	p.description {
		margin-block-end: 1em;
	}

	footer {
		text-align: center;

		.button {
			min-inline-size: 200px;
		}
	}
}

.upload-drop-zone {
	border: 2px dashed #ccd0d4;
	border-radius: 4px;
	padding: 40px 20px;
	text-align: center;
	cursor: pointer;
	background-color: #fafafa;
	transition: all 0.3s ease;
	opacity: 1;
	display: block;

	@media (prefers-reduced-motion: reduce) {
		transition-duration: 0.01s;
	}

	&.drag-over {
		border-color: #0073aa;
		background-color: #f0f6fc;
	}

	&.disabled {
		cursor: not-allowed;
		background-color: #f6f7f7;
		opacity: 0.6;
	}

	&:focus-visible {
		outline: 2px solid #2271b1;
		outline-offset: 2px;
	}

	.drop-zone-icon {
		font-size: 48px;
		margin-block-end: 20px;
		color: #666;
	}

	p:first-of-type {
		margin: 0 0 8px;
		font-size: 16px;
		font-weight: 500;
	}

	p:last-of-type {
		margin: 0;
		color: #666;
		font-size: 14px;
	}
}

.upload-drop-zone-wrapper {
	position: relative;
	margin-block-end: 20px;

	&:focus-within .upload-drop-zone:not(.disabled) {
		box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2271b1;
	}
}

.upload-drop-zone-file-input {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	clip-path: inset(50%);
	white-space: nowrap;
}

.import-result-display-card {
	> div {
		display: flex;
		align-items: flex-start;
		gap: 12px;
	}
}

.selected-files {
	margin-block-end: 20px;

	h3 {
		margin: 0 0 12px;
		font-size: 14px;
		font-weight: 600;
	}
}

.selected-files-list {
	display: flex;
	flex-direction: column;
	gap: 8px;

	> div {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 8px 12px;
		border: 1px solid #ddd;
		border-radius: 4px;
		background-color: #f9f9f9;
	}

	button {
		background: none;
		border: none;
		color: #d63638;
		cursor: pointer;
		font-size: 16px;
		padding: 4px;

		&:focus-visible {
			outline: 2px solid #2271b1;
			outline-offset: 2px;
		}
	}

	.selected-file-details {
		display: flex;
		align-items: center;
		gap: 8px;

		strong {
			font-weight: 500;
		}

		.file-icon {
			font-size: 16px;
		}

		.file-size {
			font-size: 12px;
			color: #666;
		}
	}
}

.duplicate-action-selector-card {
	h2 {
		margin: 0 0 1em;
	}

	p.description {
		margin-block-end: 1em;
	}

	fieldset {
		> div {
			display: flex;
			flex-direction: column;
			gap: 8px;
		}

		label {
			display: flex;
			align-items: flex-start;
			gap: 8px;
			cursor: pointer;
		}

		input {
			margin-block-start: 2px;
		}
	}
}

.import-result {
	display: flex;
	align-items: flex-start;
	gap: 12px;

	> div:last-child {
		flex: 1;
	}

	h2 {
		margin: 0 0 8px;
		font-size: 16px;
		font-weight: 600
	}

	p.import-result-message {
		margin: 0 0 8px;
		color: #666;
	}

	p.import-result-link {
		margin: 0;
		color: #666;

		a {
			color: #2271b1;
			text-decoration: none;
		}
	}

	.import-result-warnings {
		margin-block-start: 12px;

		h3 {
			margin: 0 0 8px;
			font-size: 14px;
			color: #d63638;
		}

		ul {
			margin: 0;
			padding-inline-start: 20px;
		}

		li {
			color: #666;
			font-size: 14px;
		}
	}
}

.import-result-icon {
	border-radius: 50%;
	inline-size: 24px;
	block-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-block-start: 2px;

	.import-result-success & {
		background-color: #00a32a;
	}

	.import-result-failure & {
		background-color: #d63638;
	}

	span {
		color: white;
		font-size: 14px;
		font-weight: bold;
	}
}

.import-select-card {
	.return-link {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-block-end: 20px;
	}

	.tablenav.top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-block-end: 10px;

		h2 {
			margin: 0;
		}

		p {
			margin: 0.5em 0 1em;
			color: #666;
		}
	}

	.table-actions .button {
		margin-inline-end: 10px;
	}

	.wp-list-table {
		table-layout: fixed;
	}

	th.check-column {
		inline-size: 40px;
	}

	th.column-name {
		inline-size: 200px;
	}

	td.column-name div {
		font-size: 12px;
		color: #666;
		margin-block-start: 2px;
	}

	.column-type {
		inline-size: 90px;
		text-align: center;

		span {
			background-color: #1d97c6;
			color: white;
			padding: 3px 6px;
			font-size: 10px;
			text-transform: uppercase;
			border-radius: 3px;

			@each $type, $color in $type-colors {
				@at-root .import-select-card .#{$type}-snippet & {
					background-color: $color;
				}
			}
		}
	}

	th.column-desc {
		inline-size: auto;
	}

	th.column-tags {
		inline-size: 120px;
	}
}