1
0
Fork 0
liza/doc/liza.css

173 lines
4.2 KiB
CSS
Raw Normal View History

/*
Copyright (C) 2016-2017 Oliver Heimlich
Copyright (C) 2017 R-T Specialty, LLC.
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 RT Specialty / LoVullo **/
/** 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 RT Specialty / LoVullo **/
.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;
text-align: justify;
}
/* 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 RT Specialty / LoVullo **/
.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.devnotice,
.doc-notice.devnote
{
border-color: #d33682;
}
.doc-notice p::before
{
display: block;
float: left;
margin-left: -1.5em;
}
.doc-notice.devnotice p::before
{
color: #d33682;
content: '\01F6A7';
}
.doc-notice.devnote p::before
{
color: #d33682;
content: '\01F4DD';
}
.doc-notice.tip p::before
{
content: '\261E';
}
.doc-notice.trivia p::before
{
content: '\1F914';
}
.doc-notice p
{
padding-left: 1.75em;
}
.footnote-notice.devnotice p:first-child::before
{
content: '\01F6A7';
margin-right: 0.5em;
}
/* "Example:" */
.doc-notice.ex strong:first-child
{
color: #657b83;
}