SHARE
TWEET

PFQ About - "You Are The Ocean"

TheRaltsGoesSqueak Jan 8th, 2018 905 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [sc=bg][sc=box][sc=bar]name/age/pron[/sc]
  2. [sc=divcolor][sc=tabbed_interface horizontal][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]TAB 1 CONTENT[/sc][
  10. ][sc=tab]TAB 2 CONTENT[/sc][
  11. ][sc=tab]TAB 3 CONTENT[/sc][
  12. ][sc=tab]TAB 4 CONTENT[/sc][
  13. ][sc=tab]TAB 5 CONTENT[/sc][
  14. ][sc=tab]TAB 6 CONTENT[/sc][
  15. ][sc=tab]TAB 7 CONTENT[/sc][
  16. ][/sc]
  17.  
  18.  
  19. [/sc]
  20.  
  21.  
  22.  
  23. [/sc]
  24. [sc=icon][/sc][sc=cred][url=https://pokefarm.com/forum/post/3134767]code[/url] * [url=https://www.pexels.com/photo/art-beach-beautiful-clouds-269583/]stock[/url] * official TCG art[/sc][/sc]
  25.  
  26. [style]
  27. a:hover {
  28. color: #7d1e2c;
  29.     -webkit-transition: all .1s linear 0s;
  30. }
  31. a {
  32.     color: #441e2c;
  33.     -webkit-transition: all .1s linear 0s;
  34. }
  35. .bg{
  36. width: 310px;
  37. border-radius: 10px;
  38. height: 340px;
  39. background-image: url('https://images.pexels.com/photos/269583/pexels-photo-269583.jpeg?w=940&h=650&auto=compress&cs=tinysrgb');
  40. }
  41. .box{
  42. color: black;
  43. background-image: linear-gradient(-225deg, rgba(255,226,159,0.5) 0%, #FFA99F 48%,
  44. rgba(255,113,154,0.1) 100%);
  45. border: none;  
  46. border-radius: 10px;
  47. left: 5px; position: absolute;
  48. width: 300px;
  49. height: 316px;
  50. top: 5px;
  51. }
  52. .icon{
  53. position: absolute;
  54. background-size: cover;
  55. height: 135px;
  56. width: 90px;
  57. border-radius: 0px;
  58. border: 2px solid #f7ccbd;
  59. border-radius: 5px;
  60. top: 15px;
  61. left: 201px;
  62. background-image: url("https://i.imgur.com/xFOoVxL.png");
  63. }
  64. .bar{
  65. position: absolute;
  66. left: 10px;
  67. top: 10px;
  68. width: 172px;
  69. padding: 2px;
  70. background: rgba(255,255,255,0.5);
  71. text-align: center;
  72. border-radius: 10px;
  73. color: black;
  74. font-family: calibri;
  75. }
  76. .divcolor{
  77. position: absolute;
  78. top: 42px;
  79. left: 10px;
  80. height: 262px;
  81. width: 176px;
  82. background: rgba(255,255,255,0.5);
  83. border-radius: 10px;
  84. }
  85. .tabbed_interface{
  86. box-shadow:0 0 0 transparent;
  87. margin: 0;
  88. >ul {
  89. >li {
  90.  border: 2px solid #f7ccbd;
  91. border-radius: 10px;
  92. background: rgba(255,255,255,0.5);
  93. padding: 3px;
  94. margin: 1px;
  95. top: 104px;
  96. width: 84px;
  97. height: 15px;
  98. position: absolute;
  99. overflow: hidden;
  100.  text-align: center;
  101.     color: black;
  102. font-size:14px;
  103. letter-spacing: 0.5px;
  104. font-family:Calibri;
  105. cursor: pointer;
  106. -webkit-transition: all .2s linear 0s;
  107.     -moz-transition: all .2s linear 0s;
  108.     -ms-transition: all .2s linear 0s;
  109.     -o-transition: all .2s linear 0s;
  110.     transition: all .2s linear 0s;
  111. }
  112. >li:nth-child(1) {
  113. left: 185px;
  114. top: 112px;
  115.  
  116. }
  117. >li:nth-child(2) {
  118. left: 185px;
  119. top: 143px;
  120.  
  121. }
  122. >li:nth-child(3) {
  123. left: 185px;
  124. top: 174px;
  125.  
  126. }
  127. >li:nth-child(4) {
  128. left: 185px;
  129. top: 205px;
  130.  
  131. }
  132. >li:nth-child(5) {
  133. left: 185px;
  134. top: 236px;
  135.  
  136. }
  137.  
  138. >li:nth-child(6) {
  139. left: 158px;
  140. top: 200px;
  141.  
  142. }
  143. >li:nth-child(7) {
  144. left: 189px;
  145. top: 200px;
  146.  
  147. }
  148. li:hover {
  149.     background: #ffedfd;
  150.     -webkit-transition: all .2s linear 0s;
  151.     -moz-transition: all .2s linear 0s;
  152.     -ms-transition: all .2s linear 0s;
  153.     -o-transition: all .2s linear 0s;
  154.     transition: all .2s linear 0s;
  155.  
  156. }
  157. li{
  158. &.tab-active {
  159. color: black;
  160. background: #ffedfd;
  161. }}
  162. }
  163. >div {
  164. margin-top: 0px;
  165. height: 254px;
  166. width: 169px;
  167. border-radius: 10px;
  168. border: none;
  169. animation: 0.5s fade;
  170. min-height: 10px;
  171. text-align: center;
  172. position: relative;
  173. background: none;
  174. color: black;
  175. font-family: Calibri;
  176. letter-spacing: 0.5px;
  177. font-size: 14px;
  178. box-shadow:0 0 0 transparent;
  179. padding: 4px;
  180. overflow: hidden;
  181. }}
  182. .panel {
  183. border: none;
  184. background: none;
  185. font-family: calibri;
  186. box-shadow:0 0 0 transparent;
  187. &>h3 {
  188. background: #cc83d5;
  189. color: black;
  190. text-align: center;
  191. border-radius: 0px;
  192. border: none;
  193. font-size: 12px;
  194. border-radius: 10px 10px 0px 0px;
  195. }
  196. &>div {
  197. background: rgba(255,255,255,0.5);
  198. color: #441e2c;
  199. border-radius: 0px;
  200. border: 1px solid #cc83d5;
  201. border-top: none;
  202. border-radius: 0px 0px 5px 5px;
  203. }}
  204.    table {
  205.         margin: 0px auto;
  206.         border: 0px;
  207.         }
  208.     td {
  209.         border: 1px solid #cc83d5;
  210.        background: rgba(255,255,255,0.5);;
  211.         color: #441e2c;
  212.         text-align: center;
  213.         }
  214.     th {
  215.         border: 0px;
  216.         background-color: #cc83d5;
  217.         border: 1px solid #cc83d5;
  218.         padding: 3px;
  219.         color: #441e2c;
  220.         text-align: center;
  221.         }
  222.  
  223. .expbar {
  224. border-radius: 0px;
  225. background: rgba(255,255,255,0.5);
  226. border: 1px solid #cc83d5;
  227. text-align: top;
  228. font-family: times;
  229. color: #441e2c;
  230. line-height: 15px;
  231. overflow: hidden;
  232. }
  233. .expbar div {
  234. background: #cc83d5;
  235.  border: 0px;
  236. }
  237. .tooltip_content {
  238.   font-size: 14px;
  239.   text-align:center;
  240.    font-family: calibri;
  241.   background: #f7d4c8;
  242.   color: #441e2c;
  243.   border-radius: 0px;
  244. border: 1px solid #803853;
  245. }
  246. span.bbcode_tooltip {
  247.     border-bottom: 1px dotted #803853;
  248. }
  249. ::selection {
  250.     color: white;
  251.     background: #e36393;
  252. }
  253. .cred{
  254. >a { color: white; }
  255.    color: white;
  256.     text-shadow:
  257.     -1px -1px 0 #150025,
  258.     1px -1px 0 #150025,
  259.     -1px 1px 0 #150025,
  260.     1px 1px 0 #150025;
  261. position: absolute;
  262. top: 325px;
  263. left: 10px;
  264. font-family: calibri;
  265. font-size: 12px;
  266. }
  267. [/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