guide/css/guide.css

141 lines
3.3 KiB
CSS
Raw Normal View History

2014-11-06 20:14:57 +00:00
p.indent {
text-indent: 0em;
}
body {
max-width: 680px;
margin: 0 auto !important;
float: none !important;
font-family: Georgia, serif;
}
.tabbing{padding-left: 2px; padding-right:2px;}
/* The below was adapted from Bootstrap 3.0.0,
** which is:
**
* Copyright 2013 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Modifications made in this project are:
* Copyright 2014 Bradley M. Kuhn
* Also licensed Apache-2.0
*/
@media print {
.quotation {
border: 1px solid #999;
page-break-inside: avoid;
}
}
.quotation {
padding: 10px 20px;
margin: 1px 50px 4px;
border: 2px solid #91908f;
background: #eceeee;
}
.quotation p {
font-size: 95%;
font-weight: 300;
line-height: 1.25;
}
.quotation p:last-child {
margin-bottom: 0;
}
.quotation small {
display: block;
line-height: 1.428571429;
color: #999999;
}
.quotation small:before {
content: '\2014 \00A0';
}
.quotation.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
}
.quotation.pull-right p,
.quotation.pull-right small {
text-align: right;
}
.quotation.pull-right small:before {
content: '';
}
.quotation.pull-right small:after {
content: '\00A0 \2014';
}
.quotation:before,
.quotation:after {
content: "";
}
.lstlisting
{
font-family: monospace, serif;
font-size: 1em;
padding: 2px 1px;
margin: 1px 5px 4px;
font-size: 90%;
color: #c7254e;
white-space: nowrap;
background-color: #f9f2f4;
border-radius: 2px;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border: 2px solid #575857;
}
.lstlisting.label {
font-family: monospace, serif;
border: 0;
margin-bottom: 1px;
font-weight: normal;
font-size: 90%;
padding: 0;
border-radius: 0px;
color: #c7254e;
}
2014-11-16 15:07:42 +00:00
/* Handle issues with anchor in-page links offsets due to bootstrap's */
/* fixed top navbar. For in-page anchor links, the fixed navbar at */
/* the top obscures the text of the link that's jumped to. */
/* Most of the pure CSS solutions found online cannot handle the */
/* situation where you have an anchor with both href and id */
/* attributes. This seemed the best one for use in cases where */
/* there was is no href. in the anchor which included the id. */
.likesectionHead a[id],
.subsectionHead a[id],
.likesubsectionHead a[id],
.partHead a[id],
.likepartHead a[id],
.appendixHead a[id],
.likeappendixHead a[id],
.chapterHead a[id],
.likechapterHead a[id],
.sectionHead a[id] {
border-top: 75px solid transparent;
margin-top: -75px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
/* Note that those anchors that contain both href and id cannot be */
/* handled this way. It casuses strange problems with the href links. */
/* The specific problem is that you get a 75px offset when the */
/* mousepointer activates the link, and the tooltip on the footnotes */
/* don't work. Therefore, the following classes are handled by the */
/* Javascript rather than CSS: */
/* chapterToc, sectionToc, subsectionToc, partToc, footnote-mark */