SHARE
TWEET

Discord style about

Infernapefan2 Sep 9th, 2018 21 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [styleclass=background][
  2. ][styleclass=bar][css=margin-left:110px;]Jessie
  3. [size=10]Female | 16 | Geek[/size][/css][/styleclass][styleclass=bar2]Hello[/styleclass][styleclass=icon][/styleclass][styleclass=tabbox][/styleclass][
  4.  
  5.  
  6. ][styleclass=maindiv][css=margin-top: -10px;][progress="[inventory=Helix Orb]/100"][item=Helix Orb]  Helix Orbs [pkmn=Deoxys][/progress][css=font-weight: 500; font-size: 14px;text-align: left; font-family: Arial; margin-left: 0px; margin-top: 0px;][center][url=https://dragcave.net/view/DLcOg][img]https://dragcave.net/image/DLcOg.gif[/img][/url][url=https://dragcave.net/view/twOST][img]https://dragcave.net/image/twOST.gif[/img][/url][url=https://dragcave.net/view/uJhHy][img]https://dragcave.net/image/uJhHy.gif[/img][/url][/center][/css][/css][hr]
  7. Age: 16
  8. Interests: Anime, Marvel/DC, LoZ, V: LD, Drawing, and Coding.[/styleclass][
  9.  
  10. ][styleclass=tabs][accordion]
  11. [a-section="[css=margin-top:4px;][tip=TAB 1]★[/tip][/css]"][u]Goals[/u]
  12.  
  13. Im working on learning the ins and outs of computers, mainly networking for now. I have my A+ and IT fundamentals certification, and Im working on getting my CCT and CCENT this year.[/a-section]
  14. [a-section="[css=margin-top:4px;][tip=TAB 2]★[/tip][/css]"][u][/u][/a-section]
  15. [a-section="[css=margin-top:4px;][tip=TAB 3]★[/tip][/css]"]TAB 3 CONTENT[/a-section]
  16. [a-section="[css=margin-top:4px;][tip=TAB 4]★[/tip][/css]"]TAB 4 CONTENT[/a-section]
  17. [a-section="[css=margin-top:4px;][tip=TAB 5]★[/tip][/css]"]TAB 5 CONTENT[/a-section]
  18. [a-section="[css=margin-top:4px;][tip=TAB 6]★[/tip][/css]"]TAB 6 CONTENT[/a-section]
  19. [/accordion][/styleclass][
  20. ][styleclass=cred]
  21. ★[url=https://pokefarm.com/forum/post/2544767]Code: Esme[/url]★
  22. ★BG:Pexels.com★
  23. ★Icon:PastelBlood★[/styleclass][/styleclass]
  24.  
  25. [style]
  26. .background{
  27.   background-image: url("https://i.imgur.com/Q0ZlkOe.png");
  28.   width: 310px;
  29.   height: 389px;
  30.   position:relative;
  31. }
  32.  
  33. a:hover {
  34.     color: black;
  35.     text-decoration:none;
  36.     -webkit-transition: all .3s linear 0s;
  37.     -moz-transition: all .3s linear 0s;
  38.     -ms-transition: all .3s linear 0s;
  39.     -o-transition: all .3s linear 0s;
  40.     transition: all .3s linear 0s;
  41. }
  42. a {
  43.     color: black;
  44.     -webkit-transition: all .3s linear 0s;
  45.     -moz-transition: all .3s linear 0s;
  46.     -ms-transition: all .3s linear 0s;
  47.     -o-transition: all .3s linear 0s;
  48.     transition: all .3s linear 0s;
  49.  
  50. }
  51.  
  52. .icon {
  53. width: 81px;
  54. height: 81px;
  55. background-size: 81px 81px;
  56. background-image: url("https://i.imgur.com/AOKeIek.png?1");
  57.  border: rgba(255,255,255,0.8) 2px solid;
  58.  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  59. border-radius: 0px;
  60. top: 60px;
  61. position: absolute;
  62. left: 13px
  63. }
  64. .bar{
  65. background: #2b2d30;
  66. color: #eaebeb;
  67. height: 320px;
  68. position: absolute;
  69. width: 298px;
  70. top: 97px;
  71. left: 0px;
  72. padding: 6px;
  73. font-family: calibri;
  74. font-size: 20px;
  75. font-weight: 900;
  76. line-height: 12px;
  77. }
  78. .bar2{
  79. background: linear-gradient(to bottom, #864f9a,#9260a4, #909497);
  80. color: #dde1ef;
  81. position: absolute;
  82. top: 134px;
  83. left: 5px;
  84. padding: 15px 15px 5px;
  85. height: 20px;
  86. width: 71px;
  87. text-align: center;
  88. font-size: 15px;
  89. line-height: 20px;
  90. }
  91. .tabbox{
  92. background: #909497;
  93. width: 101px;
  94. position: absolute;
  95. left: 5px;
  96. top: 174px;
  97. height: 210px;
  98. }
  99. .tabs {
  100. .panel h3 > a > svg {
  101.     display:none;
  102. }
  103. }
  104. .panel {
  105.    position: absolute;
  106. height: 0px;
  107. width: 120px;
  108. border-radius: 0px;
  109.     border: 0px;
  110. top: 170px;
  111. left: -43px;
  112. }
  113.  
  114. .tabs>.panel>h3 {
  115. margin: -50px;
  116. margin-bottom: -6px;
  117.   margin-top: 6px;
  118.   margin-left: 50px;
  119.   background: #9260a4;
  120. color: green;
  121. display: inline-block;
  122.  border: rgba(255,255,255,0.3) 2px solid;
  123. font-family: arial;
  124. border-radius: 100px;
  125. width: 20px;
  126. height: 19px;
  127. text-align: center;
  128.   -webkit-transition: background ease-in-out 0.2s;
  129.   transition: background ease-in-out 0.2s;
  130.   -o-transition: background ease-in-out 0.2s;
  131.   -moz-transition: background ease-in-out 0.2s;
  132.  
  133. }
  134.  
  135. .panel>h3:hover {
  136. background-color: #a074af; }
  137.  
  138.  
  139.  
  140. .tabs .panel>h3 a {
  141.   color: #37243e;
  142.   font-size: 11px;
  143. }
  144.  
  145. .tabs .panel>h3 a:hover {
  146. color: #6e487b;
  147.  }
  148.  
  149. .tabs .panel>div {
  150. width: 189px;
  151. height: 240px;
  152. background: #e7e8ea;
  153. color: #474747;
  154. font-family: arial;
  155. font-size: 12px;
  156. position: absolute;
  157. top: -36px;
  158. left: 149px;
  159. padding: 5px;
  160. overflow: hidden;
  161. }
  162.  
  163.  
  164.  
  165. .maindiv{
  166. width: 189px;
  167. height: 240px;
  168. background: #e7e8ea;
  169. color: #474747;
  170. font-family: arial;
  171. font-size: 12px;
  172. position: absolute;
  173. top: 134px;
  174. left: 106px;
  175. padding: 5px;
  176. border-radius: 0px;
  177. overflow: hidden;
  178. }
  179.  
  180. .cred {
  181. position: absolute;
  182. line-height: 12px;
  183. font-family: calibri;
  184. font-size: 12px;
  185. color: #e3e3e3;
  186. top: 333px;
  187. width: 101px;
  188. left: 6px;
  189. background: none;
  190. text-align: center;}
  191.  
  192. .expbar{
  193. background-color: white;
  194.  border: 1px solid #ecebeb;
  195. border-radius: 0px;
  196. color:#474747;
  197. font-family: calibri;
  198.  box-shadow:  
  199.     0 0 0 1px #b3b2b2;
  200. }
  201. .expbar>div{
  202. background-color:#9260a4;
  203. border: white;  
  204. color:#474747;
  205. }
  206. hr {
  207.     display: block;
  208.     border: 1px solid #bababa;
  209. }
  210. .bbcode_tooltip {
  211. border: none;
  212. }
  213.  
  214. .tooltip_content {
  215. min-width: 40px;
  216.  margin-top: 10px;
  217.  font-size: 12px;
  218.   text-align: center;
  219.    font-family: calibri light;
  220. background: #2b2d30;
  221. color: white;
  222.  border: none;
  223. border-radius: 20px;
  224. }
  225. table {
  226. margin: 0px auto;
  227. border: 0px;
  228. }
  229. td {
  230. border: 0.5px solid #3e5252;
  231. background: #414347;
  232. color: #eaebeb;
  233. text-align: center;
  234. }
  235. th {
  236. border: 0px;
  237. background-color: #2b2d30;
  238. border: 1px solid #2b2d30;
  239. color: #eaebeb;
  240. text-align: center;
  241. padding: 2px;
  242. }
  243. [/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