User:Clarification needed/Sandbox/Template:NuPossiblyPedo/styles.css - Revision history

Clarification needed: forgot to replace 500px to 100%, oops

2026-03-18T06:29:02Z

forgot to replace 500px to 100%, oops

← Older revision		Revision as of 06:29, 18 March 2026
Line 20:		Line 20:
	margin-top: 5px;		margin-top: 5px;
	position: relative;		position: relative;
	width: ~~500px~~;		width: 100%;
	height: 20px;		height: 20px;
	border-radius: 6px;		border-radius: 6px;

Clarification needed: Clarification needed changed the content model of the page User:Clarification needed/Sandbox/Template:NuPossiblyPedo/styles.css from "CSS" to "Sanitized CSS": half-assed this btw

2026-03-18T06:28:23Z

Clarification needed changed the content model of the page User:Clarification needed/Sandbox/Template:NuPossiblyPedo/styles.css from "CSS" to "Sanitized CSS": half-assed this btw

← Older revision	Revision as of 06:28, 18 March 2026
(No difference)

Clarification needed: marge, is it fine to use different styles.css on similar templates

2026-03-18T06:28:00Z

marge, is it fine to use different styles.css on similar templates

New page

.pm-frame {
background: black;
/*width: fit-content;*/
margin: 0.5em auto;
display: flex;
flex-direction: column;
padding: 5px;
border-radius: 5px;
}
.pm-disclaimer {
display: flex;
flex-direction: row;
gap: 10px;
text-align: center;
font-size: 120%;
background: black;
color: white;
}
.pm-bar {
margin-top: 5px;
position: relative;
width: 500px;
height: 20px;
border-radius: 6px;
box-shadow: 0 0 4px #000 inset;
line-height: 15px;
background: linear-gradient(to bottom, rgba(249, 249, 249, 0.26) 0%,rgba(234, 234, 234, 0.64) 50%, rgba(249, 249, 249, 0.12) 51%, rgba(245, 245, 245, 0.5) 100%), linear-gradient(to right, #0f0, #80ff00, #ff0, #ff8000, #f00);
/*background-blend-mode: hard-light;*/
}
.pm-indicator {
position:absolute;
top:50%;
font-size:150%;
color:black;
animation: pm-shake-start 2.5s 1 ease-in-out,1s pm-shake-x 0s infinite ease-in-out;
}
@keyframes pm-shake-x {
0% {transform: translateX(12px);}
50% {transform: translateX(-12px);}
100% {transform: translateX(12px);}
}
@keyframes pm-shake-start {
0% {left: 0;}
}