🍏🍎🍈Apple Garden 🍈🍎🍏

[styleclass=base][styleclass=main][center] Text goes here [url=https://pokefarm.com/forum/post/7113703]Credits[/url] [/styleclass][/styleclass] [style] .container { display: flex; justify-content: center; /* Center the .base element horizontally */ align-items: center; /* Center the .base element vertically */ height: 100vh; /* Use the full viewport height */ } .base { background: linear-gradient(to bottom, #00008b, #800080); border: 2px dashed yellow; padding: 1%; position: relative; z-index: 1; overflow: hidden; text-align: center; /* Center text horizontally */ } .main { color: white; z-index: 2; } .circle-container { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } /* Style tab content */ .tab-content { display: none; padding: 20px; background-color: #f9f9f9; border: 1px solid #ccc; } // tabs // .tabbed_interface { border-collapse: separate; >ul { background: yellow; >li { background: Yellow; color: white; border: 1px dashed @bkg1; border-radius: 3px; margin: 2px 2px; font-size: 10pt; min-width: fit-content; padding: 5px 5px; text-align: center; filter:grayscale(100%); > .bbcode_tooltip { border-color: @accent2; border-bottom: 0px solid @accent3; } &.tab-active { background: none; border: 0px solid @bkg1; color: @bkg1; border-radius: 0px; margin: 2px 2px; font-size: 10pt; min-width: fit-content; padding: 5px 5px; vertical-align: center; filter:grayscale(0%); } .li:hover { filter:grayscale(0%); transition: all 100ms ease-in-out; } } } .tab, .tab-active { background: none; color: pink; border: 0px solid @text; box-shadow: none; margin: 10px 10px; border-radius: 0px; font-size: 10pt; padding: 5px 5px; } } // links // a, a:visited { color: orange; text-decoration: none; transition:all 100ms ease-in-out; } // tables // table { margin: 0px auto; border: 0px; } table th{ text-align: center; vertical-align: middle; padding: 5px; border: 5px solid @bkg1; background: white; color: black; border-radius: 5px; } table td { text-align: center; vertical-align: middle; padding: 5px; border: 3px solid @bkg1; background: @bkg2; color: white; border-radius: 7px; } // tooltip // .tooltip_content { border: 1px solid @accent3; background: @bkg1; min-width: fit-content; color: @accent1; font-size: 10pt; padding: 5px; } .bbcode_tooltip { border-color: @accent2; border-bottom: 1px solid @accent3; } // progress bar // .expbar { background: black; border-radius: 7px; width: 70%; border: 1px solid @accent3; color: white; >div { background: blue; border-right: 0px solid @accent1; } } // pkmn panels // .party > div { background: black; color: white; border: 0.3px solid @accent3; font-size: 10pt; box-shadow: 0px 0px 0px 0px @accent1; .happy {display: none;} .nature {display: true;} .type {display: true;} a:link, a:visited { color: white; } div.tooltip_content { background: @bkg1; color: @accent1; min-width: 100%; border: solid 1px @accent3; } .bbcode_tooltip { border-bottom: 1px solid @accent3; } } .party > div > .pkmn:before { border: solid @accent2; background-color: @accent1; } .party > div > .expbar { border: solid 1px @accent3; background: @bkg1; width: 60%;color: @accent1; >div { background: @accent4; border-right: 0px solid @accent1; } } .font:hover { letter-spacing: 2px; transition: all 500ms ease-in-out; } .panel { background: none; border: solid 4px yellow; border-radius:0px; box-shadow:true; > h3 { > a {color: purple; transition:0s;} cursor:default; font-size:100%; border: solid 3px @bordcolor; background: @backcolor; color: white; border-radius:1px; text-align:center; padding:5px 4px 2px 4px; } > div { color: white; padding-top:7px; } } div.tooltip_content { background: blue; color: yellow; border: solid 1px black; } .bbcode_tooltip { border-bottom: 5px dotted #6E6E6E; } [/style][/center]