|
@@ -0,0 +1,1294 @@
|
|
|
+/*
|
|
|
+$LastChangedBy:barjo $
|
|
|
+$Date:2015-08-04 00:37:38 +0100 $
|
|
|
+*/
|
|
|
+/* 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
|
|
|
+}
|