MediaWiki:Mobile.css - Revision history

Cleo at 16:11, 16 October 2023

2023-10-16T16:11:07Z

← Older revision		Revision as of 16:11, 16 October 2023
Line 41:		Line 41:
	.blur > figcaption:empty {		.blur > figcaption:empty {
	display: none;		display: none;
			}

			.blur > a {
			pointer-events: none;
	}		}

Cleo at 16:03, 16 October 2023

2023-10-16T16:03:22Z

← Older revision		Revision as of 16:03, 16 October 2023
Line 25:		Line 25:
	.blur > figcaption {		.blur > figcaption {
	opacity: 0.5;		opacity: 0.5;
	~~padding: 10px 15px 10px 15px !important;~~
	border-radius: 15px;		border-radius: 15px;
	background-color: black !important;		background-color: black !important;
Line 42:		Line 41:
	.blur > figcaption:empty {		.blur > figcaption:empty {
	display: none;		display: none;
			}

			.content .thumbcaption, .content figure[typeof~='mw:File/Thumb'] > figcaption, .content figure[typeof~='mw:File/Frame'] > figcaption {
			padding: 5px 10px 5px 10px !important;
	}		}

Cleo at 16:01, 16 October 2023

2023-10-16T16:01:51Z

← Older revision		Revision as of 16:01, 16 October 2023
Line 28:		Line 28:
	border-radius: 15px;		border-radius: 15px;
	background-color: black !important;		background-color: black !important;
	color: white;		color: white !important;
	position: absolute;		position: absolute;
	top: 50%;		top: 50%;

Cleo: Created page with "/* All CSS here will be loaded for users of the mobile site */ .blur { transition: filter 0.15s ease-in-out; overflow: hidden; position: relative; } .blur img { filter: blur(20px); transition: filter 0.15s ease-in-out; } .blur:hover img { filter: none; transition: filter 0.15s ease-in-out; } .blur:hover figcaption { opacity: 0; display: none; } .blur > figcaption { opacity: 0.5; padding: 10px 15px 10px 15px !important; border-radius: 15px;..."

2023-10-16T16:00:40Z

Created page with "All CSS here will be loaded for users of the mobile site: .blur { transition: filter 0.15s ease-in-out; overflow: hidden; position: relative; } .blur img { filter: blur(20px); transition: filter 0.15s ease-in-out; } .blur:hover img { filter: none; transition: filter 0.15s ease-in-out; } .blur:hover figcaption { opacity: 0; display: none; } .blur > figcaption { opacity: 0.5; padding: 10px 15px 10px 15px !important; border-radius: 15px;..."

New page

/* All CSS here will be loaded for users of the mobile site */

.blur {
transition: filter 0.15s ease-in-out;
overflow: hidden;
position: relative;
}

.blur img {
filter: blur(20px);
transition: filter 0.15s ease-in-out;
}

.blur:hover img {
filter: none;
transition: filter 0.15s ease-in-out;
}

.blur:hover figcaption {
opacity: 0;
display: none;
}

.blur > figcaption {
opacity: 0.5;
padding: 10px 15px 10px 15px !important;
border-radius: 15px;
background-color: black !important;
color: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.blur > figcaption::before {
margin-left: 0px !important;
float: unset !important;
}

.blur > figcaption:empty {
display: none;
}