Skip to content

Commit 40000b9

Browse files
JulianPrieberJulianPrieber
committed
Updated included themes
1 parent ae1d5a8 commit 40000b9

File tree

7 files changed

+1042
-0
lines changed

7 files changed

+1042
-0
lines changed

‎themes/galaxy/brands.css

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
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+
:root {
25+
--bgColor: #223344;
26+
--bgColor2: #090a0f;
27+
--accentColor: #FFF;
28+
--font: 'Karla', sans-serif;
29+
--delay: .3s; }
30+
31+
.button {
32+
position: relative;
33+
background-color: transparent;
34+
color: var(--accentColor);
35+
border: solid var(--accentColor) 2px;
36+
border-radius: 10px;
37+
font-size: 1rem;
38+
text-align: center;
39+
display: block;
40+
margin-left: 10px;
41+
margin-right: 10px;
42+
margin-bottom: 10px;
43+
padding: 10px; /* 17px */
44+
text-decoration: none;
45+
/* transition: all .25s cubic-bezier(.08, .59, .29, .99); */
46+
-webkit-tap-highlight-color: transparent;
47+
}
48+
49+
@media (hover: hover) {
50+
.button:hover {
51+
background-color: var(--accentColor);
52+
color: var(--bgColor);
53+
}
54+
}
55+
56+
.button:active {
57+
background-color: var(--accentColor);
58+
color: var(--bgColor);
59+
}
60+
61+
62+
/* Brand Icons
63+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
64+
65+
.icon {
66+
padding: 0px 8px 3.5px 0px;
67+
vertical-align: middle;
68+
width: 20px;
69+
height: 20px;
70+
-webkit-filter: grayscale(100%);
71+
-moz-filter: grayscale(100%);
72+
filter: grayscale(100%);
73+
}

‎themes/galaxy/preview.png

609 KB
Loading

‎themes/galaxy/readme.md

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
# A LittleLink Custom Theme
2+
Find more themes: https://github.com/JulianPrieber/llc-themes
3+
4+
* Theme Name: Galaxy
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://github.com/johnggli/linktree
19+
* License: MIT -> https://github.com/johnggli/linktree/blob/master/LICENSE.md

‎themes/galaxy/share.button.css

Lines changed: 111 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,111 @@
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+
.toastdiv {
19+
display: -webkit-flex;
20+
display: flex;
21+
-webkit-align-items: center;
22+
align-items: center;
23+
-webkit-justify-content: center;
24+
justify-content: center;
25+
}
26+
27+
.toastbox {
28+
width: 280px;
29+
padding: 10px;
30+
background-color: rgba(0, 0, 0, 0.7);
31+
color: white;
32+
border-radius: 4px;
33+
position: fixed;
34+
top: 105%;
35+
-webkit-transition: transform 0.3s linear;
36+
transition: transform 0.3s linear;
37+
z-index: 2;
38+
text-align: center;
39+
}
40+
.toastbox.toast-tox--active {
41+
-webkit-transform: translateY(-150px);
42+
transform: translateY(-150px);
43+
}
44+
45+
.sharebutton,
46+
sharebutton {
47+
display: inline-block;
48+
text-decoration: none;
49+
height: 48px;
50+
text-align: center;
51+
vertical-align: middle;
52+
font-size: 18px;
53+
width: 48px;
54+
font-weight: 700;
55+
line-height: 48px;
56+
letter-spacing: 0.1px;
57+
white-space: wrap;
58+
border: solid var(--accentColor) 2px;
59+
border-radius: 10px;
60+
cursor: pointer;
61+
color: #ffffff;
62+
background-color: transparent;
63+
}
64+
65+
@media screen and (min-width: 600px) {
66+
.sharebutton,
67+
sharebutton {
68+
display: inline-block;
69+
text-decoration: none;
70+
height: 48px;
71+
text-align: center;
72+
vertical-align: middle;
73+
font-size: 18px;
74+
width: 150px;
75+
font-weight: 700;
76+
line-height: 48px;
77+
letter-spacing: 0.1px;
78+
white-space: wrap;
79+
border: solid var(--accentColor) 2px;
80+
border-radius: 10px;
81+
cursor: pointer;
82+
color: #ffffff;
83+
background-color: transparent;
84+
}
85+
.sharebutton-img {
86+
position: relative;
87+
left: 3px;
88+
margin-left: auto;
89+
margin-right: auto;
90+
}
91+
}
92+
sharebutton:hover,
93+
.sharebutton:hover {
94+
color: #000000;
95+
background-color: #FFF;
96+
}
97+
.sharebutton:hover .share-icon {
98+
filter: none !important;
99+
}
100+
101+
@media screen and (max-width: 600px) {
102+
.sharebutton-mb {
103+
display: none;
104+
}
105+
.sharebutton-img {
106+
position: relative;
107+
left: 3px;
108+
margin-left: auto;
109+
margin-right: auto;
110+
}
111+
}

0 commit comments

Comments
 (0)