Advertisement
altias

wires pfq about me

Jan 28th, 2019
1,054
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.23 KB | None | 0 0
  1. [styleclass=container][img]https://i.postimg.cc/HxyFGwMn/lain.png[/img][styleclass=overlay][sc=tabbed_interface horizontal]
  2. [ul]
  3. [li]tab 1[/li]
  4. [li]tab 2[/li]
  5. [li]tab 3[/li]
  6. [li]tab 4[/li]
  7. [li]tab 5[/li]
  8. [/ul][
  9. ][sc=tab-active]content 1
  10.  
  11. [/sc][
  12.  
  13. ][sc=tab]content 2
  14.  
  15. [/sc][
  16.  
  17. ][sc=tab]content 3
  18.  
  19. [/sc][
  20.  
  21. ][sc=tab]content 4[/sc][
  22.  
  23. ][sc=tab]content 5
  24.  
  25. [/sc][/sc][styleclass=credit][url=https://pokefarm.com/forum/post/4318160]coding credit[/url][/styleclass][/styleclass]
  26. [/styleclass]
  27. [style]
  28.  
  29.  
  30. .container {
  31. background-image:url(https://i.postimg.cc/6ppBy78T/newaboutmebg.png);
  32. height: 380px;
  33. width: 310px;
  34. position: relative;
  35.  
  36. }
  37.  
  38. .overlay {
  39. position: absolute;
  40. top: 0;
  41. bottom: 0;
  42. left: 0;
  43. right: 0;
  44. height: 100%;
  45. width: 100%;
  46. opacity: 0;
  47. transition: .5s ease;
  48. }
  49.  
  50. .overlaycontainer {
  51. filter: blur(0px);
  52. }
  53.  
  54. .container:hover .overlay {
  55. opacity: 1;
  56. }
  57.  
  58. a {
  59. color:#2C2D46;
  60. text-decoration:underline;
  61. }
  62.  
  63. a:visited {
  64. color:#2C2D46;
  65. text-decoration:underline;
  66. }
  67.  
  68. .tooltip_content {
  69. background-color:#b2b2b2;
  70. color:#000000;
  71. border:1px solid #000000;
  72. font-size:10px;
  73. }
  74.  
  75. .credit {
  76. position:relative;
  77. top:30px;
  78. padding: 5px;
  79. left:220px;
  80. text-align:right;
  81. font-size:10px;
  82. width:70px;
  83. }
  84.  
  85. .credit a {
  86. color:#FFFFFF;
  87. text-decoration:underline;
  88. }
  89.  
  90. .tabbed-interface>div {
  91. }
  92.  
  93. .tabbed-interface>div.tab-active{
  94. }
  95.  
  96. ul {
  97. background: none;
  98. width:293px;
  99. font-size:10px;
  100. }
  101.  
  102. ol>li {
  103. background: white;
  104. border: #645F5F;
  105. text-align: center;
  106. }
  107.  
  108. li, li.tab-active {
  109. background-color:#b2b2b2;
  110. color:#000000;
  111. box-shadow: none;;
  112. border: 1px solid #b2b2b2;
  113. border-radius: 0px;
  114. padding: 5px;
  115. text-align: center;
  116. top:30px;
  117. width:10px;
  118. height:15px;
  119. left:10px;
  120. }
  121.  
  122. li.tab-active {
  123. background:#000000;
  124. color: #b2b2b2;
  125. border: 1px solid #000000;
  126. }
  127.  
  128. .tab, .tab-active {
  129. color: #FFCE43;
  130. box-shadow: none;
  131. border-radius: 0px;
  132. border: 1px solid #63587A;
  133. padding: 5px;
  134. }
  135.  
  136. .tab-active {
  137. width:250px;
  138. height:200px;
  139. padding:20px;
  140. position:relative;
  141. left:10px;
  142. top:30px;
  143. font-size:10px;
  144. color: #000000;
  145. background-color:#e8e8e8;
  146. }
  147.  
  148.  
  149. .panel h3 > a > svg {
  150. display:none;
  151. }
  152. [/style]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement