MediaWiki:Cards.css - Revision history

Salty Nori at 04:19, 10 February 2024

2024-02-10T04:19:45Z

← Older revision		Revision as of 04:19, 10 February 2024
Line 90:		Line 90:
	.navbox-list .mini .custom-card-caption {		.navbox-list .mini .custom-card-caption {
	max-width: 44px;		max-width: 44px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			-moz-box-orient: vertical;
			-ms-box-orient: vertical;
	}		}

Salty Nori at 03:27, 18 January 2024

2024-01-18T03:27:31Z

← Older revision		Revision as of 03:27, 18 January 2024
Line 87:		Line 87:
	}		}

	/* Navbox */		/* Navbox mini card*/
	.navbox-list .custom-card-caption {		.navbox-list .mini .custom-card-caption {
	~~white-space: nowrap;~~		max-width: 44px;
	~~overflow: hidden;~~
	~~text~~-~~overflow~~: ~~ellipsis~~;
	}		}

Mikevoir at 16:39, 17 January 2024

2024-01-17T16:39:26Z

← Older revision		Revision as of 16:39, 17 January 2024
Line 5:		Line 5:
	align-self: baseline;		align-self: baseline;
	text-align: center;		text-align: center;
			padding: 1px;
	}		}
	.custom-card-body {		.custom-card-body {

Mikevoir at 16:38, 17 January 2024

2024-01-17T16:38:13Z

← Older revision		Revision as of 16:38, 17 January 2024
Line 104:		Line 104:
	top: 2px;		top: 2px;
	left: 2px;		left: 2px;
			}
			.mini .custom-card-caption {
			width: auto;
			max-width: 56px;
			min-width: 44px;
	}		}

Mikevoir at 16:31, 17 January 2024

2024-01-17T16:31:07Z

@@ Line 4: / Line 4: @@
 	width: fit-content;
 	align-self: baseline;
+}
 .custom-card-body {
@@ Line 90: / Line 91: @@
    overflow: hidden;
    text-overflow: ellipsis;
+}

Salty Nori: add behavior for navbox

2024-01-17T08:11:40Z

add behavior for navbox

← Older revision		Revision as of 08:11, 17 January 2024
Line 39:		Line 39:
	overflow-wrap: break-word;		overflow-wrap: break-word;
	}		}

	.custom-card-caption > br:first-child {		.custom-card-caption > br:first-child {
	display: none;		display: none;
Line 82:		Line 83:
	flex-wrap: wrap;		flex-wrap: wrap;
	gap: 5px;		gap: 5px;
			}

			/* Navbox */
			.navbox-list .custom-card-caption {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
	}		}

Salty Nori at 10:10, 13 January 2024

2024-01-13T10:10:21Z

← Older revision		Revision as of 10:10, 13 January 2024
Line 16:		Line 16:
	}		}
	.custom-card-image {		.custom-card-image {
	width: ~~60px~~;		width: 52px;
	height: ~~60px~~;		height: 52px;
	padding: 4px;		padding: 4px;
	}		}

Salty Nori at 10:06, 13 January 2024

2024-01-13T10:06:21Z

← Older revision		Revision as of 10:06, 13 January 2024
Line 45:		Line 45:
	/* To add quality icon on items */		/* To add quality icon on items */
	.custom-card-body.quality-bronze::before {		.custom-card-body.quality-bronze::before {
	content: url('https://~~static.wikia.nocookie~~.~~net~~/~~coralisland~~/images/f/f2/~~Bronze~~.png~~/revision/latest/scale-to-width-down/15~~');		content: url('https://coralisland.wiki/w/images/8/8c/Bronze_small.png');
	position: absolute;		position: absolute;
	z-index: 1;		z-index: 1;
Line 53:		Line 53:
	}		}
	.custom-card-body.quality-silver::before {		.custom-card-body.quality-silver::before {
	content: url('https://~~static.wikia.nocookie~~.~~net~~/~~coralisland~~/images/0/0b/~~Silver~~.png~~/revision/latest/scale-to-width-down/15~~');		content: url('https://coralisland.wiki/w/images/8/86/Silver_small.png');
	position: absolute;		position: absolute;
	z-index: 1;		z-index: 1;
Line 61:		Line 61:
	}		}
	.custom-card-body.quality-gold::before {		.custom-card-body.quality-gold::before {
	content: url('https://~~static.wikia.nocookie~~.~~net~~/~~coralisland~~/images/1/10/~~Gold~~.png~~/revision/latest/scale-to-width-down/15~~');		content: url('https://coralisland.wiki/w/images/5/56/Gold_small.png');
	position: absolute;		position: absolute;
	z-index: 1;		z-index: 1;
Line 69:		Line 69:
	}		}
	.custom-card-body.quality-osmium::before {		.custom-card-body.quality-osmium::before {
	content: url('https://~~static.wikia.nocookie~~.~~net~~/~~coralisland~~/images/f/f9/~~Osmium~~.png~~/revision/latest/scale-to-width-down/15~~');		content: url('https://coralisland.wiki/w/images/9/94/Osmium_small.png');
	position: absolute;		position: absolute;
	z-index: 1;		z-index: 1;

Salty Nori at 10:01, 13 January 2024

2024-01-13T10:01:37Z

← Older revision		Revision as of 10:01, 13 January 2024
Line 10:		Line 10:
	width: fit-content;		width: fit-content;
	align-self: baseline;		align-self: baseline;
	background: var(--~~card~~-~~bg-main~~);		background: var(--brown-100);
	border-radius: 12px;		border-radius: 12px;
	text-align: center;		text-align: center;
Line 21:		Line 21:
	}		}
	.custom-card-amount {		.custom-card-amount {
	background: var(--~~card~~-~~bg-sub~~);		background: var(--brown-200);
	text-align: center;		text-align: center;
	border-radius: 0 0 5px 5px;		border-radius: 0 0 5px 5px;

Admin coral island: Created page with ".custom-card { display: inline-block; position: relative; width: fit-content; align-self: baseline; } .custom-card-body { display: inline-block; position: relative; width: fit-content; align-self: baseline; background: var(--card-bg-main); border-radius: 12px; text-align: center; overflow: hidden; } .custom-card-image { width: 60px; height: 60px; padding: 4px; } .custom-card-amount { background: var(--card-bg-sub); text-align: center; border-radius: 0 0..."

2023-08-09T07:25:11Z

Created page with ".custom-card { display: inline-block; position: relative; width: fit-content; align-self: baseline; } .custom-card-body { display: inline-block; position: relative; width: fit-content; align-self: baseline; background: var(--card-bg-main); border-radius: 12px; text-align: center; overflow: hidden; } .custom-card-image { width: 60px; height: 60px; padding: 4px; } .custom-card-amount { background: var(--card-bg-sub); text-align: center; border-radius: 0 0..."

New page

.custom-card {
display: inline-block;
position: relative;
width: fit-content;
align-self: baseline;
}
.custom-card-body {
display: inline-block;
position: relative;
width: fit-content;
align-self: baseline;
background: var(--card-bg-main);
border-radius: 12px;
text-align: center;
overflow: hidden;
}
.custom-card-image {
width: 60px;
height: 60px;
padding: 4px;
}
.custom-card-amount {
background: var(--card-bg-sub);
text-align: center;
border-radius: 0 0 5px 5px;
padding: 4px 0;
white-space: nowrap;
line-height: 1;
font-size: 12px;
hyphens: auto;
overflow-wrap: break-word;
}
.custom-card-caption {
width: 56px;
text-align: center;
line-height: 1;
font-size: 12px;
hyphens: auto;
overflow-wrap: break-word;
}
.custom-card-caption > br:first-child {
display: none;
}

/* To add quality icon on items */
.custom-card-body.quality-bronze::before {
content: url('https://static.wikia.nocookie.net/coralisland/images/f/f2/Bronze.png/revision/latest/scale-to-width-down/15');
position: absolute;
z-index: 1;
top: 3px;
left: 3px;
display: flex;
}
.custom-card-body.quality-silver::before {
content: url('https://static.wikia.nocookie.net/coralisland/images/0/0b/Silver.png/revision/latest/scale-to-width-down/15');
position: absolute;
z-index: 1;
top: 3px;
left: 3px;
display: flex;
}
.custom-card-body.quality-gold::before {
content: url('https://static.wikia.nocookie.net/coralisland/images/1/10/Gold.png/revision/latest/scale-to-width-down/15');
position: absolute;
z-index: 1;
top: 3px;
left: 3px;
display: flex;
}
.custom-card-body.quality-osmium::before {
content: url('https://static.wikia.nocookie.net/coralisland/images/f/f9/Osmium.png/revision/latest/scale-to-width-down/15');
position: absolute;
z-index: 1;
top: 3px;
left: 3px;
display: flex;
}

/* Card list */
.card-list-container {
display: flex;
flex-wrap: wrap;
gap: 5px;
}