mirror of
https://github.com/kennethreitz/dive-into-python3.git
synced 2026-06-05 15:00:18 +00:00
Mark Pilgrim
113 lines
5.4 KiB
CSS
113 lines
5.4 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
|
|
|
|
.note = "note/caution/important" = indented block for tips/gotchas/language comparisons
|
|
.baa = "best available ampersand" = wrapper block for ampersands
|
|
|
|
|
|
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/
|
|
"Return of the Mobile Style Sheet" ....................... http://www.alistapart.com/articles/returnofthemobilestylesheet
|
|
"Optimizing Web Content Using Conditional CSS" ........... http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/OptimizingforSafarioniPhone/chapter_3_section_2.html
|
|
*/
|
|
|
|
/* typography */
|
|
body,.w a{font:medium 'Gill Sans','Gill Sans MT',Corbel,Helvetica,Jara,'Nimbus Sans L',sans-serif;line-height:1.75;word-spacing:0.1em}
|
|
pre,kbd,samp,code,var{font-family:Consolas,'Andale Mono',Monaco,'Liberation Mono','Bitstream Vera Sans Mono','DejaVu Sans Mono',monospace;font-size:medium;line-height:1.75;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,pre,.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:white;color:darkslategray}
|
|
body{margin:1.75em 28px}
|
|
form div{float:right}
|
|
.c{text-align:center;margin:2.154em 0}
|
|
|
|
/* 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{font-weight:bold}
|
|
.p{color:#667}
|
|
|
|
/* overrides */
|
|
li ol,.q{margin:0}
|
|
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}
|
|
h2,h2 code{font-size:x-large}
|
|
h3,h3 code{font-size:large}
|
|
h1{border-bottom:4px double;width:100%;margin:1em 0}
|
|
h1:before{content:"Chapter " counter(h1) ". "}
|
|
h1{counter-reset:h2}
|
|
h2:before{counter-increment:h2;content:counter(h1) "." counter(h2) ". "}
|
|
h2{counter-reset:h3;border-top:1px dotted;padding-top:1.75em}
|
|
h2,h3{margin-top:1.75em}
|
|
#toc + h2{border:0;margin:0;padding:0}
|
|
#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}
|