MediaWiki:GS golden font.css

.page-GS_golden_font .title { background-image: -webkit-gradient(   linear,    left top,    left bottom,    color-stop(0%, #9bc7e2),    color-stop(100%, #9bc7e2)  ); background-image: -webkit-linear-gradient(#ffffff, #9bc7e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #fff; position: relative; text-shadow: none; } .page-GS_golden_font .title:before { background: none; content: attr(data-text); left: 0; position: absolute; text-shadow: 0 3px 0 rgba(0, 0, 0, 0.3); top: 0; z-index: -1; }

.page-GS_golden_font .gradient-shadow { position: relative; text-align: center; transform: skew(-11deg, 0deg); -webkit-transform: skew(-11deg, 0deg); -moz-transform: skew(-11deg, 0deg); -o-transform: skew(-11deg, 0deg); -ms-transform: skew(-11deg, 0deg); font-family: Arial Black; font-weight: 700; font-size: 3em; }

.page-GS_golden_font .gradient-shadow div { background: linear-gradient(   to bottom,    #fbb00e 0%,    #f7db22 20%,    #ffeaa0 50%,    #6f3200 55%,    #f29b09 65%,    #ffe84e 90%  ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr="#fbb00e",      endColorstr="#ffe84e",      GradientType=0    ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: absolute; width: 100%; }

.page-GS_golden_font .gradient-shadow:after { text-shadow: 2px 2px 2px #000; color: transparent; }

.page-GS_golden_font .gradient-shadow:after { content: attr(   title  ); /* Pulls the text from the 'title' attribute to make the shadow */ text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, -2px -2px 3px red, -2px -2px 3px red, -2px -2px 3px red, -2px -2px 3px red; }