Single post in 💥 andie's ftu template codes

[styleclass=background][styleclass=post][sc=outline][b]spring theme[/b][/sc][hr][ ]content goes here[ //dont touch the credit please~ ][/styleclass][sc=credit][url=https://pfq.link/~MQfR]Credit[/url][/sc][/styleclass] [style] //colors// @txt: #2B2A4C; //text color @link: #F05941; //link color @bg1: #B5CB99; //the green background @bg2: #F8F1F1; //the white background @act1: #FFBB5C; //the darker orange @act2: #BD260F; //the red @act3: #FFCD4B; //the lighter orange .background { padding:10px 0px; //you can put an image here if you'd like, just remove the slashes in the front //background-image: url(https://www.solidbackgrounds.com/images/3840x2160/3840x2160-dark-gray-solid-color-background.jpg); background-repeat:repeat; background-color: @bg1; } .post { background: @bg2; color: @txt; font-size:10pt; line-height: 1.5; text-align: center; border-radius: 5px; margin: 0px 7px 0px 7px; padding: 11px; border: 4px double @act2; } h1, h2, h3 { color: @txt; line-height: 0.7; } a { color: @link; } a:hover { font-style: italic; } .panel { padding-top: 2.3%; border: none; box-shadow: none; background: none; &>h3 { border-bottom: 0px solid @act2; border-radius: 0px; &>a { color: @txt; } background: @act3; padding: 1.6%; font-size: 10pt; } &>div { color: @txt; background: @bg2; padding: 10px; border-width: 0 1px 1px 1px; border-style: solid; border-color: @act3; } } ul, table { border: 0; list-style-type: none; margin: 0px; padding: 3pt; } li { padding: 1px; margin: 0; color: @txt; border: 1px solid @bg2; background: @act3; //transition: all 500ms; } li:hover { background: @act1; //transition: 100ms;// } ol, ol:hover, ol li, ol li:hover { background: @bg2; border: 0; text-align: left; list-style-type: square; } li.tab-active { background: @act3; font-style: italic; } .tab, .tab-active { border: 1px solid @act3; background: @bg2; box-shadow: none; color: @txt; text-align: center; } .tabbed_interface { background: @act3; border: 0; border-radius: 0; padding: 0; margin: 0; box-shadow: none; & > ul { background: @act3; border: 0; padding: 0px; & > li { background: @act1; border: 1px solid @act3; margin: 0; padding: 2px; border-radius: 0; display: flex; align-items: center; justify-content: center; height: inherit; color: @txt; &.tab-active { background: @act3; border: 0; padding:3px; border-radius: 0; } } & > li:hover { cursor: pointer; } } > .tab, > .tab-active { background: @bg2; align-items: center; padding: 3px; overflow: hidden; color: @txt; border: 1px solid @act3; border-radius: 0; } } .expbar { border: solid 1px @act1; background: @act3; color: @txt; width: auto; height: 30px; > span { padding: 1px; align-items: center; display: inline-flex; } > div { background: @act1; border-right: solid 1px @act1; span { display: flex; align-items: end; justify-content: start; background: none; max-height: 20px; padding: 2px; width: 100%; } } } hr { background: transparent; border: 1px dashed @act2; } .tooltip_content { color: @txt; background: @bg2; border: solid 1px @act2; } span.bbcode_tooltip { border-bottom: 1px dashed @act2; padding-bottom: 0px; } .bbcode_table { border: 1px solid @act2; width: 100%; background: @bg2; th { background-color: @bg2; border: 1px solid @act2; padding: 2%; } td { border: 1px solid @act1; padding: 1%; } } div.tooltip_content { background: @bg2; color: @txt; border: solid 1px @act2; } .bbcode_tooltip { border-bottom: 1px dashed @act2; } .credit, .credit a { margin-top: 10px; margin-right: 5px; font-size: 10pt; text-align: right; color: @txt; } table,th,td { margin: 0 auto; } .table { margin: 0px auto; } .outline { color: @act1; font-size: 18pt; line-height: 1.1; letter-spacing: 3px; text-shadow: 1px 1px 0 @act2, -1px -1px 0 @act2, 1px -1px 0 @act2, -1px 1px 0 @act2, 1px 1px 0 @act2; } //pkmn panels .party { display: inline-block; margin: 5px; width: unset !important; color: @txt; a { color: @txt; } >div { background: @bg2; border: 4px double @act2; box-shadow: none; width: 263px; margin: 0; > .bbcode_tooltip { border-bottom: 1px solid @act2; } .tooltip_item > .name{ border-bottom: 1px solid @act2; .image { background-color: @bg2; border: 1px solid @act2; } } &:hover>.action a[data-berry]:after { color: @act1; } >.pkmn:before { background-color: @act3; border-color: @act1; } >.name a { margin-bottom: 5px; max-width: 130px; } .taste { border: 1px solid transparent; letter-spacing: 0px; .right { margin: -19px 0 0 0; font-size: 1px; b, i { font-size: 10pt; } } } >.expbar { width: 130px; height: 25px; margin-top: 2px; } > .extra { display: flex; align-items: center; justify-content: end; .type, .happy, .nature { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; } } >.action { width: 132px; height: 30px; display: hidden; border: none; >a { background: none; height: 30px; font-size: auto; font-size:10pt; line-height: 2.3; text-align: center; background-color: @act3; border: 1px solid @act1; //this display below is specifically for the evolve button, which doesnt work on this skin. tho idk why youd want to exolve on a skin. its mostly for aesthetic purposes since the user is the only one to see it. you can disable it by putting two slashes in front. display: none; } > a img { display: none; } >.berrybuttons { >a { background-color: @act1; display: none; width: 100%; height: 30px; padding: 3px; box-sizing: border-box; border-radius: 7px; >img { height: 21px; vertical-align: top; } background-color: @act3; border: 1px solid @act1; } } >.berrybuttons[data-up="any"]>a[data-berry="aspear"] { display: inline-block; border-radius: 7px; } >.berrybuttons[data-up="sour"]>a[data-berry="aspear"] { display: inline-block; border-radius: 7px; } >.berrybuttons[data-up="spicy"]>a[data-berry="cheri"] { display: inline-block; border-radius: 7px; } >.berrybuttons[data-up="dry"]>a[data-berry="chesto"] { display: inline-block; border-radius: 7px; } >.berrybuttons[data-up="sweet"]>a[data-berry="pecha"] { display: inline-block; border-radius: 7px; } >.berrybuttons[data-up="bitter"]>a[data-berry="rawst"] { display: inline-block; border-radius: 7px; } } .action a[data-berry]:after { border: none; } } } [/style]

[styleclass=background][styleclass=post][sc=outline][b]spring theme[/b][/sc][hr][ ]content goes here[ //dont touch the credit please~ ][/styleclass][sc=credit][url=https://pfq.link/~MQfR]Credit[/url][/sc][/styleclass] [style] //colors// @txt: #2B2A4C; //text color @link: #F05941; //link color @bg1: #B5CB99; //the green background @bg2: #F8F1F1; //the white background @act1: #FFBB5C; //the darker orange @act2: #BD260F; //the red @act3: #FFCD4B; //the lighter orange @import 'skins/user/J/1/Q/spring-css/__extra'; //this is the entire code don't delete [/style]