inline.css

   1 div#container {
   2         max-width: 900px;
   3         padding-bottom: 3em;
   4 }
   5
   6 div#content {
   7         margin-left: 200px;
   8 }
   9
  10 div#container.notoc {
  11         max-width: 600px;
  12 }
  13
  14 .notoc div#content {
  15         margin-left: 0;
  16 }
  17
  18 pre {
  19         line-height: 1.4em;
  20 }
  21
  22 #content p tt {
  23         background: #eeeeee;
  24         border: solid 1px #cccccc;
  25         padding: 3px;
  26 }
  27
  28 dt {
  29         font-weight: bold;
  30 }
  31
  32 #content dt tt {
  33         font-size: 10pt;
  34 }
  35
  36 dd {
  37         margin-left: 3em;
  38 }
  39
  40 #content dt tt, #content pre tt {
  41         background: none;
  42         padding: 0;
  43         border: 0;
  44 }
  45
  46 #content .olist ol {
  47         margin-left: 2em;
  48 }
  49
  50 #header {
  51         position: relative;
  52         max-width: 840px;
  53         margin-left: auto;
  54         margin-right: auto;
  55 }
  56
  57 #header.notoc {
  58         max-width: 580px;
  59 }
  60
  61 #logo {
  62         position: absolute;
  63         left: 10px;
  64         top: 10px;
  65         width: 110px;
  66         height: 140px;
  67 }
  68
  69 div#header h1#site_title {
  70         background: url('images/ruby_on_rails_by_mike_rundle2.gif') top left no-repeat;
  71         position: absolute;
  72         width: 392px;
  73         height: 55px;
  74         left: 145px;
  75         top: 20px;
  76         margin: 0;
  77         padding: 0;
  78 }
  79
  80 #site_title span {
  81         display: none;
  82 }
  83
  84 #site_title_tagline {
  85         display: none;
  86 }
  87
  88 ul#navMain {
  89         position: absolute;
  90         margin: 0;
  91         padding: 0;
  92         top: 97px;
  93         left: 145px;
  94 }
  95
  96 .left-floaty, .right-floaty {
  97         padding: 15px;
  98 }
  99
 100 .admonitionblock,
 101 .tableblock {
 102         margin-left: 1em;
 103         margin-right: 1em;
 104         margin-top: 0.25em;
 105         margin-bottom: 1em;
 106 }
 107
 108 .admonitionblock .icon {
 109         padding-right: 8px;
 110 }
 111
 112 .admonitionblock .content {
 113         border: solid 1px #ffda78;
 114         background: #fffebd;
 115         padding: 10px;
 116         padding-top: 8px;
 117         padding-bottom: 8px;
 118 }
 119
 120 .admonitionblock .title {
 121         font-size: 140%;
 122         margin-bottom: 0.5em;
 123 }
 124
 125 .tableblock table {
 126         border: solid 1px #aaaaff;
 127         background: #f0f0ff;
 128 }
 129
 130 .tableblock th {
 131         background: #e0e0e0;
 132 }
 133
 134 .tableblock th,
 135 .tableblock td {
 136         padding: 3px;
 137         padding-left: 5px;
 138         padding-right: 5px;
 139 }
 140
 141 .sidebarblock {
 142         margin-top: 0.25em;
 143         margin: 1em;
 144         border: solid 1px #ccccbb;
 145         padding: 8px;
 146         background: #ffffe0;
 147 }
 148
 149 .sidebarblock .sidebar-title {
 150         font-size: 140%;
 151         font-weight: 600;
 152         margin-bottom: 0.3em;
 153 }
 154
 155 .sidebarblock .sidebar-content > .para:last-child > p {
 156         margin-bottom: 0;
 157 }
 158
 159 .sidebarblock .sidebar-title a {
 160         text-decoration: none;
 161 }
 162
 163 .sidebarblock .sidebar-title a:hover {
 164         text-decoration: underline;
 165 }