CURRENT MISSION: Conclude the 2026 soyjak.party hack page, aswell as any pages relating to it, such as the Summer 2026 Crisis page.
Update Quotecord with any relevant info. See the blackboard for more info.

Template:Swedishwin/styles.css: Difference between revisions

From Soyjak Wiki, the free ensoyclopedia
Jump to navigationJump to search
MarketPliers (talk | contribs)
m vestigial code
MarketPliers (talk | contribs)
m looks a bit closer to the initial one line this
Line 21: Line 21:
width: 100%;
width: 100%;
background:  
background:  
linear-gradient(to bottom, transparent calc(50% - 1rem), #FECC02 calc(50% - 1rem), #FECC02 calc(50% + 1rem), transparent calc(50% + 1rem)),  
linear-gradient(to bottom, transparent calc(50% - 0.9rem), #FECC02 calc(50% - 0.9rem), #FECC02 calc(50% + 0.9rem), transparent calc(50% + 0.9rem)),  
linear-gradient(to right,  transparent calc(30% - 1rem), #FECC02 calc(30% - 1rem), #FECC02 calc(30% + 1rem), transparent calc(30% + 1rem))
linear-gradient(to right,  transparent calc(30% - 0.9rem), #FECC02 calc(30% - 0.9rem), #FECC02 calc(30% + 0.9rem), transparent calc(30% + 0.9rem))
}
}



Revision as of 15:32, 18 April 2026

.template-swedishwin {
	position: relative;
	overflow: hidden;
	border: 2px solid #FECC02;
	background: #006AA7;
}

.template-swedishwin > * {
	z-index: 2;	
}

.template-swedishwin .content {
	font-size: 185%;
}

.template-swedishwin::before {
	content: "";
	z-index: 2;
	position: absolute;
	height: 100%;
	width: 100%;
	background: 
		linear-gradient(to bottom, transparent calc(50% - 0.9rem), #FECC02 calc(50% - 0.9rem), #FECC02 calc(50% + 0.9rem), transparent calc(50% + 0.9rem)), 
		linear-gradient(to right,  transparent calc(30% - 0.9rem), #FECC02 calc(30% - 0.9rem), #FECC02 calc(30% + 0.9rem), transparent calc(30% + 0.9rem))
}

.template-swedishwin .sunburst {
	z-index: 1;
	content: "";
	position: absolute;
	height: 42rem; /* preferred width of a soybox */
	width: 42rem;
	align-self: center;
	justify-self: center;
	opacity: 0.1; 
	animation: rotate 10s linear infinite;
}

@keyframes rotate {
    to {
		transform: rotate(0deg);
    }
    from {
		transform: rotate(360deg);
    }
}