Skip to content

Commit 6655831

Browse files
JulianPrieberJulianPrieber
committed
Added theme files
1 parent 3570ec8 commit 6655831

File tree

6 files changed

+1015
-0
lines changed

6 files changed

+1015
-0
lines changed

‎background.jpg‎

-46.8 KB
Binary file not shown.

‎brands.css‎

Lines changed: 88 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
2+
/* Table of contents
3+
––––––––––––––––––––––––––––––––––––––––––––––––––
4+
5+
- Rounded user avatars
6+
- Buttons
7+
- Brand Styles
8+
9+
*/
10+
11+
12+
/* Rounded avatars
13+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
14+
15+
/* Disable this if you don't want rounded avatars for users */
16+
.rounded-avatar {
17+
border-radius: 50%;
18+
}
19+
20+
21+
/* Buttons
22+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
23+
24+
.button {
25+
width: 300px;
26+
height: 48px;
27+
display: inline-block;
28+
text-decoration: none;
29+
font-weight: 900;
30+
font-size: 18px;
31+
text-align: center;
32+
font-family: 'Teko', sans-serif;
33+
line-height: 48px;
34+
background: linear-gradient(90deg, #009ccc, #db091b, #ce2457, #009ccc);
35+
background-size: 400%;
36+
margin: auto;
37+
display: inline-block;
38+
color: #fff !important;
39+
border-radius: 8px;
40+
white-space: wrap;
41+
position: relative;
42+
cursor: pointer;
43+
44+
animation: glowing 45s linear infinite;
45+
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
46+
}
47+
.button:after {
48+
content: " ";
49+
position: absolute;
50+
border-radius: inherit;
51+
left: -6px;
52+
right: -6px;
53+
bottom: -6px;
54+
top: -6px;
55+
background: inherit;
56+
background-size: inherit;
57+
z-index: -1;
58+
opacity: 0;
59+
transition: opacity 0.5s ease;
60+
filter: blur(16px);
61+
animation: glowing 7s linear infinite;
62+
transform: translateZ(0);
63+
}
64+
.button:hover:after {
65+
opacity: 1;
66+
}
67+
68+
.button-entrance {
69+
padding-top: 5px;
70+
padding-bottom: 5px;
71+
}
72+
73+
@keyframes glowing {
74+
100% {
75+
background-position: -400%;
76+
}
77+
}
78+
79+
/* Brand Icons
80+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
81+
82+
.icon {
83+
padding: 0px 8px 3.5px 0px;
84+
vertical-align: middle;
85+
width: 20px;
86+
height: 20px;
87+
}
88+

‎preview.png‎

575 KB
Loading

‎readme.md‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
# A LittleLink Custom Theme
2+
Find more themes: https://github.com/JulianPrieber/llc-themes
3+
4+
* Theme Name: Bean Soup
5+
* Theme Version: 1.0
6+
* Theme Date: 2022-05-19
7+
* Theme Author: JulianPrieber
8+
* Theme Author URI: https://github.com/JulianPrieber
9+
* Theme License: GPLv3
10+
11+
12+
### Used assets:
13+
* Built using:
14+
* https://github.com/dhg/Skeleton
15+
* License: MIT
16+
17+
*
18+
* https://codepen.io/html-mentor/pen/eYNZvoK
19+
* License: MIT
20+
21+
*
22+
* https://codepen.io/argyleink/pen/XWdapvY
23+
* License: MIT

‎share.button.css‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
.share-icon {
2+
padding: 0px 8px 3.5px 0px;
3+
vertical-align: middle;
4+
width: 20px;
5+
height: 20px;
6+
-webkit-filter: invert(100%);
7+
-moz-filter: invert(100%);
8+
filter: invert(100%);
9+
}
10+
11+
.sharediv {
12+
position:relative;
13+
top: 30px;
14+
right: 30px;
15+
padding-bottom: 40px;
16+
}
17+
18+
.sharebutton {
19+
width: 150px;
20+
height: 48px;
21+
display: inline-block;
22+
text-decoration: none;
23+
font-weight: 900;
24+
font-size: 18px;
25+
text-align: center;
26+
font-family: 'Teko', sans-serif;
27+
line-height: 48px;
28+
background: linear-gradient(90deg, #00b4cc, #db091b, #d40083, #00b4cc);
29+
background-size: 400%;
30+
margin: auto;
31+
display: inline-block;
32+
color: #fff !important;
33+
border-radius: 8px;
34+
white-space: wrap;
35+
position: relative;
36+
cursor: pointer;
37+
38+
animation: glowing 45s linear infinite;
39+
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
40+
}
41+
.sharebutton:after {
42+
content: " ";
43+
position: absolute;
44+
border-radius: inherit;
45+
left: -6px;
46+
right: -6px;
47+
bottom: -6px;
48+
top: -6px;
49+
background: inherit;
50+
background-size: inherit;
51+
z-index: -1;
52+
opacity: 0;
53+
transition: opacity 0.5s ease;
54+
filter: blur(16px);
55+
animation: glowing 7s linear infinite;
56+
transform: translateZ(0);
57+
}
58+
.sharebutton:hover:after {
59+
opacity: 1;
60+
}
61+
62+
.sharebutton-entrance {
63+
padding-top: 5px;
64+
padding-bottom: 5px;
65+
}
66+
67+
@keyframes glowing {
68+
100% {
69+
background-position: -400%;
70+
}
71+
}

0 commit comments

Comments
 (0)