|
| 1 | +:root { |
| 2 | + /* START COLOR PALETTE */ |
| 3 | + |
| 4 | + /* viridis solid colors */ |
| 5 | + --dark-purple: #440154; |
| 6 | + --purple: #482475; |
| 7 | + --blue: #355f8d; |
| 8 | + --teal: #22a884; |
| 9 | + --green: #7ad151; |
| 10 | + --lime: #bddf26; |
| 11 | + |
| 12 | + /* utility colors for text, links, etc... */ |
| 13 | + --grey: #4f4f4f; |
| 14 | + --logo-blue: #11557c; |
| 15 | + --pale-blue: #869fbb; |
| 16 | + --pale-orange: #ffc9a5; |
| 17 | + --orange: #ffaa70; |
| 18 | + --bold-orange: #ffaa70; |
| 19 | + --light-gray: #e5e5e5; |
| 20 | + --medium-gray: #c4c4c4; |
| 21 | + --black: #000; |
| 22 | + --white: #fff; |
| 23 | + --alpha-white: rgba(255, 255, 255, 0.8); |
| 24 | + /* END COLOR PALETTE */ |
| 25 | + |
| 26 | + /* START BACKGROUND GRADIENTS */ |
| 27 | + |
| 28 | + /* viridis gradients */ |
| 29 | + --viridis: linear-gradient( |
| 30 | + 90deg, |
| 31 | + #0c0154, |
| 32 | + #482475, |
| 33 | + #414487, |
| 34 | + #355f8d, |
| 35 | + #2a788e, |
| 36 | + #21908d, |
| 37 | + #22a884, |
| 38 | + #7ad151, |
| 39 | + #bddf26 |
| 40 | + ); |
| 41 | + --viridis-purple: linear-gradient(90deg, #440154, #355f8d); |
| 42 | + --viridis-blue: linear-gradient(90deg, #414487, #21908d); |
| 43 | + --viridis-teal: linear-gradient(90deg, #2a788e, #42be71); |
| 44 | + --viridis-green: linear-gradient(90deg, #42be71, #bddf26); |
| 45 | + |
| 46 | + --viridis-purple-vert: linear-gradient(180deg, #440154, #355f8d); |
| 47 | + --viridis-blue-vert: linear-gradient(180deg, #414487, #21908d); |
| 48 | + /* END BACKGROUND GRADIENTS */ |
| 49 | + |
| 50 | + /* FONTS */ |
| 51 | + --regular: 400; |
| 52 | + --bold: 700; |
| 53 | + |
| 54 | + /* Other metrics */ |
| 55 | + --border-radius: 4px; |
| 56 | + --shadow: 0px 2px 2px rgba(0, 0, 0, 0.11); |
| 57 | +} |
| 58 | + |
| 59 | + |
1 | 60 | a {
|
2 | 61 | color: #11557C;
|
3 | 62 | text-decoration: none;
|
@@ -256,6 +315,30 @@ table.property-table td {
|
256 | 315 | width: 210px;
|
257 | 316 | }
|
258 | 317 |
|
| 318 | +.sidebar-announcement { |
| 319 | + border-left: solid 1px var(--light-gray); |
| 320 | + border-bottom: solid 1px var(--light-gray); |
| 321 | + border-right: solid 1px var(--light-gray); |
| 322 | + border-bottom-right-radius: var(--border-radius); |
| 323 | + border-bottom-left-radius: var(--border-radius); |
| 324 | + box-shadow: var(--shadow); |
| 325 | + margin-bottom: 20px; |
| 326 | + padding: 28px 20px 20px; |
| 327 | + position: relative; |
| 328 | +} |
| 329 | + |
| 330 | +.sidebar-announcement::before { |
| 331 | + content: ""; |
| 332 | + position: absolute; |
| 333 | + top: 0; |
| 334 | + left: 0; |
| 335 | + display: block; |
| 336 | + height: 8px; |
| 337 | + width: 100%; |
| 338 | + background-color: var(--blue); |
| 339 | + background-image: var(--viridis-purple); |
| 340 | +} |
| 341 | + |
259 | 342 | /* Two columns for install code blocks */
|
260 | 343 | div.twocol {
|
261 | 344 | padding-left: 0;
|
|
0 commit comments