ruby.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. /* Some of this is based on a CSS by Damien Elmes from
  2. http://repose.cx/core.css
  3. It was in turn based on http://www.fantasy-coders.de/ruby/rubyStyle.css */
  4. img.logo { float: right; clear: right; border-style:none; }
  5. div.diff { padding-left:5%; padding-right:5% }
  6. div.old { background-color:#FFFFAF }
  7. div.new { background-color:#CFFFCF}
  8. div.refer { padding-left:5%; padding-right:5%; font-size:smaller; }
  9. table.history { border-style:none; }
  10. td.history { border-style:none; }
  11. table.user { border-style:solid; border-width:thin; width:90%; margin-left:5%; }
  12. table.user tr td { border-style:solid; border-width:thin;
  13. padding:5px; text-align:center; }
  14. img {
  15. border: #777777 1px solid;
  16. padding: 0.5em;
  17. margin-left: 1em;
  18. margin-right: 2em;
  19. background-color: #e6e6e6;
  20. color: black;
  21. }
  22. img.smiley {
  23. border:none;
  24. padding:0;
  25. margin:0;
  26. background:#fff;
  27. color:#000;
  28. }
  29. div.header img, div.footer img { border:0; padding:0; margin:0; }
  30. span.author {
  31. color: #501;
  32. }
  33. @media print {
  34. span.gotobar { display:none; }
  35. div.refer { display:none; }
  36. div.footer { display:none; }
  37. }
  38. body {
  39. font-family: Verdana, Arial, Helvetica, sans-serif;
  40. background:#fff;
  41. margin:auto;
  42. padding:5%;
  43. padding-top:2%;
  44. margin:0px;
  45. }
  46. a {
  47. text-decoration:none;
  48. font-weight:bold;
  49. color:#c00;
  50. }
  51. a:visited {
  52. color:#c55;
  53. }
  54. body.magenta a {
  55. color:#639;
  56. }
  57. a:hover {
  58. background:#000000;
  59. color:#FFFFFF;
  60. }
  61. p a.definition {
  62. color:#666;
  63. font-size: 22px;
  64. padding: 2px;
  65. margin-top: 5px;
  66. border-bottom: 2px solid #000000;
  67. text-decoration:none;
  68. display:block;
  69. }
  70. p a.definition:hover {
  71. background:#000000;
  72. color:#FFFFFF;
  73. }
  74. h1 a {
  75. color:#666;
  76. }
  77. h2 a {
  78. color:#666;
  79. }
  80. h3 a {
  81. color:#666;
  82. }
  83. h4 a {
  84. color:#666;
  85. }
  86. h1 {
  87. font-size: 48px;
  88. color:#666;
  89. border-bottom: 5px solid #000;
  90. padding: 2px;
  91. margin: 0px;
  92. margin-bottom: 8px;
  93. }
  94. h2 {
  95. color:#666;
  96. font-size: 22px;
  97. padding: 2px;
  98. margin-top: 5px;
  99. border-bottom: 2px solid #000000;
  100. }
  101. h3 {
  102. color:#666;
  103. font-size: 18px;
  104. padding: 2px;
  105. margin-top: 5px;
  106. border-bottom: 1px dashed #000;
  107. }
  108. h4 {
  109. color:#666;
  110. font-size: 18px;
  111. padding: 2px;
  112. margin-top: 5px;
  113. }
  114. pre {
  115. border: #777777 1px solid;
  116. padding: 0.5em;
  117. margin-left: 1em;
  118. margin-right: 2em;
  119. white-space: pre;
  120. background-color: #e6e6e6;
  121. color: black;
  122. }