vendor/rails/railties/doc/guides/source/stylesheets/base.css

   1 /* ----------------------------------------------------------------------------
   2
   3     Ruby on Rails, hijacked for Hieraki
   4     Stylesheet for http://rubyonrails.org
   5
   6     1. General HTML elements
   7     2. General classes
   8     3. General structure
   9                 1. header
  10                 2. Content
  11                 3. Sidebar
  12     4. Sitewide elements
  13         1. Introduction boxes
  14         2. Navigation
  15     5. Elements for specific areas
  16         1. Weblog
  17
  18 ---------------------------------------------------------------------------- */
  19
  20 * {
  21         margin:                     0;
  22         padding:                    0;
  23 }
  24
  25 body {
  26         color:                                          #333333;
  27
  28         background-color:           #FFFFFF;
  29         background-image:                       url(../images/header_backdrop.png);
  30         background-repeat:                      repeat-x;
  31         background-position:            0 -25px;
  32
  33         font-size:                                      80%;
  34         font-family:                            verdana, helvetica, arial, sans-serif;
  35         line-height:                            1.7em;
  36
  37         /* Center in IE5.5 */
  38         text-align:                                     center;
  39 }
  40
  41 h1 {
  42         font-size:                                      2em;
  43         font-weight:                            normal;
  44         letter-spacing:                         -0.04em;
  45 }
  46
  47 h2 {
  48         font-size:                                      1.5em;
  49         font-weight:                            normal;
  50         letter-spacing:                         -0.04em;
  51 }
  52
  53 h1,h2,h3,h4,h5,h6 {
  54   margin-top:                                   1em;
  55   margin-bottom:                                0.5em;
  56 }
  57 .pageheader a:link, .pageheader a:visited{
  58   color:                                                #333;
  59   text-decoration:  none;
  60 }
  61
  62 img {
  63         border:                                         none;
  64 }
  65
  66 p {
  67         margin-bottom:                          1em;
  68 }
  69
  70 a:link {
  71         color:                                          #BB2233;
  72 }
  73
  74 a:visited {
  75         color:                                          #991122;
  76 }
  77
  78 a:hover {
  79         color:                                          #CC2233;
  80         background-color:                       #EEEEEE;
  81 }
  82
  83 a:active {
  84 }
  85
  86 ul {
  87         margin-top:                                     1em;
  88         list-style-type:                        none;
  89 }
  90
  91 ul li {
  92         margin-left:                            0.5em;
  93         padding-left:                           1em;
  94
  95         background-image:                       url(../images/bullet.gif);
  96         background-repeat:                      no-repeat;
  97         background-position:            0 0.55em;
  98 }
  99
 100 /* ----------------------------------------------------------------------------
 101         Structure
 102 ---------------------------------------------------------------------------- */
 103
 104 div#container {
 105         width:                                          90%;
 106         max-width:                                      790px;
 107
 108         margin-top:                                     10px;
 109         margin-left:                            auto;
 110         margin-right:                           auto;
 111
 112         font-size:                                      1em;
 113
 114         /* Don't center text, only div#container */
 115         text-align:                                     left;
 116 }
 117
 118 div#header {
 119         /* This height controls the vertical position of #content and #sidebar */
 120         height:                                         160px;
 121         overflow:                                       hidden;
 122 }
 123
 124 div#header h1 {
 125         height:                                         30px;
 126
 127         margin:                                         0;
 128         margin-top:                             10px;
 129         margin-left:                    100px;
 130         padding:                                        0;
 131         font-weight:      bold;
 132         font-size:        24pt;
 133 }
 134 div#header p {
 135   height:                                               30px;
 136         margin:                                         0;
 137         margin-left:                    160px;
 138         padding:                                        0;
 139         font-weight:      bold;
 140         font-size:        14pt;
 141         color:            #999;
 142 }
 143 /*
 144 div#logo {
 145         float:                                          left;
 146         width:                                          110px;
 147         height:                                         140px;
 148         margin-right:                   31px;
 149 }
 150 */
 151
 152
 153 div#content {
 154         margin-left:                            170px;
 155 }
 156
 157 /* Fix the IE only 3pixel jog - documented at http://www.positioniseverything.net/articles/hollyhack.html#haslayout \*/
 158 * html #content {
 159         height: 1px;
 160 }
 161 /* End hide from IE5-mac */
 162
 163 div#sidebar {
 164         float:                                            left;
 165         width:                                            170px;
 166         margin-top:                                     -4px;
 167         font-size:                                      0.8em;
 168 }
 169
 170 div#sidebar h2 {
 171         margin:                                           0;
 172         font-size:                                      1.1em;
 173         font-weight:                            bold;
 174 }
 175
 176 div#sidebar ul {
 177         margin-top:                                     0;
 178         margin-bottom:                  1em;
 179         padding:                                          0;
 180 }
 181
 182 div#sidebar ol li {
 183         margin:                                           0 0 2px 0px;
 184         padding:                                          0;
 185         line-height:                            1.3em;
 186         background-image:               none;
 187 }
 188
 189 div#sidebar ol li a {
 190         display:                                          block;
 191         width:                                            150px;
 192         padding:                                          0.2em 0;
 193 }
 194
 195 div#sidebar ul li  {
 196   margin-left: 10px;
 197 }
 198
 199 div#sidebar ol>ol  {
 200   padding-left: 5px;
 201   padding-right: 5px;
 202   list-style-type:                      none;
 203
 204 }
 205
 206 div#sidebar ol>ol li a {
 207         display:                                        block;
 208         width:                                          140px;
 209         padding:                                        0.2em 0;
 210         margin-left: 10px;
 211
 212 }
 213
 214 div#sidebar ol li a:hover {
 215 }
 216
 217 /* ----------------------------------------------------------------------------
 218         Specific site-wide elements
 219 ---------------------------------------------------------------------------- */
 220
 221 /* Introduction boxes */
 222
 223 .introduction {
 224
 225         margin-bottom:                          1em;
 226         padding:                                        1em;
 227         background-color:                       #D6DFE8;
 228 }
 229
 230 .introduction p {
 231         margin-bottom:                          0;
 232 }
 233
 234 /* Navigation */
 235
 236 ul#navMain {
 237         height:                                         22px;
 238         margin:                                         0;
 239         margin-left:      140px;
 240         padding:                                        16px 0;
 241
 242         list-style-type:                        none;
 243 }
 244
 245 ul#navMain li {
 246         display:                                        inline;
 247         background-image:                       none;
 248         margin:                                         0;
 249         padding:                                        0;
 250 }
 251
 252 ul#navMain li {
 253         border-left:                            1px solid #FFFFFF;
 254 }
 255
 256 ul#navMain li.first-child {
 257         /* Wouldn't it be nice if IE was up-to-date with the rest of the world so we could skip
 258         superfluous classes? */
 259         border-left:                            none;
 260 }
 261
 262 ul#navMain li a {
 263         padding:                                        0.2em 1em;
 264
 265         color:                                          #FFFFFF;
 266         text-decoration:                        none;
 267 }
 268
 269 ul#navMain li.first-child a {
 270         /* Wouldn't it be nice if IE was up-to-date with the rest of the world? */
 271         padding-left:                           0;
 272 }
 273
 274 ul#navMain li a:hover {
 275         text-decoration:                        underline;
 276         background-color:                       transparent;
 277 }
 278
 279 /* Mark the current page */
 280 ul#navMain li.current a {
 281         font-weight:                            bold;
 282 }
 283
 284
 285 /* ----------------------------------------------------------------------------
 286         Elements for specific areas
 287 ---------------------------------------------------------------------------- */
 288
 289 /* Weblog */
 290
 291 .blogEntry {
 292         margin-bottom:                          2em;
 293 }
 294
 295 .blogEntry h2 {
 296         margin-top:                                     0;
 297         margin-bottom:                          0;
 298 }
 299
 300 p.metaData {
 301         color:                                          #999999;
 302         font-size:                                      0.9em;
 303 }
 304
 305
 306 /* Reference documentation */
 307
 308 #reference #sidebar {
 309         display:                                        none;
 310         width:                                          0;
 311 }
 312
 313 #reference #content {
 314         margin-left:                            0;
 315 }
 316
 317 #reference #content #api {
 318         width:                                          100%;
 319         height:                                         800px;
 320 }
 321
 322 #reference #logo {
 323         width:                                          80px;
 324         height:                                         86px;
 325
 326         margin-right:                           0;
 327 }
 328
 329 #reference #logo img {
 330         height:                                         84px;
 331 }
 332
 333 #reference {
 334         /* The header is smaller on the reference page, move the background up so the menu is in the
 335         proper place still */
 336         background-position:            0 -70px;
 337 }
 338
 339 #reference #header {
 340         height:                                         90px;
 341 }
 342
 343 #reference #header h1 {
 344         height:                                         24px;
 345
 346         margin-top:                                     2px;
 347         margin-left:                            0;
 348
 349         background-image:                       none;
 350
 351         text-indent:                            0;
 352         font-size:                                      1.5em;
 353         font-weight:                            bold;
 354
 355 }
 356 #reference #container {
 357         max-width:                                      100%;
 358 }