src/css/fb2.css - master - Jonecuper/fb-reader-for-mozilla

src/css/fb2.css
251 строка4 KB
Jonecuper
Initial commit: FB2 Night Reader v2.0
29 май 2026, 23:10
29 май 2026, 23:103e0c9d2
@namespace url("http://www.gribuser.ru/xml/fictionbook/2.0");

FictionBook {
    display: block;
    padding: var(--fb-margin-top, 2.5em) 0 var(--fb-margin-bottom, 2.5em) 0;
    max-width: var(--fb-page-width, 45em);
    margin: 0 auto;
    background: var(--fb-bg, #faf8f5);
    color: var(--fb-text, #1a1a1a);
    font-family: var(--fb-font-family, Georgia, "Times New Roman", serif);
    font-size: var(--fb-font-size, 16px);
    line-height: var(--fb-line-height, 1.6);
}

description title-info > *,
document-info,
src-title-info,
publish-info,
custom-info,
binary,
stylesheet {
    display: none;
}

coverpage,
annotation {
    display: block !important;
}

annotation {
    margin: 0 0 0.4em 40%;
    font-size: smaller;
}

annotation > *:first-child {
    margin-top: 0;
}

section,
title,
subtitle,
p,
cite,
epigraph,
poem,
stanza,
v,
empty-line {
    display: block;
}

p {
    text-align: var(--fb-text-align, justify);
    margin: var(--fb-para-spacing, 1em) 0;
    text-indent: var(--fb-para-indent, 0);
}

empty-line {
    margin: 1em 0;
}

body > title {
    font-size: x-large;
}

title {
    font-size: large;
}

title p {
    margin: 0.3em 0;
}

title,
title p,
subtitle {
    text-align: center;
    text-indent: 0;
}

subtitle {
    font-weight: bold;
}

emphasis {
    font-style: italic;
}

strong {
    font-weight: bold;
}

strikethrough {
    text-decoration: line-through;
}

sub {
    vertical-align: sub;
    font-size: xx-small;
}

sup {
    vertical-align: super;
    font-size: xx-small;
}

code {
    white-space: pre;
    font-family: monospace;
}

cite {
    border-left: 5px solid var(--fb-cite-border, #aaaaaa);
    background: var(--fb-cite-bg, #eeeeee);
    padding: 0.4em 1em;
    color: var(--fb-text, #1a1a1a);
}

cite > p:first-child,
cite > p:last-child {
    margin: 0;
}

text-author {
    margin-left: 5em;
    font-style: italic;
}

epigraph {
    margin-left: 50%;
}

epigraph text-author {
    margin-left: 0;
}

poem {
    margin-left: 10%;
}

stanza {
    margin: 0.5em 0;
}

table {
    display: table;
    border-collapse: collapse;
    margin: 0 auto;
}

tr {
    display: table-row;
}

td,
th {
    display: table-cell;
    padding: 0.2em 0.5em;
    border: 1px solid var(--fb-table-border, #aaaaaa);
}

th {
    font-weight: bold;
}

td[align="left"],
th[align="left"] {
    text-align: left;
}

td[align="right"],
th[align="right"] {
    text-align: right;
}

td[align="center"],
th[align="center"] {
    text-align: center;
}

td[valign="top"],
th[valign="top"] {
    vertical-align: top;
}

td[valign="middle"],
th[valign="middle"] {
    vertical-align: middle;
}

td[valign="bottom"],
th[valign="bottom"] {
    vertical-align: bottom;
}

body[name="notes"] {
    display: none;
}

a[type="note"] {
    background: var(--fb-note-bg, #f5f5b5);
    color: var(--fb-text, #1a1a1a);
    position: relative;
    cursor: help;
}

a[type="note"]:hover section {
    display: block;
}

a[type="note"] section {
    cursor: default;
    z-index: 2;
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    display: none;
    background: var(--fb-note-bg, #f5f5b5);
    color: var(--fb-text, #1a1a1a);
    border: 1px solid var(--fb-note-border, #baba45);
    border-radius: 4px;
    font-size: small;
    font-family: sans-serif;
    width: -moz-max-content;
    width: max-content;
    max-width: 20em;
    max-height: 20em;
    overflow-y: auto;
    -moz-box-shadow: 2px 2px 3px var(--fb-note-shadow, rgba(0,0,0,0.2));
    box-shadow: 2px 2px 3px var(--fb-note-shadow, rgba(0,0,0,0.2));
}

a[type="note"] section p {
    margin: 0.1em 0.3em;
    text-align: left;
    text-indent: 0;
}

a[type="note"] section title {
    display: none;
}

a[type="note"] section[position_h="left"] {
    left: auto;
    right: 0.5em;
}

a[type="note"] section[position_v="up"] {
    top: auto;
    bottom: 0.5em;
}