MediaWiki:Common.css - Revision history

Admin at 11:19, 20 March 2026

2026-03-20T11:19:30Z

← Older revision		Revision as of 07:19, 20 March 2026
Line 173:		Line 173:
	}		}

	#ca-history {		#ca-history, /* View history */
			#ca-viewsource, /* View source */
			#ca-talk, /* Discussion/ Talk page */
			#ca-discuss /* Some skins have this for talk */
			{
	display: none !important;		display: none !important;
	}		}

Admin at 11:17, 20 March 2026

2026-03-20T11:17:07Z

← Older revision		Revision as of 07:17, 20 March 2026
Line 171:		Line 171:
	height: 140px;		height: 140px;
	}		}
			}

			#ca-history {
			display: none !important;
	}		}

Admin at 17:30, 25 November 2025

2025-11-25T17:30:40Z

← Older revision		Revision as of 13:30, 25 November 2025
Line 1:		Line 1:
	/* ===== Lucid NarutoRP – Sleek Main Page ===== */		/* ===== Lucid NarutoRP – Sleek Main Page (icons from resources/assets/icons) ===== */

	/* Outer dark panel */		/* Outer dark panel */
Line 91:		Line 91:
	box-shadow: 0 8px 16px rgba(0,0,0,0.65);		box-shadow: 0 8px 16px rgba(0,0,0,0.65);
	margin: 0 auto;		margin: 0 auto;
	~~display: flex;~~
	~~align-items: center;~~
	~~justify-content: center;~~
	~~overflow: hidden;~~
	transition: transform 0.15s ease-out,		transition: transform 0.15s ease-out,
	box-shadow 0.15s ease-out,		box-shadow 0.15s ease-out,
	border-color 0.15s ease-out;		border-color 0.15s ease-out;

			/* image placement */
			background-repeat: no-repeat;
			background-position: center;
			background-size: 64% 64%;
			}

			/* Specific images from /resources/assets/icons */
			.lucid-icon-lore {
			background-image: url(/resources/assets/icons/lucid_lore.png);
	}		}

	/~~* Make the actual logo fit nicely inside the circle *~~/		.lucid-icon-rules {
	.lucid-icon-~~circle img~~ {		background-image: url(/resources/assets/icons/lucid_rules.png);
	~~max~~-~~width~~: ~~120px~~;		}
	~~max~~-~~height~~: ~~120px~~;
	~~border~~: 0;		.lucid-icon-docs {
	~~box~~-~~shadow~~: ~~none~~;		background-image: url(/resources/assets/icons/lucid_docs.png);
			}

			.lucid-icon-konoha {
			background-image: url(/resources/assets/icons/lucid_konoha.png);
			}

			.lucid-icon-ame {
			background-image: url(/resources/assets/icons/lucid_ame.png);
			}

			.lucid-icon-others {
			background-image: url(/resources/assets/icons/lucid_others.png);
	}		}

Line 131:		Line 149:
	}		}

	/* Optional softer labels if you add ~~them~~ later */		/* Optional softer labels if you add any later */
	.lucid-label-soft {		.lucid-label-soft {
	display: inline-block;		display: inline-block;
Line 152:		Line 170:
	width: 140px;		width: 140px;
	height: 140px;		height: 140px;
	}
	~~.lucid-icon-circle img {~~
	~~max-width: 100px;~~
	~~max-height: 100px;~~
	}		}
	}		}

Admin at 17:28, 25 November 2025

2025-11-25T17:28:29Z

← Older revision		Revision as of 13:28, 25 November 2025
Line 1:		Line 1:
	/* ===== Lucid NarutoRP – Sleek Main Page ~~(icons from resources/assets/icons)~~ ===== */		/* ===== Lucid NarutoRP – Sleek Main Page ===== */

	/* Outer dark panel */		/* Outer dark panel */
Line 91:		Line 91:
	box-shadow: 0 8px 16px rgba(0,0,0,0.65);		box-shadow: 0 8px 16px rgba(0,0,0,0.65);
	margin: 0 auto;		margin: 0 auto;
			display: flex;
			align-items: center;
			justify-content: center;
			overflow: hidden;
	transition: transform 0.15s ease-out,		transition: transform 0.15s ease-out,
	box-shadow 0.15s ease-out,		box-shadow 0.15s ease-out,
	border-color 0.15s ease-out;		border-color 0.15s ease-out;

	~~/* image placement */~~
	~~background-repeat: no-repeat;~~
	~~background-position: center;~~
	~~background-size: 64% 64%;~~
	}		}

	/* ~~Specific images from /resources/assets/icons~~ */		/* Make the actual logo fit nicely inside the circle */
	.lucid-icon-~~lore {~~		.lucid-icon-circle img {
	~~background-image: https://wiki.lucid-community.net/resources/assets/icons/lucid_lore.svg;~~		max-width: 120px;
	}		max-height: 120px;
			border: 0;
	~~.lucid-icon-rules {~~		box-shadow: none;
	~~background-image: url(/resources/assets/icons/lucid_rules.png);~~
	}

	~~.lucid-icon-docs~~ {
	~~background~~-~~image~~: ~~url(/resources/assets/icons/lucid_docs.png)~~;
	}

	~~.lucid-icon-konoha {~~
	~~background~~-~~image~~: ~~url(/resources/assets/icons/lucid_konoha.png)~~;
	}

	~~.lucid-icon-ame {~~
	~~background-image~~: ~~url(/resources/assets/icons/lucid_ame.png)~~;
	}

	~~.lucid-icon-others {~~
	~~background~~-~~image~~: ~~url(/resources/assets/icons/lucid_others.png)~~;
	}		}

Line 149:		Line 131:
	}		}

	/* Optional softer labels if you add ~~any~~ later */		/* Optional softer labels if you add them later */
	.lucid-label-soft {		.lucid-label-soft {
	display: inline-block;		display: inline-block;
Line 170:		Line 152:
	width: 140px;		width: 140px;
	height: 140px;		height: 140px;
			}
			.lucid-icon-circle img {
			max-width: 100px;
			max-height: 100px;
	}		}
	}		}

Admin at 17:24, 25 November 2025

2025-11-25T17:24:12Z

← Older revision		Revision as of 13:24, 25 November 2025
Line 103:		Line 103:
	/* Specific images from /resources/assets/icons */		/* Specific images from /resources/assets/icons */
	.lucid-icon-lore {		.lucid-icon-lore {
	background-image: ~~url(~~/resources/assets/icons/lucid_lore.svg);		background-image: https://wiki.lucid-community.net/resources/assets/icons/lucid_lore.svg;
	}		}

Admin at 17:23, 25 November 2025

2025-11-25T17:23:32Z

← Older revision		Revision as of 13:23, 25 November 2025
Line 103:		Line 103:
	/* Specific images from /resources/assets/icons */		/* Specific images from /resources/assets/icons */
	.lucid-icon-lore {		.lucid-icon-lore {
	background-image: url(/resources/assets/icons/lucid_lore.~~png~~);		background-image: url(/resources/assets/icons/lucid_lore.svg);
	}		}

Admin at 17:23, 25 November 2025

2025-11-25T17:23:00Z

@@ Line 1: / Line 1: @@
-/* ===== Lucid NarutoRP – Sleek Main Page (with proper logo circles) ===== */
+/* ===== Lucid NarutoRP – Sleek Main Page (icons from resources/assets/icons) ===== */
 /* Outer dark panel */
@@ Line 90: / Line 90: @@
      border: 2px solid #3f4850;
      box-shadow: 0 8px 16px rgba(0,0,0,0.65);
      margin: 0 auto;
      transition: transform 0.15s ease-out,
                  box-shadow 0.15s ease-out,
                  border-color 0.15s ease-out;
+}
-/* Make the actual logo fit nicely inside the circle */
+.lucid-icon-others {
-.lucid-icon-circle img {
+     background-image: url(/resources/assets/icons/lucid_others.png);
+}
@@ Line 133: / Line 149: @@
+}
-/* Optional softer labels */
+/* Optional softer labels if you add any later */
 .lucid-label-soft {
      display: inline-block;
@@ Line 154: / Line 170: @@
          width: 140px;
          height: 140px;
+     }
+}

Admin at 17:13, 25 November 2025

2025-11-25T17:13:30Z

← Older revision		Revision as of 13:13, 25 November 2025
Line 133:		Line 133:
	}		}

	/* ~~(optional~~ softer labels ~~if you add some later)~~ */		/* Optional softer labels */
	.lucid-label-soft {		.lucid-label-soft {
	display: inline-block;		display: inline-block;

Admin at 17:10, 25 November 2025

2025-11-25T17:10:51Z

← Older revision		Revision as of 13:10, 25 November 2025
Line 1:		Line 1:
	/* ===== Lucid NarutoRP – Sleek Main Page ===== */		/* ===== Lucid NarutoRP – Sleek Main Page (with proper logo circles) ===== */

	/* Outer dark panel */		/* Outer dark panel */
Line 19:		Line 19:
	}		}

	/* Logo */		/* Logo text at the top */
	.lucid-main-logo {		.lucid-main-logo {
	text-align: center;		text-align: center;
Line 82:		Line 82:
	}		}

	/* Circular ~~icons~~ */		/* Circular badge that the logo sits inside */
	.lucid-~~nav~~-~~item a img,~~		.lucid-icon-circle {
	~~.lucid-nav-item img {~~		width: 170px;
			height: 170px;
	border-radius: 50%;		border-radius: 50%;
			background: radial-gradient(circle at 30% 20%, #30363d, #181c21);
	border: 2px solid #3f4850;		border: 2px solid #3f4850;
	~~background: radial-gradient(circle at 30% 20%, #30363d, #181c21);~~
	~~padding: 12px;~~
	~~box-sizing: border-box;~~
	box-shadow: 0 8px 16px rgba(0,0,0,0.65);		box-shadow: 0 8px 16px rgba(0,0,0,0.65);
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto;
	transition: transform 0.15s ease-out,		transition: transform 0.15s ease-out,
	box-shadow 0.15s ease-out,		box-shadow 0.15s ease-out,
Line 96:		Line 99:
	}		}

	/* ~~Subtle hover~~ */		/* Make the actual logo fit nicely inside the circle */
	.lucid-~~nav~~-~~item a~~:~~hover img,~~		.lucid-icon-circle img {
	.lucid-nav-item:hover ~~img~~ {		max-width: 120px;
			max-height: 120px;
			border-radius: 0;
			border: 0;
			box-shadow: none;
			padding: 0;
			background: transparent;
			}

			/* Hover state on the whole circle */
			.lucid-nav-item:hover .lucid-icon-circle {
	transform: translateY(-3px) scale(1.03);		transform: translateY(-3px) scale(1.03);
	border-color: #4aa3c7;		border-color: #4aa3c7;
Line 120:		Line 133:
	}		}

	/* ~~For any~~ softer~~/secondary~~ labels later */		/* (optional softer labels if you add some later) */
	.lucid-label-soft {		.lucid-label-soft {
	display: inline-block;		display: inline-block;
Line 138:		Line 151:
	padding: 10px;		padding: 10px;
	}		}
	.lucid-~~nav~~-~~item a img,~~		.lucid-icon-circle {
	.lucid-~~nav~~-~~item~~ img {		width: 140px;
	width: ~~120px~~;		height: 140px;
	~~padding~~: ~~10px~~;		}
			.lucid-icon-circle img {
			max-width: 100px;
			max-height: 100px;
	}		}
	}		}

Admin at 17:08, 25 November 2025

2025-11-25T17:08:03Z

← Older revision		Revision as of 13:08, 25 November 2025
Line 120:		Line 120:
	}		}

	/* ~~(If you add~~ any softer/secondary labels later) */		/* For any softer/secondary labels later */
	.lucid-label-soft {		.lucid-label-soft {
	display: inline-block;		display: inline-block;