Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [sc=background][sc=body][sc=headerbox]
- [sc=icon][img]https://www.firstbenefits.org/wp-content/uploads/2017/10/placeholder.png[/img][/sc][sc=headertext][u]some text![/u]
- height limited here
- [/sc]
- [/sc]
- [sc=tabbed_interface horizontal]
- [ul]
- [li][img]https://i.imgur.com/D5WRggO.png[/img][/li]
- [li][img]https://i.imgur.com/D5WRggO.png[/img][/li]
- [li][img]https://i.imgur.com/D5WRggO.png[/img][/li]
- [li][img]https://i.imgur.com/D5WRggO.png[/img][/li]
- [/ul][
- ][sc=tab-active]tab 1[/sc][
- ][sc=tab]tab 2[/sc][
- ][sc=tab]tab 3[/sc][
- ][sc=tab]tab 4[/sc][/sc]
- [sc=credit][pit="[img]https://web.archive.org/web/20091027055227/http://geocities.com/Biohazard_KND/bio-cur.gif[/img]"]- code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pokefarm.com/user/Lakaishia]lakaishia's[/url] use only
- - background from [url=https://web.archive.org/web/20070626105100/http://www.bigoo.ws/Backgrounds/color-dark-green/1-2-901.htm]bigoo.ws[/url]
- - biohazard buttons from [url=https://www.glitter-graphics.com/dividers/abstract/6ky0-green]glitter-graphics by gizzzi[/url]
- - red biohazard gif from [url=https://web.archive.org/web/20090725235423/http://geocities.com/biohazard_knd/]biohazard_knd[/url]
- add more here :][/pit][/sc]
- [/sc][/sc]
- [style]
- @font-face {
- font-family: 'Lexend';
- src: url(https://fonts.gstatic.com/s/lexend/v23/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
- }
- .background {
- background-image: url("https://i.imgur.com/rZWRbHt.jpeg");
- background-size: 30% auto;
- margin: auto;
- width: 300px;
- padding: 5px;
- }
- .body {
- border: 2px solid #008100;
- background: #00000080;
- }
- .headerbox {
- width: 90%;
- margin: auto;
- margin-top: 10px;
- border: 4px double #008100;
- background-color: #000;
- }
- .icon {
- width: 105px;
- height: 105px;
- border: 3px dashed #008100;
- margin-left: 10px;
- margin-top: -10px;
- margin-bottom: 10px;
- display: inline-block;
- @media only screen and (max-width: 1280px) {
- margin-left: 10px;
- }
- }
- .headertext {
- display: inline-block;
- width: 55%;
- font-family: 'Lexend';
- font-size: 12px;
- text-align: center;
- color: #fff;
- @media only screen and (max-width: 1024px) {
- font-size: 12px;
- width: 54%;
- }
- }
- .tabbed_interface>ul {
- background-color: inherit;
- margin: auto;
- margin-top: -30px;
- }
- .tabbed_interface>ul li { /* tabs */
- font-family: 'Lexend';
- border: none;
- cursor: pointer;
- margin: 5px 3px;
- padding: 2px;
- width: auto;
- text-align: center;
- background-color: #00000000;
- transition: .3s;
- }
- .tabbed_interface>ul>li.tab-active {
- -webkit-filter: drop-shadow(4px 4px #008100);
- filter: drop-shadow(4px 4px #008100);
- }
- .tab-active { /* content */
- font-family: 'Lexend';
- line-height: 1.3;
- text-align: center;
- padding: 5px;
- margin: auto;
- margin-top: 5px;
- width: 90%;
- height: auto;
- background-color: #000;
- color: #fff;
- border: 2px solid #008100;
- box-shadow: none;
- font-size: 14px;
- }
- a {
- color: #fff;
- text-decoration-style: solid;
- }
- div.tooltip_content {
- width: auto;
- background: #000;
- color: #fff;
- border: solid 2px #008100;
- border-radius: 0px;
- font-size: 13px;
- }
- .bbcode_tooltip {
- border-bottom: 0.5px dotted #fff;
- cursor: help;
- }
- .panel {
- background-image: url("https://i.imgur.com/rZWRbHt.jpeg");
- padding: 4px;
- width: 90%;
- margin: auto;
- border-radius: 0px;
- box-shadow: none;
- border: 2px solid #008100;
- &>h3 {
- &>a {
- color: #fff;
- text-decoration: none;
- }
- text-align: center;
- background: #000;
- font-size: 12px;
- border-radius: 0px;
- border: 4px double #008100;
- color: #fff;
- }
- &>div {
- background: #000;
- display: block;
- margin-top: 3px;
- padding: 6px;
- color: #fff;
- border: 2px solid #008100;
- animation: 1s fade;
- }
- }
- .expbar {
- margin-top: -5px;
- margin-bottom: -5px;
- background: none;
- border-radius: 0px;
- width: 90%;
- border: 4px double #008100;
- color: #fff;
- >div {
- margin: 3px;
- background: #008100;
- border-right: 1px solid #008100;
- }
- }
- table {
- margin: auto;
- width: 98%;
- border: none;
- padding: 4px;
- background-image: url("https://i.imgur.com/rZWRbHt.jpeg");
- border: 2px solid #008100;
- border-collapse: separate;
- th, td {
- text-align: center;
- padding: 5px;
- border-radius: 0px;
- border: 2px solid #000;
- }
- th {
- background-color: #008100;
- color: #fff;
- }
- td {
- background-color: #000;
- color: #fff;
- border: 2px solid #008100;
- }
- }
- /* party panel */
- @platform-base: #000;
- @platform-border: #008100;
- @name-color: #fff;
- @name-background: #000;
- @name-border: #008100;
- @berry-background: @col-flavour-up;
- @berry-border: #008100;
- /* Set to "block" to show, "none" to hide */
- @display-item: block;
- @display-berries: block;
- .party {
- display: inline-block;
- &,>div {
- padding: 0;
- margin: 0;
- background: transparent;
- width: 120px !important;
- height: 120px;
- overflow: hidden;
- border: none;
- border-radius: 0;
- box-shadow: none;
- }
- >div {
- &::after {
- display: none;
- }
- .pkmn {
- margin: 0 10px;
- float: unset;
- &::before {
- background-color: @platform-base;
- border-color: @platform-border;
- }
- .helditem {
- display: @display-item;
- .itemsprite {
- cursor: unset;
- }
- .tooltip_content {
- display: none;
- }
- }
- }
- .name {
- background-color: @name-background;
- border: 1.5px solid @name-border;
- border-radius: 5px;
- margin-top: 1px;
- height: 16px;
- display: flex;
- flex-wrap: nowrap;
- a {
- color: @name-color;
- font-weight: normal;
- margin: 0 2px;
- width: 80px !important;
- flex-grow: 99;
- font-size: 12px;
- }
- img {
- display: none;
- }
- img:nth-last-of-type(-n+2) {
- display: inline;
- margin: 0;
- }
- }
- .action {
- display: @display-berries;
- position: absolute;
- left: 88px;
- top: 70px;
- height: unset;
- width: unset;
- .berrybuttons[data-up="any"]>a[data-berry="aspear"],
- .berrybuttons[data-up="sour"]>a[data-berry="aspear"],
- .berrybuttons[data-up="spicy"]>a[data-berry="cheri"],
- .berrybuttons[data-up="dry"]>a[data-berry="chesto"],
- .berrybuttons[data-up="sweet"]>a[data-berry="pecha"],
- .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
- display: inline-block;
- }
- .berrybuttons {
- >a {
- display: none;
- width: 20px;
- height: 20px;
- line-height: 20px;
- padding: 5px;
- background-color: @berry-background;
- border-radius: 20px;
- >img {
- vertical-align: top;
- max-height: 20px;
- max-width: 20px;
- }
- }
- >a[data-berry="pecha"] img {
- /* this berry is short */
- margin-top: 1px;
- }
- }
- &.working {
- opacity: 0.5;
- }
- table, a[data-evolve] {
- /* "thank you" message and evolve button */
- display: none;
- }
- }
- .expbar, .taste, .extra {
- display: none;
- }
- }
- >div:hover>.action a[data-berry]:after {
- border-color: @berry-border;
- }
- }
- .credit {
- margin-top: 10px;
- margin-right: 15px;
- margin-bottom: -10px;
- text-align: right;
- font-size: 8px;
- user-select: none;
- position: relative;
- bottom: 10px;
- width: auto;
- height: auto;
- div.tooltip_content {
- bottom: 5px;
- right: 65px;
- width: 70%;
- font-size: 10px;
- padding: 4px;
- border: 2px solid #000;
- background-color: #fff;
- color: #222;
- text-align: left;
- @media only screen and (max-width: 1280px) {
- width: 200px;
- position: absolute;
- }
- }
- .bbcode_tooltip {
- border-bottom: none;
- }
- }
- .credit {
- margin-right: 10px;
- margin-top: 5px;
- margin-bottom: -15px;
- text-align: right;
- font-size: 8px;
- user-select: none;
- width: auto;
- height: auto;
- div.tooltip_content {
- bottom: 0px;
- right: 35px;
- width: 80%;
- font-size: 12px;
- padding: 4px;
- border: 2px solid #008100;
- background-color: #000;
- color: #fff;
- text-align: left;
- @media only screen and (max-width: 1280px) {
- width: 200px;
- position: absolute;
- bottom: 0px;
- right: 35px;
- }
- }
- .bbcode_tooltip {
- border-bottom: none;
- }
- }
- [/style]
Advertisement
Add Comment
Please, Sign In to add comment