/*
CSS gradient to replace Sigma-9 body-bg image
By 7happy7, Dr Lekter and Styrius
Based on code by Woedenaz
*/
:root {
--head-top: 0, 0, 0; /* Black */
--head-bottom: 103, 61, 61; /* Brown */
--bar-top: 83, 83, 83; /* Light gray */
--bar-bottom: 59, 59, 59; /* Dark gray */
--bar-shadow-top: 95, 60, 60; /* Dark brown */
--bar-shadow-bottom: 157, 157, 157; /* Very light gray */
--body: 255, 255, 255; /* White */
}
div#container-wrap {
background-image:
linear-gradient(to top, rgba(var(--head-bottom), .5) 10%,
rgba(var(--head-top), 1) 80%),
repeating-linear-gradient(45deg,hsla(0, 0%, 100%, 0),
hsla(0, 0%, 100%, 0) 2px,
rgba(88, 88, 88, 0.2) 2px,
rgba(88, 88, 88, 0.2) 4px),
linear-gradient(to bottom, rgba(var(--head-top), 1) 4.67rem,
rgba(var(--head-bottom), 1) 8.55rem,
rgba(var(--bar-shadow-top), 1) 8.675rem,
rgba(var(--bar-top), 1) 8.8rem,
rgba(var(--bar-top), 1) calc(90% - 0.125rem),
rgba(var(--bar-bottom), 1) calc(98% - 0.125rem)),
linear-gradient(to bottom,rgba(var(--bar-bottom), 1) 10.1rem,
rgba(var(--bar-shadow-bottom), 1) 10.225rem,
rgba(var(--body), 1) 10.345rem);
background-size: 100% 8.7rem, 100% 8.7rem, 100% 10.1rem, 100% 10.465rem;
background-repeat: no-repeat;
}