Advertisement
GrimmewSerra

Sylveon AM

Aug 21st, 2018
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.97 KB | None | 0 0
  1. [sc=background][sc=topimage][/sc][sc=icon][/sc]
  2. [sc=header][h1]Sylveon[/h1][h2]Spreading the love[/h2][/sc][sc=horizontal tabbed_interface][
  3. TAB LIST
  4. ][ul]
  5. [li][img]/upload/Grimmew/Banners/Fairy_TCG.png[/img][/li]
  6. [li][img]/upload/Grimmew/Banners/Fairy_TCG.png[/img][/li]
  7. [li][img]/upload/Grimmew/Banners/Fairy_TCG.png[/img][/li]
  8. [li][img]/upload/Grimmew/Banners/Fairy_TCG.png[/img][/li]
  9. [li][img]/upload/Grimmew/Banners/Fairy_TCG.png[/img][/li]
  10. [li][img]/upload/Grimmew/Banners/Fairy_TCG.png[/img][/li]
  11. [li][b]Credits[/b][/li][/ul]
  12. [sc=tab-active]Tab 1
  13.  
  14. [/sc][
  15. ][sc=tab]Tab 2
  16.  
  17. [/sc][
  18. ][sc=tab]Tab 3
  19.  
  20. [/sc][
  21. ][sc=tab]Tab 4
  22.  
  23. [/sc][
  24. ][sc=tab]Tab 5
  25.  
  26. [/sc][
  27. ][sc=tab]Tab 6
  28.  
  29. [/sc][
  30. ][sc=tab]Here you will find all credits for this template.
  31.  
  32. Top background image, official TCG art.
  33. Fairy Energy images, official TCG art.
  34. Icon is from Bulbapedia’s Sylveon page.
  35. Main background is made by Grimmew.
  36. [/sc][
  37. ][/sc][sc=credit]Template [url=https://pokefarm.com/forum/post/3915599]free to use[/url]. Made by [url=/user/Grimmew]Grimmew[/url].[/sc][/sc]
  38. [style]
  39. width: auto;
  40. min-height: 275px;
  41.  
  42. .topimage {
  43. border: 3px solid #609AD0;
  44. border-radius: 0px;
  45. height: 155px;
  46. width: auto;
  47. color: #D3A3CE;
  48. float: center;
  49. border-radius: 5px;
  50. background-image: url("/upload/Grimmew/Banners/Sylveon_TCG.png");
  51. background-size: 305px 155px;
  52. }
  53. .icon{
  54. border: 3px dotted #609AD0;
  55. border-radius: 0px;
  56. height: 100px;
  57. width: 100px;
  58. color: #D3A3CE;
  59. position: relative;
  60. margin-top: -85px;
  61. margin-left: 0px;
  62. float: right;
  63. margin-right: 8px;
  64. border-radius: 25px;
  65. background: rgba(210,192,218,0.7);
  66. background-image: url("https://cdn.bulbagarden.net/upload/thumb/e/e8/700Sylveon.png/375px-700Sylveon.png");
  67. background-size: 100px 100px;
  68. }
  69. .header {
  70. color: #fff;
  71. text-align: center;
  72. font-size: 19px;
  73. text-shadow: 2px 2px 1px #000, 1px 3px 1px #000;
  74. font-family: Brush Script MT;
  75. }
  76. .background{
  77. width: auto;
  78. min-height: 275px;
  79. padding: 1%;
  80. background-image: url("/upload/Grimmew/Banners/Pinkbg.png");
  81. border: 3px solid #257BBD;
  82. color: #000;
  83. font-size: 8px;
  84. text-align: center;
  85. font-family: Times New Roman;
  86. }
  87. .credit {
  88. position: relative;
  89. margin-bottom: 9px;
  90. margin-left: 35px;
  91. margin-right: 35px;
  92. width: auto;
  93. padding: 1% 1% 1% 1%;
  94. background: #3B81BD;
  95. font-size: 9px;
  96. text-shadow: 0 0 3.5px #fff, 0 0 3.5px #fff;
  97. font-family: Times New Roman;
  98. color: #000;
  99. text-align: center;
  100. border: 3px double #ff95c2;
  101. border-radius: 15px;
  102. }
  103. .panel {
  104. background: rgba(96,171,247,0.8);
  105. width: 85%;
  106. border: 1px solid #00ADDF;
  107. border-radius: 5px;
  108. color: #29BDE5;
  109. margin: 0px auto;
  110. box-shadow: 0 0 1pt 3pt #2D6B9B;
  111. >h3 {
  112. >a { color: #29BDE5;}
  113. border-radius: 5px;
  114. border: 1px solid #367EB5;
  115. text-shadow: 0 0 3.5px #000, 0 0 3.5px #000;
  116. text-align: center;
  117. padding: 5px;
  118. background: #4072A7;
  119. position: relative;
  120. transition: all 3s;
  121. color: #e9cfff;
  122. }
  123. >div {
  124. .page;
  125. color: #000;
  126. }
  127. }
  128.  
  129. a:link {
  130. color: #991332;
  131. }
  132. a:visited {
  133. color: #503B72;
  134. }
  135. a:hover {
  136. color: #661A34;
  137. }
  138. a:active {
  139. color: #2E516D;
  140. }
  141. .tabbed_interface{
  142. margin:0;
  143. >div{
  144. background: none;
  145. border: none;
  146. }
  147. }
  148. .tabbed_interface>ul{
  149. background: none;
  150. }
  151. .tabbed_interface{
  152. margin: 0px;
  153. >ul {
  154. background: none;
  155.  
  156. >li {
  157. display: inline-block;
  158. background: #197EB9;
  159. color: #ff95c2;
  160. box-shadow: 0 0 3.5px #000, 0 0 3.5px #000;
  161. text-shadow: 0 0 3.5px #000, 0 0 3.5px #000;
  162. font-size: 19px;
  163. border: 3px double #B4DFEF;
  164. border-radius: 95px;
  165. margin-left: 1px;
  166. margin-right: 1px;
  167. padding: 1px;
  168. -webkit-transition: all .3s linear 0s;
  169. -moz-transition: all .3s linear 0s;
  170. -ms-transition: all .3s linear 0s;
  171. -o-transition: all .3s linear 0s;
  172. transition: all .3s linear 0s;
  173. cursor: pointer;
  174. }
  175. li:hover {
  176. text-shadow: 0 0 2.5px #000, 0 0 2.5px #000;
  177. background: #ff95c2;
  178. color: #197EB9;
  179. text-decoration: line-through;
  180. -webkit-transition: all .3s linear 0s;
  181. -moz-transition: all .3s linear 0s;
  182. -ms-transition: all .3s linear 0s;
  183. -o-transition: all .3s linear 0s;
  184. transition: all .3s linear 0s;
  185. }
  186. >li {
  187. &.tab-active {
  188. color: #197EB9;
  189. background: #ff95c2;
  190. box-shadow: 0 0 3.5px #000, 0 0 3.5px #000;
  191. text-shadow: 2px 2px 1px #000, 1px 3px 1px #000;
  192. border: 3px double #ff95c2;
  193. border-radius: 95px;
  194. padding: 1px;
  195. }}
  196. }
  197. >div{
  198. min-height: 355;
  199. width: auto;
  200. box-shadow: 0 0 3.5px #000, 0 0 3.5px #000;
  201. border: 3px double #197EB9;
  202. border-radius: 25px;
  203. background: rgba(226,88,144,0.7);
  204. color: #002A3A;
  205. font-size: 12px;
  206. margin-right: 7px;
  207. margin-left: 7px;
  208. padding: 3px;
  209. }}
  210. .bbcode_table {
  211. background: #8B8CC4;
  212. border: 1px solid hidden;
  213. border-radius: 15px;
  214. }
  215. table {
  216. border: 5px double #358BC4;
  217. border-collapse: separate;
  218. border-spacing: 3px 3px;
  219. padding: 3px;
  220. margin: 0 auto;
  221. th, td {
  222. text-align: center;
  223. padding: 5px;
  224. border-radius: 15px;
  225. empty-cells: hide;
  226. }
  227. th {
  228. background-color: #000;
  229. border-color: #89003B;
  230. border-style: double;
  231. border-width: 3px;
  232. color: #D88FC2;
  233. }
  234. td {
  235. background-color: #358BC4;
  236. border-color: #89003B;
  237. border-style: double;
  238. border-width: 3px;
  239. color: #89003B;
  240. }
  241. }
  242. span.bbcode_tooltip {
  243. border-bottom: 0.5px dashed white;
  244. }
  245. .tooltip_content {
  246. background-color: #197EB9;
  247. color: #FF7CB7;
  248. box-shadow: 0 0 3.5px #000, 0 0 3.5px #000;
  249. text-shadow: 0 0 5.5px #000, 0 0 5.5px #000;
  250. border-color: #63C3ED;
  251. border-style: double;
  252. border-width: 2px;
  253. border-radius: 15px;
  254. }
  255. .expbar {
  256. padding: 3px;
  257. background: #197EB9;
  258. color: #FF7CB7;
  259. text-shadow: 0 0 5.5px #000, 0 0 5.5px #000;
  260. border: 3px double #63C3ED;
  261. border-radius: 15px;
  262. }
  263. .expbar div {
  264. background: #ff95c2;
  265. border-right: 3px double #63C3ED;
  266. border-radius: 15px;
  267. }
  268. .expbar span {
  269. color: #fff;
  270. }
  271. [/style]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement