MediaWiki:Common.css - Revision history

Operator at 04:07, 3 June 2025

2025-06-03T04:07:12Z

@@ Line 1,031: / Line 1,031: @@
      font-size: 13px;
+   }
+}

Operator at 04:06, 3 June 2025

2025-06-03T04:06:37Z

@@ Line 1,031: / Line 1,031: @@
      font-size: 13px;
+   }
+}

Operator at 15:01, 2 June 2025

2025-06-02T15:01:37Z

@@ Line 963: / Line 963: @@
    .materials-grid{grid-template-columns:1fr;}
    .material-column{max-height:300px;overflow-y:auto;}
+}

Operator at 14:58, 2 June 2025

2025-06-02T14:58:01Z

← Older revision		Revision as of 10:58, 2 June 2025
Line 6:		Line 6:

	@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@400;500;600;700&display=swap');		@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@400;500;600;700&display=swap');

			/* ░ MOBILE DISCLAIMER BANNER ░──────────────────────────────────────────── */
			/* Hidden on desktop – visible on screens ≤ 768 px */
			#mobile-disclaimer {
			display: none; /* default = off */
			position: relative; /* stays in normal flow at top */
			background: #3b0000; /* dark red / tweak to match theme */
			color: #fce7c8;
			font-family: "Orbitron", sans-serif;
			font-size: 12px;
			letter-spacing: 1px;
			text-align: center;
			padding: 6px 10px;
			border-bottom: 2px solid #a855f7; /* purple accent like your UI */
			z-index: 9999; /* sits above content */
			}

			@media (max-width: 768px) {
			#mobile-disclaimer { display: block; }
			}



	/* ================================================		/* ================================================

Operator at 05:43, 2 June 2025

2025-06-02T05:43:08Z

@@ Line 896: / Line 896: @@
 .materials-enhanced-container.list-view .material-column{margin-bottom:20px;}
 .materials-enhanced-container.list-view .material-item{display:flex;align-items:center;}
 /* ▸ Responsive */

Operator at 05:11, 2 June 2025

2025-06-02T05:11:06Z

← Older revision		Revision as of 01:11, 2 June 2025
Line 787:		Line 787:
	background:linear-gradient(90deg,#E3BB7A 0%,#fce7c8 100%);		background:linear-gradient(90deg,#E3BB7A 0%,#fce7c8 100%);
	border-radius:4px;		border-radius:4px;
	transition:width .4s ease;		transition:width .35s ease;
	}		}
	.materials-progress-text{		.materials-progress-text{
Line 838:		Line 838:
	padding:8px 10px;		padding:8px 10px;
	margin-bottom:10px;		margin-bottom:10px;
	display:flex;align-items:flex-start; /* top-align ~~icon+~~name+qty */		display:flex;align-items:flex-start; /* ★ top-align name/qty */
	cursor:pointer;		cursor:pointer;
	transition:background .25s,border-color .25s;		transition:background .25s,border-color .25s;
Line 851:		Line 851:
	}		}

			/* ▸ Faux checkbox */
	.material-checkbox-wrapper{margin-right:4px;}		.material-checkbox-wrapper{margin-right:4px;}

	~~/* Faux checkbox drawn on <span class="material-checkbox"> */~~
	.material-checkbox{		.material-checkbox{
	position:relative;		position:relative;
	display:inline-block;		display:inline-block;
	width:18px;height:18px;		width:18px;height:18px;
	margin-top:~~2px~~;		margin-top:1px;
	}		}
	.material-checkbox::before{		.material-checkbox::before{
Line 876:		Line 875:
	}		}

	/* ~~Icon, name, qty~~ */		/* ▸ Hide the blank icon that looked like a 2nd box */
			.material-icon:empty{display:none;}

	.material-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}		.material-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}

	.material-name{flex:1 1 auto;font-size:13px;color:#E0E0E0;line-height:1.2;}		.material-name{flex:1 1 auto;font-size:13px;color:#E0E0E0;line-height:1.2;}
	.material-item.checked .material-name{text-decoration:line-through;color:#888;}		.material-item.checked .material-name{text-decoration:line-through;color:#888;}

	.material-qty{		.material-qty{
	min-width:38px;		min-width:38px;
Line 889:		Line 892:
	}		}

	/* List-view override */		/* ▸ List-view override */
	.materials-enhanced-container.list-view .materials-grid{display:block;}		.materials-enhanced-container.list-view .materials-grid{display:block;}
	.materials-enhanced-container.list-view .material-column{margin-bottom:20px;}		.materials-enhanced-container.list-view .material-column{margin-bottom:20px;}
	.materials-enhanced-container.list-view .material-item{display:flex;align-items:center;}		.materials-enhanced-container.list-view .material-item{display:flex;align-items:center;}

	/* Responsive */		/* ▸ Responsive */
	@media(max-width:1000px){		@media(max-width:1000px){
	.materials-grid{grid-template-columns:1fr;}		.materials-grid{grid-template-columns:1fr;}
	.material-column{max-height:300px;overflow-y:auto;}		.material-column{max-height:300px;overflow-y:auto;}
	}		}

Operator at 05:05, 2 June 2025

2025-06-02T05:05:34Z

← Older revision		Revision as of 01:05, 2 June 2025
Line 745:		Line 745:
	color: #fff;		color: #fff;
	}		}



	/* ================================================		/* ================================================
	ENHANCED JOURNEY MATERIALS POPUP – CLEAN RULESET		ENHANCED JOURNEY MATERIALS POPUP — CLEAN RULESET
	================================================ */		================================================ */

	/* ▸ Popup size ~~----------------------------------------------------------~~ */		/* ▸ Popup size */
	.journey-popup.items-popup{		.journey-popup.items-popup{
	min-width:~~900px~~!important;		min-width:1000px!important;
	max-width:95%!important;		max-width:95%!important;
	}		}

	/* ▸ ~~Main container ------------------------------------------------------~~ */		/* ▸ Container */
	.materials-enhanced-container{		.materials-enhanced-container{
	padding:10px;		padding:10px;
Line 765:		Line 764:
	}		}

	/* ▸ Progress header ~~-----------------------------------------------------~~ */		/* ▸ Progress header */
	.materials-progress-header{		.materials-progress-header{
	background:linear-gradient(135deg,rgba(0,0,2,.8)0%,rgba(12,10,20,.8)100%);		background:linear-gradient(135deg,rgba(0,0,2,.8)0%,rgba(12,10,20,.8)100%);
Line 777:		Line 776:
	box-shadow:0 0 12px rgba(227,187,122,.6);		box-shadow:0 0 12px rgba(227,187,122,.6);
	}		}

	.progress-bar-container{		.progress-bar-container{
	width:100%;height:8px;		width:100%;height:8px;
Line 804:		Line 802:
	}		}

	/* ▸ Grid + columns ~~------------------------------------------------------~~ */		/* ▸ Grid & columns */
	.materials-grid{		.materials-grid{
	display:grid;		display:grid;
Line 833:		Line 831:
	}		}

	/* ▸ Material rows ~~-------------------------------------------------------~~ */		/* ▸ Material rows */
	.material-item{		.material-item{
	background:rgba(0,0,2,.4);		background:rgba(0,0,2,.4);
Line 840:		Line 838:
	padding:8px 10px;		padding:8px 10px;
	margin-bottom:10px;		margin-bottom:10px;
	display:flex;		display:flex;align-items:flex-start; /* top-align icon+name+qty */
	align-items:flex-start; /* top-align name vs qty */
	cursor:pointer;		cursor:pointer;
	transition:background .25s,border-color .25s;		transition:background .25s,border-color .25s;
	}		}
	.material-item:hover{		.material-item:hover{
	background:rgba(252,231,200,.05);		background:rgba(252,231,200,.06);
	border-color:rgba(252,231,200,.3);		border-color:rgba(252,231,200,.3);
	}		}
Line 853:		Line 850:
	background:rgba(227,187,122,.1);		background:rgba(227,187,122,.1);
	}		}
	~~.material-item.has-parent-checked{border-left:3px solid #E3BB7A;}~~

	.material-checkbox-wrapper{margin-right:4px;}		.material-checkbox-wrapper{margin-right:4px;}

	/* Faux checkbox on <span class="material-checkbox"> */		/* Faux checkbox drawn on <span class="material-checkbox"> */
	.material-checkbox{		.material-checkbox{
	position:relative;		position:relative;
	display:inline-block;		display:inline-block;
	width:18px;height:18px;		width:18px;height:18px;
	margin-top:2px; ~~/* aligns with text nicely */~~		margin-top:2px;
	}		}
	.material-checkbox::before{		.material-checkbox::before{
Line 880:		Line 876:
	}		}

	/* Icon, name, qty ~~-------------------------------------------------------~~ */		/* Icon, name, qty */
	.material-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}		.material-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
	.material-name{flex:1 1 auto;font-size:13px;color:#E0E0E0;~~padding~~-~~top~~:~~1px~~;}		.material-name{flex:1 1 auto;font-size:13px;color:#E0E0E0;line-height:1.2;}
	.material-item.checked .material-name{text-decoration:line-through;color:#888;}		.material-item.checked .material-name{text-decoration:line-through;color:#888;}
	.material-qty{		.material-qty{
Line 888:		Line 884:
	text-align:right;		text-align:right;
	font-family:'Orbitron',sans-serif;		font-family:'Orbitron',sans-serif;
	font-size:14px;font-weight:700;color:#fce7c8;		font-size:14px;font-weight:700;
			color:#fce7c8;
	padding-left:6px;		padding-left:6px;
	}		}

	/* List-view override ~~----------------------------------------------------~~ */		/* List-view override */
	.materials-enhanced-container.list-view .materials-grid{display:block;}		.materials-enhanced-container.list-view .materials-grid{display:block;}
	.materials-enhanced-container.list-view .material-column{margin-bottom:20px;}		.materials-enhanced-container.list-view .material-column{margin-bottom:20px;}
	.materials-enhanced-container.list-view .material-item{display:flex;align-items:center;}		.materials-enhanced-container.list-view .material-item{display:flex;align-items:center;}

	/* Responsive ~~-----------------------------------------------------------~~ */		/* Responsive */
	@media(max-width:1000px){		@media(max-width:1000px){
	.materials-grid{grid-template-columns:1fr;}		.materials-grid{grid-template-columns:1fr;}
	.material-column{max-height:300px;overflow-y:auto;}		.material-column{max-height:300px;overflow-y:auto;}
	}		}

Operator at 05:01, 2 June 2025

2025-06-02T05:01:50Z

Show changes

Operator at 04:45, 2 June 2025

2025-06-02T04:45:11Z

@@ Line 904: / Line 904: @@
      margin-right: 5px;
+}
 .material-checkbox {

Operator at 03:42, 2 June 2025

2025-06-02T03:42:22Z

Show changes