Advertisement
TheRaltsGoesSqueak

PFQ About - Ontario Gothic

Feb 20th, 2018
876
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.58 KB | None | 0 0
  1. [sc=bg][sc=cred][url=https://pokefarm.com/forum/post/3299748]code[/url] * [url=https://www.pexels.com/photo/two-trees-under-purple-sky-735651/]Stock[/url] * official TCG Art[/sc][sc=header]keep this
  2. two lines[/sc][
  3. ][sc=biobox][sc=icon][/sc][css=margin-top: 85px; margin-left: 5px;][sc=bio]bio:[/sc]
  4. text
  5.  
  6. [sc=bio]bio:[/sc]
  7. text
  8.  
  9. [sc=bio]bio:[/sc]
  10. text
  11.  
  12. [sc=bio]bio:[/sc]
  13. text
  14.  
  15. [sc=bio]bio:[/sc]
  16. text
  17. [/css][/sc][
  18.  
  19.  
  20. ][sc=maindiv]MAIN CONTENT[/sc][
  21.  
  22.  
  23. ][sc=tabs][accordion]
  24. [a-section="[css=margin-top:2px;][tip=TAB 1]★[/tip][/css]"]TAB 1 CONTENT[/a-section]
  25.  
  26.  
  27. [a-section="[css=margin-top:2px;][tip=TAB 2]★[/tip][/css]"]TAB 2 CONTENT[/a-section]
  28.  
  29.  
  30. [a-section="[css=margin-top:2px;][tip=TAB 3]★[/tip][/css]"]TAB 3 CONTENT[/a-section]
  31.  
  32.  
  33.  
  34. [a-section="[css=margin-top:2px;][tip=TAB 4]★[/tip][/css]"]TAB 4 CONTENT[/a-section]
  35.  
  36.  
  37.  
  38. [/accordion][/sc][
  39. ][/sc]
  40.  
  41. [style]
  42. .bg{
  43. background-image: url("https://i.imgur.com/VvXCBvK.png");
  44. width: 310px;
  45. height: 360px;
  46. position:relative;
  47. }
  48.  
  49. .header{
  50. color: white;
  51. text-shadow: 0 0 8px magenta;
  52. font-family: times;
  53. width: 165px;
  54. text-align: center;
  55. font-size: 15px;
  56. font-style: italic;
  57. position: absolute;
  58. left: 125px;
  59. top: 15px;
  60. }
  61.  
  62. a:hover {
  63. color: #be8eee;
  64. text-decoration:none;
  65. -webkit-transition: all .1s linear 0s;
  66. -moz-transition: all .1s linear 0s;
  67. -ms-transition: all .1s linear 0s;
  68. -o-transition: all .1s linear 0s;
  69. transition: all .1s linear 0s;
  70. }
  71. a {
  72. color: black;
  73. -webkit-transition: all .1s linear 0s;
  74. -moz-transition: all .1s linear 0s;
  75. -ms-transition: all .1s linear 0s;
  76. -o-transition: all .1s linear 0s;
  77. transition: all .1s linear 0s;
  78.  
  79. }
  80.  
  81. .icon {
  82. width: 73px;
  83. height: 73px;
  84. background-size: 73px 73px;
  85. background-image: url("https://i.imgur.com/ya8WIXS.png");
  86. border-radius: 0px;
  87. top: 5px;
  88. position: absolute;
  89. left: 6px
  90.  
  91. }
  92. .bio{
  93. display: inline;
  94.  
  95. color: white;
  96. font-weight: 600;
  97. text-shadow:
  98. -1px -1px 0 #573871,
  99. 1px -1px 0 #573871,
  100. -1px 1px 0 #573871,
  101. 1px 1px 0 #573871;
  102. }
  103. .biobox{
  104. background: #604a68;
  105. width: 80px;
  106. position: absolute;
  107. left: 12px;
  108. top: 65px;
  109. height: 275px;
  110. font-size: 12px;
  111. color: white;
  112. }
  113. .tabs {
  114. .panel h3 > a > svg {
  115. display:none;
  116. }
  117.  
  118.  
  119. }
  120. .panel {
  121. background: none;
  122. border-radius: 0px;
  123. border: 0px;
  124. box-shadow: none;
  125. }
  126.  
  127. .tabs>.panel>h3 {
  128. margin: -9px;
  129. margin-bottom: -6px;
  130. margin-top: 37px;
  131. margin-left: 12px;
  132. background: #df7875;
  133. color: green;
  134. display: inline-block;
  135. font-family: arial;
  136. border: none;
  137. border-radius: 100px;
  138. width: 15px;
  139. height: 15px;
  140. text-align: center;
  141. -webkit-transition: background ease-in-out 0.2s;
  142. transition: background ease-in-out 0.2s;
  143. -o-transition: background ease-in-out 0.2s;
  144. -moz-transition: background ease-in-out 0.2s;
  145.  
  146. }
  147.  
  148. .panel>h3:hover {
  149.  
  150. background-color: #604a68; }
  151.  
  152.  
  153.  
  154. .tabs .panel>h3 a {
  155. color: white;
  156. font-size: 12px;
  157. }
  158.  
  159. .tabs .panel>h3 a:hover {
  160. color: #be8eee;
  161. }
  162.  
  163. .tabs .panel>div {
  164. width: 186px;
  165. height: 255px;
  166. background: #ecded2;
  167. color: #3e101c;
  168. font-family: arial;
  169. font-size: 12px;
  170. position: absolute;
  171. top: 65px;
  172. left: 92px;
  173. padding: 5px;
  174. border: 5px solid #604a68;
  175. border-bottom: none;
  176. overflow: hidden;
  177. text-align: center;
  178. }
  179. .maindiv{
  180. width: 186px;
  181. height: 255px;
  182. background: #ecded2;
  183. color: #3e101c;
  184. font-family: arial;
  185. font-size: 12px;
  186. position: absolute;
  187. top: 65px;
  188. left: 92px;
  189. padding: 5px;
  190. border: 5px solid #604a68;
  191. border-radius: 0px;
  192. overflow: hidden;
  193. text-align: center;
  194. }
  195.  
  196. .cred {
  197. position: absolute;
  198. font-family: calibri;
  199. font-size: 12px;
  200. color: #e3e3e3;
  201. top: 344px;
  202. left: 12px;
  203. background: none;
  204. text-shadow: 0 0 8px magenta;
  205. }
  206.  
  207. .cred a {
  208. color: white;
  209. font-size: 12px;
  210. }
  211.  
  212. .cred a:hover {
  213. color: #be8eee;
  214. }
  215.  
  216. .expbar{
  217. background-color: #df7875;
  218. border: 1px solid #b04b48;
  219. border-radius: 0px;
  220. color: white;
  221. font-family: calibri;
  222. }
  223. .expbar>div{
  224. background-color:#b04b48;
  225. border: white;
  226. color:#474747;
  227. }
  228. hr {
  229. display: block;
  230. border: 1px solid #bababa;
  231. }
  232. .bbcode_tooltip {
  233. border: none;
  234. }
  235.  
  236. .tooltip_content {
  237. min-width: 50px;
  238. margin-top: 10px;
  239. font-size: 14px;
  240. text-align: center;
  241. font-family: calibri light;
  242. background: #b04b48;
  243. color: white;
  244. border: none;
  245. border-radius: 0px;
  246. }
  247. table {
  248. margin: 0px auto;
  249. border: 0px;
  250. }
  251. td {
  252. border: 0.5px solid #b04b48;
  253. background: #df7875;
  254. color: white;
  255. text-align: center;
  256. }
  257. th {
  258. border: 0px;
  259. background-color: #b04b48;
  260. border: 1px solid #b04b48;
  261. color: white;
  262. text-align: center;
  263. padding: 2px;
  264. }
  265. ::selection {
  266. color: white;
  267. background: #bd66eb;
  268. }
  269. [/style]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement