.commons-template-TemplateDataInfo { background: /* color: */ #FFEF8F /* image: */ linear-gradient(to bottom, #FFF1A0 35%, #FFEF8F 58%) /* repeat: */ repeat-x /* position/size: */ top/1px 100px ; border: 1px solid #f9dd34; color: #363636; padding: 0 .5em; margin: .5em 0; } .commons-template-TemplateDataInfo .header { font-size: 120%; font-family: monospace, monospace; } .commons-template-TemplateDataInfo[dir="ltr"] .header { /* @noflip */ float: right; } .commons-template-TemplateDataInfo[dir="rtl"] .header { /* @noflip */ float: left; }