lfs-ru/stylesheets/lfs-xsl/lfs.css.new

1291 lines
22 KiB
Plaintext

/* Global settings */
body {
font-family: verdana, tahoma, helvetica, arial, sans-serif;
text-align: left;
background: #fff;
color: #222;
margin: 1.0em;
padding: 0em;
font-size: 1.1em;
line-height: 1.25em;
margin-top: 0em;
}
/* Links */
a:link {
color: #22b;
font-weight: bold;
text-decoration: none;
}
a.ulink:link {
font-weight: bold;
color: #55f;
text-decoration: none;
}
a:visited {
color: #7e4988 ! important;
text-decoration: none;
}
a:hover,
a:focus {
color: #d30e08 ! important;
text-decoration: underline;
}
a:active {
color: #4183C4 ! important;
text-decoration: none;
}
div.navfooter a:link {
color: #2AAA42 !important;
}
div.navfooter a:visited {
color: #2AAA42 ! important;
text-decoration: none;
}
div.navfooter a:hover, div.navfooter a:focus {
color: #2AAA42 ! important;
text-decoration: underline;
}
div.navfooter a:active {
color: #2AAA42 ! important;
text-decoration: none;
}
/* Book titlepage */
.book .titlepage {
text-align: center;
width: 92%;
/*max-width: 900px;*/
/*max-width: 100ex;*/
background: #dbddec;
margin: 0px auto;
padding: 0px 1em;
}
.book hr {
background: #dbddec;
height: 2px;
border: 0px;
margin: 0px;
padding: 0px;
}
/* Sections */
div.sect1,
div.appendix,
div.wrap,
div.chapter,
div.part,
div.preface,
div.toc,
div.legalnotice,
div.dedication,
div.index,
.book .titlepage {
padding-left: 0.3em;
/*max-width: 900px;*/
/*max-width: 100ex;*/
/*margin: 0px auto;*/
margin-left: 170px;
}
@media(max-width:1220px) and (min-height:550px){
div.sect1,
div.appendix,
div.wrap,
div.chapter,
div.part,
div.preface,
div.legalnotice,
div.dedication,
div.index,
.book .titlepage,
.book .toc {
/*margin: 0 auto;*/
margin-left: 170px;
}
}
/* end media */
@media(max-width:1050px),
(max-width:1050px) and (min-width:800px) and (max-height:550px){
div.sect1,
div.appendix,
div.wrap,
div.chapter,
div.part,
div.preface,
div.legalnotice,
div.dedication,
div.index,
.book .titlepage,
.book .toc {
margin-left: 120px;
}
}
/* end media */
@media(max-width:550px),
(max-width:800px) and (max-height:550px){
div.sect1,
div.appendix,
div.wrap,
div.chapter,
div.part,
div.preface,
div.legalnotice,
div.dedication,
div.index,
.book .titlepage,
.book .toc {
margin: auto;
margin-left: 7vmin;
}
}
/* end media */
div.index > div.index {
margin: auto;
}
div.important ul {
padding-left: 1.5em;
list-style-type: disc;
}
div.important ul li p {
margin: 0em;
padding: 0em 0.6em;
}
.package,
.kernel,
.installation,
.commands,
.testing,
.configuration,
.content {
padding: 0em 0.5em 0.2em 0em;
margin: 0em;
}
.lfs .package {
margin: 1em;
padding: 0.2em 0.5em 0.75em 1.5em;
box-shadow: 0em 0em 6px rgba(0,0,0,.5);
border-radius: 4px;
position: relative;
line-height: 1.4em;
}
.lfs .configuration {
background: #fefefe;
border-top: 0.2em solid #dbddec;
}
.lfs .content {
margin: 1em;
padding: 0.2em 0.5em 0.75em 1em;
box-shadow: 0em 0em 6px rgba(0,0,0,.5);
border-left: 0.5em solid #444;
border-radius: 4px;
position: relative;
line-height: 1.4em;
}
/* Headers */
h1, h2, h3, h4, h5, h6, b, .strong {
color: #000; /* black */
font-weight: bold;
line-height: 1em;
}
h1 {
font-size: 173%;
text-align: left;
}
.book h1 {
text-align: center;
margin: 0em;
padding: 0.7em;
}
.preface h1,
.part h1,
.chapter h1,
.appendix h1,
.index h1,
.sect1 h1,
.wrap h1 {
background: none; /*#f5f6f7;*/
border-bottom: 1px solid #EEE; /*1em solid #dbddec;*/
margin-bottom: 1em;
margin-top: 0px;
padding: 0.4em;
}
h1.title sup {
font-size: small;
}
h2 {
font-size:144%;
border-bottom:1px solid #EEE;
padding:.3em;
}
.titlepage h2,
div.navheader h2 {
font-size: 120%;
border-bottom: none;
padding: 0.25em;
}
.book h2.subtitle {
margin: 0pt;
padding: 0.2em;
}
.appendix h2 {
font-size: 133%;
margin-top: 0.8em;
margin-bottom: 0.2em;
}
h3 {
font-size: 120%;
border-bottom: 1px solid #EEE;
padding: 0.25em;
}
h4 {
font-size: 110%;
border-bottom: 1px solid #EEE;
padding: 0.2em;
}
.titlepage h3,
div.navheader h3 {
font-size: 120%;
border-bottom: none;
padding: 0.25em;
}
.titlepage h4,
div.navheader h4 {
font-size: 110%;
border-bottom: none;
padding: 0.2em;
}
@media(max-width:550px){
.titlepage h2,
div.navheader h2 {
font-size: 4.7vmin;
border-bottom: none;
padding: 0.25em;
}
.titlepage h3,
div.navheader h3 {
font-size: 4.5vmin;
border-bottom: none;
padding: 0.25em;
}
.titlepage h4,
div.navheader h4 {
font-size: 4.3vmin;
border-bottom: none;
padding: 0.2em;
}
}
/* End media */
.package h4, h5, h6 {
font-size: 100%;
font-style: italic;
}
/* Navigation */
div.navheader {
background: #dbddec;
padding: 0.1em 0.5em;
/*margin: 0em auto;*/
margin-left: 170px;
/* border-bottom: 2px solid #dbddec; */
width: 100%;
/*max-width: 900px;*/
/*max-width: 100ex;*/
max-height: 85px;
z-index: 1000;
}
div.navheader ul {
display:none;
}
@media(min-width:550px) and (min-height:550px),
(min-width:1220px) and (min-height:550px){
div.navfooter{
top: 0px;
position: fixed;
background: rgb(255, 255, 255) url("../images/tux.png") no-repeat scroll 5px 5px;
display: block;
height: 100px;
width: 100px;
}
}
/* End media */
@media(max-width:1220px) and (min-height:550px){
div.navheader {
border-bottom: 1px solid #dbddec;
/*max-width: 900px;*/
/*max-width: 100ex;*/
max-height: 150px;
z-index: 1000;
min-height: 50px;
height: auto;
width: auto;
margin: 0px auto;
}
}
/* End media */
@media(max-width:1050px),
(max-width:1050px) and (min-width:800px) and (max-height:550px){
div.navheader{
margin-left: 120px;
height: auto;
width: auto;
}
}
/* End media */
@media(max-width:550px),
(max-width:800px) and (max-height:550px){
div.navheader{
height: auto;
width: auto;
/*margin-left: 0px;*/
margin-left: 120px;
}
}
/* End media */
div.navheader h4 {
margin-top: 0.4em;
margin-bottom: 0em;
text-align: center;
}
div.navheader h3 {
margin-top: 0.2em;
margin-bottom: 0em;
text-align: center;
}
div.navfooter ul{
position: relative;
margin: 0px;
padding: 0px;
height: 0px;
width: 0px;
}
div.navheader ul li.prev,
div.navfooter ul li.prev {
position: fixed;
display: block;
left: 0px;
text-align: left;
padding: 0.2em 1em;
margin-left: 6px;
top: 50%;
max-width: 170px;
/*height: 270px;*/
/*border: 1px solid red;*/
/*padding-bottom: 3em;*/
}
/*
div.navheader ul li.next,
div.navfooter ul li.next {
position: fixed;
display: block;
text-align: right;
right: 5px;
padding: 0.2em 1em;
margin-right: 7px;
top: 50%;
max-width: 170px;
}
*/
div.navheader ul li.next,
div.navfooter ul li.next {
position: fixed;
display: block;
text-align: left;
left: 0px;
padding: 0.2em 1em;
margin-left: 6px;
top: 75%;
max-width: 170px;
}
div.navheader ul li.prev p,
div.navfooter ul li.prev p,
div.navheader ul li.next p,
div.navfooter ul li.next p {
padding: 0em;
padding-bottom: 3em;
margin: 1px 0px;
max-width: 170px;
font-size: 90%;
color: blue;
font-weight: bold;
}
div.navheader ul li.home,
div.navfooter ul li.home {
position: fixed;
text-align: left;
left: 0px;
padding: 0.2em 1em;
margin: 0px auto;
display: block;
color: #dbddec;
top: 115px;
margin-left: 6px;
max-width: 200px;
}
div.navheader ul li.up,
div.navfooter ul li.up {
position: fixed;
text-align: left;
left: 0px;
padding: 0.2em 1em;
margin: 0px auto;
display: block;
color: #dbddec;
top: 75px;
margin-left: 6px;
max-width: 200px;
/*border: 1px solid black;*/
}
div.navheader ul li.up a,
div.navfooter ul li.up a {
display: block;
padding: 10px 5px 10px 28px;
background: url(../images/chevron-top.png) no-repeat left center;
background-size: 20px 20px;
}
div.navheader ul li.home a,
div.navfooter ul li.home a {
display: block;
padding: 10px 5px 10px 28px;
background: url(../images/grid-three-up.png) no-repeat left center;
background-size: 20px 20px;
}
div.navheader ul li.prev a,
div.navfooter ul li.prev a {
display: block;
padding: 10px 5px 10px 35px;
background: url(../images/chevron-left.png) no-repeat left center;
background-size: 28px 28px;
/*border: 1px solid green;
margin: 2px;*/
}
/*
div.navheader ul li.prev p span.xxx, span.xxx{
color: red;
}
div.navheader ul li.prev p {
border: 1px solid blue;
}
*/
div.navheader ul li.next a,
div.navfooter ul li.next a{
display: block;
padding: 10px 35px 10px 5px;
background: url(../images/chevron-right.png) no-repeat right center;
background-size: 28px 28px;
}
@media(max-width:1220px) and (min-height:550px){
div.navheader ul li,
div.navfooter ul li{
width: 120px;
}
div.navheader ul li.prev p,
div.navheader ul li.next p,
div.navfooter ul li.prev p,
div.navfooter ul li.next p{
text-align: center;
/*border: 1px solid blue;
margin: 2px;*/
height: 7.5vh; /* 7.5% ov viewport height */
overflow: hidden;
}
/*
div.navheader ul li.prev p:after,
div.navheader ul li.next p:after,
div.navfooter ul li.prev p:after,
div.navfooter ul li.next p:after{
content: "";
text-align: right;
position: absolute;
bottom: 0px;
right: 0px;
width: 100%;
height: 2.8em;
background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(255, 255, 255, 1) 100%);
}
*/
div.navheader ul li.prev,
div.navfooter ul li.prev {
position: fixed;
display: block;
left: 0px;
top: 40vh; /* 55% of viewport height */
padding: 0px;
margin: 0px;
}
div.navheader ul li.prev a,
div.navfooter ul li.prev a{
display: block;
text-align: center;
left: 0px;
padding: 10vh 0px 0px 0px;
background: url(../images/chevron-left.png) no-repeat center 5vh;
background-size: 25px 25px;
}
div.navheader ul li.next,
div.navfooter ul li.next {
position: fixed;
display: block;
left: 0px;
top: 62vh;
padding: 0px;
margin: 0px;
}
div.navheader ul li.next a,
div.navfooter ul li.next a {
display: block;
text-align: center;
left: 0px;
padding: 10vh 0px 0px 0px;
background: url(../images/chevron-right.png) no-repeat center 5vh;
background-size: 25px 25px;
}
div.navheader ul li.home,
div.navheader ul li.up,
div.navfooter ul li.home,
div.navfooter ul li.up {
position: fixed;
padding: 0px;
display: block;
color: #dbddec;
left: 0px;
margin: 0px;
}
div.navheader ul li.home,
div.navfooter ul li.home{
top:25vh;
}
div.navheader ul li.up,
div.navfooter ul li.up{
top:10vh;
}
div.navheader ul li.home a,
div.navfooter ul li.home a{
display: block;
text-align: center;
left: 0px;
padding: 10vh 0px 0px 0px;
background: url(../images/grid-three-up.png) no-repeat center 5vh;
background-size: 25px 25px;
}
div.navheader ul li.up a,
div.navfooter ul li.up a{
display: block;
text-align: center;
left: 0px;
padding: 10vh 0px 0px 0px;
background: url(../images/chevron-top.png) no-repeat center 5vh;
background-size: 25px 25px;
}
}
/* End media */
@media(max-width:1220px) and (max-height:550px) and (min-width:800px),
(min-width:1220px) and (max-height:350px){
div.navheader ul li.prev p,
div.navfooter ul li.prev p,
div.navheader ul li.next p,
div.navfooter ul li.next p
{
display: none;
}
div.navheader ul li.prev,
div.navfooter ul li.prev {
max-width: 120px;
position: fixed;
display: block;
top: 45vmin; /* smaller of 60% viewport height, width */
padding: 0px;
margin-left: 10px;
font-size: 90%;
}
div.navheader ul li.next,
div.navfooter ul li.next {
max-width: 120px;
position: fixed;
display: block;
left: 0;
top: 80vmin;
padding: 0px;
margin-left: 10px;
font-size: 90%;
}
div.navheader ul li.prev a,
div.navfooter ul li.prev a {
background-size: 20px 20px;
}
div.navheader ul li.next a,
div.navfooter ul li.next a{
display: block;
padding: 10px 5px 10px 35px;
background: url(../images/chevron-right.png) no-repeat left center;
background-size: 20px 20px;
text-align: left;
}
div.navheader ul li.home,
div.navheader ul li.up,
div.navfooter ul li.home,
div.navfooter ul li.up {
max-width: 120px;
position: fixed;
padding: 0px;
margin-left: 10px;
display: block;
color: #dbddec;
font-size: 90%;
}
div.navheader ul li.home,
div.navfooter ul li.home{
top: 35vmin;
}
div.navheader ul li.up,
div.navfooter ul li.up{
top: 10vmin;
}
div.navheader ul li.home a,
div.navfooter ul li.home a,
div.navheader ul li.up a,
div.navfooter ul li.up a{
padding: 10px 5px 10px 35px;
}
}
/* End media */
@media(max-width:550px),
(max-width:800px) and (max-height:550px){
div.navheader ul li.prev p,
div.navfooter ul li.prev p,
div.navheader ul li.next p,
div.navfooter ul li.next p {
display: none;
}
div.navheader ul li.prev,
div.navfooter ul li.prev {
position: fixed;
display: block;
left: 0px;
top: 60vmin;
padding: 0px;
margin: 0px;
}
div.navheader ul li.prev a,
div.navfooter ul li.prev a{
display: block;
width: 0px;
left: 0px;
padding: 5vmin 0 5vmin 8vmin;
text-indent: 15vmin;
height: 10vmin;
background: url(../images/chevron-left.png) no-repeat center center;
background-size: 6vmin 6vmin;
overflow: hidden;
}
div.navheader ul li.next,
div.navfooter ul li.next {
position: fixed;
display: block;
left: 0px;
top: 80vmin;
padding: 0px;
margin: 0px;
}
div.navheader ul li.next a,
div.navfooter ul li.next a{
display: block;
width: 0px;
left: 0px;
padding: 5vmin 0px 5vmin 8vmin;
text-indent: 15vmin;
height: 10vmin;
background: url(../images/chevron-right.png) no-repeat center center;
background-size: 6vmin 6vmin;
overflow: hidden;
}
div.navheader ul li.home,
div.navheader ul li.up,
div.navfooter ul li.home,
div.navfooter ul li.up {
position: fixed;
padding: 0px;
margin: 0px;
display: block;
color: #dbddec;
left: 0px;
}
div.navheader ul li.home,
div.navfooter ul li.home{
top: 40vmin;
}
div.navheader ul li.up,
div.navfooter ul li.up{
top: 20vmin;
}
div.navheader ul li.home a,
div.navfooter ul li.home a{
display: block;
width: 0px;
padding: 5vmin 0px 5vmin 8vmin;
text-indent: 15vmin;
height: 10vmin;
background: url(../images/grid-three-up.png) no-repeat center center;
background-size: 6vmin 6vmin;
overflow: hidden;
}
div.navheader ul li.up a,
div.navfooter ul li.up a{
display: block;
width: 0px;
padding: 5vmin 0px 5vmin 8vmin;
text-indent: 15vmin;
height: 10vmin;
background: url(../images/chevron-top.png) no-repeat center center;
background-size: 6vmin 6vmin;
overflow: hidden;
}
}
/* End media */
/* TOC */
div.toc ul,
div.index ul,
div.navheader ul,
div.navfooter ul {
list-style: none;
}
li.preface,
.part li.appendix {
margin-left: 1em;
}
div.toc h3 {
margin: 1em 0em 0.3em 0em;
}
li.appendix h3,
li.glossary h3,
li.index h3 {
margin: 0.5em
}
div.toc h4 {
margin: 0.6em 0em 0.2em 0em;
}
li.chapter h4 a {
display: block;
margin-bottom: 0.4em
}
.dummy {
display: block;
font-weight: bold;
font-size: 110%;
margin: 0.6em 0em 0.2em 0em;
}
/* Index */
.index ul li {
margin: 5px 0em;
}
.index ul li ul li{
margin: 0em;
}
.item {
float: left;
margin-right: 1em
}
.secitem {
font-weight: normal;
float: left;
margin-right: 1em
}
.indexref {
display: block;
}
.item + .indexref {
margin-left: 16em;
}
.secitem + .indexref {
margin-left: 15em;
}
@media(max-width:600px){
.item {
display: block;
width: 100%;
}
.secitem {
display: block;
width: 100%;
margin-left: 1em;
}
.item + .indexref {
display: inline-block;
padding-left: 0px;
margin-left: 1em;
}
.secitem + .indexref {
display: inline-block;
padding-left: 0px;
margin-left: 2em;
}
}
/* End media */
/* Admonitions */
div.admon img {
padding-top: 10px;
margin-left: 1.1em;
}
div.admon h3 {
display: inline;
margin-bottom: 50px;
/*margin-left: 2em;*/
}
div.admon p {
margin-left: 0.5em;
padding-bottom: 0.4em;
}
div.admon pre {
margin: 0.5em 3em;
}
div.note,
div.tip {
margin: 1em;
padding: 0.2em 0.5em 0.75em 0.75em;
box-shadow: 0px 0px 6px rgba(0,0,0,.5);
border-left: 0.5em solid #F9FF00;
border-radius: 4px;
position: relative;
line-height: 1.4em;
}
div.important,
div.warning,
div.caution {
margin: 1em;
padding: 0.2em 0.5em 0.75em 0.75em;
box-shadow: 0px 0px 6px rgba(0,0,0,.5);
border-left: 0.5em solid #dc322f;
border-radius: 4px;
position: relative;
line-height: 1.4em;
}
div.important h3,
div.warning h3,
div.caution h3 {
color: #900;
}
div.important em,
div.warning em,
div.caution em {
color: #000;
font-weight: bold;
}
/* table */
.table p.title {
text-align: center;
margin-top: 0px;
margin-bottom: 0.3em;
}
.table table {
margin-left: auto;
margin-right: auto;
}
.table table th,
.table table td {
padding: 0.2em 2em 0.2em 2em;
text-align: left;
}
.revhistory {
padding-left: 1em;
}
.revhistory th {
line-height: 2em;
text-align: left;
}
.revhistory td {
padding-right: 1em;
}
/* variablelist as table */
.variablelist table {
width: auto;
margin: 0em 1em 0em 1em;
}
.variablelist td {
vertical-align: top;
min-width: 100px;
padding: 0px;
}
@media(max-width:700px){
.variablelist td {
display: inline-block;
width: 100%;
}
.variablelist td:nth-child(2) p{
margin-left: 2em;
}
}
/* End media */
.variablelist td span,
td p {
margin: 0.25em;
padding: 0px;
}
/* variablelist as list */
dl {
padding-left: 1em
}
dt {
font-weight:bold;
margin-left: 1em;
}
dd {
margin-bottom: 0.6em;
margin-left: 1em;
}
dd p {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
div.materials dt {
display: list-item;
}
div.materials dd {
margin-left: 0px;
padding-left: 0px;
}
/* segmentedlist */
.appendix .segmentedlist {
padding-left: 1em;
}
.package .seg {
margin-bottom: 0px;
margin-top: 0px;
clear: left;
}
.content .seg {
margin-bottom: 0.4em;
margin-top: 0.4em;
clear: left;
}
.segtitle {
float: left;
padding-right: 1em;
}
.package .segbody, .appendix .segbody {
display: block;
padding-left: 14em;
}
.content .segbody {
display: block;
padding-left: 12em;
}
@media(max-width:700px){
.segtitle {
display: block;
width: 100%;
}
.package .segbody, .content .segbody {
display: inline-block;
padding-left: 0px;
margin-left: 1em;
}
}
/* End media */
/* itemizedlist */
.itemizedlist ul {
margin-left: 1em;
}
.itemizedlist li p {
margin: 5px 0;
}
.itemizedlist li p:first-child {
padding-left: 3px;
margin-top: 15px;
}
.itemizedlist li ul {
margin-bottom: 1.2em;
}
.itemizedlist li ul li p {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.itemizedlist li ul li:first-child p:first-child {
margin-top: -0.6em;
}
ul.compact {
list-style: none;
}
.blfs ul.compact {
list-style: disc;
}
ul.compact li {
margin: 0px;
padding: 0px;
}
ul.compact li p {
padding: 0.3em;
margin: 0px;
}
.blfs ul.compact li p {
background-color: #f0fff0;
}
/* orderedlist */
ol {
list-style: decimal;
}
ol ol {
list-style: lower-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol.compact li {
margin: 0px;
padding: 0px;
}
ol.compact li p {
padding: 0.3em;
margin: 0px;
}
/* Indented blocks */
p,
blockquote {
padding-left: 1em;
padding-right: 1em;
}
/* Monospaced elements */
tt,
code,
kbd,
pre,
.command {
font-family: monospace;
}
.systemitem {
font-style: italic;
}
pre {
background-color: #e9e9e9;
color: #333;
margin: 1em;
padding: 0.2em 0.5em 0.5em 2em;
border-radius: 4px;
position: relative;
line-height: 1.2em;
overflow: auto;
font-weight: bold;
}
pre.screen {
font-weight: normal;
}
.literal,
.prompt {
font-weight: normal;
}
/* Mixed tags */
p.usernotes {
margin-left: -1em;
font-size: small;
font-weight: bold;
font-style: italic;
}
.underlined {
text-decoration: underline;
}
/* Last edited info */
p.updated {
font-size: small;
font-weight: bold;
font-style: italic;
}
/* Special colored blocks */
/* OrangeRed4 */
.feature-ssp {
color: #8B2500;
}
/* RoyalBlue3 */
.feature-aslr {
color: #3A5FCD;
}
/* NavyBlue */
.feature-pax {
color: #000080;
}
/* VioletRed */
.feature-hardened_tmp {
color: #d02090;
}
/* PaleTurquoise4 */
.feature-warnings {
color: #668b8b;
}
/* RosyBrown */
.feature-misc {
color: #bc8f8f;
}
/* Sienna*/
.feature-blowfish {
color: #8E6B23
}