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 edit
mNo edit summary
No edit summary
 
(29 intermediate revisions by 3 users not shown)
Line 1: Line 1:
.swedish-flag {
.template-swedishwin {
  position:relative;
position: relative;
  width:300px;
overflow: hidden;
  height:200px;
border: 5px solid #FECC02;
  background-color:#006AA7;
background: #006AA7;
  border:2px solid #FECC02;
  margin:0.5em auto
}
}
.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:40px;
  left:0;
  z-index: -4; /* Ensure it's behind the content */


.template-swedishwin .content {
font-size: 185%;
}
}
.textanimationsw {
 
 
.template-swedishwin::before {
  overflow: hidden;  
content: "";
  white-space: nowrap;  
z-index: 2;
  margin: 0 auto;
position: absolute;
  letter-spacing: .05em;
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))
}
}


  .container {
.template-swedishwin .sunburst {
    position: relative; /* This creates a new stacking context */
z-index: 1;
    z-index: 1; /* Ensure container is above the sunburst */
content: "";
    margin: 2em; /* Optional: Add some margin around the container */
position: absolute;
    overflow:hidden
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 {
@keyframes rotate {
     0% {
     to {
      transform: rotate(0deg); /* Start at 0 degrees */
transform: rotate(0deg);
     }
     }
     100% {
     from {
      transform: rotate(360deg); /* End at 360 degrees */
transform: rotate(360deg);
     }
     }
  }
}

Latest revision as of 20:20, 1 July 2026

.template-swedishwin {
	position: relative;
	overflow: hidden;
	border: 5px 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);
    }
}
Retrieved from "https://soyjakwiki.org/index.php?title=Template:Swedishwin/styles.css&oldid=421533"