SHARE
TWEET

DrWho About

Infernapefan2 Sep 9th, 2018 23 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [style]
  2.  //Change your avatar, Max dimensions are 100x100.
  3.     .pic {background-image: url("https://i.imgur.com/B7CJ72M.png");}
  4.  
  5.  //Change your cover. Width is 310px.
  6. .cover {background-image: url("https://gifgifs.com/res/0117/58694fc600fc9540960162.gif");}
  7.  
  8. //Adjust height of your cover image
  9. .cover:hover {height: 174px;}
  10. [/style]
  11. [styleclass=frame][styleclass=cover][/styleclass][styleclass=bar][/styleclass][styleclass=pic][/styleclass]
  12.  
  13.  
  14. [styleclass=name]Infernapefan2[/styleclass]
  15.  
  16.  
  17. [styleclass=home][h3]About me[/h3][size=11][b]♀[/b] | 15 | [img]https://piskel-imgstore-b.appspot.com/img/f1c68b1c-6642-11e6-9fab-3923a4b750a8.gif[/img][/size]
  18.  
  19. [b]Name:[/b] Jessie, but Infernape works too.
  20. [b]Languages:[/b] [tip=American Sign Language]ASL[/tip] and English
  21.  
  22. 4 hrs behind server time
  23.  
  24. Full of stress and anxiety (╥﹏╥)
  25. But Anime and Music are lovely stress-relievers
  26. \(⌒▽⌒)/
  27. [/styleclass]
  28.  
  29.  
  30. [styleclass=content]
  31. [styleclass=one][pit=More][h3]About me (cont.)[/h3]
  32. For music, I love Panic! At the Disco, My Chemical Romance, Nathan Sharp, etc.
  33.  
  34. Some Animes I love are [tip=Brotherhood included]Fullmetal Alchemist[/tip], Seven Deadly Sins, Death Note and more.[/pit][/styleclass]
  35.  
  36. [styleclass=two][pit=Links][h3]Shops/Other Links[/h3]
  37. [url=https://pokefarm.com/forum/thread/30457/Dewbro-s-Shop-of-Wonders-Open]Trade Shop[/url]
  38.  
  39. [url=https://pokefarm.com/forum/thread/29561/Jessie-s-Art-Shop-OPEN]Art Shop[/url]
  40.  
  41. [url=https://pokefarm.com/forum/thread/30524/Jessie-s-Freebies-OPEN]Freebies[/url]
  42.  
  43. [url=https://pokefarm.com/forum/thread/30764/Jessie-s-Journal]Journal[/url][/pit][/styleclass]
  44.  
  45. [styleclass=three][pit=Pals][h3]Friends[/h3][url=https://pokefarm.com/user/Beemoji]Bee[/url]
  46.  
  47. [url=https://pokefarm.com/user/hunterrex11]Haille[/url]
  48.  
  49. [url=https://pokefarm.com/user/Esmathekey]Esma[/url]
  50.  
  51. [url=https://pokefarm.com/user/Weasel]Weasel[/url]
  52.  
  53. Feel free to PM me!
  54. I usually reply, esspcially to any questions/comments.[/pit][/styleclass]
  55. [styleclass=four][pit=Credit][h3]Credit[/h3]
  56. Background image: Offical Seven Deadly Sins gif
  57.  
  58. Circled Image: Made for me by [url=https://pokefarm.com/user/Kawasemi]Kawasemi[/url][/pit][/styleclass]
  59.  
  60.  
  61. [/styleclass]
  62. [styleclass=x][url=http://pfq.link/~7MLY][styleclass=linktoforum]♥ code[/styleclass][/url][/styleclass]
  63. [/styleclass]
  64.  
  65.  
  66. [style]
  67. //Color change starts here.
  68. @outerBGColor: #689DAB;
  69. @linesColor: #fff;
  70. @linesBorder: 4px double #297280; //enter 'none' for no border
  71.  
  72. @nameColor: #fff;
  73.  
  74. @contentBGColor: #E4EFF1;
  75. @contentTextColor: #09292E;
  76. @contentLinkColor: #297280;
  77. @tabBGColorOdd: #C6E7F0;
  78. @tabBGColorEven: #297280;
  79. @fontFamily: Georgia, Geneva, sans-serif;
  80.  
  81. @heartColor: #fff;
  82. //Color change ends here.
  83.  
  84.  
  85. //Height - increase equally
  86. @contentHeight: 170px;
  87. @frameHeight: 340px; //contentHeight +170px;
  88.  
  89. //Mosty layout stuff below here.
  90.  
  91. //Homepage
  92. .home {
  93.     position: absolute;
  94.     top: 145px;
  95.     left: 9px;
  96.     border:none;
  97.     border-radius: 0px;
  98.     height: @contentHeight;
  99.     width: 288px;
  100.     border-radius: none;
  101.     background-color: @contentBGColor;
  102.     padding: 10px 2px 2px 2px;
  103.     text-align: center;
  104.     font-family: @fontFamily;
  105.     color: @contentTextColor;
  106.     overflow: hidden;
  107.     font-size: 12px;
  108.     border-top-left-radius: 15px;
  109.     border-bottom-left-radius: 15px;
  110.     border-bottom-right-radius: 15px;
  111. }
  112.  
  113. //Tabs
  114. .content {
  115.     position: absolute;
  116.     top: 115px;
  117.     left: 146px;
  118.     height: 30px;
  119.     width: 148px;
  120. }
  121. .one,.two,.three,.four {
  122.     position: absolute;
  123.     height: 100%;
  124.     width: 30%;
  125.     top: 0px;
  126.     text-align: center;
  127.     line-height: 30px;
  128.     border-bottom: none;
  129.     font-size: 12px;
  130.     text-decoration: underline;
  131.     font-family: @fontFamily;
  132.     color: @contentTextColor;
  133. }
  134. .one {left:-15.%}
  135. .two {left: 15%;}
  136. .three {left: 45.1%;}
  137. .four {left: 75%;}
  138. .one > .bbcode_tooltip, .two > .bbcode_tooltip, .three > .bbcode_tooltip,  .four > .bbcode_tooltip {
  139.     border-bottom: none;
  140.     color: @contentTextColor;
  141. }
  142. .content > div:nth-of-type(odd) {background-color: @tabBGColorOdd;}
  143. .content > div:nth-of-type(even) {background-color: @tabBGColorEven;}
  144. .one {border-top-left-radius: 15px;}
  145. .four {border-top-right-radius: 15px;}
  146.  
  147. //Content
  148. .one > .tooltip_content, .two > .tooltip_content, .three > .tooltip_content, .four > .tooltip_content {
  149.     position: absolute;
  150.     top: 30px;
  151.     border:none;
  152.     border-radius: 0px;
  153.     height: @contentHeight;
  154.     width: 288px;
  155.     background-color: @contentBGColor;
  156.     padding: 10px 2px 2px 2px;
  157.     text-align: center;
  158.     font-family: @fontFamily;
  159.     color: @contentTextColor;
  160.     overflow: hidden;
  161.     font-size: 12px;
  162.     border-top-left-radius: 15px;
  163.     border-bottom-left-radius: 15px;
  164.     border-bottom-right-radius: 15px;
  165. }
  166. .one > .tooltip_content {
  167.         left: -114px;
  168. }
  169. .two > .tooltip_content {
  170.         left: -159px;
  171. }
  172. .three > .tooltip_content {
  173.         left: -203px;
  174. }
  175. .four > .tooltip_content {
  176.         left: -248px;
  177. }
  178.  
  179. //Frame, General
  180. .frame {
  181.    height: @frameHeight; //@contentHeight + 170px;
  182.    width: 310px;
  183.    position: relative;
  184.    background-color: @outerBGColor;
  185.    
  186. }
  187. a {
  188.    color: @contentLinkColor;
  189.    font-weight: bold;
  190.    text-decoration: underline;
  191. }
  192.  
  193. //Cover
  194. .cover {
  195.    height: 100px;
  196.    width: 100%;
  197.    position: absolute;
  198.    top:0px;
  199.    left:0px;
  200.    background-color: @outerBGColor;
  201.    opacity: 0.7;
  202.    transition: height 0.4s, opacity 0.4s, top 0.4s, opacity 0.4s;
  203.    -webkit-transition: height 0.4s, opacity 0.4s, top 0.4s, opacity 0.4s;
  204.    -o-transition: height 0.4s, opacity 0.4s, top 0.4s, opacity 0.4s;
  205.    -moz-transition: height 0.4s, opacity 0.4s, top 0.4s, opacity 0.4s;
  206. }
  207. .cover:hover {
  208.    z-index: 99;
  209.    opacity: 1;
  210.    box-shadow: 0 5px 5px rgba(0,0,0,0.75);
  211.  
  212. }
  213. .cover:hover ~ .bar {top:176px; height: 0px;}
  214. .cover:hover ~ .pic {top: 130px;}
  215. .cover:hover ~ .name {top: 176px;}
  216.  
  217.  
  218. //Bar
  219. .bar {
  220.    height: 0px;
  221.    width: 100%;
  222.    position: absolute;
  223.    top: 100px;
  224.    background-color: white;
  225.    border:  @linesBorder;
  226.    transition: top 0.4s, height 0.4s;
  227.    margin-left: -3px;
  228. }
  229.  
  230. //Avatar
  231. .pic {
  232.     height: 100px;
  233.     width: 100px;
  234.     border: 6px solid @linesColor;
  235.     border-radius: 100%;
  236.     position: absolute;
  237.     top: 25px;
  238.     left: 15px;
  239.     background-repeat: no-repeat;
  240.     background-position: center;
  241.     background-color: @outerBGColor;
  242.     transition: top 0.4s;
  243. }
  244.  
  245. //Username
  246. .name {
  247.     font-size: 20px;
  248.     font-family: @fontFamily;
  249.     color: @nameColor;
  250.     position: absolute;
  251.     top: 76px;
  252.     left: 146px;
  253.     transition: top 0.4s;
  254. }
  255.  
  256.  
  257. //Heart
  258. .x {font-size: 10px; font-family: @fontFamily; position: absolute; bottom: 1.5px; right: 20px; height: 11px; width: 11px; line-height: 11px; overflow: hidden; text-align: center; letter-spacing: 1px;
  259.     transition: width 0.4s, right 0.4s, background-color 0.4s, right 0.4s;
  260.     }
  261. .x a {
  262.     color:  @heartColor;
  263.     text-decoration: none;
  264.     font-weight: normal;
  265. }
  266. .x:hover {
  267.     width: 45px;
  268.     background-color: @heartColor;
  269. }
  270. .x:hover a{
  271.     color: @outerBGColor;
  272. }
  273.  
  274.  
  275. //Browser support
  276. .x {
  277.      -webkit-transition: width 0.4s, right 0.4s, background-color 0.4s, right 0.4s;
  278.     -o-transition: width 0.4s, right 0.4s, background-color 0.4s, right 0.4s;
  279.     -moz-transition: width 0.4s, right 0.4s, background-color 0.4s, right 0.4s;
  280. }
  281. .name {
  282.     -webkit-transition: top 0.4s;
  283.     -o-transition: top 0.4s;
  284.     -moz-transition: top 0.4s;
  285. }
  286. .pic {-webkit-transition: top 0.4s;
  287.     -o-transition: top 0.4s;
  288.     -moz-transition: top 0.4s;
  289. }
  290. .bar {
  291.     -webkit-transition: top 0.4s, height 0.4s;
  292.    -o-transition: top 0.4s, height 0.4s;
  293.    moz-transition: top 0.4s, height 0.4s;
  294. }
  295. .cover:hover {
  296.     -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.75);
  297.    -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.75);
  298. }
  299. .tooltip_content {
  300. border:1px solid #297280;
  301. background-color: #E4EFF1;
  302. color: #297280;}
  303. [/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