Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [sc=bkg][sc=box]text here
- [sc=tabbed_interface horizontal][ul]
- [li]tab[/li]
- [li]tab[/li]
- [li]tab[/li]
- [li]tab[/li]
- [li]tab[/li]
- [li]tab[/li]
- [li]tab[/li]
- [/ul][
- ][sc=tab-active]content[/sc][
- ][sc=tab]content[/sc][
- ][sc=tab]content[/sc][
- ][sc=tab]content[/sc][
- ][sc=tab]content[/sc][
- ][sc=tab]content[/sc][
- ][sc=tab]content[/sc][/sc][/sc][sc=snek][/sc][/sc][sc=credit][url=https://pfq.link/~LDxq]coding[/url] | [url=https://www.deviantart.com/huniitea/gallery/66575999/pride-snakes]pixel[/url][/sc]
- [style]
- .bkg {
- background: url('https://i.imgur.com/wK7M1uD.png');
- border-radius: 7px;
- min-height: 175px;
- padding: 1%;
- }
- .box {
- margin: 2%;
- padding: 3%;
- background: rgba(0,0,0,0.60);
- border: 1.5px solid black;
- border-radius: 7px;
- color: white;
- font-size: 10pt;
- }
- hr {
- border: 1px dashed white;
- width: 70%;
- }
- h1 {
- font-family: 'Amatic SC';
- font-size: 30pt;
- background: rgba(255,255,255,0.75);
- border-radius: 7px;
- color: black;
- letter-spacing: 0px;
- transition: 1s ease-in-out;
- width: fit-content;
- margin: auto;
- }
- h1:hover {
- background: rgba(255,255,255,0.95);
- }
- h2 {
- font-family: 'Amatic SC';
- font-size: 25pt;
- letter-spacing: 0px;
- transition: 1s ease-in-out;
- }
- h1:hover, h2:hover {
- letter-spacing: 5px;
- transition: 1s ease-in-out;
- }
- a, a:visited {
- color: white;
- font-family: 'Indie Flower';
- letter-spacing: 0px;
- transition: 1s ease-in-out;
- font-size: 12pt;
- }
- a:hover {
- letter-spacing: 2px;
- transition: 1s ease-in-out;
- }
- .tooltip_content {
- border: 1px solid black;
- background: rgba(0,0,0,0.85);
- max-width: fit-content;
- color: white;
- font-size: 10pt;
- padding: 5px;
- }
- .bbcode_tooltip {
- border-bottom: 1px dashed rgba(255,255,255,0.75);
- }
- table {
- margin: 0px auto;
- border: 0px;
- border-collapse: separate;
- }
- table th{
- text-align: center;
- vertical-align: middle;
- padding: 5px;
- border: 1px solid black;
- background: rgba(0,0,0,0.5);
- color: white;
- border-radius: 5px;
- }
- table td {
- text-align: center;
- vertical-align: middle;
- padding: 3px;
- border: 1px solid black;
- background: none;
- color: white;
- border-radius: 5px;
- }
- .panel {
- box-shadow: none;
- background: none;
- border: 1px solid black;
- border-radius: 7px;
- margin: 1% 0% 1% 0%;
- >h3 {
- background: rgba(0, 0, 0, 0.35);
- color: white;
- border: none;
- padding: 1.5%;
- font-size: 10pt;
- a,a:visited {color:white}
- }
- >div {
- color: white;
- border: none;
- font-size: 10pt;
- }
- }
- .tabbed_interface {
- border-collapse: separate;
- >ul {
- background: none;
- >li {
- border: 1px solid transparent;
- border-radius: 6px;
- font-size: 10pt;
- margin: 1%;
- min-width: fit-content;
- text-align: center;
- padding: 5px;
- &.tab-active {
- border: 1px solid #000000;
- border-radius: 6px;
- padding: 5px;
- }
- }
- >li:nth-child(1) {
- background: #EA957F;
- color: black;
- }
- >li:nth-child(2) {
- background: #F7BA93;
- color: black;
- }
- >li:nth-child(3) {
- background: #FFCCAA;
- color: black;
- }
- >li:nth-child(4) {
- background: #FFFFFF;
- color: black;
- }
- >li:nth-child(5) {
- background: #E7B0D1;
- color: black;
- }
- >li:nth-child(6) {
- background: #D9AAC7;
- color: black;
- }
- >li:nth-child(7) {
- background: #D180B0;
- color: black;
- }
- }
- .tab, .tab-active {
- background: rgba(0,0,0,0.25);
- margin: 1%;
- color: white;
- border: 1px solid black;
- padding: 10px;
- box-shadow: none;
- border-radius: 6px;
- font-size: 10pt;
- }
- }
- .expbar {
- background: none;
- border-radius: 7px;
- width: 66%;
- border: 1px solid black;
- color: white;
- >div {
- background: rgba(0,0,0,0.65);
- border-right: 1px solid black;
- }
- }
- .party > div {
- background: rgba(0,0,0,0.25);
- color: white;
- border: 1px solid black;
- font-size: 10pt;
- box-shadow: none;
- .happy {display: none;}
- .nature {display: none;}
- .type {display: none;}
- .berrybuttons {filter: brightness(75%);}
- a:link, a:visited {
- color: white;
- font-family: 'Arial';
- }
- div.tooltip_content {
- min-width: fit-content;
- }
- .bbcode_tooltip {
- border-bottom: 1px solid black;
- }
- }
- .party > div > .pkmn:before {
- border: solid white;
- background-color: black;
- }
- .snek {
- content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c27d45ff-20a1-4fb8-b888-3b8561ff2db8/dd85t7a-9d0f300d-3895-41ca-8151-70ffdd13c675.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2MyN2Q0NWZmLTIwYTEtNGZiOC1iODg4LTNiODU2MWZmMmRiOFwvZGQ4NXQ3YS05ZDBmMzAwZC0zODk1LTQxY2EtODE1MS03MGZmZGQxM2M2NzUucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.9kisF-4nihb3N8l79zrW_FwD72SIhkFp_WIxyRpu5IY');
- float: right;
- width: 20%;
- margin-top: -10%;
- }
- .credit {
- padding: 0.5% 0% 0% 0.5%;
- font-size: 10pt;
- font-family: 'Arial';
- >a, a:visited, a:hover {
- letter-spacing: 0px;
- color: var(--col-link1);
- font-family: 'Arial';
- font-size: 10pt;
- }
- }
- /* latin */
- @font-face {
- font-family: 'Amatic SC';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/amaticsc/v16/TUZyzwprpvBS1izr_vOECuSfU5cP1Q.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;
- }
- /* latin */
- @font-face {
- font-family: 'Indie Flower';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/indieflower/v12/m8JVjfNVeKWVnh3QMuKkFcZVaUuH99GUDg.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;
- }
- [/style]
Add Comment
Please, Sign In to add comment