utPLSQL.github.io/docs/stylesheets/extra.css at main · utPLSQL/utPLSQL.github.io · 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
[data-md-color-scheme="default"] {
    --md-primary-fg-color: #2f8bff;
    --md-accent-fg-color: #1f5db0;
    --md-accent-fg-color--transparent:   #1f5db0;
}

[data-md-color-scheme="slate"] {
    --md-hue: 200;
    --md-primary-fg-color: #2f8bff;
    --md-accent-fg-color: #1f5db0;
    --md-accent-fg-color--transparent:   #1f5db0;
}

/* Latest news cards on the home page (generated by hooks/latest_posts.py) */
.latest-posts > ul > li {
    position: relative;
    display: flex;
    flex-direction: column;
}

/* Stretch the title link over the whole card */
.latest-posts > ul > li strong a::after {
    content: "";
    position: absolute;
    inset: 0;
}

.latest-posts__meta {
    display: block;
    font-size: .7rem;
    color: var(--md-default-fg-color--light);
}

.latest-posts__more {
    margin-top: auto;
    font-size: .7rem;
    color: var(--md-accent-fg-color);
}

[data-md-color-scheme="slate"] .latest-posts__more {
    color: var(--md-primary-fg-color);
}

/* Material's pin badge (md-pin) is a flex item on the Announcements page - align it inline here */
.latest-posts__meta .md-pin {
    display: inline-block;
    vertical-align: middle;
}

/* Sponsor logo grids (sponsors.md). Logo boxes have a 3:1 maximum aspect ratio: small 64 px high / max 192 px
   wide, large 128 px high / max 384 px wide, clear space 16 / 32 px. A logo wider than its box is scaled down
   to fit, keeping its aspect ratio (object-fit: contain). Past sponsors use the small box, grayscale and faded. */
.sponsor-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1rem;
    margin: 1rem 0 1.5rem;
}

.sponsor-grid > p {
    margin: 0;
}

.sponsor-grid a {
    display: inline-block;
}

.sponsor-grid img {
    display: block;
    width: auto;
    object-fit: contain;
}

.sponsor-grid--large a {
    padding: 32px;
}

.sponsor-grid--large img {
    height: 128px;
    max-width: 384px;
}

.sponsor-grid--small a {
    padding: 16px;
}

.sponsor-grid--small img {
    height: 64px;
    max-width: 192px;
}

.sponsor-grid--past a {
    padding: 16px;
}

.sponsor-grid--past img {
    height: 64px;
    max-width: 192px;
    filter: grayscale(100%);
    opacity: .55;
}

.sponsor-grid--text {
    gap: .25rem 1.5rem;
}

/* Sponsors who supply separate light and dark logos: add .logo-light / .logo-dark to the images */
.logo-dark {
    display: none !important;
}

[data-md-color-scheme="slate"] .logo-light {
    display: none !important;
}

[data-md-color-scheme="slate"] .logo-dark {
    display: block !important;
}