Navegador

navegador / docs / assets / css / custom.css
Source Blame History 156 lines
3c74e66… lmata 1 /* CONFLICT brand overrides for MkDocs Material */
5e4b8e4… anonymous 2
5e4b8e4… anonymous 3 :root {
3c74e66… lmata 4 --conflict-red: #DB394C;
3c74e66… lmata 5 --conflict-dark-red: #9C2633;
3c74e66… lmata 6 --conflict-pink: #FF1D5D;
3c74e66… lmata 7 --conflict-black: #1D1D1D;
3c74e66… lmata 8 --conflict-black-2: #282828;
3c74e66… lmata 9 --conflict-gray: #A8A8A7;
3c74e66… lmata 10 --conflict-light: #ECEFF5;
3c74e66… lmata 11 }
3c74e66… lmata 12
3c74e66… lmata 13 /* Dark scheme (default) */
3c74e66… lmata 14 [data-md-color-scheme="slate"] {
3c74e66… lmata 15 --md-primary-fg-color: var(--conflict-black);
3c74e66… lmata 16 --md-primary-bg-color: #fff;
3c74e66… lmata 17 --md-accent-fg-color: var(--conflict-red);
3c74e66… lmata 18 --md-default-bg-color: var(--conflict-black);
3c74e66… lmata 19 --md-typeset-a-color: var(--conflict-red);
3c74e66… lmata 20 }
3c74e66… lmata 21
3c74e66… lmata 22 [data-md-color-scheme="slate"] .md-header {
3c74e66… lmata 23 background-color: var(--conflict-black);
3c74e66… lmata 24 border-bottom: 1px solid rgba(255, 255, 255, 0.08);
3c74e66… lmata 25 }
3c74e66… lmata 26
3c74e66… lmata 27 [data-md-color-scheme="slate"] .md-tabs {
3c74e66… lmata 28 background-color: var(--conflict-black-2);
3c74e66… lmata 29 }
3c74e66… lmata 30
3c74e66… lmata 31 /* Light scheme */
3c74e66… lmata 32 [data-md-color-scheme="default"] {
3c74e66… lmata 33 --md-primary-fg-color: #fff;
3c74e66… lmata 34 --md-primary-bg-color: var(--conflict-black);
3c74e66… lmata 35 --md-accent-fg-color: var(--conflict-red);
3c74e66… lmata 36 --md-typeset-a-color: var(--conflict-red);
3c74e66… lmata 37 }
3c74e66… lmata 38
3c74e66… lmata 39 [data-md-color-scheme="default"] .md-header {
3c74e66… lmata 40 background-color: #fff;
3c74e66… lmata 41 border-bottom: 1px solid var(--conflict-light);
3c74e66… lmata 42 color: var(--conflict-black);
3c74e66… lmata 43 }
3c74e66… lmata 44
3c74e66… lmata 45 [data-md-color-scheme="default"] .md-header .md-header__topic,
3c74e66… lmata 46 [data-md-color-scheme="default"] .md-header .md-header__title,
3c74e66… lmata 47 [data-md-color-scheme="default"] .md-header .md-ellipsis {
3c74e66… lmata 48 color: var(--conflict-black);
3c74e66… lmata 49 }
3c74e66… lmata 50
3c74e66… lmata 51 [data-md-color-scheme="default"] .md-tabs {
3c74e66… lmata 52 background-color: #fafafa;
3c74e66… lmata 53 border-bottom: 1px solid var(--conflict-light);
3c74e66… lmata 54 }
3c74e66… lmata 55
3c74e66… lmata 56 [data-md-color-scheme="default"] .md-tabs__link {
3c74e66… lmata 57 color: var(--conflict-black-2);
3c74e66… lmata 58 }
3c74e66… lmata 59
3c74e66… lmata 60 [data-md-color-scheme="default"] .md-tabs__link--active,
3c74e66… lmata 61 [data-md-color-scheme="default"] .md-tabs__link:hover {
3c74e66… lmata 62 color: var(--conflict-red);
3c74e66… lmata 63 }
3c74e66… lmata 64
3c74e66… lmata 65 [data-md-color-scheme="default"] .md-search__input {
3c74e66… lmata 66 background-color: var(--conflict-light);
3c74e66… lmata 67 }
3c74e66… lmata 68
3c74e66… lmata 69 /* Links */
3c74e66… lmata 70 .md-typeset a:hover {
3c74e66… lmata 71 color: var(--conflict-pink);
3c74e66… lmata 72 }
3c74e66… lmata 73
3c74e66… lmata 74 /* Nav active items */
3c74e66… lmata 75 .md-nav__link--active,
3c74e66… lmata 76 .md-nav__link:hover {
3c74e66… lmata 77 color: var(--conflict-red) !important;
3c74e66… lmata 78 }
3c74e66… lmata 79
3c74e66… lmata 80 /* Code blocks */
3c74e66… lmata 81 [data-md-color-scheme="slate"] .md-typeset code {
3c74e66… lmata 82 background-color: rgba(255, 255, 255, 0.06);
3c74e66… lmata 83 }
3c74e66… lmata 84
3c74e66… lmata 85 [data-md-color-scheme="slate"] .highlight pre {
3c74e66… lmata 86 background-color: #141414 !important;
3c74e66… lmata 87 border: 1px solid rgba(255, 255, 255, 0.06);
3c74e66… lmata 88 border-radius: 8px;
3c74e66… lmata 89 }
3c74e66… lmata 90
3c74e66… lmata 91 [data-md-color-scheme="default"] .highlight pre {
3c74e66… lmata 92 border: 1px solid var(--conflict-light);
3c74e66… lmata 93 border-radius: 8px;
3c74e66… lmata 94 }
3c74e66… lmata 95
3c74e66… lmata 96 /* Tables */
3c74e66… lmata 97 .md-typeset table:not([class]) th {
3c74e66… lmata 98 background-color: var(--conflict-red);
3c74e66… lmata 99 color: #fff;
3c74e66… lmata 100 }
3c74e66… lmata 101
3c74e66… lmata 102 [data-md-color-scheme="default"] .md-typeset table:not([class]) th {
3c74e66… lmata 103 background-color: var(--conflict-red);
3c74e66… lmata 104 color: #fff;
3c74e66… lmata 105 }
3c74e66… lmata 106
3c74e66… lmata 107 /* Buttons / admonitions */
3c74e66… lmata 108 .md-typeset .admonition,
3c74e66… lmata 109 .md-typeset details {
3c74e66… lmata 110 border-radius: 8px;
3c74e66… lmata 111 }
3c74e66… lmata 112
3c74e66… lmata 113 /* Footer */
3c74e66… lmata 114 .md-footer {
3c74e66… lmata 115 border-top: 1px solid rgba(255, 255, 255, 0.08);
3c74e66… lmata 116 }
3c74e66… lmata 117
3c74e66… lmata 118 [data-md-color-scheme="slate"] .md-footer {
3c74e66… lmata 119 background-color: var(--conflict-black);
3c74e66… lmata 120 }
3c74e66… lmata 121
3c74e66… lmata 122 /* Header logo sizing */
3c74e66… lmata 123 .md-header__button.md-logo img,
3c74e66… lmata 124 .md-header__button.md-logo svg {
3c74e66… lmata 125 height: 1.4rem;
3c74e66… lmata 126 width: auto;
3c74e66… lmata 127 }
3c74e66… lmata 128
3c74e66… lmata 129 /* Scrollbar styling for dark mode */
3c74e66… lmata 130 [data-md-color-scheme="slate"] ::-webkit-scrollbar {
3c74e66… lmata 131 width: 8px;
3c74e66… lmata 132 }
3c74e66… lmata 133
3c74e66… lmata 134 [data-md-color-scheme="slate"] ::-webkit-scrollbar-track {
3c74e66… lmata 135 background: var(--conflict-black);
3c74e66… lmata 136 }
3c74e66… lmata 137
3c74e66… lmata 138 [data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
3c74e66… lmata 139 background: var(--conflict-black-2);
3c74e66… lmata 140 border-radius: 4px;
3c74e66… lmata 141 }
3c74e66… lmata 142
3c74e66… lmata 143 [data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb:hover {
3c74e66… lmata 144 background: #3a3a3a;
3c74e66… lmata 145 }
3c74e66… lmata 146
3c74e66… lmata 147 /* Content max width for readability */
3c74e66… lmata 148 .md-grid {
3c74e66… lmata 149 max-width: 1220px;
5e4b8e4… anonymous 150 }
5e4b8e4… anonymous 151
3c74e66… lmata 152 /* Hero-style heading on index */
3c74e66… lmata 153 .md-typeset h1 {
3c74e66… lmata 154 font-weight: 700;
3c74e66… lmata 155 letter-spacing: -0.02em;
5e4b8e4… anonymous 156 }

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button