add bfg docs

src/style.css

@@ -0,0 +1,441 @@
+<style>
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+  margin-right: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  vertical-align: baseline; 
+}
+
+h1, h2, h3, h4, h5, h6 { 
+	hyphens: none !important;
+  -moz-hyphens: none !important;
+  -webkit-hyphens: none !important;
+  adobe-hyphenate: none !important;
+  page-break-after: avoid;
+  page-break-inside: avoid;
+  text-indent: 0px;
+  text-align: left;
+  font-family: Helvetica, Arial, sans-serif;
+  clear: both
+}
+
+h1 { 
+	font-size: 1.6em;
+  margin-bottom: .5em; 
+  text-transform: uppercase;
+  }
+
+.title h1 { 
+	margin-bottom: 0px;
+  margin-top: 3.2em; 
+  text-align: center;
+  }
+
+.author  { 
+	margin-bottom: 0px;
+  margin-top: 1em; 
+  text-align: center;
+}
+
+h2 { 
+	font-size: 1.4em;
+  margin-top: 0.5em;
+  margin-bottom: 0.3em;
+  text-transform: uppercase;
+  }
+
+h2.title { 
+	margin-bottom: 0px;
+  margin-top: 1em; 
+  text-align: center;}
+
+h3 { 
+	font-size: 1.2em;
+	margin-bottom: 0.2em;
+}
+
+h3.title{
+	text-align: center;
+}
+	
+h4 { font-size: 0.9em; 
+	text-align: left;}
+
+h5 { font-size: 0.244em; }
+
+h6 { font-size: 0.153em; }
+
+p { font-family: "Palatino", "Times New Roman", Caecilia, serif;
+  -webkit-hyphens: auto;
+  -moz-hyphens: auto;
+  hyphens: auto;
+  hyphenate-after: 3;
+  hyphenate-before: 3;
+  hyphenate-lines: 2;
+  -webkit-hyphenate-after: 3;
+  -webkit-hyphenate-before: 3;
+  -webkit-hyphenate-lines: 2;
+  line-height: 1.5em;
+  margin: .5;
+  margin-bottom: 1em;
+  text-align: justify;
+  text-indent: 0;
+  orphans: 2;
+  widows: 2; }
+
+p.indent { text-indent: .5em; }
+
+p.sidebar {margin: .5em 0 0 .5em !important;
+	padding: .5em !important;
+	float:right !important;
+	width:30%;
+	font-size: 1.75em;
+	font-style: bold;
+	text-align: left;
+	text-indent: 0; }
+
+p.smaller{ font-size: .85em; }
+
+p.legalnotice { font-size: .85em;
+	font-style: italic; }
+
+p.img { border-radius: 0;
+	border: none; }
+
+/* sidebar */
+p.note-title, .admonition-title { margin-top: 0;
+	/*mobi doesn't like div margins */
+	font-variant: small-caps;
+	font-size: 0.9em;
+	text-align: center;
+	font-weight: bold;
+	font-style: normal;
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	hyphens: none; }
+
+p.no-hyphens {
+	hyphens: none !important;
+	-moz-hyphens: none !important;
+	-webkit-hyphens: none !important;
+	adobe-hyphenate: none !important; }
+
+p.example {
+    font-style: italic;
+}
+
+em { 
+	font-weight: bold;
+	font-style: normal;
+}
+
+/* lists */
+ul, ol, dl {
+  margin: 0em 0em 0em .5em;
+  padding: 0em 0em 0em .5em;
+  text-align: left;
+  text-indent: .25em;
+  }
+
+ol.upperroman { list-style-type: upper-roman; }
+
+ol.lowerroman { list-style-type: lower-roman; }
+
+ol.upperalpha { list-style-type: upper-alpha; }
+
+ol.loweralpha { list-style-type: lower-alpha; }
+
+ol.decimal { list-style-type: decimal; }
+
+ol.none { list-style-type: none; }
+
+ol.parens { list-style: none;
+  counter-reset: steps; }
+
+ol.parens > li {
+  counter-increment: steps;
+  position: relative;
+  margin-bottom: 0.5%; }
+
+ol.parens > li::before {
+  content: "(" counter(steps) ") ";
+  position: absolute;
+  left: -1.5em; }
+
+ul { 
+	list-style-type: disc;
+}
+ 
+li { font-family: "Palatino", "Times New Roman", Caecilia, serif;
+  line-height: 1.5em;
+  orphans: 2;
+  widows: 2;
+  text-align: justify;
+  text-indent: 0;
+  margin: 0; }
+
+li p { text-indent: 0em; }
+
+dt { font-weight: bold;
+  font-family: Helvetica, Arial, sans-serif; }
+
+dd { line-height: 1.5em;
+  font-family: "Palatino", "Times New Roman", Caecilia, serif;  }
+
+/* Fix paragraph indenting inside of definition lists */
+dd p { text-indent: 0em; }
+
+blockquote {
+  margin-left: 1em;
+  margin-right: 1em;
+  line-height: 1.5em;
+  font-style: italic; }
+
+blockquote p.first-para, blockquote p { text-indent: 0; }
+
+blockquote.play { font-style: regular; }
+
+img { border-radius: 0.3em;
+  -webkit-border-radius: 0.3em;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
+  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
+  box-sizing: border-box;
+  /* Don't go too big on images, let reader zoom in if they care to */
+  max-width: 80%;
+  max-height: 80%; 
+  padding: 2em;
+}
+
+img.pwhack { /* Paperwhite hack */
+  width: 100%; }
+
+.caption { text-align: center;
+  font-size: 0.8em;
+  font-weight: bold; }
+
+div.div-literal-block-admonition { margin-left: 1em;
+  background-color: #cccccc; }
+
+div.note, div.tip, div.hint { margin: 1em 0 1em 0 !important;
+  background-color: #cccccc;
+  padding: 1em !important;
+  /* kindle is finnicky with borders, bottoms dissappear, width is ignored */
+  border-top: 0px solid #cccccc;
+  border-bottom: 0px dashed #cccccc;
+  page-break-inside: avoid; }
+
+div.coverBox { text-align: center;
+  page-break-after: always;
+  padding: 0px;
+  margin: 0px; }
+  
+div.rotate-text {
+	tranform: rotate(90deg);
+}
+
+div.cardgraphic {
+  float: left;
+  padding: 5px;
+  width: 48%;
+  height: auto; }
+
+div.card {
+  page-break-inside: avoid;
+  page-break-after: always;
+  clear: both; }
+
+/*  font-style: italic */
+/* Since Kindle doesn't like multiple classes have to have combinations */
+div.note p.note-p-first {
+  text-indent: 0;
+  margin-left: 0;
+  margin-right: 0; }
+
+div.note p, .note-p { text-indent: 1em;
+  margin-left: 0;
+  margin-right: 0; }
+
+div.center { margin: auto; }
+
+span.name { font-style: italic; }
+
+/* Tables */
+/*width: 100% */
+table { 
+  border: 2em;
+  page-break-inside: avoid;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 4px;
+  }
+  
+th { font-variant: small-caps;
+  padding: 3px !important;
+  vertical-align: center;
+}
+
+td { font-family: "Palatino", "Times New Roman", Caecilia, serif;
+  padding: 3px !important;
+  page-break-inside: avoid;
+  text-align: center;
+  text-indent: 0;
+  vertical-align: center; 
+}
+
+td:nth-last-child { border-bottom: 1px solid black; }
+
+sup { 
+	vertical-align: super;
+  font-size: 0.5em;
+  line-height: 0.5em; }
+
+sub { 
+	vertical-align: sub;
+  font-size: 0.5em;
+  line-height: 0.5em; }
+
+table.footnote { margin: 0.5em 0em 0em 0em; }
+
+.footnote { 
+	font-size: 0.8em;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.footnote-link { 
+	font-size: 0.8em;
+  vertical-align: super; 
+}
+
+/* empty */
+.tocEntry-1 a { font-weight: bold;
+  text-decoration: none;
+  color: black; }
+
+.tocEntry-2 a { margin-left: 1em;
+  text-indent: 1em;
+  text-decoration: none;
+  color: black; }
+
+.tocEntry-3 a { text-indent: 2em;
+  text-decoration: none;
+  color: black; }
+
+.tocEntry-4 a { text-indent: 3em;
+  text-decoration: none;
+  color: black; }
+
+.copyright-top { margin-top: 6em; }
+
+
+/* Samples */
+
+.dashed { border: 2px dashed #ef2929; }
+
+.padding-only { padding: 1em; }
+
+.margin-only { margin: 2em; }
+
+.smaller { font-size: 0.8em; }
+
+.group { page-break-inside: avoid; }
+
+.clear { clear: both; }
+
+.half { max-width: 50%; }
+
+
+.coverBox img { display: block;
+  	float: left;
+    height: 100%;
+    max-width: 100%;
+    padding: 10px;
+    margin: 0px;
+    background-color: #cccccc; }
+
+.coverBox p { display: inline;
+  	text-align: center;
+  	width: 100%;
+  	height: 100%;
+  	top: 0;
+  	bottom: 0;
+  	left: 0;
+  	right: 0;
+  	vertical-align: center; }
+  	
+.halfcentered{
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 50%; }
+
+.tenth {
+  max-width: 10%;
+  width: 10%; }
+
+.cover-img {
+  height: 100%;
+  max-width: 100%;
+  padding: 0px;
+  margin: 0px; }
+
+.full { max-height: 100%;
+  max-width: 100%;
+  height: 2.2em; }
+
+@media (max-width: 750px) {
+  .floatleft {
+  	margin-left: auto;
+  	margin-right: auto;
+  }
+  
+  .floatright {
+  	margin-left: auto;
+  	margin-right: auto;
+  }
+}
+
+@media (min-width: 751px){
+	.floatleft { 
+		float: left;
+		max-width: 50%;
+		margin-right: 2em;
+		margin-left: 0em;
+	}
+	
+	.floatright {
+		float: right;
+		max-width: 50%;
+		margin-right: 0em;
+		margin-left: 2em;
+	}
+}
+
+.page-break-before { page-break-before: always; }
+
+.page-break-after { page-break-after: always; }
+
+.center { text-indent: 0;
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto;
+  display: block; }
+
+.alignright { text-align: right; }
+
+.alignleft { text-align: left; }
+
+.f-right { float: right; }
+
+.f-left { float: left; }
+
+table.specialorder { width: 80%; }
+
+th.specialorder {
+	vertical-align: middle;
+	font-size: 150%;
+}
+
+th.center {
+	text-align: center;
+}