Modifying the Decoration Bar

Hi,

I’ve been doing some design tweaks to my site (http://www.interstellargaming.com) and have been using aReview. I would like to modify the decoration bar and add a sixth color (as well as reorganize the order of the colors).

This is the code I have in my CSS:

.decoration-bar {
	height: 5px;
	clear: both;
	position: relative;
	box-shadow: 0 1px 1px #000;
	background: #00a404;
	background: -moz-linear-gradient(left, #00a404 0%, #00a404 16.67%, #00a5db 16.67%, #00a5db 33.34%, #89009d 33.34%, #89009d 50.01%, #cd0000 50.01%, #cd0000 66.68%, #ff6c00 66.68%, #ff6c00 83.35%, #d2d900 83.35%, #d2d900 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #00a404), color-stop(16.67%, #00a404), color-stop(16.67%, #00a5db), color-stop(33.34%, #00a5db), color-stop(33.34%, #89009d), color-stop(50.01%, #89009d), color-stop(50.01%, #cd0000), color-stop(66.68%, #cd0000), color-stop(66.68%, #ff6c00), color-stop(83.35%, #ff6c00), color-stop(83.35%, #d2d900), color-stop(100%, #d2d900));
	background: -webkit-linear-gradient(left, #00a404 0%, #00a404 16.67%, #00a5db 16.67%, #00a5db 33.34%, #89009d 33.34%, #89009d 50.01%, #cd0000 50.01%, #cd0000 66.68%, #ff6c00 66.68%, #ff6c00 83.35%, #d2d900 83.35%, #d2d900 100%);
	background: -o-linear-gradient(left, #00a404 0%, #00a404 16.67%, #00a5db 16.67%, #00a5db 33.34%, #89009d 33.34%, #89009d 50.01%, #cd0000 50.01%, #cd0000 66.68%, #ff6c00 66.68%, #ff6c00 83.35%, #d2d900 83.35%, #d2d900 100%);
	background: -ms-linear-gradient(left, #00a404 0%, #00a404 16.67%, #00a5db 16.67%, #00a5db 33.34%, #89009d 33.34%, #89009d 50.01%, #cd0000 50.01%, #cd0000 66.68%, #ff6c00 66.68%, #ff6c00 83.35%, #d2d900 83.35%, #d2d900 100%);
	background: linear-gradient(to right, #00a404 0%, #00a404 16.67%, #00a5db 16.67%, #00a5db 33.34%, #89009d 33.34%, #89009d 50.01%, #cd0000 50.01%, #cd0000 66.68%, #ff6c00 66.68%, #ff6c00 83.35%, #d2d900 83.35%, #d2d900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a404', endColorstr='#d2d900', GradientType=1 );
}

This is the only place in my CSS to edit the decoration bar in this manor yet whenever I update the file nothing changes. Have I done this wrong? Any help you could give would be great. Thanks!

Ah. Nevermind. I added that code to my custom CSS stylesheet and it worked! Thanks though.

The only request I have now is if I can get the original code for the decoration bar so I can fix it in my main CSS file.

Hi igofficial,

here is the original style of decoration bar

.decoration-bar {
	height: 5px;
	clear: both;
	position: relative;
	box-shadow: 0 1px 1px #000;
	background: #00A0B0;
	background: -moz-linear-gradient(left, #00A0B0 0%, #00A0B0 20%, #4ECDC4 20%, #4ECDC4 40%, #EDC951 40%, #EDC951 60%, #FF6B6B 60%, #FF6B6B 80%, #C44D58 80%, #C44D58 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #00A0B0), color-stop(20%, #00A0B0), color-stop(20%, #4ECDC4), color-stop(40%, #4ECDC4), color-stop(40%, #EDC951), color-stop(60%, #EDC951), color-stop(60%, #FF6B6B), color-stop(80%, #FF6B6B), color-stop(80%, #C44D58), color-stop(100%, #C44D58));
	background: -webkit-linear-gradient(left, #00A0B0 0%, #00A0B0 20%, #4ECDC4 20%, #4ECDC4 40%, #EDC951 40%, #EDC951 60%, #FF6B6B 60%, #FF6B6B 80%, #C44D58 80%, #C44D58 100%);
	background: -o-linear-gradient(left, #00A0B0 0%, #00A0B0 20%, #4ECDC4 20%, #4ECDC4 40%, #EDC951 40%, #EDC951 60%, #FF6B6B 60%, #FF6B6B 80%, #C44D58 80%, #C44D58 100%);
	background: -ms-linear-gradient(left, #00A0B0 0%, #00A0B0 20%, #4ECDC4 20%, #4ECDC4 40%, #EDC951 40%, #EDC951 60%, #FF6B6B 60%, #FF6B6B 80%, #C44D58 80%, #C44D58 100%);
	background: linear-gradient(to right, #00A0B0 0%, #00A0B0 20%, #4ECDC4 20%, #4ECDC4 40%, #EDC951 40%, #EDC951 60%, #FF6B6B 60%, #FF6B6B 80%, #C44D58 80%, #C44D58 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A0B0', endColorstr='#C44D58', GradientType=1 );
}