Advertisement
TheRaltsGoesSqueak

PFQ About - Grandloves

Apr 21st, 2017
1,989
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.15 KB | None | 0 0
  1. [styleclass=background][
  2.  
  3.  
  4. ][css=background: white; width: 292px; height: 110px; border-radius:50px; position: absolute; top: 5px; left: 9px;][/css][css=padding: 0px 50px 0px 309px; letter-spacing:0.1em; text-transform: lowercase; line-height: 100%; font-size: 14pt; font-variant: small-caps; top: 16px; min-height:188px; color:#5c153a; font-family: Gabriola; width: 180px; left: -275px; text-align: center; position: absolute;]Take all the little things away,
  5. seek all the dimensions that stray from my eyes[/css][css=padding: 0px 50px 0px 309px; letter-spacing:0.1em; text-transform: lowercase; line-height: 100%; font-size: 12pt; font-variant: small-caps; top: 25px; min-height:188px; color:#5c153a; font-family: Gabriola; width: 150px; left: -130px; text-align: center; position: absolute;][img]https://i.imgur.com/TrOaUwR.gif[/img][/css][styleclass=tabbed_interface][
  6.  
  7.  
  8. ][ul][
  9. ][li]X[/li][
  10. ][li]Tab 1[/li][
  11. ][li]Tab 2[/li][
  12. ][li]Tab 3[/li][
  13. ][li]Tab 4[/li][
  14. ][li]Tab 5[/li][
  15. ][/ul][
  16.  
  17.  
  18.  
  19. ][styleclass=tab-active][
  20. ]Main Page[
  21. ][/styleclass][
  22.  
  23.  
  24.  
  25. ][styleclass=tab][
  26. ]Tab 1 Content![
  27. ][/styleclass][
  28.  
  29.  
  30.  
  31.  
  32. ][styleclass=tab][
  33. ]Tab 2 Content![
  34. ][/styleclass][
  35.  
  36. ][styleclass=tab][
  37. ]Tab 3 Content![
  38. ][/styleclass][
  39.  
  40.  
  41. ][styleclass=tab][
  42. ]Tab 4 Content![
  43. ][/styleclass][
  44.  
  45.  
  46. ][styleclass=tab][
  47. ]Tab 5 Content![
  48. ][/styleclass][
  49. ][/styleclass][styleclass=cred][url=https://pokefarm.com/forum/post/1481594]code[/url] * sprite by Game Freak[/styleclass][
  50.  
  51.  
  52.  
  53.  
  54.  
  55. ][/styleclass][
  56. ]
  57. [style]
  58. a {color: #5c153a;letter-spacing:0.0px; -webkit-transition: all 0.1s ease-in-out;} a:hover {color: #ff42a3; letter-spacing: 3px; transition: all .2s ease-in;} a {text-decoration:underline;}
  59. .panel h3 > a > svg {
  60. display:none;
  61. }
  62. .panel {
  63. background-color:rgba(255,255,255,.5);
  64. border:0px;
  65. border-radius:5px;
  66. width: 230px;
  67. margin-left: 28px;
  68. &>h3{
  69. background: #e6ffff;
  70. border-bottom: 1px solid #ff81c1;
  71. font-size:90%;
  72. color: #5c153a;
  73. text-align: center;
  74. }
  75. &>div{
  76. color: #5c153a;
  77. background: #e6ffff;
  78. }}
  79. .background{
  80. width: 310px;
  81. border: 1px transparent solid;
  82. background: #c0f3f7;
  83. background-position: center;
  84.  
  85. }
  86. .tabbed_interface{
  87. margin: 0;
  88. >ul {
  89. width: 50px;
  90. >li {
  91. position: relative;
  92. cursor: pointer;
  93. width: 45px;
  94. padding: 0;
  95. line-height: 20px;
  96. height: 20px;
  97. background: white;
  98. text-align: center;
  99. text-align: center;
  100. font-family: Times;
  101. color: #5c153a;
  102. border-color: white;
  103. border-radius: 100px;
  104. left: 10px;
  105. }
  106. li:hover {
  107. background: #ff81c1;
  108. color: white;
  109. border: none;
  110. }
  111. >li {
  112. &.tab-active {
  113. color: white;
  114. background: #ff81c1;
  115. border: none;
  116. }}
  117. >li:nth-child(1) {
  118. width: 22px;
  119. position: absolute;
  120. top: 120px;
  121. left: 268px;
  122. }
  123. >li:nth-child(2) {
  124. position: absolute;
  125. top: 120px;
  126. left: 18px;
  127. }
  128. >li:nth-child(3) {
  129. position: absolute;
  130. top: 120px;
  131. left: 68px;
  132. }
  133. >li:nth-child(4) {
  134. position: absolute;
  135. top: 120px;
  136. left: 118px;
  137. }
  138. >li:nth-child(5) {
  139. position: absolute;
  140. top: 120px;
  141. left: 168px;
  142. }
  143. >li:nth-child(6) {
  144.  
  145. position: absolute;
  146. top: 120px;
  147. left: 218px;
  148.  
  149.  
  150. }}
  151. >div {
  152. border-radius: 0;
  153. border: 1px solid white;
  154. border-radius: 20px;
  155. background: white;
  156. color: #5c153a;
  157. min-height: 10px;
  158. text-align: center;
  159. position: relative;
  160. width: 288px;
  161. margin: 145px;
  162. margin-left: 5px;
  163. margin-bottom: 5px;
  164. font-family: gabriola;
  165. font-size: 21px;
  166.  
  167. }}
  168. th {
  169. background: #c0f3f7;
  170. color: #449abd;
  171. text-align:center;
  172. }
  173. table,th,td,{
  174. border: 1px solid #ff81c1;
  175. margin: 0 auto;
  176. font-family: gabriola;
  177. color: #000;
  178. }
  179. .expbar {
  180. width: 240px;
  181. border-radius: 0px;
  182. left: 0px;
  183. background: #fff;
  184. border-style: double;
  185. border:1px solid #ff81c1;
  186. text-align: top;
  187. font-family: tahoma;
  188. color: #000;
  189. line-height: 15px;
  190. overflow: hidden;
  191. }
  192. .expbar div {
  193. background: #ACDADE;
  194. border: 0px;
  195. }
  196. .tooltip_content {
  197. font-size: 20px;
  198. text-align:center;
  199. font-family: Gabriola;
  200. min-width:100px;
  201. background: #fff;
  202. color: #000;
  203. border-radius: 50px;
  204. border: 1px dotted #c968c9;
  205. }
  206. span.bbcode_tooltip {
  207. border-bottom: 1px dotted #ff81c1;
  208.  
  209. }
  210. .cred{
  211. position: relative;
  212. margin-top: -4px;
  213. font-size: 7pt;
  214. color: #5c153a;
  215. font-family: times;
  216. text-align: center;
  217. }
  218. [/style]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement