boostbook.css 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745
  1. /*=============================================================================
  2. Copyright (c) 2004 Joel de Guzman
  3. http://spirit.sourceforge.net/
  4. Copyright 2013 Niall Douglas additions for colors and alignment.
  5. Copyright 2013 Paul A. Bristow additions for more colors and alignments.
  6. Distributed under the Boost Software License, Version 1.0. (See accompany-
  7. ing file LICENSE_1_0.txt or copy at http://www.boost.org/LICENSE_1_0.txt)
  8. =============================================================================*/
  9. /*=============================================================================
  10. Body defaults
  11. =============================================================================*/
  12. body
  13. {
  14. margin: 1em;
  15. font-family: sans-serif;
  16. }
  17. /*=============================================================================
  18. Paragraphs
  19. =============================================================================*/
  20. p
  21. {
  22. text-align: left;
  23. font-size: 10pt;
  24. line-height: 1.15;
  25. }
  26. .epigraph
  27. {
  28. text-align: right;
  29. padding-left: 50%;
  30. font-size: 110%;
  31. font-family: Century Gothic;
  32. font-style: italic;
  33. font-weight: bold;
  34. display: block;
  35. }
  36. /*=============================================================================
  37. Program listings
  38. =============================================================================*/
  39. /* Code on paragraphs */
  40. p tt.computeroutput
  41. {
  42. font-size: 9pt;
  43. }
  44. pre.synopsis
  45. {
  46. font-size: 9pt;
  47. margin: 1pc 4% 0pc 4%;
  48. padding: 0.5pc 0.5pc 0.5pc 0.5pc;
  49. }
  50. .programlisting,
  51. .screen
  52. {
  53. font-size: 9pt;
  54. display: block;
  55. margin: 1pc 4% 0pc 4%;
  56. padding: 0.5pc 0.5pc 0.5pc 0.5pc;
  57. }
  58. /* Program listings in tables don't get borders */
  59. td .programlisting,
  60. td .screen
  61. {
  62. margin: 0pc 0pc 0pc 0pc;
  63. padding: 0pc 0pc 0pc 0pc;
  64. }
  65. /*=============================================================================
  66. Headings
  67. =============================================================================*/
  68. h1, h2, h3, h4, h5, h6
  69. {
  70. text-align: left;
  71. margin: 1em 0em 0.5em 0em;
  72. font-weight: bold;
  73. }
  74. h1 { font-size: 140%; }
  75. h2 { font-weight: bold; font-size: 140%; }
  76. h3 { font-weight: bold; font-size: 130%; }
  77. h4 { font-weight: bold; font-size: 120%; }
  78. h5 { font-weight: normal; font-style: italic; font-size: 100%; }
  79. h6 { font-weight: normal; font-style: italic; font-size: 90%; }
  80. /* Top page titles */
  81. title,
  82. h1.title,
  83. h2.title
  84. h3.title,
  85. h4.title,
  86. h5.title,
  87. h6.title,
  88. .refentrytitle
  89. {
  90. font-weight: bold;
  91. margin-bottom: 1pc;
  92. }
  93. h1.title { font-size: 140% }
  94. h2.title { font-size: 140% }
  95. h3.title { font-size: 130% }
  96. h4.title { font-size: 120% }
  97. h5.title { font-size: 110% }
  98. h6.title { font-size: 100% }
  99. .section h1
  100. {
  101. margin: 0em 0em 0.5em 0em;
  102. font-size: 140%;
  103. }
  104. .section h2 { font-size: 140% }
  105. .section h3 { font-size: 130% }
  106. .section h4 { font-size: 120% }
  107. .section h5 { font-size: 100% }
  108. .section h6 { font-size: 80% }
  109. /* Code on titles */
  110. h1 tt.computeroutput { font-size: 140% }
  111. h2 tt.computeroutput { font-size: 140% }
  112. h3 tt.computeroutput { font-size: 130% }
  113. h4 tt.computeroutput { font-size: 130% }
  114. h5 tt.computeroutput { font-size: 130% }
  115. h6 tt.computeroutput { font-size: 130% }
  116. /*=============================================================================
  117. Author
  118. =============================================================================*/
  119. h3.author
  120. {
  121. font-size: 100%
  122. }
  123. /*=============================================================================
  124. Lists
  125. =============================================================================*/
  126. li
  127. {
  128. font-size: 10pt;
  129. line-height: 1.3;
  130. }
  131. /* Unordered lists */
  132. ul
  133. {
  134. text-align: left;
  135. }
  136. /* Ordered lists */
  137. ol
  138. {
  139. text-align: left;
  140. }
  141. /*=============================================================================
  142. Links
  143. =============================================================================*/
  144. a
  145. {
  146. text-decoration: none; /* no underline */
  147. }
  148. a:hover
  149. {
  150. text-decoration: underline;
  151. }
  152. /*=============================================================================
  153. Spirit style navigation
  154. =============================================================================*/
  155. .spirit-nav
  156. {
  157. text-align: right;
  158. }
  159. .spirit-nav a
  160. {
  161. color: white;
  162. padding-left: 0.5em;
  163. }
  164. .spirit-nav img
  165. {
  166. border-width: 0px;
  167. }
  168. /*=============================================================================
  169. Copyright footer
  170. =============================================================================*/
  171. .copyright-footer
  172. {
  173. text-align: right;
  174. font-size: 70%;
  175. }
  176. .copyright-footer p
  177. {
  178. text-align: right;
  179. font-size: 80%;
  180. }
  181. /*=============================================================================
  182. Table of contents
  183. =============================================================================*/
  184. div.toc
  185. {
  186. margin: 1pc 4% 0pc 4%;
  187. padding: 0.1pc 1pc 0.1pc 1pc;
  188. font-size: 80%;
  189. line-height: 1.15;
  190. }
  191. .boost-toc
  192. {
  193. float: right;
  194. padding: 0.5pc;
  195. }
  196. /* Code on toc */
  197. .toc .computeroutput { font-size: 120% }
  198. /* No margin on nested menus */
  199. .toc dl dl { margin: 0; }
  200. /*=============================================================================
  201. Tables
  202. =============================================================================*/
  203. .table-title,
  204. div.table p.title
  205. {
  206. margin-left: 4%;
  207. padding-right: 0.5em;
  208. padding-left: 0.5em;
  209. }
  210. .informaltable table,
  211. .table table
  212. {
  213. width: 92%;
  214. margin-left: 4%;
  215. margin-right: 4%;
  216. }
  217. div.informaltable table,
  218. div.table table
  219. {
  220. padding: 4px;
  221. }
  222. /* Table Cells */
  223. div.informaltable table tr td,
  224. div.table table tr td
  225. {
  226. padding: 0.5em;
  227. text-align: left;
  228. font-size: 9pt;
  229. }
  230. div.informaltable table tr th,
  231. div.table table tr th
  232. {
  233. padding: 0.5em 0.5em 0.5em 0.5em;
  234. border: 1pt solid white;
  235. font-size: 80%;
  236. }
  237. table.simplelist
  238. {
  239. width: auto !important;
  240. margin: 0em !important;
  241. padding: 0em !important;
  242. border: none !important;
  243. }
  244. table.simplelist td
  245. {
  246. margin: 0em !important;
  247. padding: 0em !important;
  248. text-align: left !important;
  249. font-size: 9pt !important;
  250. border: none !important;
  251. }
  252. /*=============================================================================
  253. Blurbs
  254. =============================================================================*/
  255. div.note,
  256. div.tip,
  257. div.important,
  258. div.caution,
  259. div.warning,
  260. p.blurb
  261. {
  262. font-size: 9pt; /* A little bit smaller than the main text */
  263. line-height: 1.2;
  264. display: block;
  265. margin: 1pc 4% 0pc 4%;
  266. padding: 0.5pc 0.5pc 0.5pc 0.5pc;
  267. }
  268. p.blurb img
  269. {
  270. padding: 1pt;
  271. }
  272. /*=============================================================================
  273. Variable Lists
  274. =============================================================================*/
  275. div.variablelist
  276. {
  277. margin: 1em 0;
  278. }
  279. /* Make the terms in definition lists bold */
  280. div.variablelist dl dt,
  281. span.term
  282. {
  283. font-weight: bold;
  284. font-size: 10pt;
  285. }
  286. div.variablelist table tbody tr td
  287. {
  288. text-align: left;
  289. vertical-align: top;
  290. padding: 0em 2em 0em 0em;
  291. font-size: 10pt;
  292. margin: 0em 0em 0.5em 0em;
  293. line-height: 1;
  294. }
  295. div.variablelist dl dt
  296. {
  297. margin-bottom: 0.2em;
  298. }
  299. div.variablelist dl dd
  300. {
  301. margin: 0em 0em 0.5em 2em;
  302. font-size: 10pt;
  303. }
  304. div.variablelist table tbody tr td p,
  305. div.variablelist dl dd p
  306. {
  307. margin: 0em 0em 0.5em 0em;
  308. line-height: 1;
  309. }
  310. /*=============================================================================
  311. Misc
  312. =============================================================================*/
  313. /* Title of books and articles in bibliographies */
  314. span.title
  315. {
  316. font-style: italic;
  317. }
  318. span.underline
  319. {
  320. text-decoration: underline;
  321. }
  322. span.strikethrough
  323. {
  324. text-decoration: line-through;
  325. }
  326. /* Copyright, Legal Notice */
  327. div div.legalnotice p
  328. {
  329. text-align: left
  330. }
  331. /*=============================================================================
  332. Colors
  333. =============================================================================*/
  334. @media screen
  335. {
  336. body {
  337. background-color: #FFFFFF;
  338. color: #000000;
  339. }
  340. /* Syntax Highlighting */
  341. .keyword { color: #0000AA; }
  342. .identifier { color: #000000; }
  343. .special { color: #707070; }
  344. .preprocessor { color: #402080; }
  345. .char { color: teal; }
  346. .comment { color: #800000; }
  347. .string { color: teal; }
  348. .number { color: teal; }
  349. .white_bkd { background-color: #FFFFFF; }
  350. .dk_grey_bkd { background-color: #999999; }
  351. /* Links */
  352. a, a .keyword, a .identifier, a .special, a .preprocessor
  353. a .char, a .comment, a .string, a .number
  354. {
  355. color: #0082BF;
  356. }
  357. a:visited, a:visited .keyword, a:visited .identifier,
  358. a:visited .special, a:visited .preprocessor, a:visited .char,
  359. a:visited .comment, a:visited .string, a:visited .number
  360. {
  361. color: #2DBBFF;
  362. }
  363. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
  364. h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
  365. h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
  366. {
  367. text-decoration: none; /* no underline */
  368. color: #000000;
  369. }
  370. /* Copyright, Legal Notice */
  371. .copyright
  372. {
  373. color: #666666;
  374. font-size: small;
  375. }
  376. div div.legalnotice p
  377. {
  378. color: #666666;
  379. }
  380. /* Program listing */
  381. pre.synopsis
  382. {
  383. border: 1px solid #DCDCDC;
  384. box-shadow: 4px 4px 2px #9D9D9D;
  385. background-color: #EEEEF3;
  386. }
  387. .programlisting,
  388. .screen
  389. {
  390. border: 1px solid #DCDCDC;
  391. background-color: #EEEEF3;
  392. }
  393. td .programlisting,
  394. td .screen
  395. {
  396. border: 0px solid #DCDCDC;
  397. }
  398. /* Blurbs */
  399. div.note,
  400. div.tip,
  401. div.important,
  402. div.caution,
  403. div.warning,
  404. p.blurb
  405. {
  406. border: 1px solid #DCDCDC;
  407. }
  408. div.sidebar
  409. {
  410. border: 1px solid #DCDCDC;
  411. box-shadow: 5px 5px 2px #9D9D9D;
  412. background-color: #EEEEF3;
  413. }
  414. /* Table of contents */
  415. div.toc,
  416. div.toc-main
  417. {
  418. border: 1px solid #DCDCDC;
  419. box-shadow: 5px 5px 2px #9D9D9D;
  420. background-color: #EEEEF3;
  421. margin-bottom: 10px;
  422. }
  423. div.toc a:visited
  424. {
  425. color: #0082BF;
  426. }
  427. /* Tables */
  428. div.informaltable table tr td,
  429. div.table table tr td
  430. {
  431. border: 1px solid #DCDCDC;
  432. background-color: #EEEEF3;
  433. }
  434. div.informaltable table tr th,
  435. div.table table tr th
  436. {
  437. background-color: #E3F9E4;
  438. border: 1px solid #DCDCDC;
  439. }
  440. .copyright-footer
  441. {
  442. color: #8F8F8F;
  443. }
  444. /* Misc */
  445. span.highlight
  446. {
  447. color: #00A000;
  448. }
  449. }
  450. @media print
  451. {
  452. /* Links */
  453. a
  454. {
  455. color: black;
  456. }
  457. a:visited
  458. {
  459. color: black;
  460. }
  461. .spirit-nav
  462. {
  463. display: none;
  464. }
  465. /* Program listing */
  466. pre.synopsis
  467. {
  468. border: 1px solid gray;
  469. background-color: #EEEEF3;
  470. }
  471. .programlisting,
  472. .screen
  473. {
  474. border: 1px solid gray;
  475. background-color: #EEEEF3;
  476. }
  477. td .programlisting,
  478. td .screen
  479. {
  480. border: 0px solid #DCDCDC;
  481. }
  482. /* Table of contents */
  483. div.toc
  484. {
  485. border: 1px solid #DCDCDC;
  486. box-shadow: 5px 5px 2px #9D9D9D;
  487. background-color: #EEEEF3;
  488. }
  489. /* Table of contents */
  490. div.toc-main
  491. {
  492. border: 1px solid #DCDCDC;
  493. box-shadow: 5px 5px 2px #9D9D9D;
  494. background-color: #EEEEF3;
  495. }
  496. .informaltable table,
  497. .table table
  498. {
  499. border: 1px solid #DCDCDC;
  500. box-shadow: 4px 4px 2px #9D9D9D;
  501. border-collapse: collapse;
  502. background-color: #EEEEF3;
  503. }
  504. /* Tables */
  505. div.informaltable table tr td,
  506. div.table table tr td
  507. {
  508. border: 1px solid #DCDCDC;
  509. background-color: #EEEEF3;
  510. }
  511. div.informaltable table tr th,
  512. div.table table tr th
  513. {
  514. border: 1px solid #DCDCDC;
  515. background-color: #EEEEF3;
  516. }
  517. table.simplelist tr td
  518. {
  519. border: none !important;
  520. }
  521. /* Misc */
  522. span.highlight
  523. {
  524. font-weight: bold;
  525. }
  526. }
  527. /*=============================================================================
  528. Images
  529. =============================================================================*/
  530. span.inlinemediaobject img
  531. {
  532. vertical-align: middle;
  533. }
  534. /*==============================================================================
  535. Super and Subscript: style so that line spacing isn't effected, see
  536. http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=1&postId=5341
  537. ==============================================================================*/
  538. sup,
  539. sub {
  540. height: 0;
  541. line-height: 1;
  542. vertical-align: baseline;
  543. position: relative;
  544. }
  545. /* For internet explorer: */
  546. * html sup,
  547. * html sub {
  548. vertical-align: bottom;
  549. }
  550. sup {
  551. bottom: 1ex;
  552. }
  553. sub {
  554. top: .5ex;
  555. }
  556. /*==============================================================================
  557. Indexes: pretty much the same as the TOC.
  558. ==============================================================================*/
  559. .index
  560. {
  561. font-size: 80%;
  562. padding-top: 0px;
  563. padding-bottom: 0px;
  564. margin-top: 0px;
  565. margin-bottom: 0px;
  566. margin-left: 0px;
  567. }
  568. .index ul
  569. {
  570. padding-left: 3em;
  571. }
  572. .index p
  573. {
  574. padding: 2px;
  575. margin: 2px;
  576. }
  577. .index-entry-level-0
  578. {
  579. font-weight: bold;
  580. }
  581. .index em
  582. {
  583. font-weight: bold;
  584. }
  585. /*==============================================================================
  586. Alignment and coloring use 'role' feature, available from Quickbook 1.6 up.
  587. Added from Niall Douglas for role color and alignment.
  588. http://article.gmane.org/gmane.comp.lib.boost.devel/243318
  589. */
  590. /* Add text alignment (see http://www.w3schools.com/cssref/pr_text_text-align.asp) */
  591. span.aligncenter
  592. {
  593. display: inline-block; width: 100%; text-align: center;
  594. }
  595. span.alignright
  596. {
  597. display: inline-block; width: 100%; text-align: right;
  598. }
  599. /* alignleft is the default. */
  600. span.alignleft
  601. {
  602. display: inline-block; width: 100%; text-align: left;
  603. }
  604. /* alignjustify stretches the word spacing so that each line has equal width
  605. within a chosen fraction of page width (here arbitrarily 20%).
  606. *Not* useful inside table items as the column width remains the total string width.
  607. Nor very useful, except to temporarily restrict the width.
  608. */
  609. span.alignjustify
  610. {
  611. display: inline-block; width: 20%; text-align: justify;
  612. }
  613. /* Text colors.
  614. Names at http://www.w3.org/TR/2002/WD-css3-color-20020219/ 4.3. X11 color keywords.
  615. Quickbook Usage: [role red Some red text]
  616. */
  617. span.red { inline-block; color: red; }
  618. span.green { color: green; }
  619. span.lime { color: #00FF00; }
  620. span.blue { color: blue; }
  621. span.navy { color: navy; }
  622. span.yellow { color: yellow; }
  623. span.magenta { color: magenta; }
  624. span.indigo { color: #4B0082; }
  625. span.cyan { color: cyan; }
  626. span.purple { color: purple; }
  627. span.gold { color: gold; }
  628. span.silver { color: silver; } /* lighter gray */
  629. span.gray { color: #808080; } /* light gray */