Advertisement
TheRaltsGoesSqueak

PFQ About - Cinnamon Roll

Apr 21st, 2017
1,094
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.90 KB | None | 0 0
  1. [sc=maindiv]MAIN TEXT[/sc]
  2. [accordion]
  3. [a-section=I]Tab 1 content[/a-section]
  4. [a-section=II]Tab 2 content[/a-section]
  5. [a-section=III]Tab 3 content[/a-section]
  6. [a-section=IV]Tab 4 content[/a-section]
  7. [/accordion][sc=container]
  8.  
  9.  
  10. [sc=icon][/sc][sc=maindivborder][/sc][sc=cred]Coded by Esme - Official TCG art - [url=https://pokefarm.com/forum/post/1756787]code[/url][/sc][/sc]
  11. [style]
  12. a {color: maroon; letter-spacing:0.0px; -webkit-transition: all 0.2s ease-in-out;} a:hover {color: blueviolet; transition: all .1s ease-in;}
  13.  
  14. .container{
  15. margin-top: -38px;
  16. background: #76cc82;
  17. font-family: times;
  18. height: 502px;
  19. text-align: center;
  20.  
  21. }
  22. .maindivborder{
  23. margin: 3%;
  24. background: #d38996;
  25. color: white;
  26. border-radius: 30px;
  27. height: 392px;
  28. margin-bottom: -10%;
  29. margin-top: 10%;
  30. padding: 2%;
  31. font-size: 16px;
  32. border-bottom-left-radius: 0px;
  33. border-bottom-right-radius: 0px;
  34. }
  35. .maindiv{
  36. color: maroon;
  37. background: white;
  38. font-size: 10pt;
  39. font-family: tahoma;
  40. text-align: center;
  41. position: absolute;
  42. top: 125px;
  43. left: 25px;
  44. width: 251px;
  45. height: 320px;
  46. padding: 4px;
  47. }
  48. .icon{
  49. background-image: url('https://i.imgur.com/dM31TpF.png');
  50. background-position: center;
  51. background-repeat: no-repeat;
  52. background-size: 100px 100px;
  53. height: 100px;
  54. width: 100px;
  55. border-radius: 100px;
  56. position: absolute;
  57. top: 1%;
  58. left: 95px;
  59. border: 10px #d38996 solid;
  60. }
  61. .panel h3 > a > svg {
  62. display:none;
  63. }
  64. .panel { border: 0px;
  65. width: 0px;
  66. border-radius: 0px;
  67. &>h3 {
  68. width: 40px;
  69. height: 10px;
  70. border: none;
  71. background: transparent;
  72. text-align: center;
  73. position: absolute;
  74. top: 83px;
  75. font-size: 9pt;
  76. font-family: tahoma;
  77. border-radius:0px;
  78. }
  79. &>div {
  80. color: maroon;
  81. background: white;
  82. font-size: 10pt;
  83. font-family: tahoma;
  84. text-align: center;
  85. position: absolute;
  86. top: 125px;
  87. left: 25px;
  88. width: 251px;
  89. height: 320px;
  90. }
  91. }
  92. >.panel >h3:nth-child(1) {
  93. left: 3%;
  94. }
  95. >.panel >h3:nth-child(3) {
  96. left: 18%;
  97. }
  98. >.panel >h3:nth-child(5) {
  99. left: 67%;
  100. }
  101. >.panel >h3:nth-child(7) {
  102. left: 81.4%;
  103. }
  104. .tooltip_content {
  105. font-size: 12pt;
  106. text-align:center;
  107. font-family: tahoma;
  108. min-width:100px;
  109. background-color: white;
  110. color: maroon;
  111. border: 1px dotted maroon;
  112. }
  113. span.bbcode_tooltip {
  114. border-bottom: 1px dotted maroon;
  115. }
  116. .expbar {
  117. width: 240px;
  118. border-radius: 0px;
  119. left: 0px;
  120. background: #fff;
  121. border-style: double;
  122. border: 1px dotted maroon;
  123. text-align: top;
  124. font-family: tahoma;
  125. color: maroon;
  126. line-height: 15px;
  127. overflow: hidden;
  128. }
  129. .expbar div {
  130. background: #d389a3;
  131. border: none;
  132. }
  133.  
  134. th {
  135. background: white;
  136. color: maroon;
  137. text-align:center;
  138. font-size: 10pt;
  139. }
  140. table,th,td,{
  141. border: 1px solid maroon;
  142. margin: 0 auto;
  143. background: white;
  144. font-family: tahoma;
  145. color: maroon;
  146. }
  147. .cred{
  148. font-size: 11px;
  149. color: maroon;
  150. position: absolute;
  151. top: 469px;
  152. font: times;
  153. left: 2px;
  154. }
  155. [/style]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement