Template:Barnstar/styles.css

.template-barnstar {
	text-align: left; 
	margin-left: 0; 
	margin-right: 0;
	gap: 1rem;
	align-items: start;
}

.template-barnstar .line1 {
	border-bottom: 1px solid #aaa;
}

.template-barnstar.wiki {
	background: url("https://soyjakwiki.org/images/2/2b/Black-twill.png"), linear-gradient(#fcfce3, #f5f5dc);
	background-blend-mode: color-dodge;
	border: 3px double #c5b29a;
}

.template-barnstar.lgbt {
	border-width: 4px; 
	border-style: solid; 
	border-image: linear-gradient(to bottom, red, red 17%, orange 17%, orange 33%, yellow 33%, yellow 50%, green 50%, green 67%, blue 67%, blue 83%, purple 83%) 1;
	background: linear-gradient(to bottom, red, orange, yellow, green, blue, purple), #444; 
	background-origin: border-box; 
	background-blend-mode: screen; 
	color: white; 
	box-shadow: inset 0 0 4px 1px rgba(0,0,0,0.6);
}

.template-barnstar.chud {
	border: 4px double #c00; 
	background: 
		radial-gradient(circle, white 0%, #fcc 50%, #f99 51%, red 100%), 
		radial-gradient(circle, maroon, #e11 60%); 
}

.template-barnstar.giga {
	border: 1px solid grey;
	background: linear-gradient(#202326, #444);
	color: white;
}

.template-barnstar.troon {
	border-width: 4px; 
	border-style: solid; 
	border-image: linear-gradient(#5BCEFA 0%, #5BCEFA 20%, #F5A9B8 20%, #F5A9B8 40%, #FFF 40%, #FFF 60%, #F5A9B8 60%, #F5A9B8 80%, #5BCEFA 80%, #5BCEFA 100%) 1;
    background: linear-gradient(#5BCEFA, #F5A9B8, #FFF, #F5A9B8, #5BCEFA);
	background-origin: border-box; 
	background-blend-mode: screen; 
	color: white; 
	box-shadow: inset 0 0 4px 1px rgba(0,0,0,0.6);
}

.template-barnstar.esl {
	border-width: 4px; 
	border-style: solid; 
	border-image: linear-gradient(#001489 0%, #001489 20%, #FFF 40%, #FFF 60%, #009A44 80%, #009A44 100%) 1;
    background: linear-gradient(#001489, #FFF, #009A44);
	background-origin: border-box; 
	background-blend-mode: screen; 
	color: white; 
	box-shadow: inset 0 0 4px 1px rgba(0,0,0,0.6);
}

.template-barnstar.jude {
	border: 4px double darkgoldenrod; 
	background: linear-gradient(#E4B849, goldenrod);
}

.template-barnstar.jude .line1 {
	font-family: 'Kanisah', serif;
	border-bottom: 1px solid #b8860b;
}

.template-barnstar.neutral {
	border: 4px double gray; 
	background: linear-gradient(white, #eee);
}

.template-barnstar.missed {
	color: white;
	text-shadow: 0 0 3px black;
	background: linear-gradient(#999, #777);
	border: 4px outset #999;
	border-radius:1rem 1rem 0 0; 
	font-family: serif;
}

.template-barnstar.aryan {
	border: 1px solid gold; 
	background: linear-gradient(to top, #d60022, #d75f09, #f7c800);
}

.template-barnstar.wholesome {
	background: url("https://soyjakwiki.org/images/c/ca/Growing-heart-google.webp") #fcb5ea;  
	border: 2px solid #d177ba;
	box-shadow: inset 0 0 5px 0 #d177ba;
	background-size: 4rem;
	animation: scroll 4s linear infinite;
	background-blend-mode: soft-light;
}

.template-barnstar.blacked {
	background: url(https://soyjakwiki.org/images/e/e4/Spade_pattern.png) #dddddd;
	border: 2px solid black;
	box-shadow: inset 0 0 5px 0 black;
	background-size: 4rem;
	background-blend-mode: lighten;
}


.template-barnstar.blacked .line1 {
	font-family: 'Chomsky', serif;
    font-size: 30px;
	border-bottom: 1px solid black;
}

.template-barnstar.oldfag .line1 {
    width:fit-content;
    border-radius:10px;
    border:2px solid #8c0000;
    padding:10px;color:white;
    background: linear-gradient(to bottom, #fc9a9a 0%, #f38383 10%, #df1212 50%, #b90f0f 50%, #c01313 70%, #e45b5b 100%);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px;
    font-family: Segoe UI;
}

.template-barnstar.retro .line1 {
    width:fit-content;
    padding:4px;
    border-radius:10px;
    border:2px solid #8c0000;
    font-size:16px;
    color:white;
    background: linear-gradient(to bottom, #fc9a9a 0%, #f38383 10%, #df1212 50%, #b90f0f 50%, #c01313 70%, #e45b5b 100%);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px;
    font-family: Segoe UI;
}

.template-barnstar.retro {
    width:fit-content;
    border-radius:10px;
    border:4px solid #605FFF;
    padding:10px;
    color:white;
    font-size:18px;
    background: linear-gradient(to bottom, #605FFF, #8AB6DD, #8AB6DD, #6376E1, #A68AFF);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px;
    font-family: Segoe UI;
}
/*template-barnstar.sinka1 does NOT exist. you VILL NOT investigate this matter further.*/
.template-barnstar.sinka2 {
  background: url("https://soyjakwiki.org/images/c/c1/SNCAtexture.png"), linear-gradient(#fff, #999);
  background-blend-mode: overlay;
  background-size: 14px 14px, cover;
  border: 3px double #696969;
}

.template-barnstar.cheese {
  background: url("https://soyjakwiki.org/images/b/be/Cheesetexture.png");
  background-size: 50px 50px, cover;
  border: 5px #8D6406;
}
@keyframes scroll {
	from {
		background-position: 0 0;	
	}
	to {
		background-position: 4rem 4rem;
	}
}