content.css
3 months ago
docs.css
3 months ago
header.css
3 months ago
our-dashboard.css
3 months ago
post-type-help-doc-imports.css
3 months ago
post-type-help-docs.css
3 months ago
post-types.css
3 months ago
pt-tax.css
3 months ago
taxonomies.css
3 months ago
our-dashboard.css
158 lines
| 1 | /* Container */ |
| 2 | |
| 3 | #helpdocs-custom-dashboard { |
| 4 | padding: 10px 0; |
| 5 | display: flex; |
| 6 | flex-direction: column; |
| 7 | gap: 20px; |
| 8 | } |
| 9 | |
| 10 | /* Boxes */ |
| 11 | |
| 12 | .helpdocs-box { |
| 13 | flex: 1 1 0; |
| 14 | padding: 2rem; |
| 15 | min-width: 0; |
| 16 | overflow-wrap: break-word; |
| 17 | word-wrap: break-word; |
| 18 | word-break: break-word; |
| 19 | background: #fff; |
| 20 | border: none; |
| 21 | border-radius: 8px; |
| 22 | box-shadow: 0px 1px 2px rgba( 16, 24, 40, .1 ); |
| 23 | } |
| 24 | |
| 25 | /* Headers */ |
| 26 | |
| 27 | h2 { font-size: 1.6rem; color: #1d2327; margin: 2em 0 0.5rem; } |
| 28 | h3 { font-size: 1.4rem; color: #1d2327; margin: 2em 0 0.5rem; } |
| 29 | h4 { font-size: 1.2rem; color: #1d2327; margin: 2em 0 0.5rem; } |
| 30 | |
| 31 | .helpdoc-header { |
| 32 | margin-bottom: 2rem; |
| 33 | } |
| 34 | |
| 35 | .helpdoc-header h2 { |
| 36 | font-size: 2rem; |
| 37 | margin-bottom: 1.5rem; |
| 38 | display: inline; |
| 39 | line-height: 1.2; |
| 40 | } |
| 41 | |
| 42 | .helpdoc-header .edit-link { |
| 43 | float: right; |
| 44 | margin-left: 1rem; |
| 45 | } |
| 46 | |
| 47 | .helpdoc-header .edit-link a { |
| 48 | display: inline-flex; |
| 49 | align-items: center; |
| 50 | gap: 4px; |
| 51 | font-size: 0.875rem; |
| 52 | background: #F6F7F8; |
| 53 | padding: 2px 6px; |
| 54 | border-radius: 4px; |
| 55 | text-decoration: none; |
| 56 | transition: filter 0.15s, color 0.15s; |
| 57 | } |
| 58 | |
| 59 | .helpdoc-header .edit-link a:hover { |
| 60 | filter: brightness( 0.97 ); |
| 61 | } |
| 62 | |
| 63 | .helpdoc-content ul { |
| 64 | list-style: square; |
| 65 | padding: revert; |
| 66 | } |
| 67 | .helpdoc-content ol { |
| 68 | margin-left: 35px; |
| 69 | } |
| 70 | .helpdoc-content ol li { |
| 71 | padding-left: 10px; |
| 72 | } |
| 73 | .helpdoc-content ul li { |
| 74 | padding-inline-start: 1ch; |
| 75 | } |
| 76 | .helpdoc-content ul, .helpdoc-content ol { |
| 77 | padding-top: 10px; |
| 78 | padding-bottom: 5px; |
| 79 | } |
| 80 | .helpdoc-content ol li ol { list-style-type: lower-alpha !important; } |
| 81 | .helpdoc-content ol li ol li ol { list-style-type: lower-roman !important; } |
| 82 | .helpdoc-content ol li ol li ol li ol { list-style-type: decimal !important; } |
| 83 | .helpdoc-content ol li ol li ol li ol li ol { list-style-type: lower-alpha !important; } |
| 84 | .helpdoc-content ol li ol li ol li ol li ol li ol { list-style-type: lower-roman !important; } |
| 85 | .helpdoc-content ol li ol li ol li ol li ol li ol li ol { list-style-type: decimal !important; } |
| 86 | .helpdoc-content ol li ol li ol li ol li ol li ol li ol li ol { list-style-type: lower-alpha !important; } |
| 87 | .helpdoc-content ol li ol li ol li ol li ol li ol li ol li ol li ol { list-style-type: lower-roman !important; } |
| 88 | |
| 89 | .helpdoc-content img { |
| 90 | max-width:100%; |
| 91 | height: auto; |
| 92 | object-fit: contain; |
| 93 | } |
| 94 | |
| 95 | .highlight { |
| 96 | background: yellow; |
| 97 | } |
| 98 | |
| 99 | /* No Docs Placeholder */ |
| 100 | |
| 101 | #dashboard-no-docs { |
| 102 | display: flex; |
| 103 | flex-direction: column; |
| 104 | align-items: center; /* Horizontal centering */ |
| 105 | justify-content: center; /* Vertical centering */ |
| 106 | min-height: 80vh; /* Uses 80% of screen height to account for admin bar/margins */ |
| 107 | text-align: center; |
| 108 | } |
| 109 | |
| 110 | #dashboard-no-docs h1 { |
| 111 | font-size: 2rem; |
| 112 | margin-bottom: 1rem; |
| 113 | color: #1d2327; |
| 114 | } |
| 115 | |
| 116 | #dashboard-no-docs p { |
| 117 | font-size: 1.2rem; |
| 118 | color: #555; |
| 119 | } |
| 120 | |
| 121 | /* Table of Contents */ |
| 122 | |
| 123 | #helpdocs-dashboard-toc { |
| 124 | padding: 0; |
| 125 | margin: 20px 0; |
| 126 | max-width: 500px; |
| 127 | } |
| 128 | |
| 129 | #helpdocs-dashboard-toc .toc-cont ul { |
| 130 | margin-bottom: 0; |
| 131 | } |
| 132 | |
| 133 | #helpdocs-dashboard-toc .toc-cont ul li { |
| 134 | margin: 4px 0; |
| 135 | } |
| 136 | |
| 137 | #helpdocs-dashboard-toc .toc-item { |
| 138 | display: block; |
| 139 | width: calc( 100% - 20px ); |
| 140 | padding: 6px 10px; |
| 141 | border-radius: 8px; |
| 142 | text-decoration: none; |
| 143 | background: #ffffff; |
| 144 | color: #1d2327; |
| 145 | font-size: 13.5px; |
| 146 | border: 1px solid #e2e4e7; |
| 147 | transition: background 0.15s ease; |
| 148 | } |
| 149 | |
| 150 | #helpdocs-dashboard-toc .toc-item:hover { |
| 151 | background: #f0f2f4; |
| 152 | } |
| 153 | |
| 154 | #helpdocs-dashboard-toc .toc-item .dashicons { |
| 155 | font-size: 18px; |
| 156 | margin-right: 3px; |
| 157 | color: #999999; |
| 158 | } |