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

Omergamliel ב־22:18, 28 ביוני 2025

2025-06-28T22:18:06Z

→ הגרסה הקודמת		גרסה מ־22:18, 28 ביוני 2025
שורה 7:		שורה 7:
	}		}

	/* 🎨 באנר ~~עליון לעמוד הראשי - עיצוב מודרני~~ עם ~~אפקט זכוכית~~ */		/* באנר ראשי עם רקע */
	.main-page-banner {		.main-page-banner {
	background-image: url('https://i.imagesup.co/images2/590771adcf5588bca7bb1c17b7ebc4238461dcec.png');		background-image: url('https://i.imagesup.co/images2/590771adcf5588bca7bb1c17b7ebc4238461dcec.png');
שורה 13:		שורה 13:
	background-position: center;		background-position: center;
	padding: 80px 30px;		padding: 80px 30px;
	~~color~~: ~~white~~;		border-radius: 14px;
			margin-bottom: 30px;
	text-align: center;		text-align: center;
	~~border-radius: 18px;~~		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
	~~margin-bottom: 30px;~~		font-family: "Segoe UI", sans-serif;
	~~font-family: "Segoe UI", "Rubik", sans-serif;~~		color: #111;
	~~position: relative;~~
	~~overflow: hidden;~~
	~~animation: fadeInUp 1s ease-out;~~
	box-shadow: 0 ~~6px 20px~~ rgba(0,0,0,0.25);
	}

	~~/* שכבת זכוכית רכה על הבאנר */~~
	~~.main~~-~~page-banner::before {~~
	~~content~~: "";
	~~position: absolute;~~
	~~top: 0; right: 0; bottom: 0; left: 0;~~
	~~background: rgba(255~~, ~~255, 255, 0.15);~~
	~~backdrop~~-~~filter: blur(10px)~~;
	~~-webkit-backdrop-filter: blur(10px);~~
	~~z-index: 1;~~
	~~border-radius: 18px;~~
	}

	~~/* תוכן הבאנר מעל הזכוכית */~~
	~~.main-page-banner > * {~~
	~~position: relative;~~
	~~z-index~~: 2;
	}		}

	/* כותרת ~~ראשית~~ */		/* כותרת הבאנר */
	.main-page-banner h1 {		.main-page-banner h1 {
	font-size: 2.~~8em~~;		font-size: 2.4em;
	~~font-weight: bold;~~		color: #003366;
	~~margin~~: ~~0 0 10px~~;		text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.7);
	text-shadow: 1px 1px ~~4px~~ rgba(0,0,0,0.5);		margin-bottom: 10px;
	}		}

	/* ~~טקסט משני~~ */		/* תיאור קצר בבאנר */
	.main-page-banner p {		.main-page-banner p {
	font-size: 1.~~2em~~;		font-size: 1.1em;
	~~margin~~: 0 ~~0 20px~~;		color: #333;
	~~color~~: ~~#f0f0f0~~;		background: rgba(255,255,255,0.75);
			display: inline-block;
			padding: 4px 12px;
			border-radius: 6px;
			margin-bottom: 20px;
	}		}

	/* כפתור ~~התחלה~~ */		/* כפתור */
	.main-page-banner .start-button {		.main-page-banner .start-button {
	display: inline-block;		display: inline-block;
	~~background~~: ~~rgba(255,255,255,0.95)~~;		margin-top: 15px;
	color: #~~333~~;		padding: 10px 24px;
	~~font-weight~~: ~~bold~~;		background-color: #007bff;
	~~padding~~: ~~10px 20px~~;		color: white;
	border-radius: ~~10px~~;		font-size: 1.1em;
			border-radius: 8px;
	text-decoration: none;		text-decoration: none;
	font-~~size~~: ~~1em~~;		font-family: inherit;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	transition: ~~all~~ 0.~~25s~~ ease;		transition: background 0.3s ease;
	}		}
	.main-page-banner .start-button:hover {		.main-page-banner .start-button:hover {
	background~~: #ffe082;~~		background-color: #0056b3;
	color: #~~000;~~		cursor: pointer;
	}

	~~/* אנימציית כניסה */~~
	~~@keyframes fadeInUp {~~
	~~from { opacity: 0; transform: translateY(30px); }~~
	~~to { opacity: 1; transform: translateY(0); }~~
	}

	~~/* רספונסיביות */~~
	~~@media screen and (max-width: 600px) {~~
	~~.main-page-banner {~~
	~~padding: 50px 20px~~;
	}
	~~.main-page-banner h1 {~~
	~~font-size~~: ~~2em~~;
	}
	~~.main-page-banner p {~~
	~~font-size: 1em;~~
	}
	}		}

Omergamliel ב־22:16, 28 ביוני 2025

2025-06-28T22:16:26Z

@@ שורה 7: / שורה 7: @@
+}
-/* באנר עם תמונת רקע לעמוד הראשי */
+/* 🎨 באנר עליון לעמוד הראשי - עיצוב מודרני עם אפקט זכוכית */
 .main-page-banner {
    background-image: url('https://i.imagesup.co/images2/590771adcf5588bca7bb1c17b7ebc4238461dcec.png');
@@ שורה 15: / שורה 15: @@
    color: white;
    text-align: center;
-   border-radius: 14px;
+   border-radius: 18px;
    margin-bottom: 30px;
-  text-shadow: 1px 1px 5px rgba(0,0,0,0.7);
+   font-family: "Segoe UI", "Rubik", sans-serif;
-   font-family: "Segoe UI", sans-serif;
+  position: relative;
-   box-shadow: 0 4px 16px rgba(0,0,0,0.25);
+  overflow: hidden;
+}

Omergamliel ב־22:14, 28 ביוני 2025

2025-06-28T22:14:20Z

@@ שורה 6: / שורה 6: @@
      font-family: 'Calibri', sans-serif !important;
+}
 /* ✅ רקע כללי יפה */

Omergamliel ב־22:10, 28 ביוני 2025

2025-06-28T22:10:34Z

→ הגרסה הקודמת		גרסה מ־22:10, 28 ביוני 2025
שורה 9:		שורה 9:
	/* ✅ רקע כללי יפה */		/* ✅ רקע כללי יפה */
	body {		body {
	background-image: url("https://~~images~~.~~pexels~~.~~com~~/~~photos~~/~~531880/pexels-photo-531880~~.~~jpeg~~");		background-image: url("https://i.imagesup.co/images2/590771adcf5588bca7bb1c17b7ebc4238461dcec.png");
	background-size: cover;		background-size: cover;
	background-position: center;		background-position: center;

Omergamliel ב־21:52, 28 ביוני 2025

2025-06-28T21:52:04Z

→ הגרסה הקודמת		גרסה מ־21:52, 28 ביוני 2025
שורה 80:		שורה 80:
	display: none !important;		display: none !important;
	}		}
	/* ✅ עיצוב ~~כללי למסגרת~~ החיפוש */		/* עיצוב כולל לתיבת החיפוש */
	#p-search form {		#p-search form {
	display: flex;		display: flex;
	align-items: center;		align-items: center;
	background: ~~rgba(255, 255, 255, 0.85)~~;		background-color: #fff;
	border: 1px solid #ccc;		border: 1px solid #ccc;
	border-radius: ~~30px~~;		border-radius: 999px;
	~~padding~~: ~~5px;~~		overflow: hidden;
	~~max-width: 400px;~~		box-shadow: 0 0 5px rgba(0,0,0,0.1);
	~~margin-inline-start: auto;~~		transition: box-shadow 0.3s ease-in-out;
	~~margin-inline-end: auto~~;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	~~overflow~~: ~~hidden~~;
	}		}

	/* ✅ שדה ~~הקלט~~ */		/* אפקט בעת ריחוף או מיקוד */
			#p-search form:hover,
			#p-search form:focus-within {
			box-shadow: 0 0 8px rgba(4, 102, 200, 0.3);
			}

			/* שדה הטקסט */
	#searchInput {		#searchInput {
	flex: 1;		flex: 1;
	border: none;		border: none;
	padding: ~~10px 15px~~;		padding: 8px 16px;
	font-size: 16px;		font-size: 16px;
	border-radius: ~~30px~~;		border-radius: 0;
	background: transparent;		background: transparent;
	font-family: 'Calibri', sans-serif;		outline: none;
	~~outline: none~~;		font-family: 'Calibri', sans-serif;
	}		}

	/* ~~✅ עיצוב placeholder~~ */		/* כפתור החיפוש */
	#~~searchInput~~::~~placeholder {~~		#searchButton {
	color~~: #888~~;		background-color: transparent;
			border: none;
			padding: 8px 16px;
			cursor: pointer;
			font-weight: bold;
			font-family: 'Calibri', sans-serif;
			transition: background-color 0.2s ease-in-out;
	}		}

	/* ~~✅ הסתרת~~ כפתור ~~החיפוש אם יש – כדי שלא יהרוס את המבנה~~ */		/* כפתור חיפוש בעת ריחוף */
	~~#searchGoButton,~~ #searchButton {		#searchButton:hover {
	~~display~~: ~~none !important~~;		background-color: #f0f0f0;
	}		}

Omergamliel ב־21:51, 28 ביוני 2025

2025-06-28T21:51:18Z

→ הגרסה הקודמת		גרסה מ־21:51, 28 ביוני 2025
שורה 80:		שורה 80:
	display: none !important;		display: none !important;
	}		}
			/* ✅ עיצוב כללי למסגרת החיפוש */
	/* ✅ ~~שורת חיפוש משודרגת עם קצוות עגולים~~ */
	#p-search form {		#p-search form {
	display: flex;		display: flex;
	align-items: center;		align-items: center;
			background: rgba(255, 255, 255, 0.85);
	border: 1px solid #ccc;		border: 1px solid #ccc;
	border-radius: ~~40px~~;		border-radius: 30px;
	~~overflow~~: ~~hidden;~~		padding: 5px;
	~~background: rgba(255, 255, 255, 0.85);~~
	~~box-shadow: 0 0~~ 5px ~~rgba(0,0,0,0.05)~~;
	max-width: 400px;		max-width: 400px;
	margin-inline-start: auto;		margin-inline-start: auto;
	margin-inline-end: auto;		margin-inline-end: auto;
			box-shadow: 0 0 5px rgba(0,0,0,0.1);
			overflow: hidden;
	}		}

			/* ✅ שדה הקלט */
	#searchInput {		#searchInput {
	~~border: none !important;~~
	~~outline: none !important;~~
	flex: 1;		flex: 1;
			border: none;
	padding: 10px 15px;		padding: 10px 15px;
	font-size: ~~15px~~;		font-size: 16px;
	border-radius: 0;		border-radius: 30px;
	background: transparent;		background: transparent;
	font-family: 'Calibri', sans-serif;		font-family: 'Calibri', sans-serif;
			outline: none;
	}		}

			/* ✅ עיצוב placeholder */
	#searchInput::placeholder {		#searchInput::placeholder {
	color: #888;		color: #888;
	}		}

			/* ✅ הסתרת כפתור החיפוש אם יש – כדי שלא יהרוס את המבנה */
	#searchGoButton, #searchButton {		#searchGoButton, #searchButton {
	~~border~~: none ~~!important;~~		display: none !important;
	~~background-color: #0466c8 !important;~~
	~~color: white !important;~~
	~~padding: 10px 18px;~~
	~~font-weight: bold;~~
	~~cursor: pointer;~~
	~~border-radius: 0;~~
	~~transition: background-color 0.2s;~~
	}

	~~#searchGoButton:hover, #searchButton:hover {~~
	~~background-color: #004080~~ !important;
	}		}

Omergamliel ב־21:50, 28 ביוני 2025

2025-06-28T21:50:18Z

@@ שורה 36: / שורה 36: @@
+}
-/* ✅ תפריט עליון עם שקיפות */
+/* ✅ תפריט עליון שקוף / עם אפקט */
 #mw-head, #mw-head-base {
      background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0)) !important;
@@ שורה 62: / שורה 62: @@
+}
-/* ✅ תיבת חיפוש משודרגת */
+/* ✅ קו מפריד אלגנטי */
 #p-search form {
      display: flex;
@@ שורה 86: / שורה 105: @@
      font-family: 'Calibri', sans-serif;
+}
 #searchInput::placeholder {
      color: #888;
+}
 #searchGoButton, #searchButton {
      border: none !important;
@@ שורה 99: / שורה 120: @@
      transition: background-color 0.2s;
+}
 #searchGoButton:hover, #searchButton:hover {
      background-color: #004080 !important;
+}

Omergamliel ב־21:49, 28 ביוני 2025

2025-06-28T21:49:42Z

→ הגרסה הקודמת		גרסה מ־21:49, 28 ביוני 2025
שורה 36:		שורה 36:
	}		}

	/* ✅ תפריט עליון ~~שקוף /~~ עם ~~אפקט~~ */		/* ✅ תפריט עליון עם שקיפות */
	#mw-head, #mw-head-base {		#mw-head, #mw-head-base {
	background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0)) !important;		background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0)) !important;
שורה 62:		שורה 62:
	}		}

	/* ✅ תיבת חיפוש ~~מעוצבת~~ */		/* ✅ תיבת חיפוש משודרגת */
			#p-search form {
			display: flex;
			align-items: center;
			border: 1px solid #ccc;
			border-radius: 40px;
			overflow: hidden;
			background: rgba(255, 255, 255, 0.85);
			box-shadow: 0 0 5px rgba(0,0,0,0.05);
			max-width: 400px;
			margin-inline-start: auto;
			margin-inline-end: auto;
			}

	#searchInput {		#searchInput {
	background: #~~ffffffcc~~;		border: none !important;
	border: ~~1px solid~~ #~~ccc~~;		outline: none !important;
	~~border~~-~~radius~~: ~~20px~~;		flex: 1;
	~~padding~~: ~~8px 12px~~;		padding: 10px 15px;
	transition: ~~box~~-~~shadow~~ 0.2s;		font-size: 15px;
			border-radius: 0;
			background: transparent;
			font-family: 'Calibri', sans-serif;
			}
			#searchInput::placeholder {
			color: #888;
			}
			#searchGoButton, #searchButton {
			border: none !important;
			background-color: #0466c8 !important;
			color: white !important;
			padding: 10px 18px;
			font-weight: bold;
			cursor: pointer;
			border-radius: 0;
			transition: background-color 0.2s;
	}		}
	#~~searchInput~~:~~focus~~ {		#searchGoButton:hover, #searchButton:hover {
	~~box~~-~~shadow~~: ~~0 0 6px~~ #~~0466c8;~~		background-color: #004080 !important;
	~~outline: none~~;
	}		}

Omergamliel ב־21:48, 28 ביוני 2025

2025-06-28T21:48:18Z

→ הגרסה הקודמת		גרסה מ־21:48, 28 ביוני 2025
שורה 1:		שורה 1:
	/* ✅ פונט אחיד ~~Calibri בכל האתר~~ */		/* ✅ פונט אחיד לכל הדף */
	body, input, select, textarea,		body, input, select, textarea, .mw-body, .mw-content-ltr, .mw-content-rtl,
	.mw-body, .mw-content-ltr, .mw-content-rtl,
	h1, h2, h3, h4, h5, h6,		h1, h2, h3, h4, h5, h6,
	.vector-page-titlebar h1,		.vector-page-titlebar h1,
שורה 8:		שורה 7:
	}		}

	~~/* ✅ הסתרת שם האתר ליד הלוגו */~~		/* ✅ רקע כללי יפה */
	~~.mw-logo-container .mw-logo-wordmark {~~
	~~display: none !important;~~
	}

	~~/* ✅ יישור הלוגו למרכז + הגדלת גובה */~~
	~~.mw-logo-container {~~
	~~justify-content: center;~~
	}
	~~.mw-logo-icon {~~
	~~height: 80px;~~
	~~width: auto;~~
	}

	/* ✅ רקע כללי ~~– תמונה מרשימה עם כיסוי~~ */
	body {		body {
	background-image: url("https://images.pexels.com/photos/531880/pexels-photo-531880.jpeg");		background-image: url("https://images.pexels.com/photos/531880/pexels-photo-531880.jpeg");
	background-size: cover;		background-size: cover;
	background-position: center;		background-position: center;
	background-attachment: fixed;		background-attachment: fixed;
	background-repeat: no-repeat;		background-repeat: no-repeat;
			margin: 0;
			padding: 0;
	}		}

	/* ✅ ~~מלבן~~ תוכן ~~מרכזי – לבן חצי שקוף~~ */		/* ✅ מסגרת תוכן לבנה עם הצללה */
	#content, .mw-body {		#content, .mw-body {
	background-color: rgba(255, 255, 255, 0.95) !important;		background-color: rgba(255, 255, 255, 0.95) !important;
שורה 37:		שורה 24:
	border-radius: 12px;		border-radius: 12px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);		box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
	~~border: 1px solid #ccc;~~
	}		}

	/* ✅ תפריט צד ~~– חצי שקוף~~ עם ~~רקע בהיר~~ */		/* ✅ תפריט צד עם אפקט זכוכית חלבית */
	#mw-panel {		#mw-panel {
	background-color: rgba(255, 255, 255, 0.7) !important;		background-color: rgba(255, 255, 255, 0.6) !important;
	border-radius: 8px;		border-radius: 8px;
	padding: 10px;		padding: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);		box-shadow: 0 0 10px rgba(0,0,0,0.1);
			backdrop-filter: blur(6px);
			-webkit-backdrop-filter: blur(6px);
	}		}

	/* ✅ ~~סרגל~~ עליון */		/* ✅ תפריט עליון שקוף / עם אפקט */
	#mw-head {		#mw-head, #mw-head-base {
	background-~~color: #f7f9fc~~ !important;		background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0)) !important;
	border~~-bottom~~: ~~1px solid #ccc~~;		border: none !important;
	}		box-shadow: none !important;
			backdrop-filter: blur(4px);
	~~/* ✅ תיבת חיפוש */~~		-webkit-backdrop-filter: blur(4px);
	~~#searchInput {~~
	~~border~~: ~~1px solid #aaa~~;
	~~padding~~: ~~5px~~;
	~~border~~-~~radius~~: 4px;
	}		}

שורה 66:		שורה 50:
	}		}

	/* ✅ קישורים ~~מעוצבים~~ */		/* ✅ קישורים בצבעים נעימים עם מעבר */
	a, a:visited {		a, a:visited {
	color: #004080 !important;		color: #004080 !important;
	text-decoration: none;		text-decoration: none;
			transition: all 0.2s ease-in-out;
	}		}
	a:hover {		a:hover {
	color: #0466c8 !important;		color: #0466c8 !important;
	text-decoration: underline;		text-decoration: underline;
			transform: scale(1.03);
			}

			/* ✅ תיבת חיפוש מעוצבת */
			#searchInput {
			background: #ffffffcc;
			border: 1px solid #ccc;
			border-radius: 20px;
			padding: 8px 12px;
			transition: box-shadow 0.2s;
			}
			#searchInput:focus {
			box-shadow: 0 0 6px #0466c8;
			outline: none;
			}

			/* ✅ קו מפריד אלגנטי */
			hr {
			border: none;
			border-top: 1px solid #ccc;
			margin: 2em 0;
			}

			/* ✅ יישור הלוגו למרכז והגדלתו */
			.mw-logo-container {
			justify-content: center;
			}
			.mw-logo-icon {
			height: 80px;
			width: auto;
			}
			.mw-logo-container .mw-logo-wordmark {
			display: none !important;
	}		}

Omergamliel ב־21:47, 28 ביוני 2025

2025-06-28T21:47:04Z

→ הגרסה הקודמת		גרסה מ־21:47, 28 ביוני 2025
שורה 1:		שורה 1:
	/* ~~הסגנונות הנכתבים כאן ישפיעו על כל העיצובים */~~		/* ✅ פונט אחיד Calibri בכל האתר */
	~~/* שימוש ב־Calibri גם על כותרות~~ */		body, input, select, textarea,
	body,		.mw-body, .mw-content-ltr, .mw-content-rtl,
	.mw-body,
	h1, h2, h3, h4, h5, h6,		h1, h2, h3, h4, h5, h6,
	.vector-page-titlebar h1,		.vector-page-titlebar h1,
	#content h1,		#content h1, #firstHeading {
	#firstHeading {
	font-family: 'Calibri', sans-serif !important;		font-family: 'Calibri', sans-serif !important;
	}		}
שורה 15:		שורה 13:
	}		}

	/* ✅ יישור הלוגו למרכז */		/* ✅ יישור הלוגו למרכז + הגדלת גובה */
	.mw-logo-container {		.mw-logo-container {
	justify-content: center;		justify-content: center;
	}		}

	~~/* ✅ הגדלת גובה/רוחב של הלוגו */~~
	.mw-logo-icon {		.mw-logo-icon {
	height: 80px;		height: 80px;
שורה 26:		שורה 22:
	}		}

	~~/* ✅ הגדרת פונט Calibri לכל הדף */~~		/* ✅ רקע כללי – תמונה מרשימה עם כיסוי */
	~~body, input, select, textarea, .mw-body, .mw-content-ltr, .mw-content-rtl {~~
	~~font-family: 'Calibri', sans-serif !important;~~
	}

	/* ✅ רקע כללי ~~בהיר~~ */
	body {		body {
	background-image: url("https://~~theangles~~.~~vizn~~.~~co.il~~/~~path~~-to-~~background~~.~~jpg~~");		background-image: url("https://images.pexels.com/photos/531880/pexels-photo-531880.jpeg");
	background-size: cover;		background-size: cover;
	background-position: center;		background-position: center;
	background-attachment: fixed;		background-attachment: fixed;
	background-repeat: no-repeat;		background-repeat: no-repeat;
	}		}

	/* ✅ תוכן ~~הדף~~ – לבן ~~עם הצללה ומרווחים~~ */		/* ✅ מלבן תוכן מרכזי – לבן חצי שקוף */
	#content, .mw-body {		#content, .mw-body {
	background-color: ~~#ffffff~~ !important;		background-color: rgba(255, 255, 255, 0.95) !important;
			padding: 30px;
			border-radius: 12px;
			box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
	border: 1px solid #ccc;		border: 1px solid #ccc;
	~~padding: 2em;~~
	~~border-radius: 8px;~~
	~~box-shadow: 0 0 10px rgba(0,0,0,0.05);~~
	}

	~~/* ✅ כותרות – צבע כחול */~~
	~~h1, h2, h3, h4, h5 {~~
	~~color: #0466c8 !important;~~
	}

	~~/* ✅ קישורים – צבע ונגיעה */~~
	~~a, a:visited {~~
	~~color: #004080 !important;~~
	~~text-decoration: none;~~
	}
	~~a:hover {~~
	~~color: #0466c8 !important;~~
	~~text-decoration: underline;~~
	}		}

	/* ✅ תפריט צד – רקע בהיר */		/* ✅ תפריט צד – חצי שקוף עם רקע בהיר */
	#mw-panel {		#mw-panel {
	background-color: ~~#f1f5fa~~ !important;		background-color: rgba(255, 255, 255, 0.7) !important;
			border-radius: 8px;
			padding: 10px;
			box-shadow: 0 0 10px rgba(0,0,0,0.1);
	}		}

שורה 80:		שורה 59:
	padding: 5px;		padding: 5px;
	border-radius: 4px;		border-radius: 4px;
			}

			/* ✅ כותרות בצבע כחול */
			h1, h2, h3, h4, h5 {
			color: #0466c8 !important;
			}

			/* ✅ קישורים מעוצבים */
			a, a:visited {
			color: #004080 !important;
			text-decoration: none;
			}
			a:hover {
			color: #0466c8 !important;
			text-decoration: underline;
	}		}