examples.css (1834B)
1 * { padding: 0; margin: 0; vertical-align: top; } 2 3 body { 4 background: url(background.png) repeat-x; 5 font: 18px/1.5em "proxima-nova", Helvetica, Arial, sans-serif; 6 } 7 8 a { color: #069; } 9 a:hover { color: #28b; } 10 11 h2 { 12 margin-top: 15px; 13 font: normal 32px "omnes-pro", Helvetica, Arial, sans-serif; 14 } 15 16 h3 { 17 margin-left: 30px; 18 font: normal 26px "omnes-pro", Helvetica, Arial, sans-serif; 19 color: #666; 20 } 21 22 p { 23 margin-top: 10px; 24 } 25 26 button { 27 font-size: 18px; 28 padding: 1px 7px; 29 } 30 31 input { 32 font-size: 18px; 33 } 34 35 input[type=checkbox] { 36 margin: 7px; 37 } 38 39 #header { 40 position: relative; 41 width: 900px; 42 margin: auto; 43 } 44 45 #header h2 { 46 margin-left: 10px; 47 vertical-align: middle; 48 font-size: 42px; 49 font-weight: bold; 50 text-decoration: none; 51 color: #000; 52 } 53 54 #content { 55 width: 880px; 56 margin: 0 auto; 57 padding: 10px; 58 } 59 60 #footer { 61 margin-top: 25px; 62 margin-bottom: 10px; 63 text-align: center; 64 font-size: 12px; 65 color: #999; 66 } 67 68 .demo-container { 69 box-sizing: border-box; 70 width: 850px; 71 height: 450px; 72 padding: 20px 15px 15px 15px; 73 margin: 15px auto 30px auto; 74 border: 1px solid #ddd; 75 background: #fff; 76 background: linear-gradient(#f6f6f6 0, #fff 50px); 77 background: -o-linear-gradient(#f6f6f6 0, #fff 50px); 78 background: -ms-linear-gradient(#f6f6f6 0, #fff 50px); 79 background: -moz-linear-gradient(#f6f6f6 0, #fff 50px); 80 background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px); 81 box-shadow: 0 3px 10px rgba(0,0,0,0.15); 82 -o-box-shadow: 0 3px 10px rgba(0,0,0,0.1); 83 -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1); 84 -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1); 85 -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1); 86 } 87 88 .demo-placeholder { 89 width: 100%; 90 height: 100%; 91 font-size: 14px; 92 line-height: 1.2em; 93 } 94 95 .legend table { 96 border-spacing: 5px; 97 }