1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved. 2 * Use of this source code is governed by a BSD-style license that can be 3 * found in the LICENSE file. */ 4 5 /* GENERAL */ 6 .inline-toc ul, .inline-toc ol {list-style-type: none;} 7 .small-gap {margin-top: 0.5em;} 8 .small-gap li, dt {margin-top: 1em;} 9 .no-gap {margin-bottom: 0;} 10 .no-gap-li li {margin-top: 0;} 11 .indent {margin-left: 40px;} 12 .indent-small {margin-left: 20px;} 13 14 table {width: auto;} 15 .showcase, .showcase-list {margin: auto;} 16 body table.showcase td {text-align: center; vertical-align: middle;} 17 .showcase-list th, .generic th {text-align: center;} 18 .showcase-list tbody th, .generic tbody th {text-align: left;} 19 body table.showcase-list td {vertical-align: middle;} 20 table.showcase td.empty {border-bottom-style: hidden; border-right-style: hidden;} 21 table.showcase-list td.top-left, table.generic td.top-left {border-top-style: hidden; border-left-style: hidden;} 22 th.center {text-align: center;} 23 24 .showcase img.hold {opacity: 0.5;} 25 .showcase span.hold {color: #888;} 26 .col3 td {width: 33%;} 27 .col4 td {width: 25%;} 28 .col5 td {width: 20%;} 29 .kd-butterbar.shown.pepper-version {text-align: right; top: 150px; right: 44px; width: 31em;} 30 .kd-butterbar.shown.pepper-version span {background-color: #E5ECF9; border: 1px solid #36C;} 31 .kd-butterbar.shown.pepper-version span.deprecated {background-color: #FCC; border: 1px solid #A03;} 32 .kd-butterbar.shown.special-announcement {text-align: right; /* top: 185px; */ top: 150px; right: 44px; width: 31em;} 33 .kd-butterbar.shown.special-announcement span {background-color: #F9EDBE; border: 1px solid #F0C36D;} 34 35 /* HOME PAGE */ 36 .features section h3 {font-weight: bold; margin-bottom: 0.2em; margin-top: 0;} 37 .features section p {margin-bottom: 0;} 38 p.date {margin-top: 0; margin-bottom: 0.5em; font-style: italic;} 39 blockquote.indent-only {font-style: normal; color: #000; } 40 #home .button-nacl { 41 border-top: 1px solid #96d1f8; 42 background: #65a9d7; 43 background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); 44 background: -webkit-linear-gradient(top, #3e779d, #65a9d7); 45 background: -moz-linear-gradient(top, #3e779d, #65a9d7); 46 background: -ms-linear-gradient(top, #3e779d, #65a9d7); 47 background: -o-linear-gradient(top, #3e779d, #65a9d7); 48 padding: 5px 10px; 49 -webkit-border-radius: 5px; 50 -moz-border-radius: 5px; 51 border-radius: 5px; 52 -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; 53 -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; 54 box-shadow: rgba(0,0,0,1) 0 1px 0; 55 text-shadow: rgba(0,0,0,.4) 0 1px 0; 56 color: white; 57 font-size: 18px; 58 text-decoration: none; 59 vertical-align: middle; 60 } 61 #home .button-nacl:visited { 62 color: #fff; 63 } 64 #home .button-nacl:hover { 65 border-top-color: #28597a; 66 background: #28597a; 67 color: #ccc; 68 } 69 #home .button-nacl:active { 70 border-top-color: #1b435e; 71 background: #1b435e; 72 } 73 #home .button-download { 74 float: right; 75 margin: 2em 4em; 76 } 77 #home .big-intro { 78 font-size: 16px; 79 } 80 #home iframe.video { 81 display: block; 82 margin: 1em auto 0; 83 } 84 #home .left-side { 85 float: left; 86 width: 54%; 87 background-color: #FFF; 88 } 89 #home .left-side-inner { 90 padding-right: 40px; 91 } 92 #home .pull-quote { 93 background-color: #f5f5f5; 94 border-bottom: 1px solid; 95 border-top: 1px solid; 96 font-size: 14px; 97 float: right; 98 margin: .5em 2em 2em 2em; 99 padding: 1em; 100 } 101 #home .right-side { 102 float: right; 103 width: 54%; 104 background-color: #FFF; 105 } 106 #home .right-side-inner { 107 padding-left: 40px; 108 } 109 110 /* CSS for the Release Notes page */ 111 .functions {list-style-type: none;} 112 li.gap, .gap li {margin-top: 1.5em;} 113 .gap li li {margin-top: 0.2em;} 114 115 /* 116 * The #doxygen-ref is an id tag which encompasses code generated by doxygen 117 * and allows override of standard html tags while not affecting the rest 118 * of the page such as sidebars. 119 */ 120 121 #doxygen-ref table { 122 margin: 0; 123 } 124 125 #doxygen-ref td { 126 border: none; 127 } 128 129 #doxygen-ref tr { 130 border: none; 131 } 132 133 #doxygen-ref .memitem { 134 margin-top: 2em; 135 } 136 137 #doxygen-ref .memproto { 138 background-color: #e1e1e4; 139 border: 1px solid #e1e1f4; 140 font-weight: bold; 141 border-radius: 8px; 142 -moz-border-radius: 8px; 143 -webkit-border-radius: 8px; 144 } 145 146 /* 147 TODO(binji): remove 148 149 This is the old doxygen CSS formatting from devsite. It causes problems on many 150 pages, but it is probably useful to keep around while we are transitioning to 151 chromesite. 152 153 #doxygen-ref A.el { 154 text-decoration: none; 155 font-weight: bold; 156 text-align:left; 157 158 } 159 160 #doxygen-ref A.code:link, 161 A.code:visited { 162 text-decoration: none; 163 font-weight: normal; 164 color: #00F; 165 } 166 #doxygen-ref A.codeRef:link, 167 A.codeRef:visited { 168 font-weight: normal; 169 color: #00F; 170 } 171 #doxygen-ref A:hover { 172 text-decoration: none; 173 background-color: #f2f2ff; 174 } 175 176 #doxygen-ref DL.el { 177 margin-left: -1cm; 178 } 179 #doxygen-ref .fragment { 180 font-family: Fixed, monospace; 181 font-size: 95%; 182 } 183 #doxygen-ref PRE.fragment { 184 border: 1px solid #CCC; 185 background-color: #f5f5f5; 186 margin: 4px 8px 4px 2px 187 padding: 4px 6px; 188 } 189 190 #doxygen-ref TD { 191 margin: 0; 192 padding: 0; 193 } 194 195 #doxygen-ref TD.memname { 196 width: 50%; 197 } 198 199 #doxygen-ref TD.paramtype { 200 width: auto; 201 202 } 203 204 #doxygen-ref TD.md { 205 background-color: #e1e1e4; 206 font-weight: bold; 207 border: none; 208 } 209 210 #doxygen-ref .memberdecls { 211 border: "0"; 212 } 213 214 #doxygen-ref .memitem { 215 padding: 4px; 216 background-color: #ffff; 217 } 218 219 #doxygen-ref .memItemLeft { 220 white-space: nowrap; 221 } 222 223 #doxygen-ref .memItemRight { 224 white-space: nowrap; 225 } 226 227 #doxygen-ref .memname { 228 background-color: #e1e1e4; 229 white-space: nowrap; 230 font-weight: bold; 231 } 232 #doxygen-ref .memdoc{ 233 padding-left: 10px; 234 } 235 #doxygen-ref div.memproto td { 236 background-color: #e1e1e4; 237 } 238 #doxygen-ref .memproto { 239 background-color: #e1e1e4; 240 width: auto; 241 border-width: 1px; 242 border-style: solid; 243 border-color: #e1e1f4; 244 font-weight: bold; 245 -moz-border-radius: 8px 8px 8px 8px; 246 } 247 #doxygen-ref .memproto .deprecated, 248 .memname .deprecated, 249 .summary .deprecated { 250 color: red; 251 } 252 #doxygen-ref .paramkey { 253 text-align: right; 254 } 255 #doxygen-ref .paramtype { 256 white-space: nowrap; 257 } 258 #doxygen-ref .paramname { 259 color: #602020; 260 font-style: italic; 261 white-space: nowrap; 262 } 263 #doxygen-ref DIV.groupHeader { 264 margin: 12px 16px 6px auto; 265 font-weight: bold; 266 } 267 268 #doxygen-ref TR.memlist { 269 background-color: #f0f0f0; 270 } 271 272 #doxygen-ref table.memname { 273 width: auto; 274 } 275 276 #doxygen-ref td.memname { 277 width: auto; 278 } 279 280 #doxygen-ref table.memname td { 281 padding: 0 2px; 282 } 283 284 #doxygen-ref .memberdecls td { 285 width: auto; 286 border: none; 287 } 288 289 #doxygen-ref th { 290 font-size: 16px; 291 background-color: #DDD; 292 padding: 0 4px; 293 } 294 295 #doxygen-ref SPAN.keyword, 296 SPAN.keywordflow { 297 color: #008000; 298 } 299 #doxygen-ref SPAN.keywordtyp { 300 color: #604020; 301 } 302 #doxygen-ref SPAN.comment { 303 color: #800000; 304 } 305 #doxygen-ref SPAN.preprocessor { 306 color: #806020; 307 } 308 #doxygen-ref SPAN.stringliteral { 309 color: #002080; 310 } 311 #doxygen-ref SPAN.charliteral { 312 color: #008080; 313 } 314 315 #doxygen-ref .mdescLeft, 316 #doxygen-ref .mdescRight { 317 padding: 0 8px 4px 8px; 318 font-size: 80%; 319 font-style: italic; 320 background-color: #FAFAFA; 321 border: 1px none #E0E0E0; 322 margin: 0; 323 } 324 #doxygen-ref .search { 325 color: #039; 326 font-weight: bold; 327 } 328 329 #doxygen-ref HR { 330 height: 1px; 331 border: none; 332 display: none; 333 } 334 #doxygen-ref table, 335 #doxygen-ref td, 336 #doxygen-ref tr { 337 border:none; 338 width: auto; 339 text-align: left; 340 padding: 10px; 341 margin-bottom: 0; 342 } 343 #doxygen-ref .contents H1 { 344 text-align: center; 345 background-color: #ffffff; 346 border: 0; 347 } 348 349 #doxygen-ref CAPTION { 350 font-weight: bold; 351 } 352 #doxygen-ref .contents .summary { 353 line-height: 1em; 354 } 355 #doxygen-ref .contents .summary TD { 356 } 357 #doxygen-ref .contents .summary .type { 358 text-align: right; 359 } 360 #doxygen-ref .memdoc { 361 padding-left: 30px; 362 } 363 #doxygen-ref .memitem { 364 border-top:1px solid #E5ECF9; 365 border:none; 366 } 367 #doxygen-ref .doxygen-global { 368 background-color: #ffcc66; 369 } 370 371 */ 372