boost/website-v2
2
0
Fork 0
mirror of https://github.com/boostorg/website-v2.git synced 2026-01-19 04:42:17 +00:00
Code Issues Projects Releases Wiki Activity

fixes for formatting issues (#1235)

Browse Source
This commit is contained in:
Rob Beeston
2024-09-07 07:41:44 +00:00
committed by GitHub
parent 3819abdbf4
commit 88e048c84c
10 changed files with 29 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

951
frontend/boostbookV2.css
View File

@@ -1,951 +0,0 @@
/*=============================================================================
Modified 2024 Rob Beeston
Copyright (c) 2004 Joel de Guzman
http://spirit.sourceforge.net/
Copyright 2013 Niall Douglas additions for colors and alignment.
Copyright 2013 Paul A. Bristow additions for more colors and alignments.
Copyright 2017 Tom Westerhout font fixes to support Sphinx
Distributed under the Boost Software License, Version 1.0. (See accompany-
ing file LICENSE_1_0.txt or copy at http://www.boost.org/LICENSE_1_0.txt)
=============================================================================*/
/*=============================================================================
Default light/dark color scheme
=============================================================================*/
:root {
--site-light-bg-color: #e5e7eb;
--site-dark-bg-color: #051a26;
--site-light-card-color: #fff;
--site-dark-card-color: #172b35;
--site-light-border-color: #d1d1d1;
--site-dark-border-color: #07405f;
--site-light-text-color: #000;
--site-dark-text-color: #ccc;
--site-dark-heading-text-color: #fff;
--site-light-heading-text-color: #314a57;
--site-primary-orange: #ff9f00;
--site-light-secondary-blue: #0284c7;
--site-dark-secondary-blue: #7dd3fc;
--site-light-teritary-green: #0eae60;
--site-dark-teritary-green: #5ad599;
--site-light-code-bg-color: #eee;
--site-dark-code-bg-color: #000;
/* specific use colors */
--site-light-red: red;
--site-light-green: green;
--site-light-lime: #00FF00;
--site-light-blue: blue;
--site-light-navy: navy;
--site-light-yellow: yellow;
--site-light-magenta: magenta;
--site-light-indigo: #4B0082;
--site-light-cyan: cyan;
--site-light-purple: purple;
--site-light-gold: #bd9802;
--site-light-silver: silver; /* lighter gray */
--site-light-gray: #808080; /* light gray */
--site-dark-red: #fa6f6f;
--site-dark-green: #45b945;
--site-dark-lime: #00FF00;
--site-dark-blue: #6666f8;
--site-dark-navy: #5959ca;
--site-dark-yellow: yellow;
--site-dark-magenta: magenta;
--site-dark-indigo: #a53def;
--site-dark-cyan: cyan;
--site-dark-purple: #ac43ac;
--site-dark-gold: gold;
--site-dark-silver: silver; /* lighter gray */
--site-dark-gray: #808080; /* light gray */
}
html {
--bg-color: var(--site-light-bg-color);
--card-color: var(--site-light-card-color);
--border-color: var(--site-light-border-color);
--text-color: var(--site-light-text-color);
--header-color: var(--site-light-heading-text-color);
--primary-color: var(--site-primary-orange);
--secondary-color: var(--site-light-secondary-blue);
--teritary-color: var(--site-light-teritary-green);
--code-bg-color: var(--site-light-code-bg-color);
/* specific use colors */
--color-red: var(--site-light-red);
--color-green: var(--site-light-green);
--color-lime: var(--site-light-lime);
--color-blue: var(--site-light-blue);
--color-navy: var(--site-light-navy);
--color-yellow: var(--site-light-yellow);
--color-magenta: var(--site-light-magenta);
--color-indigo: var(--site-light-indigo);
--color-cyan: var(--site-light-cyan);
--color-purple: var(--site-light-purple);
--color-gold: var(--site-light-gold);
--color-silver: var(--site-light-silver);/* lighter gray */
--color-gray: var(--site-light-gray); /* light gray */
}
html.dark {
--bg-color: var(--site-dark-bg-color);
--card-color: var(--site-dark-card-color);
--border-color: var(--site-dark-border-color);
--text-color: var(--site-dark-text-color);
--header-color: var(--site-dark-heading-text-color);
--primary-color: var(--site-primary-orange);
--secondary-color: var(--site-dark-secondary-blue);
--teritary-color: var(--site-dark-teritary-green);
--code-bg-color: var(--site-dark-code-bg-color);
/* specific use colors */
--color-red: var(--site-dark-red);
--color-green: var(--site-dark-green);
--color-lime: var(--site-dark-lime);
--color-blue: var(--site-dark-blue);
--color-navy: var(--site-dark-navy);
--color-yellow: var(--site-dark-yellow);
--color-magenta: var(--site-dark-magenta);
--color-indigo: var(--site-dark-indigo);
--color-cyan: var(--site-dark-cyan);
--color-purple: var(--site-dark-purple);
--color-gold: var(--site-dark-gold);
--color-silver: var(--site-dark-silver);/* lighter gray */
--color-gray: var(--site-dark-gray); /* light gray */
}
/*=============================================================================
Body defaults
=============================================================================*/
body
{
margin: 1em;
font-size: 16px;
font-family: sans-serif;
background-color: var(--bg-color) !important;
color: var(--text-color);
max-width: 80rem;
padding:0rem 1rem;
margin: auto;
}
.toc,
pre { background-color: var(--code-bg-color);}
body > .section, body > .chapter {
margin-top: 1rem;
padding: 1rem;
background-color: var(--card-color);
border-radius: 0.5rem;
}
/*=============================================================================
Paragraphs
=============================================================================*/
p, div.document, div.footer
{
text-align: left;
font-size: 10pt;
line-height: 1.15;
color: var(--text-color);
}
/*=============================================================================
Program listings
=============================================================================*/
/* Code on paragraphs */
p tt.computeroutput
{
font-size: 9pt;
color: var(--text-color);
}
pre.synopsis
{
font-size: 9pt;
margin: 1pc 4% 0pc 4%;
padding: 0.5pc 0.5pc 0.5pc 0.5pc;
color: var(--text-color);
}
div.highlight,
.programlisting,
.screen
{
font-size: 9pt;
display: block;
margin: 1pc 4% 0pc 4%;
padding: 0.5pc 0.5pc 0.5pc 0.5pc;
color: var(--text-color);
}
/* Program listings in tables don't get borders */
td .programlisting,
td .screen
{
margin: 0pc 0pc 0pc 0pc;
padding: 0pc 0pc 0pc 0pc;
}
/*=============================================================================
Headings
=============================================================================*/
h1, h2, h3, h4, h5, h6
{
text-align: left;
margin: 1em 0em 0.5em 0em;
font-weight: bold;
color: var(--heading-color);
}
h1 { font-size: 140%; }
h2 { font-weight: bold; font-size: 140%; }
h3 { font-weight: bold; font-size: 130%; }
h4 { font-weight: bold; font-size: 120%; }
h5 { font-weight: normal; font-style: italic; font-size: 110%; }
h6 { font-weight: normal; font-style: italic; font-size: 100%; }
/* Top page titles */
title,
h1.title,
h2.title
h3.title,
h4.title,
h5.title,
h6.title,
.refentrytitle
{
font-weight: bold;
margin-bottom: 1pc;
}
h1.title { font-size: 140% }
h2.title { font-size: 140% }
h3.title { font-size: 130% }
h4.title { font-size: 120% }
h5.title { font-size: 110% }
h6.title { font-size: 100% }
.section h1
{
margin: 0em 0em 0.5em 0em;
font-size: 140%;
}
.section h2 { font-size: 140% }
.section h3 { font-size: 130% }
.section h4 { font-size: 120% }
.section h5 { font-size: 110% }
.section h6 { font-size: 100% }
/* Code on titles */
h1 tt.computeroutput { font-size: 140% }
h2 tt.computeroutput { font-size: 140% }
h3 tt.computeroutput { font-size: 130% }
h4 tt.computeroutput { font-size: 130% }
h5 tt.computeroutput { font-size: 130% }
h6 tt.computeroutput { font-size: 130% }
/*=============================================================================
Author
=============================================================================*/
h3.author
{
font-size: 100%
}
/*=============================================================================
Lists
=============================================================================*/
li
{
font-size: 10pt;
line-height: 1.3;
color: var(--text-color);
}
/* Unordered lists */
ul
{
text-align: left;
}
/* Ordered lists */
ol
{
text-align: left;
}
/*=============================================================================
Links
=============================================================================*/
a
{
text-decoration: none; /* no underline */
color: var(--secondary-color);
}
a:hover
{
text-decoration: none;
color: var(--primary-color);
}
h1 a,
h2 a,
h3 a,
h4 a {
color: var(--header-color) !important;
}
/*=============================================================================
Spirit style navigation
=============================================================================*/
.spirit-nav
{
position: absolute;
top: 3.5rem;
right: calc(((100% - 80rem) / 2));
text-align: right;
margin: 0.75rem;
max-width: 80rem;
}
@media screen and (max-width: 80rem) {
.spirit-nav {
right: 1rem;
}
}
.spirit-nav a
{
color: var(--secondary-color);
padding-left: 0.5em;
}
.spirit-nav img
{
border-width: 0px;
}
.dark .spirit-nav img {
-webkit-filter: invert(100%); /* Safari/Chrome */
filter: invert(100%);
}
/*=============================================================================
Copyright footer
=============================================================================*/
.copyright-footer
{
text-align: right;
font-size: 70%;
color: var(--text-color);
}
.copyright-footer p
{
text-align: right;
font-size: 80%;
color: var(--text-color);
}
/*=============================================================================
Table of contents
=============================================================================*/
div.toc
{
margin: 1pc 4% 0pc 4%;
padding: 0.1pc 1pc 0.1pc 1pc;
font-size: 80%;
line-height: 1.15;
color: var(--text-color);
}
.boost-toc
{
float: right;
padding: 0.5pc;
}
/* Code on toc */
.toc .computeroutput { font-size: 120% }
/* No margin on nested menus */
.toc dl dl { margin: 0; }
/*=============================================================================
Tables
=============================================================================*/
.table-title,
div.table p.title
{
margin-left: 4%;
padding-right: 0.5em;
padding-left: 0.5em;
}
.informaltable table,
.table table
{
width: 92%;
margin-left: 4%;
margin-right: 4%;
}
div.informaltable table,
div.table table
{
padding: 4px;
}
/* Table Cells */
div.informaltable table tr td,
div.table table tr td
{
padding: 0.5em;
text-align: left;
font-size: 9pt;
color: var(--text-color);
background-color: var(--bg-color);
}
div.informaltable table tr th,
div.table table tr th
{
padding: 0.5em 0.5em 0.5em 0.5em;
border: 1pt solid var(--border-color);
color: var(--text-color);
font-size: 80%;
background-color: var(--border-color);
}
table.simplelist
{
width: auto !important;
margin: 0em !important;
padding: 0em !important;
border: none !important;
}
table.simplelist td
{
margin: 0em !important;
padding: 0em !important;
text-align: left !important;
font-size: 9pt !important;
border: none !important;
}
/*=============================================================================
Suppress margins in tables
=============================================================================*/
table th > *:first-child,
table td > *:first-child
{
margin-top: 0;
}
table th > *:last-child,
table td > *:last-child
{
margin-bottom: 0;
}
/*=============================================================================
Blurbs
=============================================================================*/
div.note,
div.tip,
div.important,
div.caution,
div.warning,
div.blurb,
p.blurb
{
font-size: 9pt; /* A little bit smaller than the main text */
line-height: 1.2;
display: block;
margin: 1pc 4% 0pc 4%;
padding: 0.5pc 0.5pc 0.5pc 0.5pc;
}
div.blurb img,
p.blurb img
{
padding: 1pt;
}
/*=============================================================================
Variable Lists
=============================================================================*/
div.variablelist
{
margin: 1em 0;
}
/* Make the terms in definition lists bold */
div.variablelist dl dt,
span.term
{
font-weight: bold;
font-size: 10pt;
}
div.variablelist table tbody tr td
{
text-align: left;
vertical-align: top;
padding: 0em 2em 0em 0em;
font-size: 10pt;
margin: 0em 0em 0.5em 0em;
line-height: 1;
}
div.variablelist dl dt
{
margin-bottom: 0.2em;
}
div.variablelist dl dd
{
margin: 0em 0em 0.5em 2em;
font-size: 10pt;
}
div.variablelist table tbody tr td p,
div.variablelist dl dd p
{
margin: 0em 0em 0.5em 0em;
line-height: 1;
}
/*=============================================================================
Misc
=============================================================================*/
/* Title of books and articles in bibliographies */
span.title
{
font-style: italic;
}
span.underline
{
text-decoration: underline;
}
span.strikethrough
{
text-decoration: line-through;
}
/* Copyright, Legal Notice */
div div.legalnotice p
{
text-align: left
}
hr {
display:none;
}
/*=============================================================================
Colors
=============================================================================*/
@media screen
{
body {
background-color: var(--bg-color);;
color: var(--text-color);
}
/* Syntax Highlighting */
.property,
.highlight .k,
.highlight .kc,
.highlight .kd,
.highlight .kn,
.highlight .kp,
.highlight .kr,
.highlight .kt,
.keyword { color: var(--color-purple); }
.highlight .n,
.highlight .na,
.highlight .nb,
.highlight .bp,
.highlight .nc,
.highlight .no,
.highlight .nd,
.highlight .ni,
.highlight .ne,
.highlight .nf,
.highlight .py,
.highlight .nl,
.highlight .nn,
.highlight .nx,
.highlight .nt,
.highlight .nv,
.highlight .vc,
.highlight .vg,
.highlight .vi,
.identifier { color: var(--text-color); }
.special { color: var(--color-gray); }
.highlight .cp,
.preprocessor { color: var(--color-purple); ; }
.highlight .sc
.char { color: var(--color-lime); ; }
.highlight .c,
.highlight .ch,
.highlight .cm,
.highlight .cp,
.highlight .cpf,
.highlight .c1,
.highlight .cs,
.highlight .sd,
.highlight .sh,
.comment { color: var(--color-green); ; }
.highlight .s,
.highlight .sa,
.highlight .sb,
.highlight .dl,
.highlight .s2,
.highlight .se,
.highlight .si,
.highlight .sx,
.highlight .sr,
.highlight .s1,
.highlight .ss,
.string { color: var(--color-gold); ; }
.highlight .m,
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo,
.number { color: var(--color-gold); ; }
.highlight,
.white_bkd { background-color: var(--card-color); ; }
.highlight .hll,
.dk_grey_bkd { background-color: var(--border-color); ; }
/* Links */
a, a .keyword, a .identifier, a .special, a .preprocessor
a .char, a .comment, a .string, a .number
{
color: var(--secondary-color);
}
a:visited, a:visited .keyword, a:visited .identifier,
a:visited .special, a:visited .preprocessor a:visited .char,
a:visited .comment, a:visited .string, a:visited .number
{
color: var(--secondary-color);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
text-decoration: none; /* no underline */
color: var(--header-color);
}
/* Copyright, Legal Notice */
.copyright
{
color: var(--text-color);
font-size: small;
}
div div.legalnotice p
{
color: var(--text-color);
}
/* Program listing */
pre.synopsis
{
border: 1px solid var(--border-color);
}
div.highlight,
.programlisting,
.screen
{
border: 1px solid var(--border-color);
}
td .programlisting,
td .screen
{
border: 0px solid var(--border-color);
}
/* Blurbs */
div.note,
div.tip,
div.important,
div.caution,
div.warning,
div.blurb,
p.blurb
{
border: 1px solid var(--border-color);
}
/* Table of contents */
div.toc
{
border: 1px solid var(--border-color);
}
/* Tables */
div.informaltable table tr td,
div.table table tr td
{
border: 1px solid var(--border-color);
}
div.informaltable table tr th,
div.table table tr th
{
border: 1px solid var(--border-color);
}
.copyright-footer
{
color: var(--text-color);
}
/* Misc */
span.highlight
{
color: var(--teritary-color);
}
}
@media print
{
/* Links */
a
{
color: black;
}
a:visited
{
color: black;
}
.spirit-nav
{
display: none;
}
/* Program listing */
pre.synopsis
{
border: 1px solid gray;
}
div.highlight,
.programlisting,
.screen
{
border: 1px solid gray;
}
td .programlisting,
td .screen
{
border: 0px solid #DCDCDC;
}
/* Table of contents */
div.toc
{
border: 1px solid gray;
}
.informaltable table,
.table table
{
border: 1px solid gray;
border-collapse: collapse;
}
/* Tables */
div.informaltable table tr td,
div.table table tr td
{
border: 1px solid gray;
}
div.informaltable table tr th,
div.table table tr th
{
border: 1px solid gray;
}
table.simplelist tr td
{
border: none !important;
}
/* Misc */
span.highlight
{
font-weight: bold;
}
}
/*=============================================================================
Images
=============================================================================*/
span.inlinemediaobject img
{
vertical-align: middle;
}
/*==============================================================================
Super and Subscript: style so that line spacing isn't effected, see
http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=1&postId=5341
==============================================================================*/
sup,
sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
}
/* For internet explorer: */
* html sup,
* html sub {
vertical-align: bottom;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
/*==============================================================================
Indexes: pretty much the same as the TOC.
==============================================================================*/
.index
{
font-size: 80%;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.index ul
{
padding-left: 3em;
}
.index p
{
padding: 2px;
margin: 2px;
}
.index-entry-level-0
{
font-weight: bold;
}
.index em
{
font-weight: bold;
}
/*==============================================================================
Alignment and coloring use 'role' feature, available from Quickbook 1.6 up.
Added from Niall Douglas for role color and alignment.
http://article.gmane.org/gmane.comp.lib.boost.devel/243318
*/
/* Add text alignment (see http://www.w3schools.com/cssref/pr_text_text-align.asp) */
span.aligncenter
{
display: inline-block; width: 100%; text-align: center;
}
span.alignright
{
display: inline-block; width: 100%; text-align: right;
}
/* alignleft is the default. */
span.alignleft
{
display: inline-block; width: 100%; text-align: left;
}
/* alignjustify stretches the word spacing so that each line has equal width
within a chosen fraction of page width (here arbitrarily 20%).
*Not* useful inside table items as the column width remains the total string width.
Nor very useful, except to temporarily restrict the width.
*/
span.alignjustify
{
display: inline-block; width: 20%; text-align: justify;
}
/* Text colors.
Names at http://www.w3.org/TR/2002/WD-css3-color-20020219/ 4.3. X11 color keywords.
Quickbook Usage: [role red Some red text]
*/
span.red { color: var(--color-red); }
span.green { color: var(--color-green); }
span.lime { color: var(--color-lime); }
span.blue { color: var(--color-blue); }
span.navy { color: var(--color-navy); }
span.yellow { color: var(--color-yellow); }
span.magenta { color: var(--color-magenta); }
span.indigo { color: var(--color-indigo); }
span.cyan { color: var(--color-cyan); }
span.purple { color: var(--color-purple); }
span.gold { color: var(--color-gold); }
span.silver { color: var(--color-silver); } /* lighter gray */
span.gray { color: var(--color-gray); } /* light gray */

2
frontend/styles.css
View File

@@ -81,7 +81,7 @@
/* just using .content as a class for these for now, but we can change later */
main.content {
@apply px-3 pt-3 mb-3 md:py-0 md:px-0;
@apply px-3 mb-3 md:px-0;
}
section.content {