mirror of
https://github.com/kennethreitz/dive-into-python3.git
synced 2026-06-05 15:00:18 +00:00
Mark Pilgrim
282 lines
6.3 KiB
CSS
282 lines
6.3 KiB
CSS
/*
|
|
|
|
"Dive Into Python 3" stylesheet
|
|
|
|
Copyright (c) 2009, Mark Pilgrim, All rights reserved.
|
|
|
|
Redistribution and use in source and binary forms, with or without modification,
|
|
are permitted provided that the following conditions are met:
|
|
|
|
* Redistributions of source code must retain the above copyright notice,
|
|
this list of conditions and the following disclaimer.
|
|
* Redistributions in binary form must reproduce the above copyright notice,
|
|
this list of conditions and the following disclaimer in the documentation
|
|
and/or other materials provided with the distribution.
|
|
|
|
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 'AS IS'
|
|
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
|
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
|
|
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
|
|
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
|
|
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
|
|
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
|
|
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
|
|
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
|
|
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
|
|
POSSIBILITY OF SUCH DAMAGE.
|
|
|
|
|
|
Classname Legend
|
|
|
|
.w = "widgets" = wrapper block for hide/open/download links dynamically inserted into code listings
|
|
.b = "block" = internal block dynamically inserted into code listings
|
|
.d = "download" = download link for code listings
|
|
.p = "prompt" = command-line or interactive shell prompt within code listings
|
|
.q = "quote" = quote at beginning of each chapter
|
|
.f = "fancy" = first paragraph of each chapter (gets a fancy drop-cap)
|
|
.c = "centered" = centered footer text (also clears floats)
|
|
.s = "simple" =
|
|
|
|
.nm = "no mobile" = hide this section on mobile devices
|
|
.nd = "no decoration" = hide the widgets on this code block
|
|
|
|
.note = "note/caution/important" = indented block for tips/gotchas/language comparisons
|
|
.baa = "best available ampersand" = wrapper block for ampersands
|
|
.nav = "navigation" = prev/next navigation links (not breadcrumbs)
|
|
|
|
|
|
Acknowledgements & Inspirations
|
|
|
|
"The Elements of Typographic Style Applied to the Web" ... http://webtypography.net/toc/
|
|
"Setting Type on the Web to a Baseline Grid" ............. http://www.alistapart.com/articles/settingtypeontheweb
|
|
"Compose to a Vertical Rhythm" ........................... http://24ways.org/2006/compose-to-a-vertical-rhythm
|
|
"Use the Best Available Ampersand" ....................... http://simplebits.com/notebook/2008/08/14/ampersands.html
|
|
"Unicode Support in HTML, Fonts, and Web Browsers" ....... http://alanwood.net/unicode/
|
|
*/
|
|
|
|
/* typography */
|
|
|
|
body, .w a {
|
|
font: medium/1.75 'Gill Sans', 'Gill Sans MT', Corbel, Helvetica, 'Nimbus Sans L', sans-serif;
|
|
word-spacing: 0.1em;
|
|
}
|
|
pre, kbd, samp, code, var, .b {
|
|
font: small/2.154 Consolas, 'Andale Mono', Monaco, 'Liberation Mono', 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', monospace;
|
|
word-spacing: 0;
|
|
}
|
|
span {
|
|
font: medium 'Arial Unicode MS', FreeSerif, OpenSymbol, 'DejaVu Sans', sans-serif;
|
|
}
|
|
pre span {
|
|
font-family: 'Arial Unicode MS', 'DejaVu Sans', FreeSerif, OpenSymbol, sans-serif;
|
|
}
|
|
.baa {
|
|
font: oblique large Constantia, Baskerville, Palatino, 'Palatino Linotype', 'URW Palladio L', serif;
|
|
}
|
|
abbr {
|
|
font-variant: small-caps;
|
|
text-transform: lowercase;
|
|
letter-spacing: 0.1em;
|
|
}
|
|
.q {
|
|
text-align: right;
|
|
font-style: oblique;
|
|
}
|
|
.q span {
|
|
font-size: large;
|
|
}
|
|
.note {
|
|
margin: 3.5em 4.94em;
|
|
}
|
|
.note span {
|
|
display: block;
|
|
float: left;
|
|
font-size: xx-large;
|
|
line-height: 0.875;
|
|
margin: 0 0.22em 0 -1.22em;
|
|
color: steelblue;
|
|
}
|
|
.c, w, .w a, .d {
|
|
line-height: 2.154;
|
|
}
|
|
.f:first-letter {
|
|
float: left;
|
|
color: lightblue;
|
|
padding: 0.11em 4px 0 0;
|
|
font: normal 4em/0.68 serif;
|
|
}
|
|
p, ul, ol {
|
|
margin: 1.75em 0;
|
|
font-size: medium;
|
|
}
|
|
|
|
/* basics */
|
|
|
|
html {
|
|
background: #fff url(grid28.gif);
|
|
color: #222;
|
|
}
|
|
body {
|
|
margin: 1.75em 28px;
|
|
}
|
|
.c {
|
|
clear: both;
|
|
text-align: center;
|
|
margin: 2.154em 0;
|
|
}
|
|
form div, #level {
|
|
float: right;
|
|
}
|
|
.todo {
|
|
color: #ddd;
|
|
}
|
|
|
|
/* links */
|
|
|
|
a {
|
|
text-decoration: none;
|
|
border-bottom: 1px dotted;
|
|
}
|
|
a:hover {
|
|
border-bottom: 1px solid;
|
|
}
|
|
a:link, .w a {
|
|
color: steelblue;
|
|
}
|
|
a:visited {
|
|
color: darkorchid;
|
|
}
|
|
.c a {
|
|
color: inherit;
|
|
}
|
|
|
|
/* code blocks */
|
|
|
|
pre {
|
|
white-space: pre-wrap;
|
|
padding-left: 2.154em;
|
|
border-left: 1px solid #ddd;
|
|
}
|
|
.w {
|
|
float: left;
|
|
}
|
|
.c, .w, .w a, .d {
|
|
font-size: small;
|
|
}
|
|
.b, ol, p, blockquote, h1, h2, h3 {
|
|
clear: left;
|
|
}
|
|
pre a, .w a {
|
|
padding: 0.4375em 0;
|
|
}
|
|
.w a {
|
|
text-decoration: underline;
|
|
}
|
|
kbd, mark {
|
|
font-weight: bold;
|
|
}
|
|
mark {
|
|
display: inline-block;
|
|
width: 100%;
|
|
background: #ff8;
|
|
}
|
|
pre span, .p {
|
|
color: #667;
|
|
}
|
|
|
|
/* overrides */
|
|
|
|
li ol, .q {
|
|
margin: 0;
|
|
}
|
|
code, var, samp {
|
|
line-height:inherit !important;
|
|
}
|
|
pre a, .w a, pre a:hover {
|
|
border: 0;
|
|
}
|
|
|
|
/* headers and pullquotes */
|
|
|
|
h1, h2, h3, aside {
|
|
font-family: "Book Antiqua", Palatino, Georgia, serif;
|
|
}
|
|
h1, h2, h3 {
|
|
font-variant: small-caps;
|
|
}
|
|
h1, h2 {
|
|
letter-spacing: -1px;
|
|
}
|
|
h1, h1 code {
|
|
font-size: xx-large;
|
|
line-height: 1.72;
|
|
}
|
|
h2, h2 code {
|
|
font-size: x-large;
|
|
line-height: 2.334;
|
|
margin: 2.334em 0;
|
|
}
|
|
h3, h3 code {
|
|
font-size: large;
|
|
line-height: 3.112;
|
|
margin: 3.112em 0;
|
|
}
|
|
h1 {
|
|
border-bottom: 4px double;
|
|
width: 100%;
|
|
margin: 1.71em 0 1.72em 0;
|
|
counter-reset: h2;
|
|
}
|
|
h1:before {
|
|
content: "Chapter " counter(h1) ". ";
|
|
}
|
|
h2:before {
|
|
counter-increment: h2;
|
|
content: counter(h1) "." counter(h2) ". ";
|
|
}
|
|
h2 {
|
|
counter-reset: h3;
|
|
}
|
|
#toc + h2:before {
|
|
content: "";
|
|
}
|
|
h3:before {
|
|
counter-increment: h3;
|
|
content: counter(h1) "." counter(h2) "." counter(h3) ". ";
|
|
}
|
|
aside {
|
|
display: block;
|
|
float: right;
|
|
font-style: oblique;
|
|
font-size: xx-large;
|
|
width: 25%;
|
|
margin: 1.75em 0 .75em 1.75em;
|
|
background: steelblue;
|
|
color: white;
|
|
padding: 1.75em;
|
|
border: 1px solid;
|
|
-moz-border-radius: 1em;
|
|
-webkit-border-radius: 1em;
|
|
border-radius: 1em;
|
|
}
|
|
|
|
/* previous/next navigation links */
|
|
|
|
.nav a {
|
|
text-decoration: none;
|
|
border: 0;
|
|
display: block;
|
|
}
|
|
.nav a:first-child {
|
|
float: left;
|
|
}
|
|
.nav a:last-child {
|
|
float: right;
|
|
}
|
|
.nav span {
|
|
font-size: 1000%;
|
|
line-height: 1;
|
|
margin: 0;
|
|
text-shadow: gainsboro 3px 3px 3px;
|
|
}
|