htmlDescriptor.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. body {
  2. display: flex;
  3. flex-direction: column-reverse;
  4. justify-content: flex-end;
  5. max-width: 1140px;
  6. margin: auto;
  7. padding: 15px;
  8. word-wrap: break-word;
  9. background-color: #F9F9F9;
  10. color: #222;
  11. font-family: Helvetica, Arial, sans-serif;
  12. font-size: 14px;
  13. line-height: 1.4;
  14. }
  15. p {
  16. margin: 0;
  17. }
  18. a {
  19. color: #218BC3;
  20. text-decoration: none;
  21. }
  22. a:hover {
  23. text-decoration: underline;
  24. }
  25. .text-small {
  26. font-size: 12px !important;
  27. }
  28. article {
  29. margin: 5px;
  30. margin-bottom: 10px;
  31. }
  32. article > header > .row {
  33. display: flex;
  34. flex-direction: row;
  35. align-items: baseline;
  36. margin-bottom: 10px;
  37. }
  38. article > header > .row > .col {
  39. flex: 1;
  40. display: flex;
  41. align-items: baseline;
  42. }
  43. article > header > .row > h2 {
  44. font-size: 14px;
  45. color: #222;
  46. font-weight: normal;
  47. font-family: "Lucida Console", monospace, sans-serif;
  48. word-break: break-all;
  49. margin: 20px 5px 0 0;
  50. user-select: all;
  51. }
  52. article > header > .row > h2 > code {
  53. white-space: nowrap;
  54. user-select: none;
  55. color: #cc2255;
  56. background-color: #f7f7f9;
  57. border: 1px solid #e1e1e8;
  58. border-radius: 3px;
  59. margin-right: 5px;
  60. padding: 0 3px;
  61. }
  62. article > header > .row > time.col {
  63. flex: 0;
  64. text-align: right;
  65. white-space: nowrap;
  66. color: #999;
  67. font-style: italic;
  68. }
  69. article > header ul.tags {
  70. list-style: none;
  71. padding: 0;
  72. margin: 0;
  73. font-size: 12px;
  74. }
  75. article > header ul.tags > li {
  76. user-select: all;
  77. margin-bottom: 2px;
  78. }
  79. article > header ul.tags > li > span.badge {
  80. display: inline-block;
  81. padding: .25em .4em;
  82. margin-right: 5px;
  83. border-radius: 4px;
  84. background-color: #6c757d3b;
  85. color: #524d4d;
  86. font-size: 12px;
  87. text-align: center;
  88. font-weight: 700;
  89. line-height: 1;
  90. white-space: nowrap;
  91. vertical-align: baseline;
  92. user-select: none;
  93. }
  94. article > section.body {
  95. border: 1px solid #d8d8d8;
  96. background: #FFF;
  97. padding: 10px;
  98. border-radius: 3px;
  99. }
  100. pre.sf-dump {
  101. border-radius: 3px;
  102. margin-bottom: 0;
  103. }
  104. .hidden {
  105. display: none !important;
  106. }
  107. .dumped-tag > .sf-dump {
  108. display: inline-block;
  109. margin: 0;
  110. padding: 1px 5px;
  111. line-height: 1.4;
  112. vertical-align: top;
  113. background-color: transparent;
  114. user-select: auto;
  115. }
  116. .dumped-tag > pre.sf-dump,
  117. .dumped-tag > .sf-dump-default {
  118. color: #CC7832;
  119. background: none;
  120. }
  121. .dumped-tag > .sf-dump .sf-dump-str { color: #629755; }
  122. .dumped-tag > .sf-dump .sf-dump-private,
  123. .dumped-tag > .sf-dump .sf-dump-protected,
  124. .dumped-tag > .sf-dump .sf-dump-public { color: #262626; }
  125. .dumped-tag > .sf-dump .sf-dump-note { color: #6897BB; }
  126. .dumped-tag > .sf-dump .sf-dump-key { color: #789339; }
  127. .dumped-tag > .sf-dump .sf-dump-ref { color: #6E6E6E; }
  128. .dumped-tag > .sf-dump .sf-dump-ellipsis { color: #CC7832; max-width: 100em; }
  129. .dumped-tag > .sf-dump .sf-dump-ellipsis-path { max-width: 5em; }
  130. .dumped-tag > .sf-dump .sf-dump-ns { user-select: none; }