Template:Home/FeaturedAlert/styles.css - Revision history

BakiDance: fix

2023-10-28T22:32:44Z

fix

← Older revision		Revision as of 22:32, 28 October 2023
Line 3:		Line 3:
	}		}

	.home-card__foreground {		.home-event .home-card__foreground {
	position: absolute;		position: absolute;
	top: 0;		top: 0;

BakiDance at 05:32, 26 October 2023

2023-10-26T05:32:12Z

← Older revision		Revision as of 05:32, 26 October 2023
Line 3:		Line 3:
	}		}

	~~.home-event .home-card__background:after {~~
	/*
	* Theme gradient color
	* FIXME: Find a way to make customize it through wikitext
	*/
	~~background: linear-gradient(to right,#101e3c,transparent);~~
	}
	.home-card__foreground {		.home-card__foreground {
	position: absolute;		position: absolute;
Line 31:		Line 24:
	line-height: var(--line-height-xs);		line-height: var(--line-height-xs);
	}		}
	.home-card__background::after {		.home-event .home-card__background::after {
	position: absolute;		position: absolute;
	pointer-events: none;		pointer-events: none;

BakiDance at 05:29, 26 October 2023

2023-10-26T05:29:16Z

← Older revision		Revision as of 05:29, 26 October 2023
Line 31:		Line 31:
	line-height: var(--line-height-xs);		line-height: var(--line-height-xs);
	}		}
	~~.mw-parser-output~~ .home-card__background::after {		.home-card__background::after {
	position: absolute;		position: absolute;
	pointer-events: none;		pointer-events: none;

BakiDance at 05:27, 26 October 2023

2023-10-26T05:27:22Z

@@ Line 30: / Line 30: @@
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-xs);
+}

BakiDance at 05:24, 26 October 2023

2023-10-26T05:24:17Z

@@ Line 9: / Line 9: @@
 	 */
 	background: linear-gradient(to right,#101e3c,transparent);
+}

BakiDance at 05:14, 26 October 2023

2023-10-26T05:14:09Z

@@ Line 1: / Line 1: @@
-.profile-iconbox {
+.home-event .home-card {
-	position: relative;
+	height: 5rem;
+}
-.profile-iconbox__header a:after {
+.home-event .home-card__background:after {
-	content: '▶';
+	/*
-	font-size: 0.8125rem;
+	 * Theme gradient color
+}

BakiDance: Created page with ".profile-iconbox { position: relative; background: #242a31; border-radius: 8px; box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 ); font-size: 0.875rem; overflow: hidden; display: inline-block; min-width: 170px; width: 100%; height: 4rem; } .profile-iconbox .profile-iconboximg a { display: block; height: 100%; } .profile-iconbox .profile-iconboximg:after { position: absolute; pointer-events: none; right: 0; bot..."

2023-10-26T04:54:49Z

Created page with ".profile-iconbox { position: relative; background: #242a31; border-radius: 8px; box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 ); font-size: 0.875rem; overflow: hidden; display: inline-block; min-width: 170px; width: 100%; height: 4rem; } .profile-iconbox .profile-iconbox__img a { display: block; height: 100%; } .profile-iconbox .profile-iconbox__img:after { position: absolute; pointer-events: none; right: 0; bot..."

New page

.profile-iconbox {
position: relative;
background: #242a31;
border-radius: 8px;
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 );
font-size: 0.875rem;
overflow: hidden;
display: inline-block;
min-width: 170px;
width: 100%;
height: 4rem;
}
.profile-iconbox .profile-iconbox__img a {
display: block;
height: 100%;
}

.profile-iconbox .profile-iconbox__img:after {
position: absolute;
pointer-events: none;
right: 0;
bottom: 0;
left: 0;
display: block;
height: 100%;
background: linear-gradient(to right,rgba(0,0,0,0.8),transparent);
border-radius: 0 0 8px 8px;
content: '';
}

.profile-iconbox__img img {
transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1);
height: 4rem;
width: 100%;
object-fit: cover;
}

.profile-iconbox__img img:hover {
transform: scale(1.1);
transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1);
height: 4rem;
width: 100%;
}

.profile-iconbox__foreground {
position: absolute;
}

.profile-iconbox__foreground .profile-iconbox__label {
color: #bababa;
}

.profile-iconbox__foreground .profile-iconbox__header {
color: #fff;
}
.profile-iconbox .profile-iconbox__foreground {
pointer-events: none;
bottom: 27%;
left: 15px;
}
.home-card__foreground .profile-iconbox__label {
color: #bababa;
}
.profile-iconbox__label {
color: var( --color-base--subtle );
font-size: 0.8125rem;
letter-spacing: 0.75px;
}
h3.profile-iconbox__header {
margin-top: 0;
font-size: 1rem;
}

.profile-iconbox__header a {
display: flex;
align-items: center;
justify-content: space-between;
}

.profile-iconbox__header a:after {
content: '▶';
font-size: 0.8125rem;
}