SHARE
TWEET

PFQ About + Forum template - Open Your Heart

TheRaltsGoesSqueak Apr 30th, 2019 (edited) 218 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [sc=bg][sc=tabbox][sc=img][/sc][sc=name]NAME[/sc][sc=text][i]looks best as ONE line
  2. [/i][/sc][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.  
  10. ][sc=tab]TAB 2 CONTENT[/sc][
  11.  
  12. ][sc=tab]TAB 3 CONTENT[/sc][
  13.  
  14. ][sc=tab]TAB 4 CONTENT[/sc][
  15.  
  16. ][/sc][/sc][sc=cred][url=https://pokefarm.com/forum/post/4549633]code[/url]* Art from Sonic Adventure[/sc][/sc]
  17.  
  18.  
  19. [style]
  20. @font-face {font-family: "Eurostile";
  21. src: url('https://dl.dropboxusercontent.com/s/0evslearmdidt8p/Eurostile.ttf');}
  22. a {
  23.   color: blue;
  24. }
  25.  
  26.  
  27. /* selected link */
  28. a:active {
  29.   color: red;
  30. }
  31. .bg{
  32. background-image: linear-gradient(to right, #878dff, #ffd9f7, #ff71df, #ffd9f7, #878dff);
  33. padding: 4px;
  34. font: 10px calbri light;
  35. color: black;
  36. }
  37. .img{
  38.  background-color: yellow;
  39. height: 80px;
  40. background-image: url("https://info.sonicretro.org/images/thumb/7/70/SA1_FieldImage_SonicSS.png/320px-SA1_FieldImage_SonicSS.png");
  41. position: relative;
  42. background-size: 100%;
  43.  
  44. -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  45.       mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
  46. }
  47. .name{
  48.  color: white;
  49. font-size: 35px;
  50. font-weight: bold;
  51. text-shadow: -2px 2px black, 2px 2px black, 2px 2px black, 2px -2px black,
  52. -2px -2px black, 2px 2px black;
  53. position: relative;
  54. margin-top: -30px;
  55. margin-left: 10px;
  56. margin-bottom: -10px;
  57. font-family: Eurostile;
  58.  
  59. }
  60. .text{
  61. color: #000063;
  62. font-size: 15px;
  63. margin-top: 10px;
  64. margin-left: 10px;
  65. margin-bottom:-20px;
  66. font-family: Eurostile;
  67. font-weight: bold;
  68. }
  69. .tabbed_interface{
  70. margin: 0;
  71. margin-top: 25px;
  72. >ul {
  73. background: none;
  74. margin: 5px;
  75. >li {
  76. margin: 10px;
  77.  border: 1px solid #939393;
  78.          background-image: linear-gradient(#f6f6f6, #dedede);
  79.         text-align: center;
  80.         line-height: 16px;
  81.         padding-top: 2px;
  82.         padding-bottom: 2px;
  83.         font-size: 16px;
  84. font-family: calibri light;
  85.         color: #000000;
  86. cursor: pointer;
  87.  margin-bottom: -5px;
  88. }
  89. li:hover {
  90. border: 1px solid black;
  91. }
  92. >li {
  93. &.tab-active {
  94. border: 1px solid #a5a5a5;
  95.    background-image: linear-gradient(#dedede,#f6f6f6);
  96. }}
  97. }
  98. >div {
  99. border-radius: 0;
  100.         color: #ffc59a;
  101. background: rgba(30,27,27, 0.5);
  102. font-size: 11pt;
  103. font-family: times;
  104. text-align: center;
  105. border: 3px double #dbc1ab;
  106. min-height: 10px;
  107. text-align: center;
  108. position: relative;
  109. margin: 10px;
  110. margin-top: 0px;
  111. padding: 3%;
  112. box-shadow:0 0 0 transparent;
  113. }
  114. >div {
  115. border-radius: 0;
  116. border-radius: 0px;
  117. border: none;
  118. background: none;
  119. color: black;
  120. min-height: 10px;
  121. text-align: center;
  122. position: relative;
  123. margin: 1px;
  124. font-family: sans;
  125. font-size: 15px;
  126. box-shadow:0 0 0 transparent;
  127. }}
  128. .tabbox{
  129. border: 4px solid rgba(255,255,255,0.0);
  130. border: 5px solid #000033;
  131. margin: 10px;
  132. margin-top: 10px;
  133. margin-bottom: 3px;
  134. background-color: #fff;
  135. }
  136. .panel h3 > a > svg {
  137.     display:none;
  138. }
  139. .panel {
  140. background: none;
  141. border: none;
  142. box-shadow:0 0 0 transparent;
  143. &>h3 {
  144. >a { color: black; }
  145.         text-transform: uppercase;
  146. background: linear-gradient(#bebeff, #9c9cff, #7373bd);
  147. color: white;
  148. text-align: center;
  149.  
  150. border: none;
  151. font-size: 15px;
  152. }
  153. &>h3:hover{
  154. >a { color: black; }
  155. background: linear-gradient(#ffffb8, #ffff63, #f8c68d);
  156. }
  157. &>div {
  158. background: #fff;
  159. color: black;
  160. border-radius: 0px;
  161. border: 1px solid #7878c5;
  162. border-top: none;
  163. border-bottom-left-radius: 5px;
  164. border-bottom-right-radius: 5px;
  165. }}
  166. table {
  167. margin: 0px auto;
  168. border: 0px;
  169. }
  170. td {
  171. border: 3px double black;
  172. background: none;
  173. color: blue;
  174. text-align: center;
  175. }
  176. th {
  177. border: 0px;
  178. background-color: white;
  179. border: 3px double black;
  180. color: red;
  181. text-align: center;
  182. padding: 2px;
  183. }
  184.  
  185. .expbar {
  186. border-radius: 0px;
  187. background: #fff;
  188. border: 1px inset #808080;
  189. text-align: top;
  190. color: magenta;
  191. line-height: 15px;
  192. overflow: hidden;
  193. }
  194. .expbar div {
  195. background: #00007f;
  196. border: 1px solid #ae89c4;
  197.  border: 0px;
  198. }
  199. .tooltip_content {
  200. font-family: tahoma;
  201. font-size: 12px;
  202.  border: 1px solid black;
  203. border-radius:0px;
  204.          background: white;
  205.         text-align: center;
  206.         color: #000000;
  207. }
  208. span.bbcode_tooltip {
  209.     border-bottom: 1px dotted blue;
  210. }
  211. .cred{
  212. >a { color: black;}
  213. margin-left: 15px;
  214. }
  215. ::-moz-selection { background: blue; color: white;}
  216. ::selection { background: blue; color: white;}
  217. [/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