Board Thread:Support Requests - Designing Your Wiki/@comment-24154960-20131111180412

I can't seem to get the embedded CSS I have for a page to work properly when it has the CSS tag. The CSS information displays on the "Template:EcMain" wiki page, and an incomplete box appears at the bottom.

I've included the code below in order to get help. What am I doing wrong?

/* RED Top */ .mainpage { background-image: linear-gradient(bottom, #7d7990 0%, #240000 77%); background-image: -o-linear-gradient(bottom, #7d7990 0%, #240000 77%); background-image: -moz-linear-gradient(bottom, #7d7990 0%, #240000 77%); background-image: -webkit-linear-gradient(bottom, #7d7990 0%, #240000 77%); background-image: -ms-linear-gradient(bottom, #7d7990 0%, #240000 77%);

background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, #7d7990),	color-stop(0.77, #240000) ); }

.mainpage a, div#content div.charpage, a.external.text {color:#240000}

.mainpage a.new {color:#240000}

font-family: Calibri, Geneva, sans-serif; text-align:right; font-size: 3.2em; color: #240000; line-height: 12%; }
 * 1) mainheader {

font-family: Calibri, Geneva, sans-serit; text-align:left; font-size: 2em; color: #600404; width: 100%; }
 * 1) subheading {


 * Cue non-CSS layout here** 