/* Instant copperbars! */
/* Author: Lorenz Diener / lorenzd@gmail.com */
/* Do with it whatever the hell you like, really. */

[coppers=yes] {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'>\
		<linearGradient id='opac' x1='0%' y1='0%' x2='0%' y2='100%'>\
			<stop offset='0%' stop-color='hsl(0,100%,0%)' stop-opacity='0.5'/>\
			<stop offset='45%' stop-color='hsl(0,100%,100%)' stop-opacity='0.5'/>\
			<stop offset='55%' stop-color='hsl(0,100%,100%)' stop-opacity='0.5'/>\
			<stop offset='100%' stop-color='hsl(0,100%,0%)' stop-opacity='0.5'/>\
		</linearGradient>\
		\
		<linearGradient id='c1' x1='0%' y1='0%' x2='0%' y2='100%'>\
			<stop offset='0%' stop-color='hsl(0,100%,50%)'/>\
			<stop offset='45%' stop-color='hsl(0,100%,100%)'/>\
			<stop offset='55%' stop-color='hsl(40,100%,100%)'/>\
			<stop offset='100%' stop-color='hsl(40,100%,50%)'/>\
		</linearGradient>\
		<pattern id='c1p' width='20' height='40' patternUnits='userSpaceOnUse'>\
		<rect x='0' y='0' width='100%' height='40px' fill='url(%23c1)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='0' width='100%' height='40px' fill='url(%23opac)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='40' width='100%' height='40px' fill='url(%23c1)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='40' width='100%' height='40px' fill='url(%23opac)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		</pattern>\
		\
		<linearGradient id='c2' x1='0%' y1='0%' x2='0%' y2='100%'>\
			<stop offset='0%' stop-color='hsl(60,100%,50%)'/>\
			<stop offset='45%' stop-color='hsl(60,100%,100%)'/>\
			<stop offset='55%' stop-color='hsl(100,100%,100%)'/>\
			<stop offset='100%' stop-color='hsl(100,100%,50%)'/>\
		</linearGradient>\
		<pattern id='c2p' width='20' height='40' patternUnits='userSpaceOnUse'>\
		<rect x='0' y='0' width='100%' height='40px' fill='url(%23c2)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='0' width='100%' height='40px' fill='url(%23opac)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='40' width='100%' height='40px' fill='url(%23c2)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='40' width='100%' height='40px' fill='url(%23opac)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		</pattern>\
		\
		<linearGradient id='c3' x1='0%' y1='0%' x2='0%' y2='100%'>\
			<stop offset='0%' stop-color='hsl(120,100%,50%)'/>\
			<stop offset='45%' stop-color='hsl(120,100%,100%)'/>\
			<stop offset='55%' stop-color='hsl(160,100%,100%)'/>\
			<stop offset='100%' stop-color='hsl(160,100%,50%)'/>\
		</linearGradient>\
		<pattern id='c3p' width='20' height='40' patternUnits='userSpaceOnUse'>\
		<rect x='0' y='0' width='100%' height='40px' fill='url(%23c3)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='0' width='100%' height='40px' fill='url(%23opac)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='40' width='100%' height='40px' fill='url(%23c3)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='40' width='100%' height='40px' fill='url(%23opac)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		</pattern>\
		\
		<linearGradient id='c4' x1='0%' y1='0%' x2='0%' y2='100%'>\
			<stop offset='0%' stop-color='hsl(180,100%,50%)'/>\
			<stop offset='45%' stop-color='hsl(180,100%,100%)'/>\
			<stop offset='55%' stop-color='hsl(220,100%,100%)'/>\
			<stop offset='100%' stop-color='hsl(220,100%,50%)'/>\
		</linearGradient>\
		<pattern id='c4p' width='20' height='40' patternUnits='userSpaceOnUse'>\
		<rect x='0' y='0' width='100%' height='40px' fill='url(%23c4)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='0' width='100%' height='40px' fill='url(%23opac)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='40' width='100%' height='40px' fill='url(%23c4)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='40' width='100%' height='40px' fill='url(%23opac)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		</pattern>\
		\
		<linearGradient id='c5' x1='0%' y1='0%' x2='0%' y2='100%'>\
			<stop offset='0%' stop-color='hsl(240,100%,50%)'/>\
			<stop offset='45%' stop-color='hsl(240,100%,100%)'/>\
			<stop offset='55%' stop-color='hsl(280,100%,100%)'/>\
			<stop offset='100%' stop-color='hsl(280,100%,50%)'/>\
		</linearGradient>\
		<pattern id='c5p' width='20' height='40' patternUnits='userSpaceOnUse'>\
		<rect x='0' y='0' width='100%' height='40px' fill='url(%23c5)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='0' width='100%' height='40px' fill='url(%23opac)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='40' width='100%' height='40px' fill='url(%23c5)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='40' width='100%' height='40px' fill='url(%23opac)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		</pattern>\
		\
		<linearGradient id='c6' x1='0%' y1='0%' x2='0%' y2='100%'>\
			<stop offset='0%' stop-color='hsl(300,100%,50%)'/>\
			<stop offset='45%' stop-color='hsl(300,100%,100%)'/>\
			<stop offset='55%' stop-color='hsl(340,100%,100%)'/>\
			<stop offset='100%' stop-color='hsl(340,100%,50%)'/>\
		</linearGradient>\
		<pattern id='c6p' width='20' height='40' patternUnits='userSpaceOnUse'>\
		<rect x='0' y='0' width='100%' height='40px' fill='url(%23c6)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='0' width='100%' height='40px' fill='url(%23opac)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='40' width='100%' height='40px' fill='url(%23c6)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		<rect x='0' y='40' width='100%' height='40px' fill='url(%23opac)'>\
			<animateTransform attributeName='transform' attributeType='auto'  begin='0s' dur='0.87s'  type='translate' values='0,0;0,-40' repeatCount='indefinite'/>\
		</rect>\
		</pattern>\
		\
		<rect fill='url(%23c6p) none' x='0' y='0' width='100%' height='100%'>\
		</rect>\
		<rect fill='url(%23c1p) none' x='0' y='0' width='100%' height='0%'>\
		<animate id='c1ani' attributeName='height' attributeType='auto' begin='0s; c6ani.end' dur='2s' values='0;100%' fill='freeze'/>\
		<animate attributeName='fill-opacity' attributeType='auto' begin='0s; c6ani.end' dur='2s' values='0;1' fill='freeze'/>\
		<animate attributeName='y' attributeType='auto' begin='0s; c6ani.end' dur='2s' values='50%;0%' fill='freeze'/>\
		<animate attributeName='height' attributeType='auto' begin='c2ani.end' dur='1ms' values='0' fill='freeze'/>\
		</rect>\
		<rect fill='url(%23c2p) none' x='0' y='0' width='100%' height='0%'>\
		<animate id='c2ani' attributeName='height' attributeType='auto' begin='c1ani.end' dur='2s' values='0;100%' fill='freeze'/>\
		<animate attributeName='fill-opacity' attributeType='auto' begin='c1ani.end' dur='2s' values='0;1' fill='freeze'/>\
		<animate attributeName='y' attributeType='auto' begin='c1ani.end' dur='2s' values='50%;0%' fill='freeze'/>\
		<animate attributeName='height' attributeType='auto' begin='c3ani.end' dur='1ms' values='0' fill='freeze'/>\
		</rect>\
		<rect fill='url(%23c3p) none' x='0' y='0' width='100%' height='0%'>\
		<animate id='c3ani' attributeName='height' attributeType='auto' begin='c2ani.end' dur='2s' values='0;100%' fill='freeze'/>\
		<animate attributeName='fill-opacity' attributeType='auto' begin='c2ani.end' dur='2s' values='0;1' fill='freeze'/>\
		<animate attributeName='y' attributeType='auto' begin='c2ani.end' dur='2s' values='50%;0%' fill='freeze'/>\
		<animate attributeName='height' attributeType='auto' begin='c4ani.end' dur='1ms' values='0' fill='freeze'/>\
		</rect>\
		<rect fill='url(%23c4p) none' x='0' y='0' width='100%' height='0%'>\
		<animate id='c4ani' attributeName='height' attributeType='auto' begin='c3ani.end' dur='2s' values='0;100%' fill='freeze'/>\
		<animate attributeName='fill-opacity' attributeType='auto' begin='c3ani.end' dur='2s' values='0;1' fill='freeze'/>\
		<animate attributeName='y' attributeType='auto' begin='c3ani.end' dur='2s' values='50%;0%' fill='freeze'/>\
		<animate attributeName='height' attributeType='auto' begin='c5ani.end' dur='1ms' values='0' fill='freeze'/>\
		</rect>\
		<rect fill='url(%23c5p) none' x='0' y='0' width='100%' height='0%'>\
		<animate id='c5ani' attributeName='height' attributeType='auto' begin='c4ani.end' dur='2s' values='0;100%' fill='freeze'/>\
		<animate attributeName='fill-opacity' attributeType='auto' begin='c4ani.end' dur='2s' values='0;1' fill='freeze'/>\
		<animate attributeName='y' attributeType='auto' begin='c4ani.end' dur='2s' values='50%;0%' fill='freeze'/>\
		<animate attributeName='height' attributeType='auto' begin='c6ani.end' dur='1ms' values='0' fill='freeze'/>\
		</rect>\
		<rect fill='url(%23c6p) none' x='0' y='0' width='100%' height='0%'>\
		<animate id='c6ani' attributeName='height' attributeType='auto' begin='c5ani.end' dur='2s' values='0;100%' fill='freeze'/>\
		<animate attributeName='fill-opacity' attributeType='auto' begin='c5ani.end' dur='2s' values='0;1' fill='freeze'/>\
		<animate attributeName='y' attributeType='auto' begin='c5ani.end' dur='2s' values='50%;0%' fill='freeze'/>\
		<animate attributeName='height' attributeType='auto' begin='c6ani.end' dur='1ms' values='0' fill='freeze'/>\
		</rect>\
	</svg>");
}