| /** |
| * Jinja Webpage Design |
| */ |
| |
| body { |
| background-color: #333; |
| margin: 0; |
| padding: 0; |
| font-family: 'Georgia', serif; |
| font-size: 15px; |
| color: #111; |
| } |
| |
| p, li, dd, dt, blockquote { |
| color: #333; |
| } |
| |
| p { |
| line-height: 150%; |
| margin-bottom: 0; |
| margin-top: 10px; |
| text-align: justify; |
| } |
| |
| hr { |
| border-top: 1px solid #ccc; |
| border-bottom: 0; |
| border-right: 0; |
| border-left: 0; |
| margin-bottom: 10px; |
| margin-top: 20px; |
| } |
| |
| a { |
| color: #b41717; |
| } |
| |
| a:hover { |
| color: #444; |
| } |
| |
| pre { |
| background-color: #f9f9f9; |
| border-top: 1px solid #ccc; |
| border-bottom: 1px solid #ccc; |
| padding: 5px; |
| font-size: 13px; |
| font-family: 'Bitstream Vera Sans Mono', 'Monaco', monospace; |
| } |
| |
| table.docutils { |
| border-collapse: collapse; |
| border: 2px solid #aaa; |
| margin: 0.5em 1.5em 0.5em 1.5em; |
| } |
| |
| table.docutils td { |
| padding: 2px; |
| border: 1px solid #ddd; |
| } |
| |
| dl { |
| margin-left: 10px; |
| } |
| |
| li, dt { |
| margin-top: 5px; |
| } |
| |
| dt { |
| font-weight: bold; |
| } |
| |
| th { |
| text-align: left; |
| padding: 3px; |
| background-color: #f2f2f2; |
| } |
| |
| tt { |
| font-size: 13px; |
| font-family: 'Bitstream Vera Sans Mono', 'Monaco', monospace; |
| color: black; |
| padding: 1px 2px 1px 2px; |
| background-color: #f0f0f0; |
| } |
| |
| cite { |
| /* abusing <cite>, it's generated by ReST for `x` */ |
| font-size: 13px; |
| font-family: 'Bitstream Vera Sans Mono', 'Monaco', monospace; |
| font-weight: bold; |
| font-style: normal; |
| } |
| |
| div.admonition { |
| margin: 10px 0 10px 0; |
| padding: 10px; |
| border: 1px solid #ccc; |
| background-color: #f8f8f8; |
| } |
| |
| div.admonition p.admonition-title { |
| margin: -3px 0 5px 0; |
| font-weight: bold; |
| color: #b41717; |
| font-size: 16px; |
| } |
| |
| div.admonition p { |
| margin: 0 0 0 40px; |
| } |
| |
| #content { |
| background-color: white; |
| background-image: url(watermark.png); |
| padding: 10px; |
| margin: 25px 25px 0 25px; |
| border: 4px solid #ddd; |
| border-bottom: none; |
| } |
| |
| #footer { |
| margin: 0 25px 25px 25px; |
| border: 4px solid #ddd; |
| border-top: none; |
| background-color: #fff; |
| color: #999; |
| text-align: right; |
| padding: 0 20px 20px 0; |
| } |
| |
| #contentwrapper { |
| max-width: 700px; |
| padding: 0 10px 0 20px; |
| } |
| |
| #header { |
| height: 80px; |
| background-color: #eee; |
| background-image: url(jinjabanner.png); |
| background-repeat: no-repeat; |
| border-bottom: 4px solid #ccc; |
| } |
| |
| #header h1 { |
| display: none |
| } |
| |
| #navigation { |
| background-color: #fff; |
| border: 1px solid #ccc; |
| border-right: none; |
| margin: 50px 29px 10px 10px; |
| padding: 0; |
| float: right; |
| list-style: none; |
| font-weight: bold; |
| } |
| |
| #navigation li { |
| margin: 0; |
| } |
| |
| #navigation li a { |
| display: block; |
| text-decoration: none; |
| padding: 5px 10px 5px 10px; |
| color: #333; |
| } |
| |
| #navigation li a:hover { |
| color: #fff; |
| background-color: #444; |
| } |
| |
| #navigation li.active { |
| background-color: #b41717; |
| } |
| |
| #navigation li.active a { |
| color: #fff; |
| } |
| |
| #navigation li a:focus { |
| outline: none; |
| background-color: #222; |
| color: #fff; |
| } |
| |
| #contentwrapper h1 { |
| color: #b41717; |
| font-size: 26px; |
| margin: 20px 0 0 -5px; |
| } |
| |
| #contentwrapper h2 { |
| color: #444; |
| font-size: 20px; |
| margin: 20px 0 0 0; |
| } |
| |
| #contentwrapper h2.toc { |
| color: #222; |
| font-size: 16px; |
| margin: 20px 0 0 0; |
| } |