Skip to content

Commit da32edd

Browse files
JulianPrieberJulianPrieber
committed
Added theme PolySleek
1 parent ccab1ae commit da32edd

File tree

11 files changed

+1613
-0
lines changed

11 files changed

+1613
-0
lines changed

‎themes/PolySleek/animations.css

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
/* ************************************************************* */
2+
/*
3+
/* Use this file to add custom CSS animations.
4+
/* Delete this file if you wish to use the default animations.
5+
/* If you do not want to have animations in your theme,
6+
/* remove or comment them and include this file in your theme.
7+
/*
8+
/* ************************************************************* */
9+
10+
11+
/* Table of contents
12+
––––––––––––––––––––––––––––––––––––––––––––––––––
13+
- Entrance animations
14+
- Button hover animations
15+
- Icon hover animations
16+
- Footer hover animations
17+
18+
*/
19+
20+
21+
22+
/* Entrance animations
23+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
24+
25+
/* .button-entrance {
26+
animation-name: popUp;
27+
animation-duration: 1s;
28+
animation-fill-mode: both;
29+
animation-delay: calc(var(--delay)/10);
30+
}
31+
32+
@keyframes popUp {
33+
from {
34+
opacity: 0;
35+
transform: scale3d(0.3, 0.3, 0.3);
36+
}
37+
38+
50% {
39+
opacity: 1;
40+
}
41+
} */
42+
43+
/* .fadein {
44+
animation-name: fadein;
45+
animation-duration: 3s;
46+
animation-fill-mode: both;
47+
}
48+
49+
@keyframes fadein {
50+
from {
51+
opacity: 0;
52+
}
53+
54+
to {
55+
opacity: 1;
56+
}
57+
} */
58+
59+
60+
/* Button hover animations
61+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
62+
/* (Also apply to icon) */
63+
64+
.button-hover, .credit-hover{
65+
display:inline-block;
66+
-webkit-transform:perspective(1px) translateZ(0);
67+
transform:perspective(1px) translateZ(0);
68+
box-shadow:0 0 1px rgba(0,0,0,0);
69+
-webkit-transition-duration:.1s;
70+
transition-duration:.1s;
71+
-webkit-transition-property:transform;
72+
transition-property:transform
73+
}
74+
.button-hover:active,
75+
.button-hover:focus,
76+
.button-hover:hover{
77+
-webkit-transform:scale(1.02);
78+
transform:scale(1.02)
79+
}
80+
.credit-hover:active,
81+
.credit-hover:focus,
82+
.credit-hover:hover{
83+
-webkit-transform:scale(1.04);
84+
transform:scale(1.04)
85+
}
86+
87+
88+
/* Footer hover animations
89+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
90+
91+
.footer-hover{
92+
display:inline-block;
93+
-webkit-transform:perspective(1px) translateZ(0);
94+
transform:perspective(1px) translateZ(0);
95+
box-shadow:0 0 1px rgba(0,0,0,0);
96+
-webkit-transition-duration:.3s;
97+
transition-duration:.3s;
98+
-webkit-transition-property:transform;
99+
transition-property:transform;
100+
-webkit-transition-timing-function:ease-out;
101+
transition-timing-function:ease-out
102+
}
103+
.footer-hover:active,.footer-hover:focus,.footer-hover:hover{
104+
-webkit-transform:translateY(-8px);
105+
transform:translateY(-8px)
106+
}

‎themes/PolySleek/brands.css

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
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+
-webkit-box-shadow: 0px 0px 0px 3px var(--button-background-color);
19+
box-shadow: 0px 0px 0px 3px var(--button-background-color);
20+
background-color: var(--button-background-color) !important;
21+
width: var(--image-width);
22+
height: var(--image-height);
23+
}
24+
25+
@-webkit-keyframes rainbow {
26+
0%{background-position:0% 82%}
27+
50%{background-position:100% 19%}
28+
100%{background-position:0% 82%}
29+
}
30+
@-moz-keyframes rainbow {
31+
0%{background-position:0% 82%}
32+
50%{background-position:100% 19%}
33+
100%{background-position:0% 82%}
34+
}
35+
@-o-keyframes rainbow {
36+
0%{background-position:0% 82%}
37+
50%{background-position:100% 19%}
38+
100%{background-position:0% 82%}
39+
}
40+
@keyframes rainbow {
41+
0%{background-position:0% 82%}
42+
50%{background-position:100% 19%}
43+
100%{background-position:0% 82%}
44+
}
45+
46+
47+
.social-icon {
48+
font-size: 32px;
49+
padding: 10px;
50+
}
51+
.social-icon-div {
52+
padding-bottom: 30px;
53+
}
54+
.social-icon{color:#fff;}
55+
56+
/* Buttons
57+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
58+
59+
.button {
60+
display: flex;
61+
align-items: center;
62+
justify-content: center;
63+
text-decoration: none;
64+
font-size: 1em;
65+
color: var(--button-text-color);
66+
min-height: 58px;
67+
line-height: 58px;
68+
cursor: pointer;
69+
70+
color: var(--button-text-color);
71+
background-color: var(--button-background-color);
72+
width: 100%;
73+
max-width: 600px;
74+
border-radius: 14px;
75+
margin-bottom: 20px !important;
76+
font-weight: 500;
77+
letter-spacing: 0.3rem;
78+
}
79+
80+
.button {
81+
display: inline-block;
82+
transition-duration: 0.3s;
83+
transform: translateZ(0);
84+
box-shadow: 0 0 1px rgba(3, 218, 198, 30%);
85+
}
86+
.button:hover {
87+
box-shadow: 0 0 6px rgba(3, 218, 198, 30%);
88+
}
89+
90+
/* Brand Icons
91+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
92+
93+
.icon {
94+
right: 10px;
95+
bottom: 2px;
96+
position: relative;
97+
vertical-align: middle;
98+
width: 20px;
99+
height: 20px;
100+
-webkit-filter: grayscale(100%);
101+
-moz-filter: grayscale(100%);
102+
filter: grayscale(100%);
103+
}
104+
105+
svg {
106+
color: white !important;
107+
}

‎themes/PolySleek/config.php

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
<?php
2+
3+
return [
4+
5+
/*
6+
|--------------------------------------------------------------------------
7+
| Theme Config
8+
|--------------------------------------------------------------------------
9+
|
10+
| The theme config allows you to configure how LittleLink Custom should treat your theme.
11+
| All settings can either be set to "true" or "false", unless stated otherwise.
12+
|
13+
| The settings below change how your buttons behave.
14+
|
15+
*/
16+
17+
// Some themes may not be compatible with custom buttons created by the Button Editor.
18+
// If 'false' the default button CSS is used.
19+
'allow_custom_buttons' => 'false',
20+
21+
'open_links_in_same_tab' => 'false',
22+
23+
24+
/*
25+
|--------------------------------------------------------------------------
26+
| Custom Code
27+
|--------------------------------------------------------------------------
28+
|
29+
| Custom code allows you to inject customized Blade, PHP, HTML, JavaScript and CSS code.
30+
|
31+
| In your "extra" folder, you will find 3 separate files for injecting your code to
32+
| different places on the final page (head, body, at the end of the body).
33+
|
34+
| You may also attach custom assets like CSS, JS, or images.
35+
| You can find instructions for this in the files in your extra folder.
36+
|
37+
*/
38+
39+
'enable_custom_code' => 'true',
40+
41+
// Disable individual files (only applies if above is 'true').
42+
'enable_custom_head' => 'true',
43+
'enable_custom_body' => 'true',
44+
'enable_custom_body_end' => 'true',
45+
46+
47+
/*
48+
|--------------------------------------------------------------------------
49+
| Custom Icons
50+
|--------------------------------------------------------------------------
51+
|
52+
| You may add custom icons to your theme. 
53+
| These icons are stored under: .../extra/custom-icons.
54+
|
55+
| You can adjust the file extension types to use other files than just SVGs.
56+
|
57+
*/
58+
59+
'use_custom_icons' => 'false',
60+
61+
// Is not set correct this will cause errors.
62+
'custom_icon_extension' => '.svg', // (.png, .jpg ...)
63+
64+
65+
66+
];

0 commit comments

Comments
 (0)