SHARE
TWEET

[FTU] Smoothie About Me - Banana [6 tabs]

Zephyrhowl Jan 9th, 2017 (edited) 91 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [styleclass=ct][
  2. ][styleclass=av]avatar here 100x100px[/styleclass][
  3. ][styleclass=text]default text here [i]italic[/i] [b]bold[/b] [u]underline[/u] [s]strike[/s] [url=http://pokefarm.com]link[/url]
  4.  
  5. [progress="[inventory=PokéDex]/10"]progress bar[/progress][/styleclass][
  6. ][styleclass=tabs][accordion]
  7. [a-section=tab1]tab1 content[/a-section]
  8. [a-section=tab2]tab2 content[/a-section]
  9. [a-section=tab3]tab3 content[/a-section]
  10. [a-section=tab4]tab4 content[/a-section]
  11. [a-section=tab5]tab5 content[/a-section]
  12. [a-section=tab6]tab6 content[/a-section]
  13. [/accordion][/styleclass][
  14. ][styleclass=cr]code©[url=https://pokefarm.com/forum/post/2117803]type null[/url][/styleclass][/styleclass]
  15. [style]
  16. /* STYLE OPTIONS
  17.    Everything here is editable EXCEPT the last section!
  18.    Please respect me by not editing anything else unless you are certain you know what you are doing! */
  19.    
  20. /* image codes
  21.    replace image url with desired image INSIDE quotation marks! */
  22. @bgImage:url("https://i.imgur.com/jQvGVIM.png");
  23. @tabImage:url("https://i.imgur.com/0FI6vMG.png"); /* used for tab content */
  24. @tabIcon:url("https://pfq-static.com/img/items/acc/icon/seashell.png");
  25.  
  26. /* border codes */
  27. @borderStyle:double; /* Recommended values: double, outset, inset */
  28. @borderColor:#ff993a;
  29. @roundedBorders:5px; /* enter 0px for no rounded borders */
  30.  
  31. /* background colors */
  32. @bgColor1:#FAD785; /* main background */
  33. @bgColor2:#FEF7E7; /* background for tabs, etc */
  34.  
  35. /* fonts */
  36. @fontColor:#b54e00;
  37. @tabFontColor:#e86000;
  38. @linkColor: #e86000;
  39. @linkStyle:none; /* recommended values: none, underline */
  40. @font:"arial", "sans-serif";
  41. @tabFont:"ms pgothic", "arial", "sans-serif";
  42. @fontWeight:normal;
  43.  
  44. /* tab hover colors */
  45. @tabBgColor:#fde5c2; /* background color */
  46. @fontColor2:#ce1616; /* font color */
  47. @borderColor2:#d60e0e; /* border color */
  48.  
  49. /* tab text align */
  50. @tabAlign:left; /* recommended values: left, center */
  51.  
  52. /* do not edit unless necessary */
  53. @lineHeight:14px;
  54. @fontSize:12px;
  55. @borderSize:3px;
  56. @marginTop1:96.8%; /* used for credit */
  57. @marginTop2:1px;
  58. @marginLeft:1px;
  59. @tabMargin:67px;
  60. @tabMargin2:108px;
  61. @tabTop1:52px;
  62. @tabTop2:80px;
  63. @tabWidth:(@ctWidth/3) - (@tabMargin/1.3);
  64. @ctWidth:311px;
  65. @ctHeight:321px;
  66. @transition:all ease-in-out 0.5s;
  67.  
  68. /* MAIN STYLING
  69.    I highly recommend not changing anything in this section. */
  70.  
  71. .ct {
  72.   background-color:@bgColor1;
  73.   background-image:@bgImage;
  74.   width:@ctWidth;
  75.   height:@ctHeight;
  76.   position:relative;
  77. }
  78.  
  79. .ct a { color:@linkColor; text-decoration:@linkStyle; }
  80. .ct .bbcode_tooltip { border-color:@linkColor; }
  81. .ct .tooltip_content { background-color:@bgColor1; border:1px solid @fontColor; color:@fontColor }
  82.  
  83. .av {
  84.   width:100px;
  85.   height:100px;
  86.   color:@fontColor;
  87.   font-family:@font;
  88.   font-size:@fontSize;
  89.   line-height:@lineHeight;
  90.   border:@borderSize @borderStyle @borderColor;
  91.   border-radius:@roundedBorders;
  92.   background-color:@bgColor2;
  93.   float:left;
  94.   margin-top:@marginTop2;
  95.   margin-left:@marginLeft;
  96. }
  97.  
  98. .tabs .panel {
  99.   border:none;
  100.   box-shadow:none;
  101.   background:none;
  102.   &>h3 {
  103.     background-color:@bgColor2;
  104.     background-image:@tabIcon;
  105.     background-repeat:no-repeat;
  106.     background-position:right center;
  107.     color:@tabFontColor;
  108.     font-family:@font;
  109.     font-weight:@fontWeight;
  110.     text-align:@tabAlign;
  111.     border:@borderSize @borderStyle @borderColor;
  112.     border-radius:@roundedBorders;
  113.     width:@tabWidth;
  114.     height:14px;
  115.     position:absolute;
  116.     overflow:hidden;
  117.     margin-top:@tabTop1;
  118.     margin-left:@tabMargin2;
  119.     -webkit-transition:@transition;
  120.     transition: @transition;
  121.     -o-transition:@transition;
  122.     -moz-transition:@transition;
  123.   }
  124.     &>h3:hover { background-color:@tabBgColor; border-color:@borderColor2; }
  125.     &>h3:nth-child(3) { margin-top:@tabTop1; margin-left:(@tabMargin2) + (@tabMargin); }
  126.     &>h3:nth-child(5) { margin-top:@tabTop1; margin-left:(@tabMargin2) + (@tabMargin*2); }
  127.     &>h3:nth-child(7) { margin-top:@tabTop2; margin-left:@tabMargin2; }
  128.     &>h3:nth-child(9) { margin-top:@tabTop2; margin-left:(@tabMargin2) + (@tabMargin); }
  129.     &>h3:nth-child(11) { margin-top:@tabTop2; margin-left:(@tabMargin2) + (@tabMargin*2); }
  130.     &>h3 a {
  131.       color:@tabFontColor;
  132.       font-size:12px;
  133.       font-family:@tabFont;
  134.       -webkit-transition:@transition;
  135.       transition: @transition;
  136.       -o-transition:@transition;
  137.       -moz-transition:@transition;
  138.     }
  139.     &>h3 a:hover { color:@fontColor2; }
  140.     &>div {
  141.       width:295px;
  142.       height:189px;
  143.       background-color:@bgColor2;
  144.       background-image:@tabImage;
  145.       border:@borderSize @borderStyle @borderColor;
  146.       border-radius:@roundedBorders;
  147.       color:@fontColor;
  148.       font-family:@font;
  149.       font-size:@fontSize;
  150.       line-height:11px;
  151.       position:absolute;
  152.       overflow:hidden;
  153.       top:108px;
  154.       left:1px;
  155.       padding-left:3px;
  156.       padding-right:3px;
  157.     }
  158. }
  159.  
  160. .text .panel, .panel .panel { box-shadow:none; border-radius:0px; border:1px solid @borderColor;
  161.   &>h3 { background-color:@bgColor2; background-image:none; color:@fontColor; line-height:initial; border:1px solid transparent; border-radius:0px; position:initial; width:initial; margin-top:0px; box-shadow:none; transition:none; }
  162.   &>h3:hover { border:1px solid transparent; padding:none; background-color:@bgColor2; }
  163.   &>h3 span, &>h3 a { color:@tabFontColor; font-family:@font; font-weight:normal; text-align:left; transition:none; }
  164.   &>h3 span:hover, &>h3 a:hover { color:@fontColor; }
  165.   &>div { background-color:@tabBgColor; background-image:none; border:initial; color:@fontColor; margin-top:0px; height:initial; width:initial; overflow:initial; z-index:initial; position:initial; top:initial; }
  166. }
  167.  
  168. .text .panel>h3:nth-child(1n), .panel .panel>h3:nth-child(1n) { margin:0px; }
  169.  
  170. .text {
  171.   width:295px;
  172.   height:195px;
  173.   background-color:@bgColor2;
  174.   background-image:@tabImage;
  175.   border:@borderSize @borderStyle @borderColor;
  176.   border-radius:@roundedBorders;
  177.   color:@fontColor;
  178.   font-family:@font;
  179.   font-size:@fontSize;
  180.   line-height:@lineHeight;
  181.   position:absolute;
  182.   overflow:hidden;
  183.   top:108px;
  184.   left:@marginLeft;
  185.   padding-left:3px;
  186.   padding-right:3px;
  187.   padding-top:2px;
  188. }
  189.  
  190. .cr {
  191.   position:absolute;
  192.   line-height:10px;
  193.   font-family:@tabFont;
  194.   font-size:@fontSize;
  195.   color:@fontColor;
  196.   background-color:@bgColor2;
  197.   top:@marginTop1;
  198.   padding-left:@marginLeft;
  199.   &>a { color:inherit; }
  200. }
  201.  
  202. .expbar { background-color:@bgColor2; border-color:@borderColor; color:@fontColor;
  203.   &>span { font-weight:normal; }
  204.   &>div { background-color:@bgColor1; border-color:@borderColor; }
  205. }
  206.  
  207. .panel h3>a>svg { display:none; }
  208. [/style]
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top