CSS
html, body { min-height: 100%; }
html {
background: hsl(200, 100%, 28%);
background-image:
-webkit-gradient(linear, 0 50%, 0 100%,
from(transparent),
to(hsla(50, 100%, 0%, 0.8))),
-webkit-gradient(linear, 0 100%, 100% 0,
color-stop(.25, hsla(200, 100%, 100%, 0.08)),
color-stop(.25, transparent),
color-stop(0.5, transparent),
color-stop(0.5, hsla(200, 100%, 100%, 0.08)),
color-stop(.75, hsla(200, 100%, 100%, 0.08)),
color-stop(.75, transparent), to(transparent)),
-webkit-gradient(linear, 0 0, 100% 100%,
color-stop(.25, hsla(200, 100%, 100%, 0.08)),
color-stop(.25, transparent),
color-stop(0.5, transparent),
color-stop(0.5, hsla(200, 100%, 100%, 0.08)),
color-stop(.75, hsla(200, 100%, 100%, 0.08)),
color-stop(.75, transparent), to(transparent));
background-image:
-moz-linear-gradient(transparent,
hsla(200, 100%, 100%, 0.8)),
-moz-linear-gradient(45deg,
hsla(200, 100%, 0%, 0.08) 25%, transparent 25%, transparent 50%,
hsla(200, 100%, 0%, 0.08) 50%,
hsla(200, 100%, 0%, 0.08) 75%, transparent 75%, transparent),
-moz-linear-gradient(-45deg,
hsla(200, 100%, 0%, 0.08) 25%, transparent 25%, transparent 50%,
hsla(200, 100%, 0%, 0.08) 50%,
hsla(200, 100%, 0%, 0.08) 75%, transparent 75%, transparent);
background-image:
-o-linear-gradient(transparent,
hsla(200, 100%, 0%, 0.8)),
-o-linear-gradient(45deg,
hsla(200, 100%, 0%, 0.08) 25%, transparent 25%, transparent 50%,
hsla(200, 100%, 0%, 0.08) 50%,
hsla(200, 100%, 0%, 0.08) 75%, transparent 75%, transparent),
-o-linear-gradient(-45deg,
hsla(200, 100%, 0%, 0.08) 25%, transparent 25%, transparent 50%,
hsla(200, 100%, 0%,...