demo.css 1.3 KB

1234567891011121314151617181920212223
  1. html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  2. body { font-size: 15px; line-height: 1.231; margin: 4px; background-color: #FCFFFD; }
  3. body, button, input, select, textarea { font-family: Droid Sans, Verdana, sans-serif; color: #222; }
  4. a { color: #33f; }
  5. table th { width: 200px; text-align: right; padding-right:10px; font-family: Georgia serif;}
  6. #container { width: 90%; margin:0 auto; }
  7. #code-output { border: solid 5px #333; margin:15px; border-top-width: 40px; }
  8. #color { width: 200px; height: 2em;}
  9. #inputter a { padding:3px; }
  10. .invisible { visibility: hidden; }
  11. h1 { font-size: 3.8em; color: #293c11; font-family:Tahoma; margin: 3px 0; padding:0; }
  12. h1 .small { font-size: 0.4em; }
  13. h1 a { text-decoration: none }
  14. h2 { font-size: 1.5em; color: #293c11; margin: 0;margin-left: 10px; }
  15. h3 { color: #293c11; }
  16. .description { font-size: 1.2em; margin-bottom: 30px; margin-top: 30px; font-style: italic;}
  17. .download { float: right; }
  18. pre { background: #000; color: #fff; padding: 15px;}
  19. hr { border: 0; width: 80%; border-bottom: 1px solid #aaa}
  20. .footer { text-align:center; padding-top:30px; font-style: italic; }
  21. #filter-output div, #combine-output span { width: 40px; height: 40px; display:inline-block; margin: 10px; }