doc/nasmdoc.css

   1 body {
   2     font-family: "source sans pro", "clear sans", "liberation sans",
   3     "arial", "sans-serif";
   4     background: white;
   5 }
   6 div.title {
   7     text-align: center;
   8     font-weight: bold;
   9     margin: 0.67em 0;
  10 }
  11 h1 {
  12     font-size: 2em;
  13     margin: 0;
  14 }
  15 span.subtitle {
  16     font-size: 1.25em;
  17     font-style: italic;
  18 }
  19 code, pre {
  20     font-family: "source code pro", "liberation mono", "monospace";
  21 }
  22 pre, blockquote {
  23     margin-left: 4em;
  24     margin-right: 4em;
  25 }
  26 code {
  27     display: inline;
  28     white-space: nowrap;
  29 }
  30 a {
  31     text-decoration: none;
  32 }
  33 div.toc {
  34     padding-left: 0;
  35     font-size: 195%;
  36 }
  37 div.toc li {
  38     list-style-type: none;
  39     padding-left: 0;
  40 }
  41 div.toc ol {
  42     padding-left: 2em;
  43     font-size: 80%;
  44 }
  45 li.toc1 {
  46     padding-top: 0.7em;
  47 }
  48 li.toc2 {
  49     padding-top: 0.3em;
  50 }
  51 ul.index {
  52     list-style-type: none;
  53 }
  54 @media not screen {
  55     ul.navbar {
  56         display: none;
  57     }
  58 }
  59 @media print {
  60     a {
  61         color: inherit;
  62     }
  63 }
  64 @media only screen {
  65     div.contents {
  66         -webkit-column-gap: 4em;
  67         -webkit-column-rule: 1px dotted black;
  68         -moz-column-gap: 4em;
  69         -moz-column-rule: 1px dotted black;
  70         column-gap: 4em;
  71         column-rule: 1px dotted black;
  72     }
  73 }
  74 @media only screen and (min-width: 90em) {
  75     /* For a very wide screen, go to a columnar layout */
  76     div.contents {
  77         -webkit-column-count: 2;
  78         -moz-column-count: 2;
  79         column-count: 2;
  80     }
  81 }
  82 @media only screen and (min-width: 135em) {
  83     div.contents {
  84         -webkit-column-count: 3;
  85         -moz-column-count: 3;
  86         column-count: 3;
  87     }
  88 }
  89 @media screen {
  90     /* Setting an explicit margin to keep the navbar from moving */
  91     body {
  92         padding: 0;
  93         margin: 8px;
  94     }
  95
  96     /* Link styles */
  97     a:link {
  98         color: #33c;
  99     }
 100     a:visited {
 101         color: #338;
 102     }
 103     a:hover {
 104         background: #ccc;
 105     }
 106     a:active {
 107         color: #f33;
 108         background: #ccc;
 109     }
 110
 111     /* Trick to avoid the navbar hiding the the target of an # link */
 112     :target {
 113         margin-top: -10vh;
 114         padding-top: 10vh;
 115         background: #ffa;       /* Highlight the jump target */
 116         background-clip: content-box;
 117     }
 118
 119     ul.navbar {
 120         display: block;
 121         position: sticky;
 122         top: 8px;
 123         width: 100%;
 124         margin: 0;
 125         padding: 0;
 126         overflow: hidden;
 127         white-space: nowrap;
 128         list-style-type: none;
 129         background: #336 url("nasmlogw.png") no-repeat right center;
 130         background-size: contain;
 131     }
 132
 133     ul.navbar li {
 134         float: left;
 135     }
 136     ul.navbar li.last {
 137         border-right: none;
 138     }
 139     ul.navbar a {
 140         border-right: 1px solid #bbb;
 141         display: block;
 142         color: white;
 143         text-align: center;
 144         padding: 1em 1.5em;
 145         text-decoration: none;
 146     }
 147     ul.navbar a:hover {
 148         background-color: #448;
 149     }
 150 }