edited common.css

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,
+div.author div.author,
-h3.editor {
+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, 
+div.authorgroup .author, 
-.editor, 
+div.authorgroup.editor, 
-.translator, 
+div.authorgroup.translator, 
-.othercredit,
+div.authorgroup.othercredit,
-.contrib {
+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-image:url(../images/dot.png);
+    list-style-type: circle;
-	list-style-type: circle;
+    padding-left: 1.6em;
 }
 
 ul ul {
-	list-style-image:url(../images/dot2.png);
+    list-style-image: url("../images/dot2.png");
-	list-style-type: circle;
+    list-style-type: circle;
 }
 
-ol {
+ol.1 {
-	list-style-image:none;
 	list-style-type: decimal;
 }
 
+ol.a,
 ol ol {
 	list-style-type: lower-alpha;
 }
 
-ol.arabic {
+ol.i {
-	list-style-type: decimal;
-}
-
-ol.loweralpha {
-	list-style-type: lower-alpha;
-}
-
-ol.lowerroman {
 	list-style-type: lower-roman;
 }
-
+ol.A {
-ol.upperalpha {
 	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;
+	margin: 0em;
-	page-break-inside: avoid;
 }
 
 .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 {
+.equation {
-	padding-left: 10px;
+	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.warning p:first-child,
-div.note p, div.note div.para,
+div.warning div.para:first-child,
-div.important p, div.important div.para {
+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 {
@@ -988,7 +1044,7 @@ table th div.para:first-child, table td div.para:first-child, table  li div.para
 }
 
 th, td {
-	/*border-style:none;
+	border-style:none;
 	vertical-align: top;
 /* 	border: 1px solid #000; */
 }
@@ -1000,24 +1056,13 @@ th, td {
 }
 
 table table td {
-	/*border-bottom:1px dotted #aaa;*/
+	border-bottom:1px dotted #aaa;
 	background-color:white;
 	padding:.6em 0px;
 }
 
-table table th{
-	background-color:white;
-	color:black;
-	vertical-align: middle;
-	text-align:center;
-}
-
-table.unborder{
-	border: 0px;
-}
-
 table table {
-	border:1px solid #333;
+	border:1px solid white;
 }
 
 td.remarkval {
@@ -1080,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:" ";
@@ -1176,11 +1243,27 @@ sup {
 }
 
 .footnote sup  {
-	color:#e3dcc0;
+	color: black;
-	position:absolute;
 	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;
@@ -1192,7 +1275,7 @@ sup {
 }
 
 .footnote p,.footnote div.para {
-	padding-left:2em;
+	padding-left:1em;
 }
 
 .footnote a:link, 
@@ -1205,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 {
+div.titlepage, div.titlepage > div, div.titlepage > div > div {
-	page-break-inside: avoid;
-	page-break-after: avoid;
 }
 
 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, 
@@ -1542,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;
@@ -1629,7 +1703,8 @@ div.toc > dl > dt {
 	text-decoration: underline;
 }
 
-.calloutlist img, .callout {
+.calloutlist img,
+.callout {
 	padding: 0px;
 	margin: 0px;
 	width: 12pt;
@@ -1637,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;
+}
+
+