157 lines
4.0 KiB
CSS
157 lines
4.0 KiB
CSS
/*
|
||
Copyright (C) 2016-2017 Oliver Heimlich
|
||
Copyright (C) 2017 LoVullo Associates, Inc.
|
||
|
||
This file is part of Octave.
|
||
|
||
Octave is free software; you can redistribute it and/or modify it
|
||
under the terms of the GNU General Public License as published by the
|
||
Free Software Foundation; either version 3 of the License, or (at
|
||
your option) any later version.
|
||
|
||
Octave is distributed in the hope that it will be useful, but WITHOUT
|
||
ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
|
||
FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
|
||
for more details.
|
||
|
||
You should have received a copy of the GNU General Public License
|
||
along with Octave; see the file COPYING. If not, see
|
||
<http://www.gnu.org/licenses/>.
|
||
*/
|
||
|
||
/** modified by LoVullo Associates **/
|
||
/** TODO: loading fonts from Google is a privacy issue; download as part
|
||
of build and self-host **/
|
||
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
|
||
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
|
||
|
||
/* Use custom fonts */
|
||
code, kbd, samp, tt, pre { font-family: 'Roboto Mono', monospace; }
|
||
code, kbd, samp, tt { font-style: italic; padding: 0 0.1ex; /* slightly increase margin to surrounding text */ }
|
||
body, .sansserif { font-family: 'Noto Sans', sans-serif; }
|
||
h1, h2, h3, h4, h5, .menu-comment, .roman, .menu-preformatted { font-family: 'Noto Sans', serif; }
|
||
|
||
/*
|
||
Use colors from the solarized color theme (sparsely),
|
||
the main text will remain in default colors for optimal readability (black on white).
|
||
*/
|
||
pre.example, .header, .float-caption, hr
|
||
{
|
||
/* base00 ~ body text in light solarized theme */
|
||
color: #657b83;
|
||
border-color: #657b83;
|
||
}
|
||
pre.example
|
||
{
|
||
/* base3 ~ background color in light solarized theme */
|
||
background-color: #fdf6e3;
|
||
padding: 0.5em;
|
||
font-size: 0.9em;
|
||
}
|
||
a { color: #268bd2; /* blue */ }
|
||
a:visited { color: #d33682; /* magenta */ }
|
||
|
||
/** added by LoVullo Associates **/
|
||
.float
|
||
{
|
||
margin-block-start: 2em;
|
||
margin-block-end: 2em;
|
||
}
|
||
|
||
/* Center floating tables and images */
|
||
.float table, .float img, .float object { margin-left: auto; margin-right: auto; }
|
||
|
||
/* Decrease table width, but not on small screens */
|
||
.float table { max-width: 38em; }
|
||
|
||
/* Use horizontal lines: above/below tables and after table headers (Chicago Style) */
|
||
.float table, .float th { border-collapse: collapse; border-top: 1px solid black; border-bottom: 1px solid black; }
|
||
.float th, .float td { padding: 0.5em; }
|
||
|
||
/* Use horizontal ruler with double lines */
|
||
hr { border-width: 0; border-top-width: 3px; border-style: double; }
|
||
|
||
/* Smaller gap between subsequent @group blocks */
|
||
.example { margin-bottom: 1em; }
|
||
.example + .example { margin-top: -0.5em }
|
||
|
||
/* Smaller gap between definition and its description */
|
||
dd > p:first-child { margin-top: 0.5em; }
|
||
|
||
/* Limit maximum body width such that text is easier to read */
|
||
body { max-width: 42em; margin-left: 0.5em; margin-right: 0.5em; }
|
||
|
||
/* On small screens don't indent the code examples to prevent overflow */
|
||
div.example { margin-left: auto; max-width: 38.8em; }
|
||
|
||
/*
|
||
Use left margin such that text is easier to read,
|
||
but don't sacrifice space on small screens.
|
||
*/
|
||
@media screen and (min-width: 43em)
|
||
{
|
||
/* Smooth transition for screens between 43em and 57em */
|
||
body { margin-left: auto; margin-right: auto; }
|
||
@media (min-width: 57em)
|
||
{
|
||
body { margin-left: 7.5em; }
|
||
}
|
||
}
|
||
|
||
/** added by LoVullo Associates **/
|
||
.doc-notice
|
||
{
|
||
border-left: 5px solid #657b83;
|
||
margin: 0px;
|
||
padding-block-start: 0.25em;
|
||
padding-block-end: 0.25em;
|
||
}
|
||
|
||
.doc-notice p
|
||
{
|
||
padding-left: 1em;
|
||
margin: 0px;
|
||
}
|
||
|
||
.doc-notice.dev
|
||
{
|
||
border-color: #d33682;
|
||
}
|
||
|
||
.doc-notice.dev p::before,
|
||
.doc-notice.tip p::before
|
||
{
|
||
display: block;
|
||
float: left;
|
||
margin-left: -1.5em;
|
||
}
|
||
|
||
.doc-notice.dev p::before
|
||
{
|
||
color: #d33682;
|
||
content: '\01F6A7';
|
||
}
|
||
|
||
.doc-notice.tip p::before
|
||
{
|
||
content: '\261E';
|
||
}
|
||
|
||
.doc-notice.dev p,
|
||
.doc-notice.tip p
|
||
{
|
||
padding-left: 1.75em;
|
||
}
|
||
|
||
.footnote-notice.dev p:first-child::before
|
||
{
|
||
content: '\01F6A7';
|
||
margin-right: 0.5em;
|
||
}
|
||
|
||
/* "Example:" */
|
||
.doc-notice.ex strong:first-child
|
||
{
|
||
color: #657b83;
|
||
}
|