lfs.css.new 23 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294
  1. /*
  2. $LastChangedBy:barjo $
  3. $Date:2015-08-04 00:37:38 +0100 $
  4. */
  5. /* Global settings */
  6. body {
  7. font-family: verdana, tahoma, helvetica, arial, sans-serif;
  8. text-align: left;
  9. background: #fff;
  10. color: #222;
  11. margin: 1.0em;
  12. padding: 0em;
  13. font-size: 1.1em;
  14. line-height: 1.25em;
  15. margin-top: 0em;
  16. }
  17. /* Links */
  18. a:link {
  19. color: #22b;
  20. font-weight: bold;
  21. text-decoration: none;
  22. }
  23. a.ulink:link {
  24. font-weight: bold;
  25. color: #55f;
  26. text-decoration: none;
  27. }
  28. a:visited {
  29. color: #7e4988 ! important;
  30. text-decoration: none;
  31. }
  32. a:hover,
  33. a:focus {
  34. color: #d30e08 ! important;
  35. text-decoration: underline;
  36. }
  37. a:active {
  38. color: #4183C4 ! important;
  39. text-decoration: none;
  40. }
  41. div.navfooter a:link {
  42. color: #2AAA42 !important;
  43. }
  44. div.navfooter a:visited {
  45. color: #2AAA42 ! important;
  46. text-decoration: none;
  47. }
  48. div.navfooter a:hover, div.navfooter a:focus {
  49. color: #2AAA42 ! important;
  50. text-decoration: underline;
  51. }
  52. div.navfooter a:active {
  53. color: #2AAA42 ! important;
  54. text-decoration: none;
  55. }
  56. /* Book titlepage */
  57. .book .titlepage {
  58. text-align: center;
  59. width: 92%;
  60. /*max-width: 900px;*/
  61. /*max-width: 100ex;*/
  62. background: #dbddec;
  63. margin: 0px auto;
  64. padding: 0px 1em;
  65. }
  66. .book hr {
  67. background: #dbddec;
  68. height: 2px;
  69. border: 0px;
  70. margin: 0px;
  71. padding: 0px;
  72. }
  73. /* Sections */
  74. div.sect1,
  75. div.appendix,
  76. div.wrap,
  77. div.chapter,
  78. div.part,
  79. div.preface,
  80. div.toc,
  81. div.legalnotice,
  82. div.dedication,
  83. div.index,
  84. .book .titlepage {
  85. padding-left: 0.3em;
  86. /*max-width: 900px;*/
  87. /*max-width: 100ex;*/
  88. /*margin: 0px auto;*/
  89. margin-left: 170px;
  90. }
  91. @media(max-width:1220px) and (min-height:550px){
  92. div.sect1,
  93. div.appendix,
  94. div.wrap,
  95. div.chapter,
  96. div.part,
  97. div.preface,
  98. div.legalnotice,
  99. div.dedication,
  100. div.index,
  101. .book .titlepage,
  102. .book .toc {
  103. /*margin: 0 auto;*/
  104. margin-left: 170px;
  105. }
  106. }
  107. /* end media */
  108. @media(max-width:1050px),
  109. (max-width:1050px) and (min-width:800px) and (max-height:550px){
  110. div.sect1,
  111. div.appendix,
  112. div.wrap,
  113. div.chapter,
  114. div.part,
  115. div.preface,
  116. div.legalnotice,
  117. div.dedication,
  118. div.index,
  119. .book .titlepage,
  120. .book .toc {
  121. margin-left: 120px;
  122. }
  123. }
  124. /* end media */
  125. @media(max-width:550px),
  126. (max-width:800px) and (max-height:550px){
  127. div.sect1,
  128. div.appendix,
  129. div.wrap,
  130. div.chapter,
  131. div.part,
  132. div.preface,
  133. div.legalnotice,
  134. div.dedication,
  135. div.index,
  136. .book .titlepage,
  137. .book .toc {
  138. margin: auto;
  139. margin-left: 7vmin;
  140. }
  141. }
  142. /* end media */
  143. div.index > div.index {
  144. margin: auto;
  145. }
  146. div.important ul {
  147. padding-left: 1.5em;
  148. list-style-type: disc;
  149. }
  150. div.important ul li p {
  151. margin: 0em;
  152. padding: 0em 0.6em;
  153. }
  154. .package,
  155. .kernel,
  156. .installation,
  157. .commands,
  158. .testing,
  159. .configuration,
  160. .content {
  161. padding: 0em 0.5em 0.2em 0em;
  162. margin: 0em;
  163. }
  164. .lfs .package {
  165. margin: 1em;
  166. padding: 0.2em 0.5em 0.75em 1.5em;
  167. box-shadow: 0em 0em 6px rgba(0,0,0,.5);
  168. border-radius: 4px;
  169. position: relative;
  170. line-height: 1.4em;
  171. }
  172. .lfs .configuration {
  173. background: #fefefe;
  174. border-top: 0.2em solid #dbddec;
  175. }
  176. .lfs .content {
  177. margin: 1em;
  178. padding: 0.2em 0.5em 0.75em 1em;
  179. box-shadow: 0em 0em 6px rgba(0,0,0,.5);
  180. border-left: 0.5em solid #444;
  181. border-radius: 4px;
  182. position: relative;
  183. line-height: 1.4em;
  184. }
  185. /* Headers */
  186. h1, h2, h3, h4, h5, h6, b, .strong {
  187. color: #000; /* black */
  188. font-weight: bold;
  189. line-height: 1em;
  190. }
  191. h1 {
  192. font-size: 173%;
  193. text-align: left;
  194. }
  195. .book h1 {
  196. text-align: center;
  197. margin: 0em;
  198. padding: 0.7em;
  199. }
  200. .preface h1,
  201. .part h1,
  202. .chapter h1,
  203. .appendix h1,
  204. .index h1,
  205. .sect1 h1,
  206. .wrap h1 {
  207. background: none; /*#f5f6f7;*/
  208. border-bottom: 1px solid #EEE; /*1em solid #dbddec;*/
  209. margin-bottom: 1em;
  210. margin-top: 0px;
  211. padding: 0.4em;
  212. }
  213. h1.title sup {
  214. font-size: small;
  215. }
  216. h2 {
  217. font-size:144%;
  218. border-bottom:1px solid #EEE;
  219. padding:.3em;
  220. }
  221. .titlepage h2,
  222. div.navheader h2 {
  223. font-size: 120%;
  224. border-bottom: none;
  225. padding: 0.25em;
  226. }
  227. .book h2.subtitle {
  228. margin: 0pt;
  229. padding: 0.2em;
  230. }
  231. .appendix h2 {
  232. font-size: 133%;
  233. margin-top: 0.8em;
  234. margin-bottom: 0.2em;
  235. }
  236. h3 {
  237. font-size: 120%;
  238. border-bottom: 1px solid #EEE;
  239. padding: 0.25em;
  240. }
  241. h4 {
  242. font-size: 110%;
  243. border-bottom: 1px solid #EEE;
  244. padding: 0.2em;
  245. }
  246. .titlepage h3,
  247. div.navheader h3 {
  248. font-size: 120%;
  249. border-bottom: none;
  250. padding: 0.25em;
  251. }
  252. .titlepage h4,
  253. div.navheader h4 {
  254. font-size: 110%;
  255. border-bottom: none;
  256. padding: 0.2em;
  257. }
  258. @media(max-width:550px){
  259. .titlepage h2,
  260. div.navheader h2 {
  261. font-size: 4.7vmin;
  262. border-bottom: none;
  263. padding: 0.25em;
  264. }
  265. .titlepage h3,
  266. div.navheader h3 {
  267. font-size: 4.5vmin;
  268. border-bottom: none;
  269. padding: 0.25em;
  270. }
  271. .titlepage h4,
  272. div.navheader h4 {
  273. font-size: 4.3vmin;
  274. border-bottom: none;
  275. padding: 0.2em;
  276. }
  277. }
  278. /* End media */
  279. .package h4, h5, h6 {
  280. font-size: 100%;
  281. font-style: italic;
  282. }
  283. /* Navigation */
  284. div.navheader {
  285. background: #dbddec;
  286. padding: 0.1em 0.5em;
  287. /*margin: 0em auto;*/
  288. margin-left: 170px;
  289. /* border-bottom: 2px solid #dbddec; */
  290. width: 100%;
  291. /*max-width: 900px;*/
  292. /*max-width: 100ex;*/
  293. max-height: 85px;
  294. z-index: 1000;
  295. }
  296. div.navheader ul {
  297. display:none;
  298. }
  299. @media(min-width:550px) and (min-height:550px),
  300. (min-width:1220px) and (min-height:550px){
  301. div.navfooter{
  302. top: 0px;
  303. position: fixed;
  304. background: rgb(255, 255, 255) url("../images/tux.png") no-repeat scroll 5px 5px;
  305. display: block;
  306. height: 100px;
  307. width: 100px;
  308. }
  309. }
  310. /* End media */
  311. @media(max-width:1220px) and (min-height:550px){
  312. div.navheader {
  313. border-bottom: 1px solid #dbddec;
  314. /*max-width: 900px;*/
  315. /*max-width: 100ex;*/
  316. max-height: 150px;
  317. z-index: 1000;
  318. min-height: 50px;
  319. height: auto;
  320. width: auto;
  321. margin: 0px auto;
  322. }
  323. }
  324. /* End media */
  325. @media(max-width:1050px),
  326. (max-width:1050px) and (min-width:800px) and (max-height:550px){
  327. div.navheader{
  328. margin-left: 120px;
  329. height: auto;
  330. width: auto;
  331. }
  332. }
  333. /* End media */
  334. @media(max-width:550px),
  335. (max-width:800px) and (max-height:550px){
  336. div.navheader{
  337. height: auto;
  338. width: auto;
  339. /*margin-left: 0px;*/
  340. margin-left: 120px;
  341. }
  342. }
  343. /* End media */
  344. div.navheader h4 {
  345. margin-top: 0.4em;
  346. margin-bottom: 0em;
  347. text-align: center;
  348. }
  349. div.navheader h3 {
  350. margin-top: 0.2em;
  351. margin-bottom: 0em;
  352. text-align: center;
  353. }
  354. div.navfooter ul{
  355. position: relative;
  356. margin: 0px;
  357. padding: 0px;
  358. height: 0px;
  359. width: 0px;
  360. }
  361. div.navheader ul li.prev,
  362. div.navfooter ul li.prev {
  363. position: fixed;
  364. display: block;
  365. left: 0px;
  366. text-align: left;
  367. padding: 0.2em 1em;
  368. margin-left: 6px;
  369. top: 50%;
  370. max-width: 170px;
  371. /*height: 270px;*/
  372. /*border: 1px solid red;*/
  373. /*padding-bottom: 3em;*/
  374. }
  375. /*
  376. div.navheader ul li.next,
  377. div.navfooter ul li.next {
  378. position: fixed;
  379. display: block;
  380. text-align: right;
  381. right: 5px;
  382. padding: 0.2em 1em;
  383. margin-right: 7px;
  384. top: 50%;
  385. max-width: 170px;
  386. }
  387. */
  388. div.navheader ul li.next,
  389. div.navfooter ul li.next {
  390. position: fixed;
  391. display: block;
  392. text-align: left;
  393. left: 0px;
  394. padding: 0.2em 1em;
  395. margin-left: 6px;
  396. top: 75%;
  397. max-width: 170px;
  398. }
  399. div.navheader ul li.prev p,
  400. div.navfooter ul li.prev p,
  401. div.navheader ul li.next p,
  402. div.navfooter ul li.next p {
  403. padding: 0em;
  404. padding-bottom: 3em;
  405. margin: 1px 0px;
  406. max-width: 170px;
  407. font-size: 90%;
  408. color: blue;
  409. font-weight: bold;
  410. }
  411. div.navheader ul li.home,
  412. div.navfooter ul li.home {
  413. position: fixed;
  414. text-align: left;
  415. left: 0px;
  416. padding: 0.2em 1em;
  417. margin: 0px auto;
  418. display: block;
  419. color: #dbddec;
  420. top: 115px;
  421. margin-left: 6px;
  422. max-width: 200px;
  423. }
  424. div.navheader ul li.up,
  425. div.navfooter ul li.up {
  426. position: fixed;
  427. text-align: left;
  428. left: 0px;
  429. padding: 0.2em 1em;
  430. margin: 0px auto;
  431. display: block;
  432. color: #dbddec;
  433. top: 75px;
  434. margin-left: 6px;
  435. max-width: 200px;
  436. /*border: 1px solid black;*/
  437. }
  438. div.navheader ul li.up a,
  439. div.navfooter ul li.up a {
  440. display: block;
  441. padding: 10px 5px 10px 28px;
  442. background: url(../images/chevron-top.png) no-repeat left center;
  443. background-size: 20px 20px;
  444. }
  445. div.navheader ul li.home a,
  446. div.navfooter ul li.home a {
  447. display: block;
  448. padding: 10px 5px 10px 28px;
  449. background: url(../images/grid-three-up.png) no-repeat left center;
  450. background-size: 20px 20px;
  451. }
  452. div.navheader ul li.prev a,
  453. div.navfooter ul li.prev a {
  454. display: block;
  455. padding: 10px 5px 10px 35px;
  456. background: url(../images/chevron-left.png) no-repeat left center;
  457. background-size: 28px 28px;
  458. /*border: 1px solid green;
  459. margin: 2px;*/
  460. }
  461. /*
  462. div.navheader ul li.prev p span.xxx, span.xxx{
  463. color: red;
  464. }
  465. div.navheader ul li.prev p {
  466. border: 1px solid blue;
  467. }
  468. */
  469. div.navheader ul li.next a,
  470. div.navfooter ul li.next a{
  471. display: block;
  472. padding: 10px 35px 10px 5px;
  473. background: url(../images/chevron-right.png) no-repeat right center;
  474. background-size: 28px 28px;
  475. }
  476. @media(max-width:1220px) and (min-height:550px){
  477. div.navheader ul li,
  478. div.navfooter ul li{
  479. width: 120px;
  480. }
  481. div.navheader ul li.prev p,
  482. div.navheader ul li.next p,
  483. div.navfooter ul li.prev p,
  484. div.navfooter ul li.next p{
  485. text-align: center;
  486. /*border: 1px solid blue;
  487. margin: 2px;*/
  488. height: 7.5vh; /* 7.5% ov viewport height */
  489. overflow: hidden;
  490. }
  491. /*
  492. div.navheader ul li.prev p:after,
  493. div.navheader ul li.next p:after,
  494. div.navfooter ul li.prev p:after,
  495. div.navfooter ul li.next p:after{
  496. content: "";
  497. text-align: right;
  498. position: absolute;
  499. bottom: 0px;
  500. right: 0px;
  501. width: 100%;
  502. height: 2.8em;
  503. background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(255, 255, 255, 1) 100%);
  504. }
  505. */
  506. div.navheader ul li.prev,
  507. div.navfooter ul li.prev {
  508. position: fixed;
  509. display: block;
  510. left: 0px;
  511. top: 40vh; /* 55% of viewport height */
  512. padding: 0px;
  513. margin: 0px;
  514. }
  515. div.navheader ul li.prev a,
  516. div.navfooter ul li.prev a{
  517. display: block;
  518. text-align: center;
  519. left: 0px;
  520. padding: 10vh 0px 0px 0px;
  521. background: url(../images/chevron-left.png) no-repeat center 5vh;
  522. background-size: 25px 25px;
  523. }
  524. div.navheader ul li.next,
  525. div.navfooter ul li.next {
  526. position: fixed;
  527. display: block;
  528. left: 0px;
  529. top: 62vh;
  530. padding: 0px;
  531. margin: 0px;
  532. }
  533. div.navheader ul li.next a,
  534. div.navfooter ul li.next a {
  535. display: block;
  536. text-align: center;
  537. left: 0px;
  538. padding: 10vh 0px 0px 0px;
  539. background: url(../images/chevron-right.png) no-repeat center 5vh;
  540. background-size: 25px 25px;
  541. }
  542. div.navheader ul li.home,
  543. div.navheader ul li.up,
  544. div.navfooter ul li.home,
  545. div.navfooter ul li.up {
  546. position: fixed;
  547. padding: 0px;
  548. display: block;
  549. color: #dbddec;
  550. left: 0px;
  551. margin: 0px;
  552. }
  553. div.navheader ul li.home,
  554. div.navfooter ul li.home{
  555. top:25vh;
  556. }
  557. div.navheader ul li.up,
  558. div.navfooter ul li.up{
  559. top:10vh;
  560. }
  561. div.navheader ul li.home a,
  562. div.navfooter ul li.home a{
  563. display: block;
  564. text-align: center;
  565. left: 0px;
  566. padding: 10vh 0px 0px 0px;
  567. background: url(../images/grid-three-up.png) no-repeat center 5vh;
  568. background-size: 25px 25px;
  569. }
  570. div.navheader ul li.up a,
  571. div.navfooter ul li.up a{
  572. display: block;
  573. text-align: center;
  574. left: 0px;
  575. padding: 10vh 0px 0px 0px;
  576. background: url(../images/chevron-top.png) no-repeat center 5vh;
  577. background-size: 25px 25px;
  578. }
  579. }
  580. /* End media */
  581. @media(max-width:1220px) and (max-height:550px) and (min-width:800px),
  582. (min-width:1220px) and (max-height:350px){
  583. div.navheader ul li.prev p,
  584. div.navfooter ul li.prev p,
  585. div.navheader ul li.next p,
  586. div.navfooter ul li.next p
  587. {
  588. display: none;
  589. }
  590. div.navheader ul li.prev,
  591. div.navfooter ul li.prev {
  592. max-width: 120px;
  593. position: fixed;
  594. display: block;
  595. top: 45vmin; /* smaller of 60% viewport height, width */
  596. padding: 0px;
  597. margin-left: 10px;
  598. font-size: 90%;
  599. }
  600. div.navheader ul li.next,
  601. div.navfooter ul li.next {
  602. max-width: 120px;
  603. position: fixed;
  604. display: block;
  605. left: 0;
  606. top: 80vmin;
  607. padding: 0px;
  608. margin-left: 10px;
  609. font-size: 90%;
  610. }
  611. div.navheader ul li.prev a,
  612. div.navfooter ul li.prev a {
  613. background-size: 20px 20px;
  614. }
  615. div.navheader ul li.next a,
  616. div.navfooter ul li.next a{
  617. display: block;
  618. padding: 10px 5px 10px 35px;
  619. background: url(../images/chevron-right.png) no-repeat left center;
  620. background-size: 20px 20px;
  621. text-align: left;
  622. }
  623. div.navheader ul li.home,
  624. div.navheader ul li.up,
  625. div.navfooter ul li.home,
  626. div.navfooter ul li.up {
  627. max-width: 120px;
  628. position: fixed;
  629. padding: 0px;
  630. margin-left: 10px;
  631. display: block;
  632. color: #dbddec;
  633. font-size: 90%;
  634. }
  635. div.navheader ul li.home,
  636. div.navfooter ul li.home{
  637. top: 35vmin;
  638. }
  639. div.navheader ul li.up,
  640. div.navfooter ul li.up{
  641. top: 10vmin;
  642. }
  643. div.navheader ul li.home a,
  644. div.navfooter ul li.home a,
  645. div.navheader ul li.up a,
  646. div.navfooter ul li.up a{
  647. padding: 10px 5px 10px 35px;
  648. }
  649. }
  650. /* End media */
  651. @media(max-width:550px),
  652. (max-width:800px) and (max-height:550px){
  653. div.navheader ul li.prev p,
  654. div.navfooter ul li.prev p,
  655. div.navheader ul li.next p,
  656. div.navfooter ul li.next p {
  657. display: none;
  658. }
  659. div.navheader ul li.prev,
  660. div.navfooter ul li.prev {
  661. position: fixed;
  662. display: block;
  663. left: 0px;
  664. top: 60vmin;
  665. padding: 0px;
  666. margin: 0px;
  667. }
  668. div.navheader ul li.prev a,
  669. div.navfooter ul li.prev a{
  670. display: block;
  671. width: 0px;
  672. left: 0px;
  673. padding: 5vmin 0 5vmin 8vmin;
  674. text-indent: 15vmin;
  675. height: 10vmin;
  676. background: url(../images/chevron-left.png) no-repeat center center;
  677. background-size: 6vmin 6vmin;
  678. overflow: hidden;
  679. }
  680. div.navheader ul li.next,
  681. div.navfooter ul li.next {
  682. position: fixed;
  683. display: block;
  684. left: 0px;
  685. top: 80vmin;
  686. padding: 0px;
  687. margin: 0px;
  688. }
  689. div.navheader ul li.next a,
  690. div.navfooter ul li.next a{
  691. display: block;
  692. width: 0px;
  693. left: 0px;
  694. padding: 5vmin 0px 5vmin 8vmin;
  695. text-indent: 15vmin;
  696. height: 10vmin;
  697. background: url(../images/chevron-right.png) no-repeat center center;
  698. background-size: 6vmin 6vmin;
  699. overflow: hidden;
  700. }
  701. div.navheader ul li.home,
  702. div.navheader ul li.up,
  703. div.navfooter ul li.home,
  704. div.navfooter ul li.up {
  705. position: fixed;
  706. padding: 0px;
  707. margin: 0px;
  708. display: block;
  709. color: #dbddec;
  710. left: 0px;
  711. }
  712. div.navheader ul li.home,
  713. div.navfooter ul li.home{
  714. top: 40vmin;
  715. }
  716. div.navheader ul li.up,
  717. div.navfooter ul li.up{
  718. top: 20vmin;
  719. }
  720. div.navheader ul li.home a,
  721. div.navfooter ul li.home a{
  722. display: block;
  723. width: 0px;
  724. padding: 5vmin 0px 5vmin 8vmin;
  725. text-indent: 15vmin;
  726. height: 10vmin;
  727. background: url(../images/grid-three-up.png) no-repeat center center;
  728. background-size: 6vmin 6vmin;
  729. overflow: hidden;
  730. }
  731. div.navheader ul li.up a,
  732. div.navfooter ul li.up a{
  733. display: block;
  734. width: 0px;
  735. padding: 5vmin 0px 5vmin 8vmin;
  736. text-indent: 15vmin;
  737. height: 10vmin;
  738. background: url(../images/chevron-top.png) no-repeat center center;
  739. background-size: 6vmin 6vmin;
  740. overflow: hidden;
  741. }
  742. }
  743. /* End media */
  744. /* TOC */
  745. div.toc ul,
  746. div.index ul,
  747. div.navheader ul,
  748. div.navfooter ul {
  749. list-style: none;
  750. }
  751. li.preface,
  752. .part li.appendix {
  753. margin-left: 1em;
  754. }
  755. div.toc h3 {
  756. margin: 1em 0em 0.3em 0em;
  757. }
  758. li.appendix h3,
  759. li.glossary h3,
  760. li.index h3 {
  761. margin: 0.5em
  762. }
  763. div.toc h4 {
  764. margin: 0.6em 0em 0.2em 0em;
  765. }
  766. li.chapter h4 a {
  767. display: block;
  768. margin-bottom: 0.4em
  769. }
  770. .dummy {
  771. display: block;
  772. font-weight: bold;
  773. font-size: 110%;
  774. margin: 0.6em 0em 0.2em 0em;
  775. }
  776. /* Index */
  777. .index ul li {
  778. margin: 5px 0em;
  779. }
  780. .index ul li ul li{
  781. margin: 0em;
  782. }
  783. .item {
  784. float: left;
  785. margin-right: 1em
  786. }
  787. .secitem {
  788. font-weight: normal;
  789. float: left;
  790. margin-right: 1em
  791. }
  792. .indexref {
  793. display: block;
  794. }
  795. .item + .indexref {
  796. margin-left: 16em;
  797. }
  798. .secitem + .indexref {
  799. margin-left: 15em;
  800. }
  801. @media(max-width:600px){
  802. .item {
  803. display: block;
  804. width: 100%;
  805. }
  806. .secitem {
  807. display: block;
  808. width: 100%;
  809. margin-left: 1em;
  810. }
  811. .item + .indexref {
  812. display: inline-block;
  813. padding-left: 0px;
  814. margin-left: 1em;
  815. }
  816. .secitem + .indexref {
  817. display: inline-block;
  818. padding-left: 0px;
  819. margin-left: 2em;
  820. }
  821. }
  822. /* End media */
  823. /* Admonitions */
  824. div.admon img {
  825. padding-top: 10px;
  826. margin-left: 1.1em;
  827. }
  828. div.admon h3 {
  829. display: inline;
  830. margin-bottom: 50px;
  831. /*margin-left: 2em;*/
  832. }
  833. div.admon p {
  834. margin-left: 0.5em;
  835. padding-bottom: 0.4em;
  836. }
  837. div.admon pre {
  838. margin: 0.5em 3em;
  839. }
  840. div.note,
  841. div.tip {
  842. margin: 1em;
  843. padding: 0.2em 0.5em 0.75em 0.75em;
  844. box-shadow: 0px 0px 6px rgba(0,0,0,.5);
  845. border-left: 0.5em solid #F9FF00;
  846. border-radius: 4px;
  847. position: relative;
  848. line-height: 1.4em;
  849. }
  850. div.important,
  851. div.warning,
  852. div.caution {
  853. margin: 1em;
  854. padding: 0.2em 0.5em 0.75em 0.75em;
  855. box-shadow: 0px 0px 6px rgba(0,0,0,.5);
  856. border-left: 0.5em solid #dc322f;
  857. border-radius: 4px;
  858. position: relative;
  859. line-height: 1.4em;
  860. }
  861. div.important h3,
  862. div.warning h3,
  863. div.caution h3 {
  864. color: #900;
  865. }
  866. div.important em,
  867. div.warning em,
  868. div.caution em {
  869. color: #000;
  870. font-weight: bold;
  871. }
  872. /* table */
  873. .table p.title {
  874. text-align: center;
  875. margin-top: 0px;
  876. margin-bottom: 0.3em;
  877. }
  878. .table table {
  879. margin-left: auto;
  880. margin-right: auto;
  881. }
  882. .table table th,
  883. .table table td {
  884. padding: 0.2em 2em 0.2em 2em;
  885. text-align: left;
  886. }
  887. .revhistory {
  888. padding-left: 1em;
  889. }
  890. .revhistory th {
  891. line-height: 2em;
  892. text-align: left;
  893. }
  894. .revhistory td {
  895. padding-right: 1em;
  896. }
  897. /* variablelist as table */
  898. .variablelist table {
  899. width: auto;
  900. margin: 0em 1em 0em 1em;
  901. }
  902. .variablelist td {
  903. vertical-align: top;
  904. min-width: 100px;
  905. padding: 0px;
  906. }
  907. @media(max-width:700px){
  908. .variablelist td {
  909. display: inline-block;
  910. width: 100%;
  911. }
  912. .variablelist td:nth-child(2) p{
  913. margin-left: 2em;
  914. }
  915. }
  916. /* End media */
  917. .variablelist td span,
  918. td p {
  919. margin: 0.25em;
  920. padding: 0px;
  921. }
  922. /* variablelist as list */
  923. dl {
  924. padding-left: 1em
  925. }
  926. dt {
  927. font-weight:bold;
  928. margin-left: 1em;
  929. }
  930. dd {
  931. margin-bottom: 0.6em;
  932. margin-left: 1em;
  933. }
  934. dd p {
  935. margin-top: 0px;
  936. margin-bottom: 0px;
  937. padding-top: 0px;
  938. padding-bottom: 0px;
  939. }
  940. div.materials dt {
  941. display: list-item;
  942. }
  943. div.materials dd {
  944. margin-left: 0px;
  945. padding-left: 0px;
  946. }
  947. /* segmentedlist */
  948. .appendix .segmentedlist {
  949. padding-left: 1em;
  950. }
  951. .package .seg {
  952. margin-bottom: 0px;
  953. margin-top: 0px;
  954. clear: left;
  955. }
  956. .content .seg {
  957. margin-bottom: 0.4em;
  958. margin-top: 0.4em;
  959. clear: left;
  960. }
  961. .segtitle {
  962. float: left;
  963. padding-right: 1em;
  964. }
  965. .package .segbody, .appendix .segbody {
  966. display: block;
  967. padding-left: 14em;
  968. }
  969. .content .segbody {
  970. display: block;
  971. padding-left: 12em;
  972. }
  973. @media(max-width:700px){
  974. .segtitle {
  975. display: block;
  976. width: 100%;
  977. }
  978. .package .segbody, .content .segbody {
  979. display: inline-block;
  980. padding-left: 0px;
  981. margin-left: 1em;
  982. }
  983. }
  984. /* End media */
  985. /* itemizedlist */
  986. .itemizedlist ul {
  987. margin-left: 1em;
  988. }
  989. .itemizedlist li p {
  990. margin: 5px 0;
  991. }
  992. .itemizedlist li p:first-child {
  993. padding-left: 3px;
  994. margin-top: 15px;
  995. }
  996. .itemizedlist li ul {
  997. margin-bottom: 1.2em;
  998. }
  999. .itemizedlist li ul li p {
  1000. margin-top: 0.5em;
  1001. margin-bottom: 0.5em;
  1002. }
  1003. .itemizedlist li ul li:first-child p:first-child {
  1004. margin-top: -0.6em;
  1005. }
  1006. ul.compact {
  1007. list-style: none;
  1008. }
  1009. .blfs ul.compact {
  1010. list-style: disc;
  1011. }
  1012. ul.compact li {
  1013. margin: 0px;
  1014. padding: 0px;
  1015. }
  1016. ul.compact li p {
  1017. padding: 0.3em;
  1018. margin: 0px;
  1019. }
  1020. .blfs ul.compact li p {
  1021. background-color: #f0fff0;
  1022. }
  1023. /* orderedlist */
  1024. ol {
  1025. list-style: decimal;
  1026. }
  1027. ol ol {
  1028. list-style: lower-alpha;
  1029. }
  1030. ol ol ol {
  1031. list-style: lower-roman;
  1032. }
  1033. ol.compact li {
  1034. margin: 0px;
  1035. padding: 0px;
  1036. }
  1037. ol.compact li p {
  1038. padding: 0.3em;
  1039. margin: 0px;
  1040. }
  1041. /* Indented blocks */
  1042. p,
  1043. blockquote {
  1044. padding-left: 1em;
  1045. padding-right: 1em;
  1046. }
  1047. /* Monospaced elements */
  1048. tt,
  1049. code,
  1050. kbd,
  1051. pre,
  1052. .command {
  1053. font-family: monospace;
  1054. }
  1055. .systemitem {
  1056. font-style: italic;
  1057. }
  1058. pre {
  1059. background-color: #e9e9e9;
  1060. color: #333;
  1061. margin: 1em;
  1062. padding: 0.2em 0.5em 0.5em 2em;
  1063. border-radius: 4px;
  1064. position: relative;
  1065. line-height: 1.2em;
  1066. overflow: auto;
  1067. font-weight: bold;
  1068. }
  1069. pre.screen {
  1070. font-weight: normal;
  1071. }
  1072. .literal,
  1073. .prompt {
  1074. font-weight: normal;
  1075. }
  1076. /* Mixed tags */
  1077. p.usernotes {
  1078. margin-left: -1em;
  1079. font-size: small;
  1080. font-weight: bold;
  1081. font-style: italic;
  1082. }
  1083. .underlined {
  1084. text-decoration: underline;
  1085. }
  1086. /* Last edited info */
  1087. p.updated {
  1088. font-size: small;
  1089. font-weight: bold;
  1090. font-style: italic;
  1091. }
  1092. /* Special colored blocks */
  1093. /* OrangeRed4 */
  1094. .feature-ssp {
  1095. color: #8B2500;
  1096. }
  1097. /* RoyalBlue3 */
  1098. .feature-aslr {
  1099. color: #3A5FCD;
  1100. }
  1101. /* NavyBlue */
  1102. .feature-pax {
  1103. color: #000080;
  1104. }
  1105. /* VioletRed */
  1106. .feature-hardened_tmp {
  1107. color: #d02090;
  1108. }
  1109. /* PaleTurquoise4 */
  1110. .feature-warnings {
  1111. color: #668b8b;
  1112. }
  1113. /* RosyBrown */
  1114. .feature-misc {
  1115. color: #bc8f8f;
  1116. }
  1117. /* Sienna*/
  1118. .feature-blowfish {
  1119. color: #8E6B23
  1120. }