├── preview.png ├── background.png ├── extra ├── custom-assets │ ├── inter-greek-400-normal.woff │ ├── inter-greek-400-normal.woff2 │ ├── inter-greek-500-normal.woff │ ├── inter-greek-500-normal.woff2 │ ├── inter-greek-600-normal.woff │ ├── inter-greek-600-normal.woff2 │ ├── inter-greek-700-normal.woff │ ├── inter-greek-700-normal.woff2 │ ├── inter-latin-400-normal.woff │ ├── inter-latin-400-normal.woff2 │ ├── inter-latin-500-normal.woff │ ├── inter-latin-500-normal.woff2 │ ├── inter-latin-600-normal.woff │ ├── inter-latin-600-normal.woff2 │ ├── inter-latin-700-normal.woff │ ├── inter-latin-700-normal.woff2 │ ├── inter-cyrillic-400-normal.woff │ ├── inter-cyrillic-400-normal.woff2 │ ├── inter-cyrillic-500-normal.woff │ ├── inter-cyrillic-500-normal.woff2 │ ├── inter-cyrillic-600-normal.woff │ ├── inter-cyrillic-600-normal.woff2 │ ├── inter-cyrillic-700-normal.woff │ ├── inter-cyrillic-700-normal.woff2 │ ├── inter-greek-ext-400-normal.woff │ ├── inter-greek-ext-500-normal.woff │ ├── inter-greek-ext-600-normal.woff │ ├── inter-greek-ext-700-normal.woff │ ├── inter-latin-ext-400-normal.woff │ ├── inter-latin-ext-500-normal.woff │ ├── inter-latin-ext-600-normal.woff │ ├── inter-latin-ext-700-normal.woff │ ├── inter-greek-ext-400-normal.woff2 │ ├── inter-greek-ext-500-normal.woff2 │ ├── inter-greek-ext-600-normal.woff2 │ ├── inter-greek-ext-700-normal.woff2 │ ├── inter-latin-ext-400-normal.woff2 │ ├── inter-latin-ext-500-normal.woff2 │ ├── inter-latin-ext-600-normal.woff2 │ ├── inter-latin-ext-700-normal.woff2 │ ├── inter-vietnamese-400-normal.woff │ ├── inter-vietnamese-400-normal.woff2 │ ├── inter-vietnamese-500-normal.woff │ ├── inter-vietnamese-500-normal.woff2 │ ├── inter-vietnamese-600-normal.woff │ ├── inter-vietnamese-600-normal.woff2 │ ├── inter-vietnamese-700-normal.woff │ ├── inter-vietnamese-700-normal.woff2 │ ├── inter-cyrillic-ext-400-normal.woff │ ├── inter-cyrillic-ext-400-normal.woff2 │ ├── inter-cyrillic-ext-500-normal.woff │ ├── inter-cyrillic-ext-500-normal.woff2 │ ├── inter-cyrillic-ext-600-normal.woff │ ├── inter-cyrillic-ext-600-normal.woff2 │ ├── inter-cyrillic-ext-700-normal.woff │ └── inter-cyrillic-ext-700-normal.woff2 └── custom-head.blade.php ├── readme.md ├── brands.css ├── config.php ├── share.button.css └── skeleton-auto.css /preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/preview.png -------------------------------------------------------------------------------- /background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/background.png -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-400-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-400-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-400-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-400-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-500-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-500-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-500-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-500-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-600-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-600-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-600-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-600-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-700-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-700-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-700-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-700-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-400-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-400-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-400-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-400-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-500-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-500-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-500-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-500-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-600-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-600-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-600-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-600-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-700-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-700-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-700-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-700-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-400-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-400-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-400-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-400-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-500-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-500-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-500-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-500-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-600-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-600-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-600-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-600-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-700-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-700-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-700-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-700-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-ext-400-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-ext-400-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-ext-500-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-ext-500-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-ext-600-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-ext-600-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-ext-700-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-ext-700-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-ext-400-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-ext-400-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-ext-500-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-ext-500-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-ext-600-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-ext-600-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-ext-700-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-ext-700-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-ext-400-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-ext-400-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-ext-500-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-ext-500-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-ext-600-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-ext-600-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-greek-ext-700-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-greek-ext-700-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-ext-400-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-ext-400-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-ext-500-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-ext-500-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-ext-600-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-ext-600-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-latin-ext-700-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-latin-ext-700-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-vietnamese-400-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-vietnamese-400-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-vietnamese-400-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-vietnamese-400-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-vietnamese-500-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-vietnamese-500-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-vietnamese-500-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-vietnamese-500-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-vietnamese-600-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-vietnamese-600-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-vietnamese-600-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-vietnamese-600-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-vietnamese-700-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-vietnamese-700-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-vietnamese-700-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-vietnamese-700-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-ext-400-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-ext-400-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-ext-400-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-ext-400-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-ext-500-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-ext-500-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-ext-500-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-ext-500-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-ext-600-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-ext-600-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-ext-600-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-ext-600-normal.woff2 -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-ext-700-normal.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-ext-700-normal.woff -------------------------------------------------------------------------------- /extra/custom-assets/inter-cyrillic-ext-700-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/winter-wonderland/HEAD/extra/custom-assets/inter-cyrillic-ext-700-normal.woff2 -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # A LinkStack Theme 2 | Find more themes: https://linkstack.org/themes/ 3 | 4 | * Theme Name: Winter Wonderland 5 | * Theme Version: 1.6 6 | * Theme Date: 2022-05-21 7 | * Theme Authors: JulianPrieber & LinkStack Team 8 | * Theme Author URI: https://github.com/JulianPrieber 9 | * Theme License: GPLv3 10 | * Source code: https://github.com/LinkStackOrg/winter-wonderland 11 | 12 | 13 | ### Used assets: 14 | * Built using: 15 | * https://github.com/dhg/Skeleton 16 | * License: MIT 17 | 18 | * 19 | * https://github.com/SamirPaul1/links 20 | * License: - 21 | 22 | * 23 | * https://codepen.io/keithclark/pen/DjXzBw 24 | * License: MIT 25 | -------------------------------------------------------------------------------- /brands.css: -------------------------------------------------------------------------------- 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 | .social-icon { 21 | font-size: 32px; 22 | padding: 10px; 23 | } 24 | .social-icon-div { 25 | padding-bottom: 30px; 26 | } 27 | .social-icon{color:#1f365c;} 28 | 29 | /* Buttons 30 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 31 | 32 | .button, 33 | button { 34 | display: inline-block; 35 | text-decoration: none; 36 | height: 48px; 37 | text-align: center; 38 | vertical-align: middle; 39 | font-size: 16px; 40 | max-width: 680px; 41 | width: 90%; 42 | font-weight: 400; 43 | line-height: 48px; 44 | letter-spacing: 0.1px; 45 | white-space: wrap; 46 | border-radius: 8px; 47 | cursor: pointer; 48 | color: #1f365c; 49 | background-color: #ffffff; 50 | box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1), inset 0px 0px 2px 1px rgba(24, 39, 75, 0.05); 51 | } 52 | button:hover, 53 | .button:focus { 54 | color: #333; 55 | border-color: #888; 56 | outline: 0; } 57 | .button.button-primary { 58 | color: #FFF; 59 | filter: brightness(90%) } 60 | .button.button-primary:hover, 61 | .button.button-primary:focus { 62 | color: #FFF; 63 | filter: brightness(90%) } 64 | 65 | .button:hover { 66 | color: #1f365c; 67 | } 68 | 69 | /* Brand Icons 70 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 71 | 72 | .icon { 73 | padding: 0px 8px 3.5px 0px; 74 | vertical-align: middle; 75 | width: 30px; 76 | height: 30px; 77 | filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.4)); 78 | } 79 | 80 | svg { 81 | color: #000000; 82 | } -------------------------------------------------------------------------------- /config.php: -------------------------------------------------------------------------------- 1 | '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' => 'false', 44 | 'enable_custom_body_end' => 'false', 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 | ]; 67 | -------------------------------------------------------------------------------- /share.button.css: -------------------------------------------------------------------------------- 1 | .share-icon { 2 | padding: 0px 8px 3.5px 0px; 3 | vertical-align: middle; 4 | width: 20px; 5 | height: 20px; 6 | } 7 | 8 | .sharediv { 9 | position:relative; 10 | top: 30px; 11 | right: 30px; 12 | padding-bottom: 40px; 13 | } 14 | 15 | .toastdiv { 16 | display: -webkit-flex; 17 | display: flex; 18 | -webkit-align-items: center; 19 | align-items: center; 20 | -webkit-justify-content: center; 21 | justify-content: center; 22 | } 23 | 24 | .toastbox { 25 | width: 280px; 26 | padding: 10px; 27 | background-color: rgba(0, 0, 0, 0.7); 28 | color: white; 29 | border-radius: 4px; 30 | position: fixed; 31 | top: 105%; 32 | -webkit-transition: transform 0.3s linear; 33 | transition: transform 0.3s linear; 34 | z-index: 2; 35 | text-align: center; 36 | } 37 | .toastbox.toast-tox--active { 38 | -webkit-transform: translateY(-150px); 39 | transform: translateY(-150px); 40 | } 41 | .sharebutton, 42 | sharebutton { 43 | display: inline-block; 44 | text-decoration: none; 45 | height: 48px; 46 | text-align: center; 47 | vertical-align: middle; 48 | font-size: 18px; 49 | width: 48px; 50 | font-weight: 700; 51 | line-height: 48px; 52 | letter-spacing: 0.1px; 53 | white-space: wrap; 54 | border-radius: 8px; 55 | cursor: pointer; 56 | color: #000000; 57 | background-color: #ffffff; 58 | box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1), inset 0px 0px 2px 1px rgba(24, 39, 75, 0.05); 59 | } 60 | @media screen and (min-width: 600px) { 61 | .sharebutton, 62 | sharebutton { 63 | display: inline-block; 64 | text-decoration: none; 65 | height: 48px; 66 | text-align: center; 67 | vertical-align: middle; 68 | font-size: 18px; 69 | width: 150px; 70 | font-weight: 700; 71 | line-height: 48px; 72 | letter-spacing: 0.1px; 73 | white-space: wrap; 74 | border-radius: 8px; 75 | cursor: pointer; 76 | color: #000000; 77 | background-color: #ffffff; 78 | box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1), inset 0px 0px 2px 1px rgba(24, 39, 75, 0.05); 79 | } 80 | } 81 | sharebutton:hover, 82 | .sharebutton:hover { 83 | color: #000000; 84 | opacity: 0.85; 85 | filter: alpha(opacity=40); 86 | border-color: #888; 87 | outline: 0; } 88 | .sharebutton.sharebutton-primary { 89 | color: #FFFFFF; 90 | filter: brightness(90%) } 91 | .sharebutton.sharebutton-primary:hover, 92 | .sharebutton.sharebutton-primary:focus { 93 | color: #FFFFFF; 94 | filter: brightness(90%) } 95 | 96 | @media screen and (max-width: 600px) { 97 | .sharebutton-mb { 98 | display: none; 99 | } 100 | .sharebutton-img { 101 | position: relative; 102 | left: 3px; 103 | margin-left: auto; 104 | margin-right: auto; 105 | } 106 | } 107 | -------------------------------------------------------------------------------- /extra/custom-head.blade.php: -------------------------------------------------------------------------------- 1 | {{-- 2 | 3 | 4 | |-------------------------------------------------------------------------- 5 | | Custom assets 6 | |-------------------------------------------------------------------------- 7 | 8 | Custom assets are stored in the 'custom-assets' directory found inside the 'extra' folder. 9 | Custom assets can be any file you would like to use in your theme. 10 | For example: JS, CSS or image files. 11 | 12 | You can load these custom assets with a built-in function, 'themeAsset()'. 13 | Add the file you want to add to your 'custom-assets' folder, and include the name with the file extension in the function. 14 | 15 | Down below, you can find a few examples using this function: 16 | 17 | 18 | 19 | --}} 20 | 21 | 188 | -------------------------------------------------------------------------------- /skeleton-auto.css: -------------------------------------------------------------------------------- 1 | /* Table of contents 2 | –––––––––––––––––––––––––––––––––––––––––––––––––– 3 | 4 | - Grid 5 | - Base Styles 6 | - Typography 7 | - Links 8 | - Code 9 | - Spacing 10 | - Utilities 11 | - Misc 12 | - Credit footer 13 | 14 | */ 15 | 16 | 17 | /* Grid 18 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 19 | .container { 20 | position: relative; 21 | width: 100%; 22 | max-width: 700px; 23 | text-align: center; 24 | margin: 0 auto; 25 | box-sizing: border-box; } 26 | .column { 27 | position: center; 28 | width: 100%; 29 | float: center; 30 | box-sizing: border-box; } 31 | 32 | /* For devices larger than 400px */ 33 | @media (min-width: 400px) { 34 | .container { 35 | width: 85%; 36 | padding: 0; } 37 | } 38 | 39 | /* For devices larger than 550px */ 40 | @media (min-width: 550px) { 41 | .container { 42 | width: 80%; } 43 | .column, 44 | .columns { 45 | margin-left: 0; } 46 | .column:first-child, 47 | .columns:first-child { 48 | margin-left: 0; } 49 | 50 | } 51 | 52 | 53 | /* Base Styles 54 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 55 | /* NOTE 56 | html is set to 62.5% so that all the REM measurements throughout Skeleton 57 | are based on 10px sizing. So basically 1.5rem = 15px :) */ 58 | 59 | /* Typography 60 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 61 | h1 { 62 | margin-top: 0; 63 | margin-bottom: 16px; 64 | font-weight: 800; } 65 | h1 { font-size:24px; line-height: 64px; letter-spacing: 0;} 66 | 67 | 68 | /* Larger than phablet */ 69 | @media (min-width: 550px) { 70 | h1 { font-size: 48px; line-height: 96px;} 71 | } 72 | 73 | p { 74 | margin-top: 0; } 75 | 76 | 77 | /* Links 78 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 79 | a { 80 | color: #1F365C; 81 | text-decoration: none; 82 | } 83 | a:hover { 84 | color: #2c2c2c; } 85 | 86 | .spacing { 87 | padding: 0 10px; 88 | } 89 | 90 | /* Code 91 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 92 | code { 93 | padding: .2rem .5rem; 94 | margin: 0 .2rem; 95 | font-size: 90%; 96 | white-space: nowrap; 97 | background: #F1F1F1; 98 | border: 1px solid #E1E1E1; 99 | border-radius: 4px; } 100 | pre > code { 101 | display: block; 102 | padding: 1rem 1.5rem; 103 | white-space: pre; } 104 | 105 | /* Spacing 106 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 107 | button, 108 | .button { 109 | margin-bottom: 1rem; } 110 | input, 111 | textarea, 112 | select, 113 | fieldset { 114 | margin-bottom: 1.5rem; } 115 | pre, 116 | blockquote, 117 | dl, 118 | figure, 119 | p, 120 | ol { 121 | margin-bottom: 2.5rem; } 122 | 123 | 124 | /* Utilities 125 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 126 | .u-full-width { 127 | width: 100%; 128 | box-sizing: border-box; } 129 | .u-max-full-width { 130 | max-width: 100%; 131 | box-sizing: border-box; } 132 | .u-pull-right { 133 | float: right; } 134 | .u-pull-left { 135 | float: left; } 136 | 137 | 138 | /* Misc 139 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 140 | hr { 141 | margin-top: 3rem; 142 | margin-bottom: 3.5rem; 143 | border-width: 0; 144 | border-top: 1px solid #E1E1E1; } 145 | 146 | @media (prefers-color-scheme: dark) { 147 | /* ===== Scrollbar CSS ===== */ 148 | /* Firefox */ 149 | * { 150 | scrollbar-width: thin; 151 | scrollbar-color: #171a1d #31363b; 152 | } 153 | 154 | /* Chrome, Edge, and Safari */ 155 | *::-webkit-scrollbar { 156 | width: 8px; 157 | } 158 | 159 | *::-webkit-scrollbar-track { 160 | background: #31363b; 161 | } 162 | 163 | *::-webkit-scrollbar-thumb { 164 | background-color: #171a1d; 165 | border-radius: 30px; 166 | border: 3px none #ffffff; 167 | } 168 | 169 | } 170 | 171 | @media (prefers-color-scheme: light) { 172 | /* ===== Scrollbar CSS ===== */ 173 | /* Firefox */ 174 | * { 175 | scrollbar-width: thin; 176 | scrollbar-color: #323232 #dbdbdb; 177 | } 178 | 179 | /* Chrome, Edge, and Safari */ 180 | *::-webkit-scrollbar { 181 | width: 8px; 182 | } 183 | 184 | *::-webkit-scrollbar-track { 185 | background: #dbdbdb; 186 | } 187 | 188 | *::-webkit-scrollbar-thumb { 189 | background-color: #323232; 190 | border-radius: 30px; 191 | border: 3px none #ffffff; 192 | } 193 | 194 | } 195 | 196 | /* Credit footer 197 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 198 | /* Styling for credit footer text */ 199 | .credit-txt { 200 | font-weight: 700; 201 | font-size: 15px; 202 | text-decoration: none; 203 | } 204 | 205 | /* Some fonts shift the credit footer icon around  206 | /* You can uncomment this to hide the icon and only display the text 207 | .credit-icon { 208 | display: none; } 209 | .credit-footer { 210 | position: relative; 211 | right: 15px; } 212 | */ 213 | 214 | /* Switches text color for credit footer for dark/light mode */ 215 | 216 | .credit-txt-clr{ 217 | color: #1F365C !important; 218 | font-weight: 700; 219 | } 220 | 221 | 222 | 223 | .parallax-background, .parallax-background:before, .parallax-background:after { 224 | height: 100%; 225 | position: absolute; 226 | top: -600px; 227 | left: 0; 228 | right: 0; 229 | background-image: radial-gradient(6px 6px at 185px 15px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 493px 337px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 20px 383px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 203px 229px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 157px 509px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 291px 115px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 119px 381px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 486px 465px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 260px 45px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 446px 397px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 411px 428px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 317px 276px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 365px 501px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 585px 464px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 20px 293px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 386px 388px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 353px 357px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 335px 470px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 48px 280px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 239px 62px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 118px 224px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 259px 232px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 570px 411px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 182px 544px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 589px 541px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 184px 194px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 468px 275px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 151px 282px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 520px 151px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 98px 93px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 352px 13px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 362px 42px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 118px 38px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 359px 309px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 97px 220px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 13px 235px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 162px 569px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 230px 250px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 11px 483px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 395px 520px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 419px 418px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 264px 215px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 122px 460px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 78px 267px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 52px 514px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 484px 186px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 213px 226px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 11px 339px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 373px 339px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 525px 393px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 150px 98px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 273px 15px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 329px 247px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 217px 130px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 119px 434px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 353px 204px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 236px 577px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 173px 483px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 410px 403px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 38px 23px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 241px 166px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 262px 328px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 439px 560px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 441px 597px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 68px 334px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 322px 485px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 305px 345px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 374px 353px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 222px 261px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 93px 301px, white 50%, rgba(0, 0, 0, 0)); 230 | background-size: 600px 600px; 231 | animation: parallax-background 3s linear infinite; 232 | content: ""; 233 | } 234 | 235 | .parallax-background:after { 236 | margin-left: -200px; 237 | opacity: 0.4; 238 | animation-duration: 6s; 239 | animation-direction: reverse; 240 | filter: blur(3px); 241 | } 242 | 243 | .parallax-background:before { 244 | animation-duration: 9s; 245 | animation-direction: reverse; 246 | margin-left: -300px; 247 | opacity: 0.65; 248 | filter: blur(1.5px); 249 | } 250 | 251 | @keyframes parallax-background { 252 | to { 253 | transform: translateY(600px); 254 | } 255 | } 256 | --------------------------------------------------------------------------------