daily pastebin goal
24%
SHARE
TWEET

Sceptios About

Infernapefan2 Sep 12th, 2018 62 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [sc=bg][sc=sceptios-about-me][sc=avatar][img]https://file.toyhou.se/images/8710284_JPyh9Oek7YaiPcD.png[/img][/sc][
  2.  
  3. ][sc=tabbed_interface horizontal wrap][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][/ul][
  4.  
  5. ][sc=tab tab-1 tab-active][
  6. ]Tab 1 content[
  7. ][/sc][
  8. ][sc=tab tab-2][
  9. ]Tab 2 content[
  10. ][/sc][
  11. ][sc=tab tab-3][
  12. ]Tab 3 content[
  13. ][/sc][
  14. ][sc=tab tab-4][
  15. ]Tab 4 content[
  16. ][/sc][
  17. ][sc=tab tab-5][
  18. ]Tab 5 content[
  19. ][/sc][
  20. ][sc=tab tab-6][
  21. ]Tab 6 content[
  22. ][/sc][/sc][
  23. ][sc=credits]Avatar by Feeble
  24. Code by [url=/user/sceptios]Sceptios[/url] ([url=https://pokefarm.com/forum/thread/161261/Free-Tabbed-About-Me-Template]Free to Use[/url])[/sc][/sc][/sc][
  25.  
  26. ][style]
  27. @blue: #9cc5d7;
  28. @tan: #f9eccb;
  29. @pink: #f7b2c6;
  30. @darkblue: #548aa1;
  31. @lightpink: #ffd0de;
  32. @white:rgba(255,255,255,.6);
  33.  
  34. .bg {background:url('https://piskel-imgstore-b.appspot.com/img/ba90732e-b6ef-11e8-a74d-afebe698e142.gif'); repeat: repeat-x; padding: 4px; padding-bottom: 17px; border-radius: 10px;}
  35. .avatar {
  36.     display: inline-block;
  37.     overflow: hidden;
  38.     float: left;
  39.     height: 72px;
  40.     width: 72px;
  41.     border-style: solid;
  42.     border-color: @blue;
  43.     border-width: 3px;
  44.     margin-right: 4px;
  45.     background: @white;
  46.     -moz-border-radius: 10px;
  47.     -webkit-border-radius: 10px;
  48.     border-radius: 10px;
  49.    
  50.     &>img {
  51.         display: block;
  52.         margin: auto;
  53.         max-width: 130%;
  54.         max-height: 130%;
  55.         margin-left: -10%;
  56.     }
  57. }
  58.  
  59. .tabbed_interface {
  60.     &>ul, {
  61.         background-color: inherit;
  62.         &>li {
  63.             display: block;
  64.             padding: 8px;
  65.             margin: 1px;
  66.             border-width: 2px;
  67.             border-style: solid;
  68.             font-size: 10.5px;
  69.             font-weight: bold;
  70.             text-align: center;
  71.             cursor: pointer;
  72.             -moz-border-radius: 8px;
  73.             -webkit-border-radius: 8px;
  74.             border-radius: 8px;
  75.             line-height: 4px;
  76.             height: 4px;
  77.             width: 60px;
  78.             border-color: @blue;
  79.             background: @lightpink; color: @darkblue;
  80.             transition: .5s;
  81.             &.tab-active {
  82.                 border-bottom-color: @blue;transition: .5s;
  83.             }
  84.             &:not(.tab-active):hover {
  85.                 color: @darkblue;transition: .5s;
  86.                 background-color: @pink;
  87.             }
  88.         }
  89.     }
  90.     &>.tab {
  91.         box-shadow: none;
  92.         color: @darkblue;
  93.         background-color: @white;
  94.         margin: 4px 0px;
  95.         padding: 8px 4px;
  96.         border-color: @blue;
  97.         -moz-border-radius: 3px;
  98.         -webkit-border-radius: 3px;
  99.         border-radius: 3px;
  100.         border-width: 3px 1px;
  101.         border-style: solid dotted;
  102.     }
  103. }
  104.  
  105. .credits {
  106.     background-color: @white;
  107.     font-size: 8pt;
  108.     float: right;
  109.     text-align: right;
  110.     padding: 1px 5px;
  111.     margin-top: -16px;
  112.     -moz-border-radius: 5px;
  113.     -webkit-border-radius: 5px;
  114.     border-radius: 5px;
  115.     vertical-align: middle;
  116. }
  117. [/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