SHARE
TWEET

PFQ About - "Midnight City"

TheRaltsGoesSqueak Feb 14th, 2019 (edited) 398 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [sc=bg][sc=bg2][sc=header][i]>> keep this
  2. at most two lines[/i][/sc][sc=iconborder][sc=iconpic][/sc][/sc][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. [/ul][
  8. ][sc=tab-active]TAB 1 CONTENT[/sc][
  9. ][sc=tab]TAB 2 CONTENT[/sc][
  10. ][sc=tab]TAB 3 CONTENT[/sc][
  11. ][sc=tab]TAB 4 CONTENT[/sc][
  12. ][/sc][/sc][/sc][sc=cred][url=https://pokefarm.com/forum/post/4362483]code[/url]* [url=https://www.pexels.com/photo/gray-concrete-road-near-buildings-1046477/]Stock[/url] * official TCG art[/sc][/sc]
  13.  
  14. [style]
  15. a:hover {
  16. color: #00ffff;
  17.     -webkit-transition: all .1s linear 0s;
  18. text-shadow: 0 0 8px #00ffff;
  19. }
  20. a {
  21.     color: #ff4ffd;
  22.     -webkit-transition: all .1s linear 0s;
  23. text-shadow: 0 0 8px #ff4ffd;
  24. }
  25. .bg{
  26. border-radius: 10px;
  27. height: 290px;
  28.  background-image: url("https://i.imgur.com/YE3wDL6.png");
  29.   width: 310px;
  30.   position:relative;
  31. }
  32. .bg2{
  33. position: absolute;
  34. height: 260px;
  35.  background: rgba(64,0,88, 0.6);
  36.   width: 290px;
  37. left: 10px;
  38. top: 10px;
  39. box-shadow: 0 0 8px #00ffff;
  40.   position:relative;
  41. border-radius: 10px;
  42. }
  43. .header{
  44. text-shadow: 0 0 8px #00ffff;
  45. font-size: 14px;
  46. padding: 5px;
  47. color: #00ffff;
  48. font-family: calibri light;
  49. font-variant: small-caps;
  50. text-transform: lowercase;
  51. text-align: center;
  52. }
  53. .iconborder{
  54. position: absolute;
  55. top: 40px;
  56. left: 8px;
  57. border: 3px double #00ffff;
  58.   width: 59px;
  59.   height:59px;
  60.   margin: 15px;
  61.   -ms-transform: rotate(-45deg);
  62.   -webkit-transform: rotate(-45deg);
  63.   transform: rotate(-45deg);
  64.   overflow: hidden;
  65. }
  66. .iconpic{
  67.   background: url("https://i.imgur.com/l890AI4.png");
  68.   width: 90px;
  69.   height: 90px;
  70. background-size: 90px;
  71.   margin: -15px;
  72.   -ms-transform: rotate(45deg);
  73.   -webkit-transform: rotate(45deg);
  74.   transform: rotate(45deg);
  75. }
  76. .divcolor{
  77. border: 3px double #ff4ffd;
  78. position: absolute;
  79. top: 42px;
  80. left: 110px;
  81. height: 202px;
  82. width: 162px;
  83. background: rgba(0,0,0,0.5);
  84. border-radius: 0px;
  85. border-radius: 10px;
  86. }
  87. .tabbed_interface{
  88. box-shadow:0 0 0 transparent;
  89. margin: 0;
  90. >ul {
  91. >li {
  92. padding: 1px;
  93. display: inline-block;
  94.  border: 3px double #00ffff;
  95. border-radius: 10px;
  96. text-shadow: 0 0 8px #ff4ffd;
  97. background: rgba(0,0,0,0.5);
  98. color: #ff4ffd;
  99. margin: 1px;
  100. left: -105px;
  101. width: 85px;
  102. height: 14px;
  103. position: absolute;
  104. overflow: hidden;
  105.  text-align: center;
  106. font-size:14px;
  107. letter-spacing: 0.5px;
  108. font-family: calibri light;
  109. font-variant: small-caps;
  110. text-transform: lowercase;
  111. line-height: 13px;
  112. cursor: pointer;
  113. -webkit-transition: all .2s linear 0s;
  114.     -moz-transition: all .2s linear 0s;
  115.     -ms-transition: all .2s linear 0s;
  116.     -o-transition: all .2s linear 0s;
  117.     transition: all .2s linear 0s;
  118. }
  119. >li:nth-child(1) {
  120. top: 98px;
  121.  
  122. }
  123. >li:nth-child(2) {
  124.  
  125. top: 126px;
  126.  
  127. }
  128. >li:nth-child(3) {
  129.  
  130. top: 154px;
  131.  
  132. }
  133. >li:nth-child(4) {
  134.  
  135. top: 182px;
  136.  
  137.  
  138.  
  139. }
  140. li:hover {
  141. text-shadow: 0 0 8px #00ffff;
  142. color: #00ffff;
  143. border: 3px double #ff4ffd;
  144.      background: rgba(0,0,0,0.5);
  145.     -webkit-transition: all .2s linear 0s;
  146.     -moz-transition: all .2s linear 0s;
  147.     -ms-transition: all .2s linear 0s;
  148.     -o-transition: all .2s linear 0s;
  149.     transition: all .2s linear 0s;
  150.  
  151. }
  152. li{
  153. &.tab-active {
  154. text-shadow: 0 0 8px #00ffff;
  155. color: #00ffff;
  156. border: 3px double #ff4ffd;
  157.   background: rgba(0,0,0,0.5);
  158. }}
  159. }
  160. >div {
  161. text-shadow: 0 0 8px #00ffff;
  162. color: #00ffff;
  163. margin-top: -3px;
  164. margin-left: -3px;
  165. height: 188px;
  166. width: 148px;
  167. border-radius: 0px;
  168. border: none;
  169. animation: 0.5s fade;
  170. min-height: 10px;
  171. text-align: center;
  172. position: relative;
  173. background: none;
  174. font-family: Calibri;
  175. letter-spacing: 0.5px;
  176. font-size: 12px;
  177. box-shadow:0 0 0 transparent;
  178. padding: 10px;
  179. overflow: hidden;
  180. }}
  181. .cred{
  182. >a { color: white;
  183.  text-shadow:
  184.     -1px -1px 0 #150025,
  185.     1px -1px 0 #150025,
  186.     -1px 1px 0 #150025,
  187.     1px 1px 0 #150025; }
  188. margin-top: 12px;
  189. font-size: 14px;
  190. color: white;
  191.  text-shadow:
  192.     -1px -1px 0 #150025,
  193.     1px -1px 0 #150025,
  194.     -1px 1px 0 #150025,
  195.     1px 1px 0 #150025;
  196. font-family: calibri light;
  197. font-variant: small-caps;
  198. text-transform: lowercase;
  199. text-align: center;
  200. }
  201. .panel h3 > a > svg {
  202.     display:none;}
  203. .panel {
  204. background: none;
  205. border: none;
  206. font-family: calibri light;
  207. box-shadow:0 0 0 transparent;
  208. &>h3 {
  209. background: rgba(0,0,0,0.2);
  210. border: 3px double #00ffff;
  211.   color: #ff4ffd;
  212. text-shadow: 0 0 8px #ff4ffd;
  213. text-align: center;
  214. font-size: 13px;
  215. text-transform:uppercase;
  216. font-weight: normal;  color: #ff4ffd;
  217. text-shadow: 0 0 8px #ff4ffd;
  218. letter-spacing: 0.5px;
  219. border-radius: 0px;
  220. }
  221. &>div {
  222. text-shadow: 0 0 8px #00ffff;
  223. background: rgba(0,0,0,0.2);
  224. border: 3px double #00ffff;
  225.   color: #ff4ffd;
  226. text-shadow: 0 0 8px #ff4ffd;
  227.  
  228. border-top: none;
  229. }}
  230.    table {
  231.          margin: 0px auto;
  232.     border: 1px solid #22243A;
  233.        
  234.         }
  235.     td {
  236. background: rgba(0,0,0,0.4);
  237. border: 3px double #00ffff;
  238.        color: #ff4ffd;
  239. text-shadow: 0 0 8px #ff4ffd;
  240.         text-align: center;
  241.         }
  242.     th {
  243.         border: 0px;
  244.       background: rgba(0,0,0,0.4);
  245. border: 3px double #00ffff;
  246.         padding: 3px;
  247.          color: #ff4ffd;
  248. text-shadow: 0 0 8px #ff4ffd;
  249.         text-align: center;
  250. }
  251.  
  252. .expbar {
  253. border: 3px double #00ffff;
  254. border-radius: 0px;
  255. padding: -10px;
  256. background: rgba(0,0,0,0.4);
  257. font-family: calibri;
  258.  color: #ff4ffd;
  259. text-shadow: 0 0 8px #ff4ffd;
  260. overflow: hidden;
  261. }
  262. .expbar div {
  263. background: rgba(0,0,0,0.7);
  264. border: 1px solid rgba(118,50,107);
  265.  border: 0px;
  266. }
  267. .tooltip_content {
  268.   font-size: 14px;
  269.   text-align:center;
  270.    font-family: calibri;
  271. background: rgba(0,0,0,0.7);
  272. border: 3px double #ff4ffd;
  273.   color: #00ffff;
  274.   border-radius: 5px;
  275. }
  276. span.bbcode_tooltip {
  277.     border-bottom: 1px dotted #ff4ffd;
  278. }
  279. ::-moz-selection { background: #ff4ffd; color: white;}
  280. ::selection { background:  #ff4ffd; color: white;}
  281. [/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