diff --git a/ru-RU/Common_Content/altlinux-brand/ru-RU/css/common.css b/ru-RU/Common_Content/altlinux-brand/ru-RU/css/common.css index 8a6303b..d87ec69 100644 --- a/ru-RU/Common_Content/altlinux-brand/ru-RU/css/common.css +++ b/ru-RU/Common_Content/altlinux-brand/ru-RU/css/common.css @@ -73,6 +73,10 @@ body.desktop .book > .toc { font-size: 12px; } +body.pdf { + max-width: 100%; +} + .toc { line-height:1.35em; } @@ -98,18 +102,23 @@ div { } div.section { - page-break-inside: avoid; } -p, div.para, div.formalpara { +p, div.para { padding-top: 0px; - margin-top: 0.3em; + margin-top: 1em; + padding-bottom: 0px; + margin-bottom: 1em; +} + +div.formalpara { + padding-top: 0px; + margin-top: 1em; padding-bottom: 0px; margin-bottom: 1em; } .varlistentry div.para { - page-break-before: avoid; } @@ -124,6 +133,10 @@ a:link { color:#3366cc; } +body.pdf a:link { + word-wrap: break-word; +} + a:visited { text-decoration:none; border-bottom: 1px dotted ; @@ -153,8 +166,6 @@ h1, h2, h3, h4, h5, h6 { background-color: transparent; margin-bottom: 0px; margin-top: 20px; - page-break-inside: avoid; - page-break-after: avoid; word-wrap: break-word; } @@ -170,7 +181,8 @@ h1 { text-align: center; } -.article > .titlepage h1.title { +.article > .titlepage h1.title, +.article > .titlepage h2.title { text-align: center; } @@ -180,6 +192,7 @@ h1 { .part > .titlepage h1.title { text-align: center; + font-size: 24px; } div.producttitle { @@ -212,20 +225,30 @@ h2 { } -h2.subtitle, h3.subtitle { +.book div.subtitle, .book h2.subtitle, .book h3.subtitle { margin-top: 1em; margin-bottom: 1em; font-size: 18px; text-align: center; } -.preface > div > div > div > h2.title { +div.subtitle { + color: #336699; + font-weight: bold; +} + +h1.legalnotice { + font-size: 24px; +} + +.preface > div > div > div > h2.title, +.preface > div > div > div > h1.title { margin-top: 1em; - font-size: 18px; + font-size: 24px; } .appendix h2 { - font-size: 18px; + font-size: 24px; } @@ -251,16 +274,26 @@ h6 { margin-bottom: 0px; } -h5.formalpara { - font-size: 14px; - margin-top:2em; - margin-bottom:.8em; -} - .abstract h6 { margin-top:1em; margin-bottom:.5em; - font-size: 22px; + font-size: 24px; +} + +.index > div > div > div > h2.title { + font-size: 24px; +} + +.chapter > div > div > div > h2.title { + font-size: 24px; +} + +.section > div > div > div > h2.title { + font-size: 21px; +} + +.section > div > div > div > h3.title { + font-size: 17px; } /*element rules*/ @@ -436,27 +469,31 @@ a.version:focus, a.version:hover { text-align: center; } -h3.author, -h3.editor { +div.author div.author, +div.translator div.translator, +div.othercredit div.othercredit, +div.editor div.editor, +div.contrib div.contrib { margin: 0px; padding: 0px; margin-top: 12px; font-size: 14px; + font-weight: bold; + color: #336699; } -h4.editedby { +div.editedby { margin-top: 15px; - margin-bottom: 5px; + margin-bottom: -0.8em; } -.author, -.editor, -.translator, -.othercredit, -.contrib { +div.authorgroup .author, +div.authorgroup.editor, +div.authorgroup.translator, +div.authorgroup.othercredit, +div.authorgroup.contrib { display: block; font-size: 14px; - page-break-inside: avoid; } .revhistory .author { @@ -522,7 +559,7 @@ h4.editedby { } .perl_Comment { - color: #FF00FF; + color: #888888; } @@ -597,42 +634,33 @@ h4.editedby { /*Lists*/ ul { - padding-left:1.6em; - list-style-image:url(../images/dot.png); - list-style-type: circle; + list-style-image: url("../images/dot.png"); + list-style-type: circle; + padding-left: 1.6em; } ul ul { - list-style-image:url(../images/dot2.png); - list-style-type: circle; + list-style-image: url("../images/dot2.png"); + list-style-type: circle; } -ol { - list-style-image:none; +ol.1 { list-style-type: decimal; } +ol.a, ol ol { list-style-type: lower-alpha; } -ol.arabic { - list-style-type: decimal; -} - -ol.loweralpha { - list-style-type: lower-alpha; -} - -ol.lowerroman { +ol.i { list-style-type: lower-roman; } - -ol.upperalpha { +ol.A { list-style-type: upper-alpha; } -ol.upperroman { +ol.I { list-style-type: upper-roman; } @@ -646,7 +674,6 @@ dd { margin:0px; margin-left:2em; padding-top:0px; - padding-bottom: 1em; } li { @@ -656,13 +683,6 @@ li { /* margin-bottom: 16px; */ } -li p, li div.para { - padding-top:0px; - margin-top:0px; - padding-bottom:0px; - margin-bottom:0.3em; -} - /*images*/ img { display:block; @@ -678,15 +698,18 @@ img { overflow: hidden; } +.figure { + margin-top: 1em; + width: 100%; +} + .figure img, .mediaobject img { display:block; - margin:0; - page-break-inside: avoid; + margin: 0em; } .figure .title { - margin:0px; margin-bottom:2em; padding:0px; } @@ -717,7 +740,7 @@ img { } .guibutton, .guilabel { - font-family: "liberation mono", "bitstream vera mono", "dejavu mono", monospace; + font-family: "dejavu sans mono","liberation mono", "bitstream vera mono", "dejavu mono", monospace; font-weight: bold; } @@ -726,14 +749,30 @@ img { border-left: 3px solid #aaaaaa; padding-top: 1px; padding-bottom: 0.1em; + padding-left: 1em; } -.example h6 { - padding-left: 10px; +.equation { + border-left: 3px solid #aaaaaa; + background-color: #ffffff; + padding-top: 1px; + padding-bottom: 0.1em; + padding-left: 1em; +} + +.equation-contents { + margin-left: 4em; +} + +div.title { + margin-bottom: 1em; + font-weight: 14px; + font-weight: bold; + color: #336699; + word-wrap: break-word; } .example-contents { - padding-left: 10px; background-color: #ffffff; } @@ -744,17 +783,16 @@ img { /*terminal/console text*/ .computeroutput, .option { - font-family:"liberation mono", "bitstream vera mono", "dejavu mono", monospace; + font-family: "dejavu sans mono","liberation mono", "bitstream vera mono", "dejavu mono", monospace; font-weight:bold; } .replaceable { - font-family:"liberation mono", "bitstream vera mono", "dejavu mono", monospace; font-style: italic; } .command, .filename, .keycap, .classname, .literal { - font-family:"liberation mono", "bitstream vera mono", "dejavu mono", monospace; + font-family: "dejavu sans mono","liberation mono", "bitstream vera mono", "dejavu mono", monospace; font-weight:bold; } @@ -777,7 +815,7 @@ div.programlisting { } pre { - font-family:"liberation mono", "bitstream vera mono", "dejavu mono", monospace; + font-family: "dejavu sans mono","liberation mono", "bitstream vera mono", "dejavu mono", monospace; display:block; background-color: #f5f5f5; color: #000000; @@ -790,18 +828,28 @@ pre { white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ font-size: 0.9em; - border-style:none; box-shadow: 0 2px 5px #AAAAAA inset; + border-style:none; + box-shadow: 0 2px 5px #AAAAAA inset; -moz-box-shadow: 0 2px 5px #AAAAAA inset; -webkit-box-shadow: 0 2px 5px #AAAAAA inset; -o-box-shadow: 0 2px 5px #AAAAAA inset; } +body.pdf pre { + border: 1px solid #AAAAAA; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; + -o-box-shadow: none; +} + + pre .replaceable, pre .keycap { } code { - font-family:"liberation mono", "bitstream vera mono", "dejavu mono", monospace; + font-family: "dejavu sans mono","liberation mono", "bitstream vera mono", "dejavu mono", monospace; white-space: pre-wrap; word-wrap: break-word; font-weight:bold; @@ -846,10 +894,9 @@ div.warning, div.note, div.important { background-color: white; margin-bottom: 1em; border-bottom: 1px solid #aaaaaa; - page-break-inside: avoid; } -div.warning h2, div.note h2,div.important h2 { +div.admonition_header p { margin: 0px; padding: 0px; color: #eeeeec; @@ -862,6 +909,7 @@ div.warning h2, div.note h2,div.important h2 { } div.admonition_header { + background-origin:content-box; clear: both; margin: 0px; padding: 0px; @@ -874,21 +922,30 @@ div.admonition_header { div.warning div.admonition_header { background: url(../images/red.png) top left repeat-x; background-color: #590000; + background: -webkit-linear-gradient(#a40000,#590000); + background: linear-gradient(#a40000,#590000); } div.note div.admonition_header { background: url(../images/green.png) top right repeat-x; background-color: #597800; + background: -webkit-linear-gradient(#769f00,#597800); + background: linear-gradient(#769f00,#597800); } div.important div.admonition_header { background: url(../images/yellow.png) top right repeat-x; background-color: #a6710f; + background: -webkit-linear-gradient(#d08e13,#a6710f); + background: linear-gradient(#d08e13,#a6710f); } -div.warning p, div.warning div.para, -div.note p, div.note div.para, -div.important p, div.important div.para { +div.warning p:first-child, +div.warning div.para:first-child, +div.note p:first-child, +div.note div.para:first-child, +div.important p:first-child, +div.important div.para:first-child { padding: 0px; margin: 0px; } @@ -942,7 +999,6 @@ div.admonition { /*Table*/ div.table { - page-break-inside: avoid; } table { @@ -1069,6 +1125,28 @@ table.simplelist td, .calloutlist table td { border-style: none; } + +table.lt-4-cols.lt-7-rows td { + border: none; +} +/*to simplify layout*/ + + +table.lt-4-cols.gt-14-rows tr:nth-child(odd) { + background-color: #fafafa; +} +/* to keep simple but stripe rows */ + + +.gt-8-cols td { + border-left: 1px solid #ccc; +} + +.gt-8-cols td:first-child { + border-left: 0; +} +/* to apply vertical lines to differentiate columns*/ + /*Breadcrumbs*/ #breadcrumbs ul li.first:before { content:" "; @@ -1165,11 +1243,27 @@ sup { } .footnote sup { - color:#e3dcc0; - position:absolute; + color: black; left: .4em; } +.footnote a:link, +.footnote a:visited { + text-decoration:none; + border: none; +} + +.footnote .para sup { +/* position:absolute; */ + vertical-align:text-bottom; +} + +a.footnote { + padding-right: 0.5em; + text-decoration:none; + border: none; +} + .footnote sup a:link, .footnote sup a:visited { color:#92917d; @@ -1181,7 +1275,7 @@ sup { } .footnote p,.footnote div.para { - padding-left:2em; + padding-left:1em; } .footnote a:link, @@ -1194,50 +1288,35 @@ sup { /**/ .pdf-break { - page-break-before: always; } div.legalnotice { - page-break-before: always; } div.abstract { - page-break-before: always; - page-break-after: always; } div.chapter { - page-break-before: always; } -div.titlepage { - page-break-inside: avoid; - page-break-after: avoid; +div.titlepage, div.titlepage > div, div.titlepage > div > div { } div.preface, div.part { - page-break-before: always; } div.appendix { - page-break-before: always; } div.section { - page-break-inside: auto; - page-break-before: auto; - page-break-after: auto; } dt.varlistentry { - page-break-inside: avoid; - page-break-after: avoid; } dd { - page-break-before: avoid; } div.note .replaceable, @@ -1531,21 +1610,27 @@ pre { -moz-border-radius:11px; -webkit-border-radius:11px; border-radius: 11px; - page-break-inside: avoid; } .example { -moz-border-radius:0px; -webkit-border-radius:0px; border-radius: 0px; - page-break-inside: avoid; +} + +/* move these invisible fields out of the flow */ +.example > a:first-child, +.table > a:first-child, +.procedure > a:first-child { + float: left; } .package, .citetitle { font-style: italic; } -.titlepage .edition { +.titlepage .edition, +.titlepage .releaseinfo { color: #336699; background-color: transparent; margin-top: 1em; @@ -1618,7 +1703,8 @@ div.toc > dl > dt { text-decoration: underline; } -.calloutlist img, .callout { +.calloutlist img, +.callout { padding: 0px; margin: 0px; width: 12pt; @@ -1626,10 +1712,29 @@ div.toc > dl > dt { vertical-align: middle; } +li.step > a:first-child { + display: block; +} + .stepalternatives { list-style-image: none; list-style-type: upper-alpha; } .task { -/* page-break-inside: avoid; */ } + + +.added { + background-color: #99ff99; +} + +.changed { + background-color: #ffff77; +} + +.deleted { + background-color: #ff4455; + text-decoration: line-through; +} + +