TheRaltsGoesSqueak

PFQ About - Brightest Hour

Apr 20th, 2017
2,390
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [sc=background]
  2. [sc=tabbox][sc=tabbed_interface horizontal][ul]
  3. [li][/li]
  4. [li]TAB 1[/li]
  5. [li]TAB 2[/li]
  6. [li]TAB 3[/li]
  7. [li]TAB 4[/li]
  8. [li]TAB 5[/li]
  9. [/ul][
  10. ][sc=tab-active]Home page. DO NOT ADD TEXT TO THE FIRST TAB'S TITLE.[/sc][
  11. ][sc=tab]Content 1[/sc][
  12. ][sc=tab]Content 2[/sc][
  13. ][sc=tab]Content 3[/sc][
  14. ][sc=tab]Content 4[/sc][
  15. ][sc=tab]Content 5[/sc][
  16. ][/sc]
  17. [/sc][sc=cred][url=https://pokefarm.com/forum/post/2131540]code[/url]* Official Steven Universe gif[/sc][/sc]
  18.  
  19. [style]
  20. a:hover {
  21. color: #9f1a24;
  22. -webkit-transition: all .1s linear 0s;
  23. }
  24. a {
  25. color: #6c1151;
  26. -webkit-transition: all .1s linear 0s;
  27. }
  28. .cred{
  29. color: #9f1a24;
  30. font-family: calibri light;
  31. font-size: 10px;
  32. margin-left: 6px;
  33. margin-top: 10px;
  34. }
  35. .background{
  36. background: #eededf;
  37. margin: auto;
  38. width: 310px;
  39. }
  40. .tabbed_interface{
  41. margin: 0;
  42. >ul {
  43. >li {
  44. border: 1px solid #ffbbbb;
  45. background: black;
  46. padding: 3px;
  47. margin: 1px;
  48. top: 151px;
  49. width: 51px;
  50. position: absolute;
  51. overflow: hidden;
  52. text-align: center;
  53. color: black;
  54. font-size:11px;
  55. text-transform:uppercase;
  56. letter-spacing: 0.5px;
  57. font-family:Calibri Light;
  58. cursor: pointer;
  59. -webkit-transition: all .2s linear 0s;
  60. -moz-transition: all .2s linear 0s;
  61. -ms-transition: all .2s linear 0s;
  62. -o-transition: all .2s linear 0s;
  63. transition: all .2s linear 0s;
  64. }
  65. >li:nth-child(1) {
  66. position: absolute;
  67. top: 8px;
  68. left: 9px;
  69. height: 130px;
  70. width: 270px;
  71. border: 7px solid #ffbbbb;
  72. background-image: url("https://media.giphy.com/media/seOZuazL72UIU/giphy.gif");
  73. background-size: cover;
  74. padding: 3px;
  75. color: transparent;
  76. }
  77. >li:nth-child(2) {
  78. left: 9px;
  79. background: #f1a9ae;
  80. }
  81. >li:nth-child(3) {
  82. left: 67px;
  83. background: #f19ba2;
  84. }
  85. >li:nth-child(4) {
  86. left: 125px;
  87. background: #f1a9ae;
  88. }
  89. >li:nth-child(5) {
  90. left: 183px;
  91. background: #f19ba2;
  92. }
  93.  
  94. >li:nth-child(6) {
  95. left: 240px;
  96. background: #f1a9ae;
  97. }
  98. li:nth-child(n+2):hover {
  99. background: #ffe3e3;
  100. -webkit-transition: all .2s linear 0s;
  101. -moz-transition: all .2s linear 0s;
  102. -ms-transition: all .2s linear 0s;
  103. -o-transition: all .2s linear 0s;
  104. transition: all .2s linear 0s;
  105.  
  106. }
  107. li:nth-child(n+2){
  108. &.tab-active {
  109. color: #9f1a24;
  110. background: #ffe3e3;
  111. }}
  112. }
  113. >div {
  114. border-radius: 0;
  115. border: none;
  116. animation: 0.5s fade;
  117. min-height: 10px;
  118. text-align: center;
  119. position: relative;
  120. background: none;
  121. margin-top: 0px;
  122. margin-bottom: -18px;
  123. color: #9f1a24;
  124. font-family: Calibri;
  125. letter-spacing: 0.5px;
  126. font-size: 14px;
  127. box-shadow:0 0 0 transparent;
  128. padding: 3%;
  129. }}
  130. .tabbox{
  131. border: 1px solid #ffbbbb;
  132. border-radius: 0px;
  133. margin: 10px;
  134. margin-top: 153px;
  135. margin-bottom: -10px;
  136. background: white;
  137. }
  138. .panel h3 > a > svg {
  139. display:none;
  140. }
  141. .panel {
  142. border: none;
  143. font-family: calibri;
  144. box-shadow:0 0 0 transparent;
  145. &>h3 {
  146. background: #f1a9ae;
  147. color: black;
  148. text-align: center;
  149. border-radius: 0px;
  150. border: none;
  151. font-size: 12px;
  152. }
  153. &>div {
  154. background: white;
  155. color: #9f1a24;
  156. border-radius: 0px;
  157. border: 1px solid #f1a9ae;
  158. border-top: none;
  159. }}
  160. table {
  161. margin: 0px auto;
  162. border: 0px;
  163. }
  164. td {
  165. border: 1px solid #f1a9ae;;
  166. background-color: white;
  167. color: #9f1a24;
  168. text-align: center;
  169. }
  170. th {
  171. border: 0px;
  172. background-color: #f1a9ae;
  173. padding: 3px;
  174. color: #9f1a24;
  175. text-align: center;
  176. }
  177.  
  178. .expbar {
  179. border-radius: 0px;
  180. background: white;
  181. border: 1px solid #f1a9ae;
  182. text-align: top;
  183. font-family: times;
  184. color: #9f1a24;
  185. line-height: 15px;
  186. overflow: hidden;
  187. }
  188. .expbar div {
  189. background: #f1c3c7;
  190. border: 0px;
  191. }
  192. .tooltip_content {
  193. font-size: 14px;
  194. text-align:center;
  195. font-family: calibri;
  196. min-width:100px;
  197. background: white;
  198. color: #9f1a24;
  199. border-radius: 0px;
  200. border: 1px solid #9f1a24;
  201. }
  202. span.bbcode_tooltip {
  203. border-bottom: 1px dotted #9f1a24;
  204. }
  205. [/style]
RAW Paste Data