[sc=eclipseTemplate][sc=card][ ][styleclass=tabbed_interface horizontal][ul][ ][li]Tab[/li][ ][li]Tab[/li][ ][li]Tab[/li][ ][/ul][sc=tab tab-active][h1]Name[/h1][ ]Some information here[/sc][ ][sc=tab]Information here[/sc][ ][sc=tab]More info[/sc][ ][/styleclass] [sc=links][url=https://google.com][img]https://img.icons8.com/external-kiranshastry-lineal-kiranshastry/64/000000/external-notebook-interface-kiranshastry-lineal-kiranshastry.png[/img][/url][url=https://google.com][img]https://img.icons8.com/material-sharp/25/000000/transaction.png[/img][/url][url=https://google.com][img]https://img.icons8.com/windows/64/000000/friends.png[/img][/url][/sc][/sc] [sc=credits][url=https://pokefarm.com/forum/post/6297233]Template[/url]| [url=https://pixabay.com/illustrations/earth-space-sunlight-sun-rays-1756274/]BG[/url] | [pit=Icons8][url=https://icons8.com/icon/92276/transaction]Transaction[/url] || [url=https://icons8.com/icon/REc7gZxaUO7W/notebook]Notebook[/url] || [url=https://icons8.com/icon/55461/friends]Friends[/url][/pit] | [url=https://placekitten.com/75/75]Kitty[/url] | Free Use[/sc][/sc] [Style] /* TEMPLATE BY AEMILIA, FREE USE, MUST HAVE PERMISSION TO EDIT CODES OUTSIDE OF THE COLOURS AND PICTURES */ /* MODIFY THIS PORTION OF THE TEMPLATE ONLY */ @bg-pic = 'https://cdn.pixabay.com/photo/2016/10/20/18/35/earth-1756274_1280.jpg'; @card-bg = rgba(255, 255, 255, 0.85); @text = #000000; @border = #000000; @credLinkColour = #333333; /* DO NOT MODIFY ANYTHING BELOW HERE WITHOUT PERMISSION */ /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .eclipseTemplate { background: url(@bg-pic) black; background-size: cover; background-repeat: no-repeat; background-position: center; width: 310px; min-height: 450px; display: flex; align-items: center; justify-content: center; .card { background: @card-bg; //height: 350px;; width: 80%; .tabbed_interface { box-shadow: none; box-sizing: border-box; background: none; font-size: 11pt; display: inline; > ul { background: inherit; whitespace: nowrap; width: 100%; > li { margin: 5px; padding: 5px 0 5px 0; background: inherit; border: 2px solid @border; display: inline; text-align: center; color: @text; font-family: 'Roboto' sans-serif; } > li:hover { cursor: pointer; } } .tab { border: none; border-top: 2px solid @border; border-bottom: 2px solid @border; background: none; box-shadow: none; width: 95%; margin: 0 auto; color: @text; text-align; center; h1{font-family: 'Roboto' sans-serif;font-weight: normal;} a,a:link,a:hover,a:active,a:visited{color: inherit;} } } .links { margin: 0 auto; text-align: center; a { display: inline-block; border-radius: 100%; border: 2px solid @border; padding: 5px; margin: 5px; margin-top: -10px; img { height: 30px; width: 30px; } } } } .credits { position: absolute; bottom: 0px; color: @text; background: @card-bg; width: 310px; font-size: 10pt; text-align: center; position: absolute; bottom:0; a,a:link,a:hover,a:active,a:visited { color: @credLinkColour; font-weight: bold; } span.bbcode_tooltip { border-bottom-color:#000000; } .tooltip_content { background: #FFFFFF; text-align:center; color: @credLinkColour; a,a:link,a:hover,a:active,a:visited { color:inherit; font-weight:bold; } position: absolute; bottom:0; } } } [/Style]