doc.css 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
  1. /**
  2. * Copyright 2015 Google Inc. All Rights Reserved.
  3. *
  4. * Licensed under the Apache License, Version 2.0 (the "License");
  5. * you may not use this file except in compliance with the License.
  6. * You may obtain a copy of the License at
  7. *
  8. * http://www.apache.org/licenses/LICENSE-2.0
  9. *
  10. * Unless required by applicable law or agreed to in writing, software
  11. * distributed under the License is distributed on an "AS IS" BASIS,
  12. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13. * See the License for the specific language governing permissions and
  14. * limitations under the License.
  15. */
  16. /* Markdown rendered in /+doc/ or tree view page . */
  17. .Site-Content--markdown {
  18. padding-top: 0;
  19. }
  20. .Header-nav ul {
  21. max-width: 980px;
  22. margin: 0 auto;
  23. }
  24. .Header-nav li {
  25. display: inline-block;
  26. margin-right: 15px;
  27. }
  28. .doc h1, .doc h2, .doc h3, .doc h4, .doc h5, .doc h6 {
  29. font-weight: normal;
  30. margin: 1.236em 0 .618em;
  31. }
  32. .doc.RepoIndexDoc h1 {
  33. margin-top: .25em;
  34. }
  35. .doc h1 {
  36. font-size: 2em;
  37. }
  38. .doc h2 {
  39. font-size: 1.5em;
  40. }
  41. .doc h3 {
  42. font-size: 1.3em;
  43. }
  44. .doc h4,
  45. .doc h5,
  46. .doc h6 {
  47. font-size: 14px;
  48. font-style: italic;
  49. }
  50. .doc hr {
  51. border: none;
  52. border-top: 1px solid #aaa;
  53. display: block;
  54. margin-top: 25px;
  55. }
  56. .doc a {
  57. text-decoration: none;
  58. }
  59. .doc a:link {
  60. color: #245dc1;
  61. }
  62. .doc a:visited {
  63. color: #7759ae;
  64. }
  65. .doc a:hover {
  66. text-decoration: underline;
  67. }
  68. .doc a.h {
  69. display: inline-block;
  70. font-weight: normal;
  71. width: 1.5em;
  72. margin-left: -1.5em;
  73. margin-top: -1em;
  74. margin-bottom: -1em;
  75. }
  76. .doc a.h:link,
  77. .doc a.h:visited {
  78. color: #444;
  79. }
  80. .doc a.h:focus {
  81. outline: none;
  82. }
  83. .doc a.h:hover {
  84. text-decoration: none;
  85. }
  86. .doc a.h span {
  87. display: inline-block;
  88. width: 1.5em;
  89. }
  90. .doc h1:hover a.h span:before,
  91. .doc h2:hover a.h span:before,
  92. .doc h3:hover a.h span:before,
  93. .doc h4:hover a.h span:before,
  94. .doc h5:hover a.h span:before,
  95. .doc h6:hover a.h span:before {
  96. content: '#';
  97. font-weight: normal;
  98. color: #AAA;
  99. }
  100. .doc h1:hover a:hover.h span:before,
  101. .doc h2:hover a:hover.h span:before,
  102. .doc h3:hover a:hover.h span:before,
  103. .doc h4:hover a:hover.h span:before,
  104. .doc h5:hover a:hover.h span:before,
  105. .doc h6:hover a:hover.h span:before {
  106. text-decoration: underline;
  107. }
  108. .doc h1:hover a:visited.h span:before,
  109. .doc h2:hover a:visited.h span:before,
  110. .doc h3:hover a:visited.h span:before,
  111. .doc h4:hover a:visited.h span:before,
  112. .doc h5:hover a:visited.h span:before,
  113. .doc h6:hover a:visited.h span:before {
  114. color: #AAA;
  115. }
  116. .doc ul, .doc ol {
  117. margin: 10px 10px 10px 30px;
  118. padding: 0;
  119. }
  120. .doc ul {
  121. list-style-type: disc;
  122. }
  123. .doc ol {
  124. list-style-type: decimal;
  125. }
  126. .doc img {
  127. border: 0;
  128. max-width: 100%;
  129. }
  130. .doc iframe {
  131. min-width: 100px;
  132. min-height: 30px;
  133. }
  134. iframe.noborder {
  135. border: 0;
  136. }
  137. .doc em {
  138. font-weight: normal;
  139. font-style: italic;
  140. }
  141. .doc strong {
  142. font-weight: bold;
  143. color: inherit;
  144. }
  145. .doc p {
  146. margin: 10px 0;
  147. }
  148. .doc blockquote {
  149. background-color: #fffde7;
  150. border-left: 2px solid #fab700;
  151. padding: 2px 10px 2px 10px;
  152. }
  153. .doc pre {
  154. padding: 12px;
  155. font-size: 10pt;
  156. background-color: #fafafa;
  157. border: 1px solid #ccc;
  158. overflow-x: auto;
  159. }
  160. .doc code {
  161. padding: 2px 4px;
  162. background-color: #F5F5F5;
  163. border: transparent;
  164. border-radius: 4px;
  165. }
  166. .doc .code {
  167. font-family: 'Source Code Pro', monospace;
  168. }
  169. .doc dl dt {
  170. margin-top: 1em;
  171. }
  172. .doc table {
  173. border-collapse: collapse;
  174. border-spacing: 0;
  175. }
  176. .doc th {
  177. text-align: center;
  178. }
  179. .doc th,
  180. .doc td {
  181. border: 1px solid #eee;
  182. padding: 4px 12px;
  183. vertical-align: top;
  184. }
  185. .doc th {
  186. background-color: #f5f5f5;
  187. }
  188. .toc {
  189. margin-top: 30px;
  190. }
  191. .toc-aux {
  192. background: #f9f9f9;
  193. border: 1px solid #f2f2f2;
  194. }
  195. .toc h2 {
  196. margin: 0 0 5px 0;
  197. }
  198. .toc ul {
  199. margin: 10px 10px 10px 30px;
  200. }
  201. .toc ul li {
  202. margin-left: 0px;
  203. list-style: disc;
  204. }
  205. .toc ul ul {
  206. margin-top: 0;
  207. margin-bottom: 0;
  208. }
  209. .toc ul ul li {
  210. list-style: circle;
  211. }
  212. .note,
  213. .promo,
  214. .aside {
  215. border: 1px solid;
  216. border-radius: 4px;
  217. margin: 10px 0;
  218. padding: 10px;
  219. }
  220. .note {
  221. background: #fffbe4;
  222. border-color: #f8f6e6;
  223. }
  224. .promo {
  225. background: #f6f9ff;
  226. border-color: #eff2f9;
  227. }
  228. .aside {
  229. background: #f9f9f9;
  230. border-color: #f2f2f2;
  231. }
  232. .note :first-child,
  233. .promo :first-child,
  234. .aside :first-child {
  235. margin-top: 0;
  236. }
  237. .note p:last-child,
  238. .promo p:last-child,
  239. .aside p:last-child {
  240. margin-bottom: 0;
  241. }
  242. .cols {
  243. margin: 0 -1.533%;
  244. width: 103.067%;
  245. }
  246. .col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
  247. .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  248. display: inline-block;
  249. margin: 0 1.488% 20px;
  250. vertical-align: top;
  251. }
  252. .cols h1, .cols h2, .cols h3, .cols h4, .cols h5, .cols h6 {
  253. margin: .67em 0;
  254. }
  255. .col-1 { width: 5.357%; }
  256. .col-2 { width: 13.690%; }
  257. .col-3 { width: 22.024%; }
  258. .col-4 { width: 30.357%; }
  259. .col-5 { width: 38.690%; }
  260. .col-6 { width: 47.024%; }
  261. .col-7 { width: 55.357%; }
  262. .col-8 { width: 63.690%; }
  263. .col-9 { width: 72.024%; }
  264. .col-10 { width: 80.357%; }
  265. .col-11 { width: 88.690%; }
  266. .col-12 { width: 97.024%; }
  267. .cols hr { width: 80%; }