מדיה ויקי:Vector.css - היסטוריית גרסאות

Be69455 ב־17:12, 20 בנובמבר 2024

2024-11-20T17:12:04Z

→ הגרסה הקודמת		גרסה מ־17:12, 20 בנובמבר 2024
שורה 1:		שורה 1:
	/* All CSS here will be loaded for users of the Vector skin */		/* All CSS here will be loaded for users of the Vector skin */
			/* רקע הדף */
			body {
			background-color: #f5e6cc; /* חום בהיר */
			}

Be69455 ב־17:11, 20 בנובמבר 2024

2024-11-20T17:11:40Z

→ הגרסה הקודמת		גרסה מ־17:11, 20 בנובמבר 2024
שורה 1:		שורה 1:
	/* All CSS here will be loaded for users of the Vector skin */		/* All CSS here will be loaded for users of the Vector skin */

	~~/* רקע הדף */~~
	~~body {~~
	~~background-color: #f5e6cc; /* חום בהיר */~~
	}

Be69455 ב־16:08, 16 בספטמבר 2024

2024-09-16T16:08:53Z

@@ שורה 4: / שורה 4: @@
 body {
      background-color: #f5e6cc; /* חום בהיר */
+}

Be69455 ב־16:08, 16 בספטמבר 2024

2024-09-16T16:08:19Z

→ הגרסה הקודמת		גרסה מ־16:08, 16 בספטמבר 2024
שורה 1:		שורה 1:
	~~<!DOCTYPE html>~~		/* All CSS here will be loaded for users of the Vector skin */
	~~<html lang="he">~~
	~~<head>~~		/* רקע הדף */
	~~<meta charset="UTF-8">~~		body {
	~~<title>בדיקת אפקט התכהות סביב טקסט<~~/~~title>~~		background-color: #f5e6cc; /* חום בהיר */
	~~<style>~~		}
	body {
	background-color: #f5e6cc;		/* גוף האתר */
	~~margin: 0;~~		#content {
	}		background-color: #d39c7c; /* צבע גוף האתר */
	#content {		color: white; /* צבע הטקסט */
	background-color: #d39c7c;		position: relative;
	color: white;		overflow: hidden;
	~~padding~~: ~~20px~~;		}
	~~position~~: ~~relative~~;
	}		/* קישורים */
	#content::~~after~~ {		#content a {
	content: "";		color: gray;
	position: absolute;		}
	top: 0;
	~~right~~: 0;		/* אפקט התכהות סביב הטקסט */
	~~bottom~~: 0;		#content::before {
	~~left~~: 0;		content: '';
	background: radial-gradient(circle, transparent 0%, #6d3327 ~~100~~%);		position: absolute;
	pointer-events: none;		top: 0;
	}		left: 50%;
	~~</style>~~		transform: translateX(-50%);
	~~</head>~~		width: 100%;
	~~<body>~~		height: 100%;
	~~<div id="content">~~		background: radial-gradient(circle, transparent 5%, #6d3327 95%);
	~~<h1>כותרת</h1>~~		pointer-events: none;
	~~<p>זהו טקסט לדוגמה כדי לבדוק את האפקט של התכהות סביב הטקסט~~.~~</p>~~		mix-blend-mode: multiply;
	~~<p>עוד פסקה עם <a href="#">קישור לדוגמה</a>.</p>~~		opacity: 0.6;
	~~</div>~~		}
	~~</body>~~
	~~</html>~~

Be69455 ב־16:05, 16 בספטמבר 2024

2024-09-16T16:05:22Z

→ הגרסה הקודמת		גרסה מ־16:05, 16 בספטמבר 2024
שורה 1:		שורה 1:
	/* All CSS here will be loaded for users of the Vector skin */		<!DOCTYPE html>
	body {		<html lang="he">
	background-color: #f5e6cc; ~~/* צבע רקע למסגרת */~~		<head>
	}		<meta charset="UTF-8">
			<title>בדיקת אפקט התכהות סביב טקסט</title>
	~~/* שינוי צבע החלק האמצעי (גוף האתר) */~~		<style>
	#content {		body {
	background-color: #d39c7c; ~~/* הצבע הנ"ל */~~		background-color: #f5e6cc;
	color: white; ~~/* צבע הטקסט בגוף האתר */~~		margin: 0;
	}		}
			#content {
	~~/* הוספת הצללה כהה סביב כל הטקסט בגוף האתר */~~		background-color: #d39c7c;
	#content * {		color: white;
	~~text-shadow~~: 0 0 ~~2px~~ #6d3327; /~~* הצללה כהה קרובה לאות *~~/		padding: 20px;
	}		position: relative;
			}
	/~~* עיצוב הקישורים בתוך גוף האתר *~~/		#content::after {
	#~~content~~ a {		content: "";
	~~color: gray !important;~~ /~~* צבע הקישורים לאפור *~~/		position: absolute;
	}		top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: radial-gradient(circle, transparent 0%, #6d3327 100%);
			pointer-events: none;
			}
			</style>
			</head>
			<body>
			<div id="content">
			<h1>כותרת</h1>
			<p>זהו טקסט לדוגמה כדי לבדוק את האפקט של התכהות סביב הטקסט.</p>
			<p>עוד פסקה עם <a href="#">קישור לדוגמה</a>.</p>
			</div>
			</body>
			</html>

Be69455 ב־16:02, 16 בספטמבר 2024

2024-09-16T16:02:51Z

→ הגרסה הקודמת		גרסה מ־16:02, 16 בספטמבר 2024
שורה 4:		שורה 4:
	}		}

	/* ~~עיצוב~~ גוף האתר */		/* שינוי צבע החלק האמצעי (גוף האתר) */
	#content {		#content {
	background-color: #d39c7c; /* הצבע הנ"ל */		background-color: #d39c7c; /* הצבע הנ"ל */
	color: white; /* צבע הטקסט בגוף האתר */		color: white; /* צבע הטקסט בגוף האתר */
	~~/* שומרים על שאר ההגדרות ללא שינוי */~~
	}		}

	/* הוספת הצללה כהה סביב כל הטקסט בגוף האתר */		/* הוספת הצללה כהה סביב כל הטקסט בגוף האתר */
	#content {		#content * {
	text-shadow: 0 0 2px #6d3327; /* הצללה כהה קרובה לאות */		text-shadow: 0 0 2px #6d3327; /* הצללה כהה קרובה לאות */
	}		}
שורה 18:		שורה 17:
	/* עיצוב הקישורים בתוך גוף האתר */		/* עיצוב הקישורים בתוך גוף האתר */
	#content a {		#content a {
	color: gray; /* צבע הקישורים לאפור */		color: gray !important; /* צבע הקישורים לאפור */
	~~text-shadow: 0 0 2px #6d3327; /* הצללה גם על הקישורים */~~
	}

	~~#content a:visited,~~
	~~#content a:hover,~~
	~~#content a:active {~~
	~~color: gray; /* צבע הקישורים בכל המצבים */~~
	~~text-shadow: 0 0 2px #6d3327; /* הצללה גם במצבים אלו~~ */
	}		}

Be69455 ב־16:00, 16 בספטמבר 2024

2024-09-16T16:00:21Z

→ הגרסה הקודמת		גרסה מ־16:00, 16 בספטמבר 2024
שורה 11:		שורה 11:
	}		}

	/* הוספת הצללה כהה סביב כל ~~אות~~ */		/* הוספת הצללה כהה סביב כל הטקסט בגוף האתר */
	#content ~~p, #content h1, #content h2, #content h3, #content li~~ {		#content {
	text-shadow: 0 0 2px #6d3327; /* הצללה כהה קרובה לאות */		text-shadow: 0 0 2px #6d3327; /* הצללה כהה קרובה לאות */
	}		}

	/* עיצוב ~~קישורים~~ בתוך גוף האתר */		/* עיצוב הקישורים בתוך גוף האתר */
	#content a {		#content a {
	color: gray; /* צבע הקישורים לאפור */		color: gray; /* צבע הקישורים לאפור */
			text-shadow: 0 0 2px #6d3327; /* הצללה גם על הקישורים */
	}		}

	#content a:visited {		#content a:visited,
	~~color: gray; /* צבע הקישורים שביקרת בהם לאפור */~~		#content a:hover,
	}

	#content a:hover {
	~~color: gray; /* צבע הקישור בעת ריחוף לאפור */~~
	}

	#content a:active {		#content a:active {
	color: gray; /* צבע ~~הקישור כשהוא נלחץ לאפור~~ */		color: gray; /* צבע הקישורים בכל המצבים */
			text-shadow: 0 0 2px #6d3327; /* הצללה גם במצבים אלו */
	}		}

Be69455 ב־15:58, 16 בספטמבר 2024

2024-09-16T15:58:13Z

→ הגרסה הקודמת		גרסה מ־15:58, 16 בספטמבר 2024
שורה 4:		שורה 4:
	}		}

	/* עיצוב גוף האתר ~~עם מעבר צבע מתכהה סביב הטקסט~~ */		/* עיצוב גוף האתר */
	#content {		#content {
	background: ~~radial-gradient(circle,~~ #d39c7c ~~0%, #6d3327 100%)~~; /* ~~מעבר צבע מתכהה~~ */		background-color: #d39c7c; /* הצבע הנ"ל */
	color: white; /* צבע הטקסט בגוף האתר */		color: white; /* צבע הטקסט בגוף האתר */
	~~padding: 20px;~~
	/* שומרים על שאר ההגדרות ללא שינוי */		/* שומרים על שאר ההגדרות ללא שינוי */
			}

			/* הוספת הצללה כהה סביב כל אות */
			#content p, #content h1, #content h2, #content h3, #content li {
			text-shadow: 0 0 2px #6d3327; /* הצללה כהה קרובה לאות */
	}		}

Be69455 ב־15:54, 16 בספטמבר 2024

2024-09-16T15:54:54Z

→ הגרסה הקודמת		גרסה מ־15:54, 16 בספטמבר 2024
שורה 1:		שורה 1:
	/* All CSS here will be loaded for users of the Vector skin */		/* All CSS here will be loaded for users of the Vector skin */
	body {		body {
	background-color: #f5e6cc; /* צבע רקע ~~חום בהיר~~ למסגרת */		background-color: #f5e6cc; /* צבע רקע למסגרת */
	}		}

	/* ~~שינוי צבע החלק האמצעי (~~גוף האתר) */		/* עיצוב גוף האתר עם מעבר צבע מתכהה סביב הטקסט */
	#content {		#content {
	background-~~color:~~ #d39c7c; /* צבע ~~החלק האמצעי החדש~~ */		background: radial-gradient(circle, #d39c7c 0%, #6d3327 100%); /* מעבר צבע מתכהה */
	color: white; /* צבע הטקסט בגוף האתר */		color: white; /* צבע הטקסט בגוף האתר */
			padding: 20px;
			/* שומרים על שאר ההגדרות ללא שינוי */
	}		}

	/* ~~שינוי צבע הקישורים~~ בתוך גוף האתר */		/* עיצוב קישורים בתוך גוף האתר */
	#content a {		#content a {
	color: gray; /* צבע הקישורים לאפור */		color: gray; /* צבע הקישורים לאפור */

Be69455 ב־15:52, 16 בספטמבר 2024

2024-09-16T15:52:27Z

→ הגרסה הקודמת		גרסה מ־15:52, 16 בספטמבר 2024
שורה 6:		שורה 6:
	/* שינוי צבע החלק האמצעי (גוף האתר) */		/* שינוי צבע החלק האמצעי (גוף האתר) */
	#content {		#content {
	background-color: #~~e87533~~; /* צבע החלק האמצעי החדש */		background-color: #d39c7c; /* צבע החלק האמצעי החדש */
	color: white; /* צבע הטקסט בגוף האתר */		color: white; /* צבע הטקסט בגוף האתר */
	}		}