├── animations.css ├── background.jpg ├── brands.css ├── config.php ├── extra ├── custom-assets │ ├── mctitle.ttf │ └── mctxt.ttf └── custom-head.blade.php ├── preview.png ├── readme.md ├── share.button.css └── skeleton-auto.css /animations.css: -------------------------------------------------------------------------------- 1 | /* Table of contents 2 | –––––––––––––––––––––––––––––––––––––––––––––––––– 3 | - Entrance animations 4 | - Button hover animations 5 | - Icon hover animations 6 | - Footer hover animations 7 | 8 | */ 9 | 10 | 11 | 12 | /* Entrance animations 13 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 14 | 15 | .fadein, .button-entrance { 16 | animation-name: fadein; 17 | animation-duration: 3s; 18 | animation-fill-mode: both; 19 | } 20 | 21 | @keyframes fadein { 22 | from { 23 | opacity: 0; 24 | } 25 | 26 | to { 27 | opacity: 1; 28 | } 29 | } 30 | 31 | 32 | /* Button hover animations 33 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 34 | /* (Also apply to icon) */ 35 | 36 | .button-hover, .credit-hover{ 37 | display:inline-block; 38 | -webkit-transform:perspective(1px) translateZ(0); 39 | transform:perspective(1px) translateZ(0); 40 | -webkit-transition-duration:.3s; 41 | transition-duration:.3s; 42 | -webkit-transition-property:transform; 43 | transition-property:transform 44 | } 45 | .credit-hover:active, 46 | .credit-hover:focus, 47 | .credit-hover:hover{ 48 | -webkit-transform:scale(1.1); 49 | transform:scale(1.1) 50 | } 51 | 52 | 53 | /* Icon hover animations 54 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 55 | 56 | .icon-hover{ 57 | display:inline-block; 58 | } 59 | 60 | 61 | /* Footer hover animations 62 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 63 | 64 | .footer-hover{ 65 | display:inline-block; 66 | -webkit-transform:perspective(1px) translateZ(0); 67 | transform:perspective(1px) translateZ(0); 68 | -webkit-transition-duration:.3s; 69 | transition-duration:.3s; 70 | -webkit-transition-property:transform; 71 | transition-property:transform; 72 | -webkit-transition-timing-function:ease-out; 73 | transition-timing-function:ease-out 74 | } 75 | .footer-hover:active,.footer-hover:focus,.footer-hover:hover{ 76 | -webkit-transform:translateY(-8px); 77 | transform:translateY(-8px) 78 | } 79 | -------------------------------------------------------------------------------- /background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/minceraft/d86411cef8455a31cb2b7150457de421667f69a5/background.jpg -------------------------------------------------------------------------------- /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 | 21 | .social-icon { 22 | font-size:24px; 23 | padding: 5px; 24 | } 25 | .social-icon-div { 26 | padding-bottom: 25px; 27 | } 28 | .social-icon{color:#fff;} 29 | 30 | /* Buttons 31 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 32 | 33 | .button, 34 | button { 35 | border: 2px solid #000; 36 | webkit-box-shadow: inset -2px -4px #0006, inset 2px 2px #FFF7; 37 | box-shadow: inset -2px -4px #0006, inset 2px 2px #FFF7; 38 | background: #999 url('https://i48.servimg.com/u/f48/18/06/99/75/bgbtn10.png'); 39 | background-size: cover; 40 | background-position: center; 41 | color: #DDD; 42 | text-align: center; 43 | font-size: 20px; 44 | cursor: context-menu; 45 | image-rendering: pixelated; 46 | max-width: 400px; 47 | margin-bottom: 10px; 48 | min-width: 90%; 49 | padding: 10px; 50 | } 51 | button:hover, 52 | .button:hover { 53 | background-color: rgba(100, 100, 255, .45); 54 | height: 100%; 55 | width: 100%; 56 | z-index: 5; 57 | color: #FFF; 58 | border: 2px solid rgb(255, 255, 255); 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 | } 71 | 72 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /extra/custom-assets/mctitle.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/minceraft/d86411cef8455a31cb2b7150457de421667f69a5/extra/custom-assets/mctitle.ttf -------------------------------------------------------------------------------- /extra/custom-assets/mctxt.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/minceraft/d86411cef8455a31cb2b7150457de421667f69a5/extra/custom-assets/mctxt.ttf -------------------------------------------------------------------------------- /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 | 61 | -------------------------------------------------------------------------------- /preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LinkStackOrg/minceraft/d86411cef8455a31cb2b7150457de421667f69a5/preview.png -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # A LinkStack Theme 2 | Find more themes: https://linkstack.org/themes/ 3 | 4 | * Theme Name: Minceraft 5 | * Theme Version: 1.7 6 | * Theme Date: 2022-05-31 7 | * Theme Author: JulianPrieber & LinkStack Team 8 | * Theme Author URI: https://github.com/JulianPrieber 9 | * Theme License: GPLv3 (Non-commercial use only) 10 | * Source code: https://github.com/LinkStackOrg/minceraft 11 | 12 | 13 | ### Used assets: 14 | * Built using: 15 | * https://github.com/dhg/Skeleton 16 | * License: MIT 17 | 18 | * 19 | * https://codepen.io/SimonDiligues/pen/gObEyym 20 | * License: MIT 21 | 22 | * 23 | * https://github.com/IanLunn/Hover 24 | * License: MIT 25 | 26 | * 27 | * https://www.dafont.com/minecrafter.font 28 | * License: Non-commercial use only 29 | 30 | * 31 | * https://www.dafont.com/minecraft.font 32 | * License: Non-commercial use only 33 | -------------------------------------------------------------------------------- /share.button.css: -------------------------------------------------------------------------------- 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 | sharebutton { 20 | 21 | webkit-box-shadow: inset -2px -4px #0006, inset 2px 2px #FFF7; 22 | box-shadow: inset -2px -4px #0006, inset 2px 2px #FFF7; 23 | background: #999 url('https://i48.servimg.com/u/f48/18/06/99/75/bgbtn10.png'); 24 | background-size: cover; 25 | background-position: center; 26 | color: #DDD; 27 | text-align: center; 28 | font-size: 20px; 29 | cursor: context-menu; 30 | image-rendering: pixelated; 31 | margin-bottom: 10px; 32 | max-width: 25px; 33 | padding: 10px; 34 | border: 3px solid #000; 35 | } 36 | sharebutton:hover, 37 | .sharebutton:hover { 38 | background-color: rgba(100, 100, 255, .45); 39 | height: 100%; 40 | width: 100%; 41 | z-index: 5; 42 | border: 3px solid #ffffff !important; 43 | } 44 | .sharebutton-mb { 45 | display: none; 46 | } -------------------------------------------------------------------------------- /skeleton-auto.css: -------------------------------------------------------------------------------- 1 | 2 | /* Table of contents 3 | –––––––––––––––––––––––––––––––––––––––––––––––––– 4 | 5 | - Grid 6 | - Base Styles 7 | - Typography 8 | - Links 9 | - Code 10 | - Spacing 11 | - Utilities 12 | - Misc 13 | - Credit footer 14 | 15 | */ 16 | 17 | 18 | /* Grid 19 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 20 | .container { 21 | position: relative; 22 | width: 100%; 23 | max-width: 600px; 24 | text-align: center; 25 | margin: 0 auto; 26 | box-sizing: border-box; } 27 | .column { 28 | position: center; 29 | width: 100%; 30 | float: center; 31 | box-sizing: border-box; } 32 | 33 | /* For devices larger than 400px */ 34 | @media (min-width: 400px) { 35 | .container { 36 | width: 85%; 37 | padding: 0; } 38 | } 39 | 40 | /* For devices larger than 550px */ 41 | @media (min-width: 550px) { 42 | .container { 43 | width: 80%; } 44 | .column, 45 | .columns { 46 | margin-left: 0; } 47 | .column:first-child, 48 | .columns:first-child { 49 | margin-left: 0; } 50 | 51 | } 52 | 53 | 54 | /* Base Styles 55 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 56 | /* NOTE 57 | html is set to 62.5% so that all the REM measurements throughout Skeleton 58 | are based on 10px sizing. So basically 1.5rem = 15px :) */ 59 | 60 | 61 | /* Typography 62 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 63 | h1 { 64 | margin-top: 0; 65 | margin-bottom: 16px; 66 | letter-spacing: 0.1em; 67 | color: #ADA3A0; 68 | font-family: "mctit", sans-serif; 69 | font-size: 48px; 70 | line-height: 96px; 71 | -webkit-transform-origin: 50% 100%; 72 | -moz-transform-origin: 50% 100%; 73 | -ms-transform-origin: 50% 100%; 74 | -o-transform-origin: 50% 100%; 75 | transform-origin: 50% 100%; 76 | -webkit-transform: perspective(300px) rotateX(15deg); 77 | -moz-transform: perspective(300px) rotateX(15deg); 78 | -ms-transform: perspective(300px) rotateX(15deg); 79 | -o-transform: perspective(300px) rotateX(15deg); 80 | transform: perspective(300px) rotateX(15deg); 81 | 82 | text-shadow: 1px 1px 1px #2A292B, 83 | 1px 2px 1px #2A292B, 84 | 1px 3px 1px #2A292B, 85 | 1px 4px 1px #2A292B, 86 | 1px 5px 1px #2A292B, 87 | 1px 6px 1px #2A292B, 88 | 1px 7px 1px #2A292B, 89 | 1px 8px 1px #2A292B, 90 | 1px 9px 1px #2A292B, 91 | 1px 10px 1px #2A292B, 92 | 1px 18px 6px rgba(16,16,16,0.4), 93 | 1px 22px 10px rgba(16,16,16,0.2), 94 | 1px 25px 35px rgba(16,16,16,0.2), 95 | 1px 30px 60px rgba(16,16,16,0.4); 96 | } 97 | 98 | p { 99 | margin-top: 0; 100 | text-shadow: 1px 1px 0px #a5a5a5; 101 | } 102 | 103 | 104 | /* Links 105 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 106 | a { 107 | color: #ffffff; 108 | text-decoration: none; 109 | text-shadow: 1px 1px 0px #a5a5a5; 110 | } 111 | a:hover { 112 | color: #0085FF; } 113 | 114 | .spacing { 115 | padding: 0 10px; 116 | padding-top: 50px; 117 | } 118 | 119 | /* Code 120 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 121 | code { 122 | padding: .2rem .5rem; 123 | margin: 0 .2rem; 124 | font-size: 90%; 125 | white-space: nowrap; 126 | background: #F1F1F1; 127 | border: 1px solid #E1E1E1; 128 | border-radius: 4px; } 129 | pre > code { 130 | display: block; 131 | padding: 1rem 1.5rem; 132 | white-space: pre; } 133 | 134 | /* Spacing 135 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 136 | button, 137 | .button { 138 | margin-bottom: 1rem; } 139 | input, 140 | textarea, 141 | select, 142 | fieldset { 143 | margin-bottom: 1.5rem; } 144 | pre, 145 | blockquote, 146 | dl, 147 | figure, 148 | p, 149 | ol { 150 | margin-bottom: 2.5rem; } 151 | 152 | 153 | /* Utilities 154 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 155 | .u-full-width { 156 | width: 100%; 157 | box-sizing: border-box; } 158 | .u-max-full-width { 159 | max-width: 100%; 160 | box-sizing: border-box; } 161 | .u-pull-right { 162 | float: right; } 163 | .u-pull-left { 164 | float: left; } 165 | 166 | 167 | /* Misc 168 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 169 | hr { 170 | margin-top: 3rem; 171 | margin-bottom: 3.5rem; 172 | border-width: 0; 173 | border-top: 1px solid #E1E1E1; } 174 | 175 | @media (prefers-color-scheme: dark) { 176 | /* ===== Scrollbar CSS ===== */ 177 | /* Firefox */ 178 | * { 179 | scrollbar-width: thin; 180 | scrollbar-color: #171a1d #31363b; 181 | } 182 | 183 | /* Chrome, Edge, and Safari */ 184 | *::-webkit-scrollbar { 185 | width: 8px; 186 | } 187 | 188 | *::-webkit-scrollbar-track { 189 | background: #31363b; 190 | } 191 | 192 | *::-webkit-scrollbar-thumb { 193 | background-color: #171a1d; 194 | border-radius: 30px; 195 | border: 3px none #ffffff; 196 | } 197 | 198 | } 199 | 200 | @media (prefers-color-scheme: light) { 201 | /* ===== Scrollbar CSS ===== */ 202 | /* Firefox */ 203 | * { 204 | scrollbar-width: thin; 205 | scrollbar-color: #323232 #dbdbdb; 206 | } 207 | 208 | /* Chrome, Edge, and Safari */ 209 | *::-webkit-scrollbar { 210 | width: 8px; 211 | } 212 | 213 | *::-webkit-scrollbar-track { 214 | background: #dbdbdb; 215 | } 216 | 217 | *::-webkit-scrollbar-thumb { 218 | background-color: #323232; 219 | border-radius: 30px; 220 | border: 3px none #ffffff; 221 | } 222 | 223 | } 224 | 225 | /* Credit footer 226 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 227 | /* Styling for credit footer text */ 228 | .credit-txt { 229 | font-size: 15px; 230 | text-decoration: none; 231 | } 232 | 233 | .credit-icon { 234 | display: none; } 235 | .credit-footer { 236 | position: relative; 237 | right: 18px; } 238 | 239 | /* Switches text color for credit footer for dark/light mode */ 240 | @media (prefers-color-scheme: dark) { 241 | .credit-txt-clr{ 242 | color: #FFF !important; 243 | } 244 | } 245 | @media (prefers-color-scheme: light) { 246 | .credit-txt-clr{ 247 | color: #100a26 !important; 248 | } 249 | } 250 | --------------------------------------------------------------------------------