15821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/** 25821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Copyright (c) 2011 The Chromium Authors. All rights reserved. 35821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 45821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * found in the LICENSE file. 55821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) */ 65821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 75821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 85821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body { 95821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 5px 10px 10px; 105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)h1 { 135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #53637D; 145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font: 26px/1.2 Helvetica, sans-serif; 155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 200%; 165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 0; 175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-bottom: 4px; 185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-shadow: white 0 1px 2px; 195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body > section { 225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-radius: 5px; 235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: -webkit-linear-gradient(rgba(234, 238, 243, 0.2), #EAEEF3), 245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-linear-gradient( 255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left, #EAEEF3, #EAEEF3 97%, #D3D7DB); 265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font: 14px/1 Arial,Sans Serif; 275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 10px; 285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 563px; 295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) max-height: 400px; 305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) overflow-y: auto; 315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) box-shadow: inset 0px 2px 5px rgba(0,0,0,0.5); 325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body > section > ol { 355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 0; 365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 0; 375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) list-style: none inside; 385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body > section > ol > li { 415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 0.5em 0 0.5em 40px; 435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)code { 465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) word-wrap: break-word; 475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: rgba(255,255,0, 0.5); 485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)em { 515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: absolute; 525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) top: 0px; 535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left: -40px; 545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 30px; 555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-align: right; 565821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font: 30px/1 Helvetica, sans-serif; 575821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-weight: 700; 585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)p { 615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) min-height: 30px; 625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) line-height: 1.2; 635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 64