tui-doc.css 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487
  1. body {
  2. font-size: 12px;
  3. font-family: Helvetica Neue, Helvetica, Arial, Malgun gothic, '돋움', AppleSDGothicNeo;
  4. }
  5. ul, ol, li {list-style:none; padding-left:0; margin-left:0;}
  6. /* Navigation - LNB */
  7. .lnb {
  8. width: 290px;
  9. position: absolute;
  10. bottom: 30px;
  11. top: 0;
  12. overflow: auto;
  13. left: 0;
  14. background-color: #161b1d;
  15. padding: 0 20px;
  16. }
  17. .lnb .logo {
  18. height: 13px;
  19. margin: 20px auto 0;
  20. }
  21. .lnb .title {
  22. text-align: center;
  23. padding: 0 0 15px;
  24. }
  25. .lnb .title .link {
  26. color: #fff;
  27. font-style: italic;
  28. }
  29. .lnb h3 {
  30. font-size: 1.5em;
  31. color: #fa3282;
  32. }
  33. .lnb h3 a {
  34. color: #fa3282;
  35. }
  36. .lnb h3 a:hover {
  37. color: #9a3282;
  38. }
  39. .lnb .lnb-api li,
  40. .lnb .lnb-examples li {
  41. padding-top: 5px;
  42. padding-bottom: 5px;
  43. border-bottom: 1px solid #1f292e;
  44. }
  45. .lnb .lnb-api h3 a {
  46. color: #fa3282;
  47. }
  48. .lnb .lnb-api h3 a:hover {
  49. color: #fa3282;
  50. text-decoration: underline;
  51. }
  52. .lnb .lnb-api a,
  53. .lnb .lnb-examples a {
  54. color: #7cafc2;
  55. }
  56. .lnb .lnb-api a:hover,
  57. .lnb .lnb-examples a:hover {
  58. color: #a3cfdf;
  59. }
  60. .lnb .lnb-api .toggle-subnav {
  61. padding: 0 3px;
  62. margin-bottom: 0;
  63. }
  64. .lnb .lnb-api .toggle-subnav:focus {
  65. outline: 0;
  66. }
  67. .lnb .lnb-api .toggle-subnav {
  68. font-size: 10px;
  69. }
  70. .lnb .member-type {
  71. margin-top: 5px;
  72. margin-left: 5px;
  73. color: #568c3b;
  74. font-weight: normal;
  75. font-size: 10px;
  76. cursor: text;
  77. }
  78. .lnb .inner li {
  79. margin-left: 15px;
  80. border-bottom: 0;
  81. padding-top: 0;
  82. padding-bottom: 0;
  83. color: #bbb;
  84. }
  85. .lnb .inner a {
  86. color: #bbb;
  87. }
  88. .lnb .inner a:hover {
  89. color: #eee;
  90. }
  91. .lnb .version {
  92. color: #aaa;
  93. font-size: 1.2em;
  94. }
  95. /* LNB-TAB */
  96. .lnb-tab {
  97. text-align: center;
  98. text-decoration: none;
  99. }
  100. .lnb-tab li {
  101. display: inline-block;
  102. padding-top: 15px;
  103. }
  104. .lnb-tab li a {
  105. color: #aaa;
  106. font-size: 0.9em;
  107. }
  108. .lnb-tab li.selected a {
  109. color: #fff;
  110. font-size: 1em;
  111. }
  112. .lnb-tab li+li a h4:before {
  113. content: "\007C";
  114. display: inline-block;
  115. color: #999;
  116. padding: 0 10px;
  117. }
  118. /* MAIN-CONTENT */
  119. .main {
  120. padding: 20px;
  121. left: 297px;
  122. right: 0;
  123. top: 0;
  124. bottom: 0;
  125. position: absolute;
  126. overflow: auto;
  127. margin-bottom: 35px;
  128. }
  129. .main article ol,
  130. .main article ul {
  131. margin-left: 15px;
  132. }
  133. .main section header {
  134. padding-top: 0;
  135. border-bottom: 1px solid #999;
  136. }
  137. .main section header h2 {
  138. font-size:18px;
  139. font-weight:bold;
  140. padding-left : 5px;
  141. border-left: 5px solid #dc9656;
  142. }
  143. .main section article {
  144. padding: 10px;
  145. }
  146. .main section article .container-overview {
  147. padding: 15px 15px 0 15px;
  148. border: 1px solid #dedede;
  149. border-radius: 7px;
  150. }
  151. .main section article h3.subsection-title {
  152. font-size:16px;
  153. color: #fa3282;
  154. padding:35px 0 0 5px;
  155. border-bottom: 1px solid #dedede;
  156. }
  157. .main section article dl h4 {
  158. font-size: 16px;
  159. font-weight: bold;
  160. }
  161. .main section article dl h4 .signature {
  162. font-size: 9pt;
  163. }
  164. .main section article dl h4 .type-signature {
  165. font-size: 9pt;
  166. color: #31708f;
  167. font-weight: normal;
  168. }
  169. .main section article dl dt .name {
  170. padding: 3px 10px;
  171. background-color: #f4f7f8;
  172. }
  173. .main section article dl dd {
  174. padding: 0 30px;
  175. }
  176. .main section article dl dd h5{
  177. font-weight: bold;
  178. }
  179. .main section article .container-source {
  180. margin: -15px -15px 3px 0;
  181. font-weight: normal;
  182. font-size: 8pt;
  183. text-align: right;
  184. padding-right: 10px;
  185. }
  186. .main section article .container-returns {
  187. margin-bottom: 7px;
  188. }
  189. .main section article .container-returns span,
  190. .main section article .container-params table {
  191. border-left: 3px solid #eee;
  192. margin-left: 7px;
  193. padding-left: 3px;
  194. margin-bottom: 5px;
  195. }
  196. .main section article .container-returns p {
  197. display: inline;
  198. }
  199. .main section article .container-properties h5,
  200. .main section article .container-returns h5,
  201. .main section article .container-params h5,
  202. .main section article table th,
  203. .main section article table td.type,
  204. .main section article table td.attributes {
  205. font-family: Verdana, sans-serif;
  206. font-size: 90%;
  207. }
  208. .main section article table,
  209. .main section article table th,
  210. .main section article table td {
  211. font-family: Verdana, sans-serif;
  212. vertical-align: top;
  213. border: 0;
  214. padding: 1px 3px;
  215. }
  216. .main section article table td.name,
  217. .main section article table td.type,
  218. .main section article table td.attributes,
  219. .main section article table td.default {
  220. max-width: 180px;
  221. min-width: 80px;
  222. word-break: break-all;
  223. }
  224. .main section article table td.type,
  225. .main section article table td.attributes {
  226. color: #aaa;
  227. }
  228. .main section article table td p {
  229. padding: 0;
  230. margin: 0;
  231. }
  232. .main section article table td h6 {
  233. padding: 0 0 0 3px;
  234. margin: 3px 0 0 3px;
  235. font-size: 85%;
  236. }
  237. .main section article .container-properties table.props {
  238. margin-top: -3px;
  239. }
  240. .main .main-content article {
  241. padding:0;
  242. }
  243. .main .container-overview,
  244. .main .main-datail {
  245. overflow: hidden;
  246. }
  247. .main .main-detail .tag-source {
  248. float:left;
  249. display:none;
  250. }
  251. .main .main-detail .tag-author {
  252. float:left;
  253. }
  254. .main .main-detail .tag-author a {
  255. color:#181818;
  256. font-size:11px;
  257. text-decoration:none;
  258. }
  259. .linenums li.selected {
  260. background: #faebd7;
  261. }
  262. .iinenums .number {
  263. color: #777;
  264. display: inline-block;
  265. width: 40px;
  266. }
  267. /* FOOTER */
  268. footer {
  269. padding-top: 3px;
  270. line-height: 35px;
  271. height: 35px;
  272. position: fixed;
  273. width: 100%;
  274. bottom: 0;
  275. background-color: #00beaa;
  276. color: #ebf8ff;
  277. text-align: center;
  278. }
  279. /* README*/
  280. .readme {
  281. font-size: 14px;
  282. }
  283. .readme p,
  284. .readme ul,
  285. .readme ol {
  286. padding: 3px 0 3px 5px;
  287. }
  288. .readme li {
  289. list-style: initial;
  290. }
  291. .readme img {
  292. max-width: 100%;
  293. }
  294. .readme h1 {
  295. font-size:24px;
  296. font-weight:normal;
  297. padding: 10px 0 5px 0;
  298. border-bottom: 1px solid #428bca;
  299. }
  300. .readme pre {
  301. margin: 15px 3px;
  302. }
  303. .readme li p {
  304. padding: 10px 0;
  305. color: #333;
  306. }
  307. .readme p a {
  308. color:#c7254e;
  309. }
  310. .readme h2 {
  311. padding-bottom: 3px;
  312. border-bottom: 1px solid #dedede;
  313. font-size: 22px;
  314. }
  315. .readme h3 {
  316. font-size: 20px;
  317. padding-bottom: 3px;
  318. }
  319. .readme h4 {
  320. font-size: 18px;
  321. }
  322. .readme h5 {
  323. font-size: 16px;
  324. }
  325. .readme h6 {
  326. font-size: 15px;
  327. }
  328. .readme table {
  329. margin: 5px 30px 20px;
  330. }
  331. .readme table th,
  332. .readme table td {
  333. padding: 2px 20px 2px 5px;
  334. border-bottom: 1px solid #dedede;
  335. }
  336. .readme section header h2 {
  337. font-size:20px;
  338. padding-left:10px;
  339. border-left:5px solid #fa3282;
  340. }
  341. .readme section .container-overview {
  342. color:#333;
  343. border-radius: 2px;
  344. border:1px solid #dedede;
  345. padding:15px 15px 10px;
  346. }
  347. .readme section .container-overview .description {
  348. color:#666;
  349. }
  350. .readme section .container-overview dt {float:left; }
  351. .readme section .container-overview dd {float:left; margin-left:10px; }
  352. .readme blockquote {
  353. padding: inherit;
  354. margin: inherit;
  355. font-size: inherit;
  356. color: #777;
  357. }
  358. /* Search box */
  359. .search-container {
  360. position: relative;
  361. padding-bottom: 10px;
  362. }
  363. .search-container input {
  364. padding: 7px;
  365. width: 100%;
  366. color: #aaa;
  367. border: 1px solid #585858;
  368. background-color: #373737;
  369. border-radius: 2px;
  370. }
  371. .search-container a {
  372. color: #fff;
  373. }
  374. .search-container strong {
  375. color: pink;
  376. font-weight: normal;
  377. }
  378. .search-container ul {
  379. font-size: 13px;
  380. position: absolute;
  381. width: 100%;
  382. background-color: #456e82;
  383. border: 1px solid #1f292e;
  384. border-radius: 0 0 2px 2px;
  385. opacity: 0.9;
  386. filter: alpha(opacity=90);
  387. }
  388. .search-container ul li {
  389. text-align: left;
  390. width: 100%;
  391. padding: 4px 0 4px 7px;
  392. overflow: hidden;
  393. border: 0;
  394. cursor: pointer;
  395. }
  396. .search-container ul li:hover,
  397. .search-container ul li.highlight{
  398. background-color: #fff;
  399. }
  400. .search-container ul li:hover a,
  401. .search-container ul li.highlight a {
  402. color: #1f292e;
  403. text-decoration: underline;
  404. }
  405. .search-container ul li:hover strong,
  406. .search-container ul li.highlight strong {
  407. color: #ff4141;
  408. }
  409. .search-container ul li .group {
  410. font-size: 11px;
  411. color: #ccc;
  412. margin-left: 10px;
  413. }
  414. .search-container ul li:hover .group,
  415. .search-container ul li.highlight .group {
  416. color: #777;
  417. }
  418. /* ETC */
  419. .logo {
  420. width: 90px;
  421. vertical-align: initial;
  422. }
  423. .hidden {
  424. display: none;
  425. }
  426. .footer-text {
  427. padding-left: 3px;
  428. display: inline-block;
  429. }
  430. #example-nav {
  431. margin-top: 15px;
  432. }
  433. #resizer {
  434. width: 7px;
  435. position: fixed;
  436. left: 290px;
  437. height: 100%;
  438. background-color: #00beaa;
  439. cursor: col-resize;
  440. }
  441. span.param-type {
  442. color: #aaa;
  443. }
  444. pre.prettyprint {
  445. font-size: 0.9em;
  446. border-radius: 0;
  447. }
  448. span.icon {
  449. font-size: 8pt;
  450. border-radius: 3px;
  451. padding: 1px 2px;
  452. }
  453. span.icon.green {
  454. color: #3c763d;
  455. background-color: #dff0d8;
  456. border-color: #d6e9c6;
  457. }
  458. span.icon.blue {
  459. color: #31708f;
  460. background-color: #d9edf7;
  461. border-color: #bce8f1;
  462. }
  463. span.icon.yellow {
  464. color: #8a6d3b;
  465. background-color: #fcf8e3;
  466. border-color: #faebcc;
  467. }
  468. span.icon.red {
  469. color: #A94443;
  470. background-color: #f2dede;
  471. border-color: #ebccd1;
  472. }
  473. span.arrow {
  474. font-size: 8pt;
  475. padding-right: 5px;
  476. }