User:Former editor/CSS help demo

 <div style=" position:absolute; background-color:rgb(195,204,197); top:-300px; left:-180px; margin:auto auto; width:1000px; height:1000px;

transform:rotate(-45deg); -ms-transform:rotate(-45deg); /* IE 9 */ -moz-transform:rotate(-45deg); /* Firefox */ -webkit-transform:rotate(-45deg); /* Safari and Chrome */ -o-transform:rotate(-45deg); /* Opera */ box-shadow:					3px 0 0 rgb(110,183,223) inset, 6px 0 0 rgb(213,163,117) inset, 10px 0 0 rgb(153,100,38) inset, 12px 0 0 rgb(250,240,207) inset, 18px 0 0 rgb(93,58,30) inset, 26px 0 0 rgb(241,242,223) inset, 28px 0 0 rgb(150,62,54) inset, 30px 0 0 rgb(194,189,179) inset, 32px 0 0 rgb(193,172,183) inset, 38px 0 0 rgb(164,175,186) inset, 40px 0 0 rgb(241,213,167) inset, 42px 0 0 rgb(191,38,56) inset, 46px 0 0 rgb(212,126,69) inset, 47px 0 0 rgb(245,229,195) inset, 50px 0 0 rgb(194,189,179) inset, 53px 0 0 rgb(255,255,255) inset, 56px 0 0 rgb(0,0,0) inset, 59px 0 0 rgb(243,241,152) inset, 60px 0 0 rgb(201,195,47) inset, 62px 0 0 rgb(249,249,210) inset, 65px 0 0 rgb(229,219,209) inset, 68px 0 0 rgb(232,193,155) inset, 73px 0 0 rgb(218,214,128) inset, 78px 0 0 rgb(153,184,185) inset, 85px 0 0 rgb(152,103,34) inset, 89px 0 0 rgb(195,188,176) inset, 92px 0 0 rgb(174,52,54) inset, 95px 0 0 rgb(215,157,141) inset, 100px 0 0 rgb(0,0,0) inset, 108px 0 0 rgb(255,255,255) inset, 112px 0 0 rgb(201,91,49) inset, 115px 0 0 rgb(241,209,104) inset, 119px 0 0 rgb(175,49,49) inset, 122px 0 0 rgb(145,188,215) inset, 130px 0 0 rgb(158,173,209) inset, 134px 0 0 rgb(0,0,0) inset, 137px 0 0 rgb(147,107,45) inset, 142px 0 0 rgb(244,242,216) inset, 146px 0 0 rgb(239,223,169) inset, 150px 0 0 rgb(217,162,39) inset, 155px 0 0 rgb(163,163,189) inset, 158px 0 0 rgb(224,215,106) inset, 160px 0 0 rgb(92,156,189) inset, 166px 0 0 rgb(82,36,34) inset, 169px 0 0 rgb(149,50,41) inset, 171px 0 0 rgb(221,156,183) inset, 173px 0 0 rgb(152,60,60) inset, 175px 0 0 rgb(241,232,231) inset, 178px 0 0 rgb(193,205,198) inset, 186px 0 0 rgb(255,255,255) inset, 190px 0 0 rgb(223,190,61) inset, 193px 0 0 rgb(0,0,0) inset, 196px 0 0 rgb(214,164,114) inset, 198px 0 0 rgb(155,112,96) inset, 206px 0 0 rgb(232,187,167) inset, 209px 0 0 rgb(235,228,190) inset, 211px 0 0 rgb(249,232,137) inset, 215px 0 0 rgb(219,157,41) inset; "> <div style=" font-family:Arial, Helvetica, sans-serif; font-weight:200; line-height:200%; position:relative; margin:70px auto auto; padding:30px; width:400px; height:400px; border:1px black dotted; border-radius:4px; background-image: -ms-linear-gradient(top left, #F2F2ED 0%, #EFEFEF 100%); background-image: -moz-linear-gradient(top left, #F2F2ED 0%, #EFEFEF 100%); background-image: -o-linear-gradient(top left, #F2F2ED 0%, #EFEFEF 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #F2F2ED), color-stop(1, #EFEFEF)); background-image: -webkit-linear-gradient(top left, #F2F2ED 0%, #EFEFEF 100%); background-image: linear-gradient(to bottom right, #F2F2ED 0%, #EFEFEF 100%);">  Wikimedia software can handle most any CSS or HTML you throw its way  Wiki markup is Geocities hideous. We're talking table-based layouts and deprecated HTML tags. Lucky for all of us, Wikimedia software plays nice with any CSS markup that will go inline. That basically the only limitations on what you can pull off are keyframes and what CSS3 browsers don't yet support. Most can handle vendor codes. Check out the Mozilla Developer Network for great CSS documents, including which browsers support which CSS3 markup. Wikimedia doesn't permit  or   tags, so you're limited to regular wikilinks and  references.