css/ruby.css

   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
   5 img.logo { float: right; clear: right; border-style:none; }
   6 div.diff { padding-left:5%; padding-right:5% }
   7 div.old { background-color:#FFFFAF }
   8 div.new { background-color:#CFFFCF}
   9 div.refer { padding-left:5%; padding-right:5%; font-size:smaller; }
  10 table.history { border-style:none; }
  11 td.history { border-style:none; }
  12 table.user { border-style:solid; border-width:thin; width:90%; margin-left:5%; }
  13 table.user tr td { border-style:solid; border-width:thin;
  14                    padding:5px; text-align:center; }
  15 img {
  16     border: #777777 1px solid;
  17     padding: 0.5em;
  18     margin-left: 1em;
  19     margin-right: 2em;
  20     background-color: #e6e6e6;
  21     color: black;
  22 }
  23 img.smiley {
  24     border:none;
  25     padding:0;
  26     margin:0;
  27     background:#fff;
  28     color:#000;
  29 }
  30
  31 div.header img, div.footer img { border:0; padding:0; margin:0; }
  32
  33 span.author {
  34     color: #501;
  35 }
  36
  37 @media print {
  38     span.gotobar { display:none; }
  39     div.refer { display:none; }
  40     div.footer { display:none; }
  41 }
  42
  43 body {
  44  font-family: Verdana, Arial, Helvetica, sans-serif;
  45  background:#fff;
  46  margin:auto;
  47  padding:5%;
  48  padding-top:2%;
  49  margin:0px;
  50 }
  51
  52 a {
  53  text-decoration:none;
  54  font-weight:bold;
  55  color:#c00;
  56 }
  57
  58 a:visited {
  59  color:#c55;
  60 }
  61
  62 body.magenta a {
  63  color:#639;
  64 }
  65
  66 a:hover {
  67  background:#000000;
  68  color:#FFFFFF;
  69 }
  70
  71 p a.definition {
  72  color:#666;
  73  font-size: 22px;
  74  padding: 2px;
  75  margin-top: 5px;
  76  border-bottom: 2px solid #000000;
  77  text-decoration:none;
  78  display:block;
  79 }
  80
  81 p a.definition:hover {
  82  background:#000000;
  83  color:#FFFFFF;
  84 }
  85
  86 h1 a {
  87  color:#666;
  88 }
  89
  90 h2 a {
  91  color:#666;
  92 }
  93
  94 h3 a {
  95  color:#666;
  96 }
  97
  98 h4 a {
  99  color:#666;
 100 }
 101
 102 h1 {
 103  font-size: 48px;
 104  color:#666;
 105  border-bottom: 5px solid #000;
 106  padding: 2px;
 107  margin: 0px;
 108  margin-bottom: 8px;
 109 }
 110
 111 h2 {
 112  color:#666;
 113  font-size: 22px;
 114  padding: 2px;
 115  margin-top: 5px;
 116  border-bottom: 2px solid #000000;
 117 }
 118
 119 h3 {
 120  color:#666;
 121  font-size: 18px;
 122  padding: 2px;
 123  margin-top: 5px;
 124  border-bottom: 1px dashed #000;
 125 }
 126
 127 h4 {
 128  color:#666;
 129  font-size: 18px;
 130  padding: 2px;
 131  margin-top: 5px;
 132 }
 133
 134 pre {
 135     border: #777777 1px solid;
 136     padding: 0.5em;
 137     margin-left: 1em;
 138     margin-right: 2em;
 139     white-space: pre;
 140     background-color: #e6e6e6;
 141     color: black;
 142 }