SHARE
TWEET

FOR KEI'S USE ONLY

TheRaltsGoesSqueak Aug 13th, 2017 (edited) 76 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [sc=background][css=width:58%; margin-left: -20px; margin-top: -20px;][img]https://i.imgur.com/A6UUmyV.png[/img][/css]
  2.  
  3. [css=background: #8f65cf; color: #0c0a3b; border-radius: 20px; padding: 2px; width: 175px; margin-top: -200px; margin-left: 122px; margin-bottom: 150px; text-align: center;]Kei - 18 - trans - poly[/css]
  4.  
  5. [css=background: #8f65cf; color: #0c0a3b; border-radius: 20px; padding: 2px; width: 175px; margin-top: -177px; margin-left: 122px; margin-bottom: -13px; text-align: center; font-size: 12px; height: 110px;]cram some info or lyrics or something[/css]
  6.  
  7.  
  8. [sc=tabbox][sc=tabbed_interface horizontal][ul]
  9.     [li]TAB 1[/li]
  10.     [li]TAB 2[/li]
  11.     [li]TAB 3[/li]
  12.     [li]TAB 4[/li]
  13.     [li]TAB 5[/li]
  14.     [li]TAB 6[/li]
  15.    
  16. [/ul][
  17. ][sc=tab-active]TAB 1 CONTENT[/sc][
  18. ][sc=tab]TAB 2 CONTENT[/sc][
  19. ][sc=tab]TAB 3 CONTENT[/sc][
  20. ][sc=tab]TAB 4 CONTENT[/sc][
  21. ][sc=tab]TAB 5 CONTENT[/sc][
  22. ][sc=tab]TAB 6 CONTENT[/sc][
  23. ][sc=tab]TAB 7 CONTENT[/sc][
  24. ][/sc]
  25. [/sc][sc=cred]art by Milktcho * code and bg by Esme * for KeiRose's use only[/sc][/sc]
  26.  
  27. [style]
  28. a:hover {
  29. color: #7373eb;
  30.     -webkit-transition: all .1s linear 0s;
  31. }
  32. a {
  33.     color: black;
  34.     -webkit-transition: all .1s linear 0s;
  35. }
  36. .cred{
  37. color: black;
  38. font-family: calibri;
  39. font-size: 10px;
  40. margin-left: 6px;
  41. margin-top: 10px;
  42. }
  43. .background{
  44. background-image: url("https://i.imgur.com/OLmaIpL.png");
  45. width: 310px;
  46. color: #2b4bd7;
  47. font-family: Calibri;
  48. font-size: 15px;
  49. }
  50. .tabbed_interface{
  51. margin: 0;
  52. >ul {
  53. background: none;
  54.  
  55. >li {
  56. display: inline-block;
  57.  border: none;
  58. border-radius: 20px;
  59. background: #7373eb;
  60. height: content;
  61. width: content;
  62. padding: 2px;
  63. margin: 3px;
  64. font-family: calibri;
  65.  text-align: center;
  66.     color: #0c0a3b;
  67.     -webkit-transition: all .3s linear 0s;
  68.     -moz-transition: all .3s linear 0s;
  69.     -ms-transition: all .3s linear 0s;
  70.     -o-transition: all .3s linear 0s;
  71.     transition: all .3s linear 0s;
  72. cursor: pointer;
  73. }
  74. li:hover {
  75. background: #c0b1eb;
  76.     color: #7d7399;
  77.     text-decoration:none;
  78.     -webkit-transition: all .3s linear 0s;
  79.     -moz-transition: all .3s linear 0s;
  80.     -ms-transition: all .3s linear 0s;
  81.     -o-transition: all .3s linear 0s;
  82.     transition: all .3s linear 0s;
  83. }
  84. >li {
  85. &.tab-active {
  86. background: #c0b1eb;
  87. color: #7d7399;
  88. }}
  89. }
  90. li:nth-child(odd){
  91. background: #8f65cf;
  92. }
  93. >div {
  94. border-radius: 20px;
  95. border: none;
  96. background: none;
  97. color: #0c0a3b;
  98. animation: 0.5s fade;
  99. margin-left: -2px;
  100. min-height: 10px;
  101. text-align: center;
  102. position: relative;
  103. margin: 1%;
  104. margin-top: 1%;
  105. font-family: calibri;
  106. font-size: 15px;
  107. padding: 3%;
  108. box-shadow:0 0 0 transparent;
  109. }}
  110. .tabbox{
  111. border: 1px solid #d3dbdd;
  112. border-radius: 10px;
  113. margin: 5px;
  114. margin-top: -30px;
  115. margin-bottom: -10px;
  116. background: white;
  117. }
  118. .panel h3 > a > svg {
  119.     display:none;
  120. }
  121. .panel {
  122. border: none;
  123. font-family: calibri;
  124. box-shadow:0 0 0 transparent;
  125. &>h3 {
  126. background: #7373eb;
  127. color: black;
  128. text-align: center;
  129. border-radius: 0px;
  130. border: none;
  131. font-size: 14px;
  132. }
  133. &>div {
  134. background: white;
  135. color: #3F1372;
  136. border-radius: 0px;
  137. border: 1px solid #7373eb;
  138. border-top: none;
  139. }}
  140.    table {
  141.         margin: 0px auto;
  142.         border: 0px;
  143.         }
  144.     td {
  145.         border: 1px solid #7373eb;
  146.         background-color: white;
  147.         color: #3F1372;
  148.         text-align: center;
  149.         }
  150.     th {
  151.         border: 0px;
  152.         background-color: #7373eb;
  153.         border: 1px solid #7373eb;
  154.         padding: 3px;
  155.         color: #0c0a3b;
  156.         text-align: center;
  157.         }
  158.  
  159. .expbar {
  160. border-radius: 0px;
  161. background: white;
  162. border: 1px solid #b1bdeb;
  163. text-align: top;
  164. font-family: calibri;
  165. color: #150f66;
  166. line-height: 15px;
  167. overflow: hidden;
  168. }
  169. .expbar div {
  170. background: #b1bdeb;
  171.  border: 0px;
  172. }
  173. .tooltip_content {
  174.   font-size: 14px;
  175.   text-align:center;
  176.    font-family: calibri;
  177.  min-width:100px;
  178.   background: white;
  179.   color: #0c0a3b;
  180.   border-radius: 0px;
  181. border: 1px solid #0c0a3b;
  182. }
  183. span.bbcode_tooltip {
  184.     border-bottom: 1px dotted #0c0a3b;
  185. }
  186. ::selection {
  187.     color: white;
  188.     background: #4983da;
  189. }
  190. [/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