Skip to content
This repository was archived by the owner on Jan 17, 2025. It is now read-only.

Commit 7f4f9dc

Browse files
authored
Merge pull request #124 from rczajka/master
Image attribution box
2 parents 512bae5 + b20ea95 commit 7f4f9dc

File tree

10 files changed

+605
-5
lines changed

10 files changed

+605
-5
lines changed

css/cc-attribution-box.css

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
2+
3+
.cc-attribution-box-container {
4+
display: inline-block;
5+
position: relative;
6+
}
7+
.cc-attribution-box {
8+
position: absolute;
9+
bottom: 0;
10+
left: 0;
11+
right: 0;
12+
background: white;
13+
color: black;
14+
padding: 0 25px;
15+
16+
opacity: .85;
17+
display: flex;
18+
flex-direction: row;
19+
justify-content: space-between;
20+
align-items: center;
21+
font-family: 'Roboto', sans-serif;
22+
23+
font-size: 18px;
24+
line-height: 22px;
25+
}
26+
.cc-attribution-box > * {
27+
margin: 5px;
28+
}
29+
.cc-attribution-box a {
30+
color: black;
31+
text-decoration: none;
32+
}
33+
.cc-attribution-box a.cc-attribution-box-license {
34+
flex-shrink: .5;
35+
}
36+
37+
.cc-attribution-box img {
38+
height: 48px;
39+
margin: 20px 0;
40+
}
41+
42+
@media screen and (max-width: 600px) {
43+
.cc-attribution-box {
44+
font-size: 12px;
45+
line-height: 15px;
46+
padding: 0 15px;
47+
}
48+
}
Lines changed: 91 additions & 0 deletions
Loading
Lines changed: 90 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)