1/* General CSS */ 2 3body { 4 background-color: #fff; 5 color: #333; 6 font-family: sans-serif; 7 font-size: 10pt; 8 margin-right: 100px; 9 margin-left: 100px; 10} 11 12h1 { 13 text-align: center; 14 font-size: 18pt; 15} 16 17h1, h2, h3, h4, h5, h6 { 18 color: #06c; 19 margin-top: 2em; 20 margin-bottom: 1em; 21 padding: 25px; 22 font-weight:bold; 23} 24 25h2, 26h3, 27h4, 28h5, 29h6 { 30 margin-top:1.5em; 31 margin-bottom:.75em; 32} 33 34h1 {font-size:200%;} 35h2 {font-size:167%;} 36h3 {font-size:133%;} 37h4 {font-size:120%;} 38h5 {font-size:110%;} 39 40 41table { 42 border: 1px solid #bbb; 43 border-spacing: 0; 44 border-collapse: collapse; 45 margin: 0 0 1.5em; 46 vertical-align: middle; 47 width: 100% 48} 49 50td, th { 51 border: 1px solid #ccc; 52 padding: 2px 12px; 53 font-size: 10pt; 54} 55 56code, samp, var { 57 background-color:#FAFAFA; 58 white-space: nowrap 59} 60 61pre { 62 padding:6px 10px; 63 background-color:#FAFAFA; 64 border:1px solid #bbb; 65 overflow:auto; 66} 67 68pre.prettyprint { 69 padding:6px 10px !important; 70 border:1px solid #bbb !important; 71} 72 73code.bad, code.badcode { 74 color: magenta; 75} 76 77pre.bad, pre.badcode { 78 background-color:#ffe6d8; 79 border-top:1px inset #a03; 80 border-left:1px inset #a03; 81} 82 83hr { 84 margin-top: 3.5em; 85 border-width: 1px; 86 color: #fff; 87} 88 89/* TOC CSS */ 90 91table.columns { 92 border: none; 93} 94 95td.two_columns { 96 -webkit-column-count: 2; 97 column-count: 2; 98} 99 100.toc_category { 101 font-size: 10pt; 102 padding-top: 1em; 103 padding-bottom: 1em; 104 border-left-width: 2px; 105 border-right-width: 2px; 106 border-color: grey; 107} 108 109.toc_stylepoint { 110 font-size: 10pt; 111 padding-top: 1em; 112 padding-bottom: 1em; 113} 114 115li.toc_entry { 116 padding-right: 1em; 117 display: inline; 118 list-style-type: none; 119} 120 121/* 122 * This space is required to trigger the linewrap on the links 123 * at href boundaries 124 */ 125li.toc_entry::after { 126 content: " "; 127 } 128 129li.toc_entry a { 130 white-space: nowrap; 131} 132 133/* Horizontal TOC */ 134.toc td, .toc th { 135 border-width: 1px 5px; 136 overflow: hidden; 137} 138 139/* Vertical TOC */ 140 141.toc td.two_columns { 142 border-width: 0px; 143} 144 145/* Special Sections */ 146 147address { 148 text-align: right; 149} 150 151.revision { 152 text-align: right; 153} 154 155.headerbox { 156 margin-left: 50%; 157 font-size: 75%; 158} 159 160.legend { 161 padding-top: 1em; 162 margin-left: 50%; 163 font-size: 10pt; 164} 165 166.link_button { 167 float: left; 168 display: none; 169 background-color: #f8f8ff; 170 border-color: #f0f0ff; 171 border-style: solid; 172 border-width: 1px; 173 font-size: 75%; 174 margin-top: 0; 175 margin-left: -50px; 176 padding: 24px; 177 border-radius: 3px; 178 -webkit-border-radius: 3px; 179 -moz-border-radius: 3px; 180} 181 182.ignoreLink { 183 padding: 0px; 184} 185 186.divider{ 187 width:5px; 188 height:auto; 189 display:inline-block; 190} 191 192/* Style Guide semantic CSS */ 193 194.summary { 195 margin-top: 1em; 196 margin-bottom: 1em; 197} 198 199.stylebody { 200 margin-top: 1em; 201 margin-bottom: 1em; 202} 203 204.stylepoint_section { 205 display: block; 206 margin-bottom: 1em; 207 font-family: sans-serif; 208 font-weight: bold; 209} 210 211.stylepoint_subsection { 212 display: block; 213 margin-bottom: 1em; 214} 215 216.stylepoint_subsubsection { 217 display: block; 218 margin-bottom: 1em; 219} 220 221.definition:before { 222 content: "Definition: "; 223 font-weight: bold; 224 display: block; 225 margin-bottom: 1em; 226} 227 228.pros:before { 229 content: "Pros: "; 230 font-weight: bold; 231 display: block; 232 margin-bottom: 1em; 233} 234 235.cons:before { 236 content: "Cons: "; 237 font-weight: bold; 238 display: block; 239 margin-bottom: 1em; 240} 241 242.decision:before { 243 content: "Decision: "; 244 font-weight: bold; 245 display: block; 246 margin-bottom: 1em; 247} 248 249.exception:before { 250 content: "Exception: "; 251 font-weight: bold; 252 display: block; 253 margin-bottom: 1em; 254} 255 256.note:before { 257 content: "Note: "; 258 font-weight: bold; 259 display: block; 260 margin-bottom: 1em; 261} 262