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
← Older editNewer edit →
mNo edit summary
MarketPliers (talk | contribs)
9,227 edits
No edit summary
Line 1: Line 1:
.swedish-flag {
.template-swedishwin {
  position:relative;
position: relative;
  background-color:#006AA7;
overflow: hidden;
  border:2px solid #FECC02;
border: 2px solid #FECC02;
  margin: 5px auto
background: #006AA7;
}
}
.swedish-flag::before {
 
  content:"";
.template-swedishwin > * {
  position:absolute;
z-index: 2;
  background-color:#FECC02;
  width:30px;
  height:100%;
  left:90px;
  top:0;
  z-index: -4; /* Ensure it's behind the content */
}
}
.swedish-flag::after {
  content:"";
  position:absolute;
  background-color:#FECC02;
  height:30px;
  width:100%;
  top:32px;
  left:0;
  z-index: -4; /* Ensure it's behind the content */


.template-swedishwin .content {
font-size: 150%;
}
}
.textanimationsw {
 
  margin: 0 auto;  
.template-swedishwin::before,
  letter-spacing: .05em;  
.template-swedishwin::after {
content: "";
z-index: 1;
position: absolute;
background-color: #FECC02;
}
}


  .container {
.template-swedishwin::before {
width: 1.75rem;
height: 100%;
left: 30%;
}


    margin: 5px auto;
.template-swedishwin::after {
    position: relative; /* This creates a new stacking context */
width: 100%;
    z-index: 1; /* Ensure container is above the sunburst */
height: 1.75rem;
    overflow:hidden
align-self: center;
  }
}


  @keyframes rotate {
.template-swedishwin .sunburst {
     0% {
z-index: 1;
      transform: rotate(0deg); /* Start at 0 degrees */
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);
     }
     }
     100% {
     from {
      transform: rotate(360deg); /* End at 360 degrees */
transform: rotate(360deg);
     }
     }
  }
}

Revision as of 14:18, 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: 150%;
}

.template-swedishwin::before,
.template-swedishwin::after {
	content: "";
	z-index: 1;
	position: absolute;
	background-color: #FECC02;
}

.template-swedishwin::before {
	width: 1.75rem;
	height: 100%;
	left: 30%;
}

.template-swedishwin::after {
	width: 100%;
	height: 1.75rem;
	align-self: center;
}

.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);
    }
}
Retrieved from "https://soyjakwiki.org/index.php?title=Template:Swedishwin/styles.css&oldid=378678"