screen.css 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. html { font-size: 62.5%; }
  2. html, body { height: 100%; }
  3. body {
  4. font-family: Helvetica, Arial, sans-serif;
  5. font-size: 150%;
  6. line-height: 1.3;
  7. color: #f6e6cc;
  8. width: 700px;
  9. margin: auto;
  10. background: #27221a;
  11. position: relative;
  12. padding: 0 30px;
  13. }
  14. p,ul,ol,dl,table,pre { margin-bottom: 1em; }
  15. ul { margin-left: 20px; }
  16. a { text-decoration: none; cursor: pointer; color: #ba832c; font-weight: bold; }
  17. a:focus { outline: 1px dotted; }
  18. a:visited { }
  19. a:hover, a:focus { color: #d3a459; text-decoration: none; }
  20. a *, button * { cursor: pointer; }
  21. hr { display: none; }
  22. small { font-size: 90%; }
  23. input, select, button, textarea, option { font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 100%; }
  24. button, label, select, option, input[type=submit] { cursor: pointer; }
  25. .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .group {display: inline-block;}
  26. /* Hides from IE-mac \*/ * html .group {height: 1%;} .group {display: block;} /* End hide from IE-mac */
  27. sup { font-size: 80%; line-height: 1; vertical-align: super; }
  28. button::-moz-focus-inner { border: 0; padding: 1px; }
  29. span.amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 0.8; }
  30. h1,h2,h3,h4,h5,h6 {
  31. line-height: 1.1;
  32. font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
  33. }
  34. h2 { font-size: 22pt; }
  35. h3 { font-size: 20pt; }
  36. h4 { font-size: 18pt; }
  37. h5 { font-size: 16pt; }
  38. h6 { font-size: 14pt; }
  39. ::selection { background: #745626; }
  40. ::-moz-selection { background: #745626; }
  41. h1 {
  42. font-size: 420%;
  43. margin: 0 0 0.1em;
  44. font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
  45. }
  46. h1 a,
  47. h1 a:hover {
  48. color: #d7af72;
  49. font-weight: normal;
  50. text-decoration: none;
  51. }
  52. pre {
  53. background: rgba(0,0,0,0.3);
  54. color: #fff;
  55. padding: 8px 10px;
  56. border-radius: 0.4em;
  57. -moz-border-radius: 0.4em;
  58. -webkit-border-radius: 0.4em;
  59. overflow-x: hidden;
  60. }
  61. pre code {
  62. font-size: 10pt;
  63. }
  64. .thumb {
  65. float:left;
  66. margin: 10px;
  67. }