Advertisement
ThemeLover

new twxting

Jan 10th, 2019
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.66 KB | None | 0 0
  1. <div style="width: 370px; height: 20px; float: left; line-height: 20px; text-align: justify; color: #dcd1d2; font-family: calibri; font-size: 8px; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px solid #353535;">scroll down</div><p></p><div style="width: 428px; margin: 0px;"><div style="width: 380px; height: 290px; overflow: hidden;"><div style="width: 415px; height: 290px; overflow: auto; line-height: 10px; text-align: justify;"><div style="width: 370px; font-family: calibri; line-height: 9px; text-align: justify; color: #d3d3d3; font-size: 8px; text-transform: uppercase;"><p></p><div style="margin: 0 10px: 10px; height: 140px; text-align: center; color: #111; font-size: 12px; line-height: 14px;">❝ <span style="color: #dcd1d2; font-family: Book Antiqua; font-size: 16px; font-style: Italic; line-height: 20px; text-align: center; text-transform: lowercase;">she hangs the headless upside down to drain.</span><div style="width: 360px; font-family: calibri; line-height: 13px; text-align: center; color: #999; font-size: 8px; text-transform: uppercase; margin-bottom: 10px; border-bottom: 0px solid #353535;"></div><div class="container"><div style="width: 160px; height: 122px; overflow: hidden; border-radius: 7px 7px 0px 0px; float: left; margin: 10px 10px 0px 0px;"><img src="https://66.media.tumblr.com/7e928ab0e6fa903fac8808a1fafcc646/tumblr_oow18bm2EX1w2cr1yo3_r1_250.gif" style="margin: 0px;" width="220"/><div style="margin-top: -105px; 2margin-center: -120px; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); -ms-transform: rotate(1deg); transform: rotate(1deg); height: 12px; color: #eee; font-size: 70px; font-family: 'isabella'; text-shadow: 1px 1px 2px #666; text-transform: lowercase;">angeline</div></div></div><div style="width: 360px; font-family: calibri; line-height: 13px; text-align: center; color: #999; font-size: 8px; text-transform: uppercase; margin-bottom: 10px; border-bottom: 0px solid #353535;"><div style="height: 20px; width: 190px; float: left; margin-top: 10px; line-height: 10px; text-align: center; color: #e5e5e5; font-family: 'Mongolian Baiti'; font-size: 12px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; border-bottom: 1px solid #353535;">Angeline DeLongpre.</div><div style="letter-spacing: 1px; font-family: monospace; font-size: 10px; color: #111; text-transform: uppercase;">VAMPIRE | 26/238 | 1 thread</div>LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT. AENEAN COMMODO LIGULA EGET DOLOR. AENEAN MASSA. SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. DONEC QUAM FELIS, ULTRICIES NEC, PELLENTESQUE EU, PRETIUM QUIS, SEM. NULLA CONSEQUAT MASSA QUIS ENIM. DONEC PEDE JUSTO, FRINGILLA VEL, ALIQUET NEC, VULPUTATE EGET, ARCU.LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT. AENEAN COMMODO LIGULA EGET DOLOR. AENEAN MASSA. SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. DONEC QUAM FELIS, ULTRICIES NEC, PELLENTESQUE EU, PRETIUM QUIS, SEM. NULLA CONSEQUAT MASSA QUIS ENIM. DONEC PEDE JUSTO, FRINGILLA VEL, ALIQUET NEC, VULPUTATE EGET, ARCU.. LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT. AENEAN COMMODO LIGULA EGET DOLOR. AENEAN MASSA. SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. DONEC QUAM FELIS, ULTRICIES NEC, PELLENTESQUE EU, PRETIUM QUIS, SEM. NULLA CONSEQUAT MASSA QUIS ENIM. DONEC PEDE JUSTO, FRINGILLA VEL, ALIQUET NEC, VULPUTATE EGET.</div><div style="letter-spacing: 1px; font-family: monospace; font-size: 10px; color: #111; text-transform: uppercase;"><div style="width: 100%; text-align: center; font-family: monospace; letter-spacing: 1px; text-transform: uppercase; font-size: 8px; color: #d9c395; margin-top: 10px;">tropes:: <a rel=nofollow rel="nofollow" href="https://tvtropes.org/pmwiki/pmwiki.php/Main/Immortality" title="Angeline is a vampire. She has the ability to live forever without physically aging. Although she physically looks like she is in her mid to late twenties, she is actually over 200 years old." target="_self" style="text-decoration: none; color: #e5e5e5; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;">Immortality</a> - <a rel=nofollow rel="nofollow" href="https://tvtropes.org/pmwiki/pmwiki.php/Main/LadyOfAdventure" title="She loves traveling around the world." target="_self" style="text-decoration: none; color: #e5e5e5; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;">Lady of Adventure</a> - <a rel=nofollow rel="nofollow" href="https://tvtropes.org/pmwiki/pmwiki.php/Main/GirlyGirl" title="She is very girly and feminine." target="_self" style="text-decoration: none; color: #e5e5e5; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;">Girly Girl</a> - <a rel=nofollow rel="nofollow" title="Angeline's eye color." target="_self" style="text-decoration: none; color: #e5e5e5; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;">Green Eyes</a> - <a rel=nofollow rel="nofollow" href="https://tvtropes.org/pmwiki/pmwiki.php/Main/HairOfGoldHeartOfGold" title="Even though she's a vampire, she's not evil at all." target="_self" style="text-decoration: none; color: #e5e5e5; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;">Hair of Gold, Heart of Gold</a> - { more tropes be added }</div></div><p></p><div style="width: 360px; font-family: calibri; line-height: 19px; text-align: center; color: #999; letter-spacing: 1px font-size: 13px; text-transform: uppercase; margin-bottom: 10px; border-bottom: 1px solid #353535;"></div><div style="margin: 0 10px: 10px; height: 140px; text-align: center; color: #000; font-size: 12px; line-height: 14px;">❝ <span style="color: #dcd1d2; font-family: Book Antiqua; font-size: 16px; font-style: Italic; line-height: 20px; text-align: center; text-transform: lowercase;">something here</span><div style="width: 360px; font-family: calibri; line-height: 13px; text-align: center; color: #999; font-size: 8px; text-transform: uppercase; margin-bottom: 10px; border-bottom: 0px solid #353535;"></div><div class="container"><div style="width: 160px; height: 122px; overflow: hidden; border-radius: 7px 7px 0px 0px; float: right; margin: 10px 10px 0px 10px;"><img src="https://66.media.tumblr.com/4af68bcefd6c777b0f85acda1dfc0460/tumblr_inline_p05relYjBb1rqmlml_1280.gif" style="margin: 0px;" width="220"/><div style="margin-top: -100px; margin-center: -150px; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); -ms-transform: rotate(1deg); height: 12px; color: #eee; font-size: 70px; font-family: 'isabella'; text-shadow: 1px 1px 2px #666; text-transform: lowercase;">hadley</div></div><div style="width: 360px; font-family: calibri; line-height: 13px; text-align: center; color: #999; font-size: 8px; text-transform: uppercase; margin-bottom: 10px; border-bottom: 0px solid #353535;"><div style="height: 20px; width: 190px; float: left; margin-top: 10px; line-height: 10px; text-align: center; color: #e5e5e5; font-family: 'Mongolian Baiti'; font-size: 12px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; border-bottom: 1px solid #353535;">Hadley Devenport.</div><div style="letter-spacing: 1px; font-family: monospace; font-size: 10px; color: #111; text-transform: uppercase;">human | 23 | 2 threads</div>LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT. AENEAN COMMODO LIGULA EGET DOLOR. AENEAN MASSA. SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. DONEC QUAM FELIS, ULTRICIES NEC, PELLENTESQUE EU, PRETIUM QUIS, SEM. NULLA CONSEQUAT MASSA QUIS ENIM. DONEC PEDE JUSTO, FRINGILLA VEL, ALIQUET NEC, VULPUTATE EGET, ARCU.LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT. AENEAN COMMODO LIGULA EGET DOLOR. AENEAN MASSA. SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. DONEC QUAM FELIS, ULTRICIES NEC, PELLENTESQUE EU, PRETIUM QUIS, SEM. NULLA CONSEQUAT MASSA QUIS ENIM. DONEC PEDE JUSTO, FRINGILLA VEL, ALIQUET NEC, VULPUTATE EGET, ARCU.. LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT. AENEAN COMMODO LIGULA EGET DOLOR. AENEAN MASSA. SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. DONEC QUAM FELIS, ULTRICIES NEC, PELLENTESQUE EU, PRETIUM QUIS, SEM. NULLA CONSEQUAT MASSA QUIS ENIM. DONEC PEDE JUSTO, FRINGILLA VEL, ALIQUET NEC, VULPUTATE EGET.</div><div style="letter-spacing: 1px; font-family: monospace; font-size: 10px; color: #d9c395; text-transform: uppercase;"><div style="width: 100%; text-align: center; font-family: monospace; letter-spacing: 1px; text-transform: uppercase; font-size: 8px; color: #d9c395; margin-top: 10px;">tropes:: <a rel=nofollow rel="nofollow" href="https://tvtropes.org/pmwiki/pmwiki.php/Main/GirlyGirl" title="Hadley is really feminine." target="_self" style="text-decoration: none; color: #e5e5e5; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;">Girly Girl</a> - <a rel=nofollow rel="nofollow" href="https://tvtropes.org/pmwiki/pmwiki.php/Main/BewareTheNiceOnes" title="Hadley is a nice girl but she can be ruthless and aggressive when provoked." target="_self" style="text-decoration: none; color: #e5e5e5; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;">Beware the Nice Ones</a> - <a rel=nofollow rel="nofollow" title="She has blue eyes that highlight her friendly personality. But they can become very icy and intense when upset or angry." target="_self" style="text-decoration: none; color: #e5e5e5; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;">Innocent Blue Eyes</a> - <a rel=nofollow rel="nofollow" href="https://tvtropes.org/pmwiki/pmwiki.php/Main/DeathByChildbirth" title="Hadley's mother died from eclampsia after giving birth to her." target="_self" style="text-decoration: none; color: #e5e5e5; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;">Death by Childbirth</a> - <a rel=nofollow rel="nofollow" href="https://tvtropes.org/pmwiki/pmwiki.php/Main/ParentalNeglect" title="Her father was physically around but emotionally distant." target="_self" style="text-decoration: none; color: #e5e5e5; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;">Parental Neglect</a> - <a rel=nofollow rel="nofollow" href="https://tvtropes.org/pmwiki/pmwiki.php/Main/RaisedByGrandparents" title="John 'Pops' Devenport, and Lilly 'Grams' Devenport raised Hadley and her older brother more like their own children than grandchildren." target="_self" style="text-decoration: none; color: #e5e5e5; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;">Raised by Grandparents</a> - <a rel=nofollow rel="nofollow" href="https://tvtropes.org/pmwiki/pmwiki.php/Main/BrokenBird" title="here, here, here." target="_self" style="text-decoration: none; color: #e5e5e5; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;">Desperately Craves Affection</a> - { more tropes be added }</div></div><p></p><div style="width: 360px; font-family: calibri; line-height: 19px; text-align: center; color: #999; letter-spacing: 1px font-size: 13px; text-transform: uppercase; margin-bottom: 10px; border-bottom: 1px solid #353535;"></div><p><a rel=nofollow rel="nofollow" href="\" target="_self">message</a></p></div></div></div></div></div><p><iframe width="0" height="0" src="http://www.youtube.com/embed/OkplOzkWhnA?rel=0&amp;autoplay=1&amp;wmode=opaque" frameborder="0" allowfullscreen="" _origwidth="0"></iframe></p></div></div> </div>
  2. </div>
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12.  
  13.  
  14. body { background:#1b1b1b none no-repeat scroll 0 0; }
  15. .xg_theme .xg_user_generated p, .xg_theme .xg_user_generated ol, .xg_theme .xg_user_generated ul, .xg_theme .xg_user_generated dl, .xg_theme .xg_user_generated blockquote, .xg_theme .xg_user_generated table, .xg_theme .xg_user_generated h1, .xg_theme .xg_user_generated h2, .xg_theme .xg_user_generated h3, .xg_theme .xg_user_generated h4, .xg_theme .xg_user_generated h5, .xg_theme .xg_user_generated h6 { margin-bottom:0em; }
  16. .xg_theme #xg_themebody {
  17. font-weight:normal;
  18. font-size:10px;
  19. font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  20. color:#ffffff;
  21. }
  22. .xg_theme a {
  23. color:#bfbbbf;
  24. font-weight:normal;
  25. text-decoration:;
  26. border-bottom:;
  27. }
  28. .xg_theme a:hover {
  29. color:#dddddd;
  30. font-weight:normal;
  31. text-decoration:none;
  32. border-bottom:none;
  33. }
  34. .xg_theme h1, .xg_theme h2, .xg_theme h3, .xg_theme h4, .xg_theme h5, .xg_theme h6 {
  35. font-weight:normal;
  36. font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  37. color:#f0e6f0;
  38. }
  39. .xg_theme button, .xg_theme a.button, .xg_theme input.button {
  40. background:#aaaaaa none repeat scroll 0 0;
  41. color:#ffffff;
  42. font-weight:bold;
  43. font-size:10px;
  44. font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  45. border-width:;
  46. border-style:none;
  47. border-color:transparent;
  48. }
  49. .xg_theme #xg_head {
  50. background:transparent none no-repeat scroll 0 0;
  51. border-width:;
  52. border-style:none;
  53. border-color:transparent;
  54. }
  55. .xg_theme h1#xg_sitename { font-size:72px; }
  56. .xg_theme h1#xg_sitename a {
  57. color:#ffffff;
  58. font-weight:bold;
  59. font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  60. }
  61. .xg_theme p#xg_sitedesc {
  62. color:#ffffff;
  63. font-weight:normal;
  64. font-size:14px;
  65. font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  66. }
  67. .xg_theme #xg_navigation {
  68. background:transparent none no-repeat scroll 0 0;
  69. border-width:;
  70. border-style:none;
  71. border-color:transparent;
  72. }
  73. .xg_theme #xg_navigation ul li a {
  74. color:#cecece;
  75. background-color:transparent;
  76. font-weight:normal;
  77. font-size:11px;
  78. font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  79. }
  80. .xg_theme #xg_navigation ul li a:hover {
  81. color:#e9ecf8;
  82. background-color:transparent;
  83. }
  84. .xg_theme #xg_navigation ul div.xg_subtab ul li a {
  85. color:#919191;
  86. background:#f2f2f2;
  87. }
  88. .xg_theme #xg_navigation ul div.xg_subtab ul li a:hover {
  89. color:#5e5e5e;
  90. background:#d9d9d9;
  91. }
  92. .xg_theme #xg { background:transparent none repeat scroll 0 0; }
  93. .xg_theme #xg_body {
  94. background:transparent none no-repeat scroll 0 0;
  95. border-width:;
  96. border-style:none;
  97. border-color:none;
  98. }
  99. .xg_theme .xg_module {
  100. background:transparent none no-repeat scroll 0 0;
  101. border-width:;
  102. border-style:none;
  103. border-color:transparent;
  104. }
  105. .xg_theme .xg_module_head {
  106. background:transparent none repeat scroll 0 0;
  107. border-width:;
  108. border-style:none;
  109. border-color:transparent;
  110. }
  111. .xg_theme .xg_module_head h2 {
  112. color:#ffffff;
  113. font-weight:bold;
  114. font-size:12px;
  115. font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  116. }
  117. .xg_theme .xg_module_body {
  118. background:transparent none no-repeat scroll 0 0;
  119. font-size:10px;
  120. }
  121. .xg_theme #xg_foot {
  122. background:transparent none no-repeat scroll 0 0;
  123. border-width:;
  124. border-style:none;
  125. border-color:transparent;
  126. }
  127. .xg_theme #xg_footcontent {
  128. background:transparent none no-repeat scroll 0 0;
  129. border-width:;
  130. border-style:none;
  131. border-color:transparent;
  132. color:#999999;
  133. }
  134. .xg_theme .xg_floating_container {
  135. background-color:#000000;
  136. color:#ffffff;
  137. font-weight:normal;
  138. font-size:10px;
  139. font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  140. }
  141. .xg_theme .mediabutton-c { color:#e9dd1c; }
  142. .xg_theme .mediaplayer-bc { background-color:#76a476; }
  143. .xg_theme .mediaplaylist-bc { background-color:#222222; }
  144. #xn_bar, .xg_theme-ningbar-bc { background-color:#444444; }
  145. .xg_theme .icon-color { color:#eeeeee; }
  146. .xg_theme .xg_lightborder { border-color:#555555; }
  147. .xg_theme .xg_lightfont { color:#7f7f7f; }
  148. .xg_theme .xg_theme-button-c { color:#ffffff; }
  149. .xg_theme .xg_theme-button-bc { background-color:#aaaaaa; }
  150. .xg_theme .xg_theme-link-c { color:#bfbbbf; }
  151. .xg_theme #xg_head, .xg_theme #xg, .xg_theme #xg_foot {
  152. width:982px;
  153. margin:0 auto;
  154. }
  155. .xg_theme h1#xg_sitename {
  156. text-transform:uppercase;
  157. float:left;
  158. margin:0 10px 0 0;
  159. }
  160. .xg_theme p#xg_sitedesc {
  161. background:transparent url(http://static.ning.com/socialnetworkmain/widgets/index/gfx/themes/noize/noize-sitedesc-bg.png?xn_version=3913545546) repeat scroll 0 0;
  162. padding:10px 15px;
  163. margin:0;
  164. float:left;
  165. position:relative;
  166. top:20px;
  167. }
  168. .xg_theme #xg_masthead:after {
  169. content:".";
  170. display:block;
  171. height:0;
  172. clear:both;
  173. visibility:hidden;
  174. }
  175. .xg_theme #xg_masthead { *zoom:1; }
  176. .xg_theme #xg_navigation {
  177. clear:both;
  178. margin-top:20px;
  179. }
  180. .xg_theme #xg_navigation ul { margin:0; }
  181. .xg_theme #xg_navigation li {
  182. float:left;
  183. margin:5px 10px 9px 0;
  184. border-right:1px solid #aaaaaa;
  185. }
  186. .xg_theme #xg_navigation li a { margin-right:8px; }
  187. .xg_theme #xg_navigation li.this span {
  188. border-bottom:5px solid transparent;
  189. padding-bottom:5px;
  190. *zoom:1;
  191. }
  192. .xg_theme #xg { padding-top:50px; }
  193. .xg_theme .xg_module { margin-bottom:15px; }
  194. .xg_theme .xg_module_head h2 { text-transform:uppercase; }
  195. .xg_theme .xg_module_head h2:before { content:"/// "; }
  196. .xg_theme #xg_foot { padding:10px 0; }
  197. .xg_theme #xg_foot .right { color:#bfbbbf; }
  198. @font-face { font-family: "isabella"; src: url(https://dl.dropboxusercontent.com/s/iyhb4gtpoes3awc/Isabella%20Script.otf); ;}
  199.  
  200.  
  201. /* customizable snowflake styling */
  202. .snowflake {
  203. color: #fff;
  204. font-size: 2em;
  205. font-family: Arial;
  206. text-shadow: 0 0 1px #000;
  207. }
  208.  
  209. @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}
  210.  
  211.  
  212. /*
  213. *
  214. This layout was created by VK.
  215. Any attempts of copying, stealing or
  216. restributing my codes/ideas will be dealt with accordingly.
  217. *
  218. */
  219.  
  220. html,body{cursor: url(http://static.tumblr.com/bcpenwm/e1znbxtup/cursor.png), progress;}
  221.  
  222. body{
  223. overflow:hidden;
  224. }
  225.  
  226. body:before{
  227. content:"t h e m e b ";
  228. position: fixed;
  229. color: #555;
  230. bottom: 16px;
  231. right: -23px;
  232. font: 13px Raleway;
  233. line-height: 90px;
  234. text-transform: uppercase;
  235. -webkit-transform: rotate(90deg);
  236. transform: rotate(90deg);
  237. }
  238.  
  239. body:after{
  240. content:"v e e k a y";
  241. position: fixed;
  242. color: #555;
  243. bottom: -28px;
  244. right: 8px;
  245. font: 13px Raleway;
  246. line-height: 90px;
  247. text-transform: uppercase;
  248. }
  249.  
  250. .xg_span-16{
  251. position: absolute;
  252. width: 450px;
  253. height: 355px;
  254. margin-left: 190px;
  255. margin-top: 50px;
  256. background: #434343;
  257. url() 0px
  258. -240px no-repeat;
  259. background-size: cover;
  260. }
  261.  
  262.  
  263.  
  264. @keyframes write{
  265. from{width: 0;}
  266. to{width: 26.5em;}
  267. }
  268.  
  269. @keyframes die{
  270. from{border-right-color: rgba(255, 255, 255, .75);}
  271. to{border-right-color: transparent;}
  272. }
  273.  
  274.  
  275.  
  276. .xg_3col:after{
  277. content:"";
  278. position: absolute;
  279. width: 260px;
  280. height: 10px;
  281. margin-left: -150px;
  282. top: 230px;
  283. color: #aaa;
  284. font: 7px/10px Raleway;
  285. text-transform: uppercase;
  286. letter-spacing: 3px;
  287. text-align: right;
  288. -webkit-transform: rotate(-90deg);
  289. transform: rotate(-90deg);
  290. }
  291.  
  292. #xg_layout_column_2 {
  293. position: absolute;
  294. width: 378px;
  295. height: 60px;
  296. margin-left: -595px;
  297. margin-top: 15px;
  298. margin-bottom: 20px!important;
  299. background: #;
  300. }
  301.  
  302.  
  303. #xg_layout_column_1 {
  304. position: relative;
  305. width: 200px;
  306. height: 455px;
  307. overflow: hidden;
  308. padding: 0px;
  309. margin-top: 0px;
  310. margin-left: 400px;
  311. -webkit-transition: all 900ms ease-in-out;
  312. transition: all 900ms ease-in-out;
  313. background: url(https://78.media.tumblr.com/83a673910afaa584feee78c05b53e320/tumblr_p2x4f5Bwzz1w1ai4so1_500.jpg) -40px 0px no-repeat, url() 350px 0px no-repeat;
  314. background-size: auto 355px; -webkit-filter: grayscale(1) brightness(80%) contrast(90%);
  315. filter: grayscale(1) brightness(80%) contrast(90%);
  316. }
  317.  
  318. #xg_layout_column_2:before {
  319. content:"Wear me like a locket around your throat, ";
  320. color: rgba(89, 89, 89, 1);
  321. position:absolute;
  322. top:-65px;
  323. margin-left:-7px;
  324. height:110px;
  325. width: 400px;
  326. padding: 10px;
  327. padding-right: 30px;
  328. font: 12px Montserrat;
  329. text-align: left;
  330. font-weight: bold;
  331. text-transform: uppercase;
  332. }
  333.  
  334. #xg_layout_column_2:after {
  335. content:"I'll weigh you down, I'll watch you choke.";
  336. color: rgba(89, 89, 89, 1);
  337. position:absolute;
  338. top:-50px;
  339. margin-left:-9px;
  340. height:50px;
  341. width: 560px;
  342. opacity: 1;
  343. padding: 5px;
  344. font: 25px Playfair Display;
  345. text-align: left;
  346. text-transform: normal;
  347. font-style: italic;
  348. }
  349.  
  350.  
  351. #xj_photo_img_tag{
  352. display:none;}
  353.  
  354. #xg_body h1{
  355. display:none;
  356. }
  357.  
  358. #xg_body a {
  359. text-transform: uppercase;
  360. font: bold 13px Raleway;
  361. line-height: 17px;
  362. transition: all 0.5s ease;
  363. opacity: 1;
  364. cursor: url(http://static.tumblr.com/bcpenwm/8sInbxu65/cursorhover.png), auto !important;
  365. }
  366.  
  367. td, a, body, table, body, td, li, p, div, li, h1, h2, p, br, .text, textarea, input, .blacktext12, .btext, .lightbluetext8, a:link, a:active, a:hover, a:visited, .orangetext15, .whitetext12, .blacktext10 .redtext, .redbtext {
  368. font:11px Raleway;
  369. }
  370.  
  371. ::-webkit-scrollbar {
  372. width:17px;
  373. height:17px;
  374. background:#fff;
  375. }
  376.  
  377. ::-webkit-scrollbar-thumb:horizontal {
  378. background: #trans;
  379. }
  380.  
  381. ::-webkit-scrollbar-track {
  382. border:8px solid #fff;
  383. background:#ddd;
  384. }
  385.  
  386. ::-webkit-scrollbar-thumb {
  387. border-right:8px solid #fff;
  388. border-left:8px solid #fff;
  389. border-bottom:4px solid #fff;
  390. border-top:4px solid #fff;
  391. background:#000;
  392. }
  393.  
  394. ::selection {
  395. background: #ccaa99;
  396. color: #111;
  397. }
  398.  
  399. .xg_sprite-friend-add,
  400. .xg_sprite-friend-request{
  401. position: fixed!important;
  402. bottom: 10px;
  403. left: -5px;
  404. font: 20px Raleway!important;
  405. }
  406.  
  407. .xg_module_comment_wall {
  408. display: none;
  409. }
  410.  
  411. .module_about_user {display:none;}
  412. ul.nobullets.last-child {display:none;}
  413. dd.profile-social-buttons,dd.relationship {display:none !important;}
  414. .xg_theme #xg_foot {display: none;}
  415. #xg_body h2, #xg_body h3 { display: none; }
  416. #xj_StatusAndShareLink {display:none}
  417. .xg_sprite xg_sprite-share {display:none!important;}
  418. .xg_module_body .nobullets.last-child {display:none!important;}
  419. .xg_chat.chatFooter .xg_chatBar, .xg_sprite .xg_sprite-add, .xg_span-5, .module_groups, .sortable.module_feed, .module_photo, .xg_column.xg_span-4.xg_last.xj_classic_sidebar, .btn .label, #count, .module_blog , .xg_sprite.xg_sprite-share , ul.navigation li a, .xg_sprite-share , a.xg_sprite-message-block , .post_to_facebook , .post_to_twitter , .vcard .profile-like-button,ul.navigation.easyclear, .account-links, #xg_foot, #xg_module_account, #xg_sitedesc, #xg_navigation ul li, #xg_sitename, #xg_navigation, #xg_navigation ul, #xg_navigation, #xj_module_gift, #xg_module_body {visibility:hidden;} .xg_dock {display:none!important;} #xg_head, #xg_foot, .xg_span-5, ul.navigation li.right a, .xg_chat.chatFooter .xg_chatBar, .xg_sprite .xg_sprite-add, #xg_module_body{ display: none;} .xg_sprite .xg_sprite-add{ display: none;} .xg_sprite {background-image: none!important;} #xg_profile_activity, .module_members{display:none;} .module_members{display:none;} .xj_appearance_editor_profile{display:none;} .xg_module_body dt, .xg_module_body.profile.vcard dl.last-child, .online { display:none;} a.xg_sprite.xg_sprite-friend-remove { display:none!important;}
  420.  
  421. .dy-badge-text-label,
  422. .dy-badge-text-bg{
  423. display:none!important;
  424. }
  425.  
  426. #xn_bar{
  427. left: -80px;
  428. top: 0px;
  429. background-color: transparent!important;
  430. }
  431.  
  432. .xg_ad {
  433. display: none;
  434. }
  435.  
  436.  
  437. #xn_bar_menu_tabs,
  438. #xn_bar_menu_more,
  439. p#xn_gyo_link,
  440. p#xn_brand{
  441. display:none !important;
  442. }
  443.  
  444. @font-face {
  445. font-family: 'Raleway';
  446. font-style: normal;
  447. font-weight: 400;
  448. src: local('Raleway'), local('Raleway-Regular'),
  449. url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  450. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  451. }
  452.  
  453. @font-face {
  454. font-family: 'Raleway';
  455. font-style: normal;
  456. font-weight: 700;
  457. src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  458. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  459. }
  460.  
  461. @font-face {
  462. font-family: 'Oswald';
  463. font-style: normal;
  464. font-weight: 400;
  465. src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/BObL_3V2WX-YniTOi4CsnvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  466. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  467. }
  468.  
  469. @font-face {
  470. font-family: 'Roboto';
  471. font-style: normal;
  472. font-weight: 300;
  473. src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  474. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  475. }
  476.  
  477. @font-face {
  478. font-family: 'Roboto';
  479. font-style: normal;
  480. font-weight: 400;
  481. src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  482. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  483. }
  484.  
  485. @font-face {
  486. font-family: 'Roboto';
  487. font-style: normal;
  488. font-weight: 500;
  489. src: local('Roboto Medium'), local('Roboto-Medium'), url(http://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  490. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  491. }
  492.  
  493. @font-face {
  494. font-family: 'Playfair Display SC';
  495. font-style: normal;
  496. font-weight: 400;
  497. src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url(http://fonts.gstatic.com/s/playfairdisplaysc/v5/G0-tvBxd4eQRdwFKB8dRkRUcjaGRfmzOW8pfsS-qBq8.woff2) format('woff2');
  498. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  499. }
  500.  
  501.  
  502.  
  503.  
  504.  
  505. */ MY ADD-ONS */
  506.  
  507. @font-face {
  508. font-family: "decker";
  509. src:url(http://static.tumblr.com/rseqecb/1okmrarwo/deckerb.ttf);
  510. }
  511.  
  512.  
  513.  
  514. @font-face { font-family:"Satisfy"; src: url(http://www.myfontfree.com/data/126/s/satisfy/Satisfy-Regular.ttf);}
  515.  
  516. #texts {
  517. color: #fff;
  518. font-family: DECKER;
  519. text-transform: uppercase;
  520. font-size: 8px;
  521. letter-spacing: 1px;
  522. padding: 5px;
  523. }
  524.  
  525. #texts2 {
  526. color: #fff;
  527. font-family: DECKER;
  528. text-transform: lowercase;
  529. font-size: 9px;
  530. letter-spacing: 1px;
  531. padding: 5px;
  532. }
  533.  
  534.  
  535. #texts em {
  536. font-family: 'Playfair Display';
  537. font-style: italic;
  538. text-transform: lowercase;
  539. font-size: 11px;
  540. color: #aaa;
  541. display: block;
  542. margin-bottom: 3px;
  543. }
  544.  
  545.  
  546. #head {
  547. height: 20px;
  548. width: 160px;
  549. float: left;
  550. margin-top: 10px;
  551. line-height: 15px;
  552. text-align: center;
  553. color: #7c7975;
  554. font-family: 'Mongolian Baiti';
  555. font-size: 12px;
  556. font-weight: bold;
  557. letter-spacing: 2px;
  558. text-transform: uppercase;
  559. border-bottom: 1px solid #3e3c3a;}
  560.  
  561. #thing {
  562. height: 15px;
  563. width: 155px;
  564. float: left;
  565. text-align: center;
  566. line-height: 20px;
  567. color: #fcfcfc;
  568. font-family: calibri;
  569. font-size: 11px;
  570. letter-spacing: 1px;
  571. text-transform: uppercase;
  572. margin-top: 20px;
  573. margin-left: 5px; }
  574.  
  575. .container {
  576. position: relative;
  577. text-align: center;
  578. color: white;
  579. }
  580. .centered {
  581. position: absolute;
  582. top: 50%;
  583. left: 50%;
  584. transform: translate(-50%, -50%);
  585. }
  586.  
  587. .chara { position: fixed;text-align:justify; margin-top: auto;
  588. margin-left: auto; padding: 10px;}
  589.  
  590. .chara2 { position: fixed;text-align:justify; margin-top: -50px;
  591. margin-left: 190px; padding: 10px;}
  592.  
  593.  
  594. .name { width: 180px; position: fixed; margin: -170px 0px 0px -8px; color: #eee; font-size: 70px; text-align: center; font-family: 'isabella'; text-shadow: 1px 1px 2px #666; }
  595.  
  596. .info { margin: -114px 0px 0px 174px; border-radius: 7px; height: 160px; width: 200px; }
  597.  
  598. .info2 { margin: -114px 0px 0px -204px; border-radius: 7px; height: 160px; width: 200px; }
  599.  
  600.  
  601.  
  602.  
  603. b, strong {
  604. font-family: arial;
  605. text-transform: uppercase;
  606. font-weight: bold;
  607. color: #fcfcfc;
  608. letter-spacing: 1px;
  609. font-size: 9px;
  610. text-shadow: 0px 0px 0px #fcfcfc;}
  611.  
  612. i, em {
  613. color: #aaa;
  614. font-size: 14px;
  615. text-shadow: 0px 0px 1px #aaa;
  616. font-family: satisfy;
  617. word-spacing: 5px;}
  618.  
  619.  
  620.  
  621. img {
  622. -webkit-filter: grayscale(1) brightness(80%) contrast(90%);
  623. filter: grayscale(1) brightness(80%) contrast(90%)
  624. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement