devguide/_static/devguide_overrides.css at 3f36d68b61d168bf70ec39d45c66ff4d1e9cdb4d · nedbat/devguide · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
/* Style overrides for the devguide */

/* Make the site logo smaller */
.sidebar-logo {
    width: 111px;
    height: 110px;
}

/* Release cycle chart */

.release-cycle-chart {
    width: 100%;
}

.release-cycle-chart .release-cycle-year-line {
    stroke: var(--color-foreground-primary);
    stroke-width: 0.8px;
    opacity: 75%;
}

.release-cycle-chart .release-cycle-year-text {
    fill: var(--color-foreground-primary);
}

.release-cycle-chart .release-cycle-today-line {
    stroke: var(--color-brand-primary);
    stroke-width: 1.6px;
}

.release-cycle-chart .release-cycle-row-shade {
    fill: var(--color-background-item);
    opacity: 50%;
}

.release-cycle-chart .release-cycle-version-label {
    fill: var(--color-foreground-primary);
}

.release-cycle-chart .release-cycle-blob {
    stroke-width: 1.6px;
    /* default colours, overridden below for individual statuses */
    fill: var(--color-background-primary);
    stroke: var(--color-foreground-primary);
}

.release-cycle-chart .release-cycle-blob-label {
    /* white looks good on both light & dark */
    fill: white;
}

.release-cycle-chart .release-cycle-blob-label.release-cycle-status-security,
.release-cycle-chart .release-cycle-blob-label.release-cycle-status-bugfix {
    /* but use black to improve contrast for lighter backgrounds */
    fill: black;
}

.release-cycle-chart .release-cycle-blob-label.release-cycle-status-end-of-life,
.release-cycle-chart .release-cycle-blob-label.release-cycle-status-feature {
    /* and FG when it's not in a blob */
    fill: var(--color-foreground-primary);
}

.release-cycle-chart .release-cycle-status-end-of-life {
    --status-bg-color: #DD2200;
    --status-border-color: #FF8888;
}

.release-cycle-chart .release-cycle-status-security {
    --status-bg-color: #FFDD44;
    --status-border-color: #FF8800;
}

.release-cycle-chart .release-cycle-status-bugfix {
    --status-bg-color: #00DD22;
    --status-border-color: #008844;
}

.release-cycle-chart .release-cycle-status-prerelease {
    --status-bg-color: teal;
    --status-border-color: darkgreen;
}

.release-cycle-chart .release-cycle-status-feature {
    --status-bg-color: #2222EE;
    --status-border-color: #008888;
}

.release-cycle-chart .release-cycle-blob {
    fill: var(--status-bg-color);
    stroke: transparent;
}

.release-cycle-chart .release-cycle-border {
    fill: transparent;
    stroke: var(--status-border-color);
    stroke-width: 1.6px;
}

.release-cycle-chart .release-cycle-shade {
    fill: transparent;
    stroke: transparent;

    &.release-cycle-status-end-of-life {
      fill: #DD2200;
      stroke: #FF8888;
    }
    &.release-cycle-status-feature {
        fill: var(--color-background-primary);
        opacity: 50%;
    }
}

.good pre {
  border-left: 3px solid rgba(74, 182, 93, 1);
}
.bad pre {
  border-left: 3px solid rgb(244, 76, 78);
}

.extlink-cpy-file,
.extlink-gh-label {
  border: 1px solid var(--color-background-border);
  border-radius: .2em;
  font-family: var(--font-stack--monospace);
  font-size: var(--font-size--small--2);
  padding: .1em .2em;
}

/* Table cells should always top-align */

table.docutils td {
  vertical-align: top;
}