Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [sc=body][sc=tabbox][hide= ][sc=tabbed_interface horizontal][
- ][ul][li]1[/li][
- ][li]2[/li][
- ][li]3[/li][/ul][
- ][sc=tab-active]content 1[/sc][
- ][sc=tab]content 2[/sc][
- ][sc=tab]content 3[/sc]
- [/sc][/hide][/sc]
- [sc=bg][/sc][sc=credit]bg: official pkmn art | code by [url="https://pokefarm.com/user/eggsy"]eggsy[/url][/sc][/sc]
- [style]
- * {
- box-sizing: border-box;
- }
- .body {
- width: 300px;
- background-color: white;
- min-height: 200px;
- }
- .tabbed_interface {
- > ul {
- background: transparent;
- display: grid;
- grid-template-columns: 33% 33% 33%;
- padding-left: 43px;
- padding-top: 5px;
- padding-bottom: 5px;
- > li {
- display: flex;
- flex: auto;
- align-items: center;
- justify-content: space-around;
- height: 50px;
- width: 50px;
- border-radius: 50%;
- background-color: black;
- border: 5px solid white;
- color: white;
- &.tab-active {
- color: black;
- background-color: #FFDE00;
- border: 4px solid black;
- }
- }
- > li:hover {
- color: black;
- background-color: #FFDE00;
- }
- }
- > div {
- background: rgba(255, 255, 255, 0.9);
- margin-left: 6px;
- text-align: center;
- box-shadow: 0 0 0 transparent;
- border: none;
- color: black;
- padding-left: 5px;
- padding-right: 5px;
- max-height: 230px;
- overflow: scroll;
- padding-top: 0.5em;
- padding-bottom: 0.5em;
- }
- }
- .tabbox .panel {
- position: absolute;
- margin-left: 125px;
- > h3 {
- width: 50px;
- height: 50px;
- border: 5px solid white;
- background-color: black;
- color: white;
- border-radius: 50%;
- position: static;
- > a {
- color: black;
- }
- }
- > div {
- margin-left: -43%;
- width: 290px;
- }
- border: none;
- background: none;
- box-shadow: 0 0 0 transparent;
- }
- .bg {
- background-image: url('https://assets.pokemon.com/static2/_ui/img/chrome/external_link_bumper.png');
- background-size: 100% auto;
- min-height: 300px;
- background-repeat: no-repeat;
- }
- .tooltip_content {
- color: black;
- background-color: white;
- border: 1px solid #F1252C;
- margin-left: 44%;
- }
- span.bbcode_tooltip {
- border-bottom: 1px dashed #F1252C;
- }
- a {
- color: #F1252C;
- text-decoration: none;
- }
- a:hover {
- letter-spacing: 1px;
- transition: all 0.5s ease;
- }
- .expbar {
- width: 90%;
- background-color: white;
- color: black;
- border: 2px solid black;
- > div {
- background-color: #FFDE00;
- border-right: 1px solid black;
- }
- }
- .credit {
- font-size: 9px;
- display: inline;
- float: right;
- text-align: right;
- padding-right: 10px;
- background-color: white;
- width: 100%;
- color: black;
- padding-top: 2px;
- padding-bottom: 2px;
- }
- [/style]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement