1body { 2 margin: 5px 10px 10px; 3} 4 5h1 { 6 color: #53637D; 7 font: 26px/1.2 Helvetica, sans-serif; 8 font-size: 200%; 9 margin: 0; 10 padding-bottom: 4px; 11 text-shadow: white 0 1px 2px; 12} 13 14body > section { 15 border-radius: 5px; 16 background: -webkit-linear-gradient(rgba(234, 238, 243, 0.2), #EAEEF3), 17 -webkit-linear-gradient(left, #EAEEF3, #EAEEF3 97%, #D3D7DB); 18 font: 14px/1 Arial,Sans Serif; 19 padding: 10px; 20 width: 563px; 21 max-height: 400px; 22 overflow-y: auto; 23 box-shadow: inset 0px 2px 5px rgba(0,0,0,0.5); 24} 25 26body > section > ol { 27 padding: 0; 28 margin: 0; 29 list-style: none inside; 30} 31 32body > section > ol > li { 33 position: relative; 34 margin: 0.5em 0 0.5em 40px; 35} 36 37code { 38 word-wrap: break-word; 39 background: rgba(255,255,0, 0.5); 40} 41 code.true { 42 background: rgba(0, 255, 0, 0.5); 43 } 44 code.false { 45 background: rgba(255, 0, 0, 0.5); 46 } 47 48li > p > span:first-child { 49 position: absolute; 50 top: 0px; 51 left: -40px; 52 width: 30px; 53 text-align: right; 54 font: 30px/1 Helvetica, sans-serif; 55 font-weight: 700; 56} 57 58p { 59 min-height: 30px; 60 line-height: 1.2; 61} 62