Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [sc=banner][/sc][sc=tabspace][/sc][sc=icon][/sc][sc=background][css=padding:3px; margin-left: 5px;] A little magic can take you a long way[/css]
- [sc=tabbox][sc=tabbed_interface horizontal][ul]
- [li]TAB 1[/li]
- [li]TAB 2[/li]
- [li]TAB 3[/li]
- [li]TAB 4[/li]
- [li]TAB 5[/li]
- [li]TAB 6[/li]
- [li]TAB 7[/li]
- [/ul][
- ]
- [sc=tab-active]TAB 1 CONTENT
- [tip=TIP MESSAGE]Tip[/tip]
- [progress=300/1000]Progress Bar[/progress]
- [accordion]
- [a-section=TITLE 1] CONTENTS 1 [/a-section]
- [a-section=TITLE 2] CONTENTS 2 [/a-section]
- [a-section=TITLE 3] CONTENTS 3 [/a-section]
- [a-section=TITLE 4] CONTENTS 4 [/a-section]
- [/accordion]
- [table]
- [tr]
- [th=3x1]Header[/th]
- [/tr]
- [tr]
- [td]cell 1[/td]
- [td]cell 2[/td]
- [td]cell 3[/td]
- [/tr]
- [tr]
- [td]cell 4[/td]
- [td]cell 5[/td]
- [td]cell 6[/td]
- [/tr]
- [/table]
- [/sc][
- ][sc=tab]TAB 2 CONTENT[/sc][
- ][sc=tab]TAB 3 CONTENT[/sc][
- ][sc=tab]TAB 4 CONTENT[/sc][
- ][sc=tab]TAB 5 CONTENT[/sc][
- ][sc=tab]TAB 6 CONTENT[/sc][
- ][sc=tab]TAB 7 CONTENT[/sc][
- ][/sc]
- [/sc][sc=cred]Base [url=https://pokefarm.com/forum/post/2565669]code[/url] by Esme * Design by Lexiebeth * [url=https://media.giphy.com/media/tQgB6lM6XCle8/giphy.gif]Banner[/url] * TCG art[/sc][/sc]
- [style]
- a:hover {
- color: white;
- -webkit-transition: all .1s linear 0s;
- }
- a {
- color: #ffffff;
- -webkit-transition: all .1s linear 0s;
- }
- .cred{
- color: #C5E8F3;
- font-family: calibri light;
- font-size: 10px;
- margin-left: 6px;
- margin-top: 10px;
- }
- .background{
- background: #6FA4C3;
- width: 310px;
- color: #C5E8F3;
- font-family: Calibri;
- font-size: 15px;
- }
- .banner{
- height: 100px;
- width: 310px;
- background-image: url("https://pa1.narvii.com/5877/7c4f980ca20d4d8d4f291ed489b5dad3115eefe4_hq.gif");
- }
- .tabspace{
- background: #F384A1;
- width: 310px;
- height: 35px;
- border-top: 1px solid #F384A1;
- border-bottom: 1px solid #F384A1;
- }
- .icon{
- background-image: url("https://i.imgur.com/5NdiO2D.png");
- background-size: 80px 80px;
- height: 80px;
- width: 80px;
- border: 4px solid #A14263;
- border-radius: 80px;
- position: absolute;
- top: 60px;
- left: 220px;
- }
- .tabbed_interface{
- box-shadow:0 0 0 transparent;
- margin: 0;
- >ul {
- >li {
- border: none;
- border-radius: 100px;
- background: 886550;
- padding: 3px;
- margin: 1px;
- top: 104px;
- width: 21px;
- height: 21px;
- position: absolute;
- overflow: hidden;
- text-align: center;
- color: transparent;
- font-size:11px;
- text-transform:uppercase;
- letter-spacing: 0.5px;
- font-family:Calibri Light;
- cursor: pointer;
- -webkit-transition: all .2s linear 0s;
- -moz-transition: all .2s linear 0s;
- -ms-transition: all .2s linear 0s;
- -o-transition: all .2s linear 0s;
- transition: all .2s linear 0s;
- }
- >li:nth-child(1) {
- left: 3px;
- background: #F392AB;
- }
- >li:nth-child(2) {
- left: 34px;
- background: #D86A8C;
- }
- >li:nth-child(3) {
- left: 65px;
- background: #F392AB;
- }
- >li:nth-child(4) {
- left: 96px;
- background: #D86A8C;
- }
- >li:nth-child(5) {
- left: 127px;
- background: #F392AB;
- }
- >li:nth-child(6) {
- left: 158px;
- background: #D86A8C;
- }
- >li:nth-child(7) {
- left: 189px;
- background: #F392AB;
- }
- li:hover {
- background: #F6A9BD;
- -webkit-transition: all .2s linear 0s;
- -moz-transition: all .2s linear 0s;
- -ms-transition: all .2s linear 0s;
- -o-transition: all .2s linear 0s;
- transition: all .2s linear 0s;
- }
- li{
- &.tab-active {
- color: transparent;
- background: #F6A9BD;
- }}
- }
- >div {
- border-radius: 0;
- border: none;
- animation: 0.5s fade;
- min-height: 10px;
- text-align: center;
- position: relative;
- background: none;
- margin-top: 0px;
- margin-bottom: -18px;
- color: #6FA4C3;
- font-family: Calibri;
- letter-spacing: 0.5px;
- font-size: 14px;
- box-shadow:0 0 0 transparent;
- padding: 3%;
- }}
- .tabbox{
- border: 1px solid #9EDCF6;
- border-radius: 10px;
- margin: 5px;
- margin-top: -16px;
- margin-bottom: -10px;
- background: #C5E8F3;
- }
- .panel h3 > a > svg {
- display:none;
- }
- .panel {
- border: none;
- font-family: calibri;
- box-shadow:0 0 0 transparent;
- &>h3 {
- background: #78BEDF;
- color: #F6A9BD;
- text-align: center;
- border-radius: 0px;
- border: none;
- font-size: 12px;
- }
- &>div {
- background: #CCECFC;
- color: #78BEDF;
- border-radius: 0px;
- border: 1px solid #78BEDF;
- border-top: none;
- }}
- table {
- margin: 0px auto;
- border: 0px;
- }
- td {
- border: 1px solid #78BEDF;
- background-color: #CCECFC;
- color: #6FA4C3;
- text-align: center;
- }
- th {
- border: 0px;
- background-color: #78BEDF;
- border: 1px solid #78BEDF;
- padding: 3px;
- color: white;
- text-align: center;
- }
- .expbar {
- border-radius: 0px;
- background: #CCECFC;
- border: 1px solid #78BEDF;
- text-align: top;
- font-family: times;
- color: #78BEDF;
- line-height: 15px;
- overflow: hidden;
- }
- .expbar div {
- background: #78BEDF;
- border: 0px;
- }
- .tooltip_content {
- font-size: 14px;
- text-align:center;
- font-family: calibri;
- min-width:100px;
- background: #CCECFC;
- color: #6FA4C3;
- border-radius: 0px;
- border: 1px solid #78BEDF;
- }
- span.bbcode_tooltip {
- border-bottom: 1px dotted #6FA4C3;
- }
- ::selection {
- color: white;
- background: #C5E8F3;
- }
- [/style]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement