main.css 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. .search button{border:none;fill:#637282;background:#f4f4f4;cursor:pointer;margin-top:3px}.search button:focus{outline:none}.popup-wrapper{min-width:calc(100% - 360px) !important}@media screen and (max-width: 759px){.popup-wrapper{min-width:100% !important}}.template-wrapper{height:32px;display:grid;grid-template-columns:auto auto}.template-wrapper span{line-height:32px}@media screen and (max-width: 759px){.template-wrapper{display:flex;height:auto;flex-direction:column}.template-wrapper span{line-height:unset}}.template-name{justify-self:start}.template-description{color:gray;justify-self:end}
  2. /* stylelint-disable color-no-hex */
  3. :root {
  4. --ring-unit: 8px;
  5. /* Element */
  6. --ring-line-color: #dfe5eb;
  7. --ring-dark-line-color: #475159;
  8. --ring-borders-color: #b8d1e5;
  9. --ring-dark-borders-color: #406380;
  10. --ring-icon-color: var(--ring-borders-color);
  11. --ring-icon-secondary-color: #999;
  12. --ring-border-disabled-color: #dbdbdb;
  13. --ring-icon-disabled-color: #bbb;
  14. --ring-border-hover-color: #80c6ff;
  15. --ring-dark-border-hover-color: #70b1e6;
  16. --ring-icon-hover-color: var(--ring-link-hover-color);
  17. --ring-main-color: #008eff;
  18. --ring-main-hover-color: #007ee5;
  19. --ring-icon-error-color: #db5860;
  20. --ring-icon-warning-color: #eda200;
  21. --ring-icon-success-color: #59a869;
  22. --ring-pale-control-color: #cfdbe5;
  23. --ring-popup-border-components: 0, 42, 76;
  24. --ring-popup-border-color: rgba(var(--ring-popup-border-components), 0.1);
  25. --ring-popup-shadow-color: rgba(var(--ring-popup-border-components), 0.15);
  26. --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);
  27. --ring-pinned-shadow-color: #737577;
  28. /* Text */
  29. --ring-search-color: #669ecc;
  30. --ring-hint-color: #406380;
  31. --ring-link-color: #0f5b99;
  32. --ring-link-hover-color: #ff008c;
  33. --ring-error-color: #c22731;
  34. --ring-warning-color: #cc8b00;
  35. --ring-success-color: #1b8833;
  36. --ring-text-color: #1f2326;
  37. --ring-dark-text-color: #fff;
  38. --ring-heading-color: var(--ring-text-color);
  39. --ring-secondary-color: #737577;
  40. --ring-dark-secondary-color: #888;
  41. --ring-disabled-color: #999;
  42. --ring-dark-disabled-color: #444;
  43. --ring-dark-active-color: #ccc;
  44. /* Background */
  45. --ring-content-background-color: #fff;
  46. --ring-popup-background-color: #fff;
  47. --ring-sidebar-background-color: #f7f9fa;
  48. --ring-selected-background-color: #d4edff;
  49. --ring-hover-background-color: #ebf6ff;
  50. --ring-dark-selected-background-color: #002a4d;
  51. --ring-message-background-color: #111314;
  52. --ring-navigation-background-color: #000;
  53. --ring-tag-background-color: #e6ecf2;
  54. --ring-removed-background-color: #ffd5cb;
  55. --ring-warning-background-color: #faeccd;
  56. --ring-added-background-color: #bce8bb;
  57. /* Code */
  58. --ring-code-background-color: var(--ring-content-background-color);
  59. --ring-code-color: #000;
  60. --ring-code-comment-color: #707070;
  61. --ring-code-meta-color: #707070;
  62. --ring-code-keyword-color: #000080;
  63. --ring-code-tag-background-color: #efefef;
  64. --ring-code-tag-color: var(--ring-code-keyword-color);
  65. --ring-code-tag-font-weight: bold;
  66. --ring-code-field-color: #660e7a;
  67. --ring-code-attribute-color: #00f;
  68. --ring-code-number-color: var(--ring-code-attribute-color);
  69. --ring-code-string-color: #007a00;
  70. --ring-code-addition-color: #aadeaa;
  71. --ring-code-deletion-color: #c8c8c8;
  72. /* Metrics */
  73. --ring-border-radius: 3px;
  74. --ring-border-radius-small: 2px;
  75. --ring-font-size-larger: 14px;
  76. --ring-font-size: 13px;
  77. --ring-font-size-smaller: 12px;
  78. --ring-line-height-taller: 21px;
  79. --ring-line-height: 20px;
  80. --ring-line-height-lower: 18px;
  81. --ring-line-height-lowest: 16px;
  82. --ring-ease: 0.3s ease-out;
  83. --ring-fast-ease: 0.15s ease-out;
  84. --ring-font-family: system-ui, Arial, sans-serif;
  85. --ring-font-family-monospace: Menlo, "Bitstream Vera Sans Mono", "Ubuntu Mono", Consolas, "Courier New", Courier, monospace;
  86. /* Common z-index-values */
  87. /* Invisible element is an absolutely positioned element which should be below */
  88. /* all other elements on the page */
  89. --ring-invisible-element-z-index: -1;
  90. /* z-index for position: fixed elements */
  91. --ring-fixed-z-index: 1;
  92. /* Elements that should overlay all other elements on the page */
  93. --ring-overlay-z-index: 5;
  94. /* Alerts should de displayed above overlays */
  95. --ring-alert-z-index: 6;
  96. }
  97. html,.app-root{height:100%}.search-root{margin:0;padding:0;background:var(--ring-content-background-color);font-family:var(--ring-font-family);font-size:var(--ring-font-size);line-height:var(--ring-line-height)}.search-content{z-index:8;background-color:#f4f4f4}
  98. div#paneSearch{width:248px;margin:0 auto}div#paneSearch input#navigation-pane-search{background:#fff;border:1px solid #dadfe6;box-sizing:border-box;border-radius:4px;padding:8px;height:40px}div#paneSearch .navigation-pane-search{padding-top:16px;width:100%}div#paneSearch div.paneSearchInputWrapper{position:relative}div#paneSearch div.paneSearchInputWrapper span.paneSearchInputClearIcon{position:absolute;top:calc(50% + 2px);right:8px;cursor:pointer}.navigation-pane-popup{margin-top:1.2em}
  99. .page-summary{background:#fff;border:1px solid #dadfe6;position:fixed;top:25%;max-height:70vh;right:-2px;width:250px;z-index:8;transition:width .2s}.page-summary.hidden{width:3em;writing-mode:vertical-rl;text-orientation:mixed}.page-summary.hidden .content-wrapper h4{margin:0;padding:8px}.page-summary .content-wrapper{padding:.5em 0 1em 0;letter-spacing:.2px}.page-summary .content-wrapper h4{margin:0 2em;font-weight:600}.page-summary .content-wrapper ul{list-style-type:none;width:100%;padding:0;margin:1em 0;overflow-x:hidden;overflow-y:auto;max-height:60vh}.page-summary .content-wrapper ul li{width:100%;padding:4px 0}.page-summary .content-wrapper ul li:hover{background:rgba(91,93,239,.15)}.page-summary .content-wrapper ul li>a{margin:0 2em;cursor:pointer}.page-summary .content-wrapper ul li.selected{border-left:4px solid #5b5def}@media screen and (max-width: 759px){.page-summary{display:none}}
  100. /*# sourceMappingURL=main.css.map*/