Single post in Site Skins: How-To, and Helpful CSS

[css=background:#008689; background-repeat: repeat-y; background-size:100%; padding: 5px 5px 5px 5px; color: #000000; font-family: "Raleway"; font-size:14px; margin-top:-10px;][center] [size=17][img]https://pfq-static.com/img/userbars/arceus.png/t=1485169760[/img] [b][u]Road To Arceus![/u][/b] [img]https://pfq-static.com/img/userbars/arceus.png/t=1485169760[/img][/size] [sc=tabbed_interface horizontal] [ul] [li]Home[/li] [li]Kanto[/li] [li]Johto[/li] [li]Hoenn[/li] [li]Sinnoh[/li] [li]Unova[/li] [li]Kalos[/li] [li]Alola[/li] [li]Galar[/li] [li]PFQ Exclusives[/li] [li]PFQ Varients[/li] [li]PFQ Megas[/li] [/ul][ ][sc=tab-active]- Arceus Rank (EggDex)[progress=583/591][img]https://pokefarm.com/upload/QueenDiancie/oie_qdUEhuyTG7Lf.png[/img] 583 / 591 [img]https://pokefarm.com/upload/QueenDiancie/oie_qdUEhuyTG7Lf.png[/img][/progress] - Arceus Rank (PokeDex)[progress=1221/1362][img]https://pokefarm.wiki/images/8/86/Pok%C3%A9Dex.png[/img] 1,221 / 1,362 [img]https://pokefarm.wiki/images/8/86/Pok%C3%A9Dex.png[/img][/progress][/sc][ ][sc=tab]text[/sc][ ][sc=tab]text[/sc][ ][sc=tab]text[/sc][ ][sc=tab]text[/sc][ ][sc=tab]text[/sc][ ][sc=tab]text[/sc][ ][sc=tab]text[/sc][ ][sc=tab]text[/sc][ ][sc=tab]text[/sc][ ][sc=tab]text[/sc][ ][sc=tab]text[/sc][/sc] [/center] [size=6][url=https://pokefarm.com/user/QueenDiancie]Creator[/url][/size][/css] [style] @color1: #fff; @color2: #008689; @color3: #000; .tooltip_content {background-color: @color3 ; color: @color1 ; border: 1px solid @color2 ; font-size:13px; } a {color: @color1; } U {text-decoration: underline @color3; } hr {border: 1px solid @color3; } span.bbcode_tooltip {border-bottom:1px dotted @color1;} .panel h3>a>svg { color: @color3; } .panel { &>h3 {background-color: @color3; color: @color1; border-color: @color1; border-radius: 1px; text-align:center; a {color:@color1;}} &>div {background-color: @color2; color: @color3; border-color:@color1; } border-color:@color1; box-shadow:none; border: 1px solid @color1; border-radius: 1px;} .tabbed_interface { >ul {background-color: @color2; li{ background-color: @color3; color: @color2; padding:5px 10px; box-shadow:none; border:1px solid; font-size:14px; text-align: center; } li.tab-active{ background-color: @color2; color: @color3; padding:5px 10px; box-shadow:none; border:1px solid; font-size:14px; } } .tab-active{background-color: @color2 ; color: @color3; border: none; padding:10px; box-shadow: none;} } .expbar {color: @color1; background-color: @color2; border: 1px solid @color1; &>div { background-color: @color3; border-right: 1px solid @color1; color:@color1; } } .bbcode_table {background: @color2; border: 1px solid @color2;} table {border: 4px solid @color2; padding: 4px; border-collapse: separate; th, td {text-align: center; padding: 5px; border-radius: 8px; border: 2px solid @color2; color: @color1;} th {background-color: @color3; color: @color1;} td {background-color: @color2;}} table{margin: 0 auto;} @font-face { font-family: 'Raleway', cursive; font-style: normal; font-weight: 400; font-display: swap; src: local('Raleway'), local('Raleway-Regular'); 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; } [/style]