Advertisement
Phrenik

starchild

Nov 10th, 2014
207
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.83 KB | None | 0 0
  1. <div class="phrenik">
  2.  
  3. <div id="content">
  4. <div id="links">
  5. <a href="/vfmain.php" title="Home"><img src="http://i.imgur.com/ui1yxfR.png"></a>
  6. <a href="/gallery/hollythestarchild" title="Gallery"><img src="http://i.imgur.com/Mzndze4.png"></a>
  7. <a href="/journal/hollythestarchild" title="Journal"><img src="http://i.imgur.com/feEIuyu.png"></a>
  8. <a href="/user_comment.php?user=hollythestarchild&rate=1" title="Message"><img src="http://i.imgur.com/aNW27N7.png"></a>
  9. <a href="/profile_action.php?user=hollythestarchild" title="Add Me"><img src="http://i.imgur.com/gvsV6Mh.png"></a>
  10. <a href="http://www.dethpunch.com" target="_blank" title="2014 Phrenik at VF"><img src="http://i.imgur.com/eLDI9xp.png"></a>
  11.  
  12. </div>
  13.  
  14. <div class="holly">
  15. <h1>Holly</h1>
  16.  
  17. <b>Hello, my name is Holly ^.^ </b><br />
  18. <br />
  19. I'm 19. <br />
  20. <br />
  21. I like EDM and dancing. <br />
  22. <br />
  23. I spend a lot of my time making costumes and attending conventions. <br />
  24. <br />
  25. I like a lot of nerdy things, but I'm mostly a gamer. <br />
  26. <br />
  27. I love MOBAs like Smite, League of Legends, Strife, and Guardians of Middle Earth. <br />
  28. <br />
  29. If you are interested in seeing more of y cosplay work, I will have links in the section to the right ----&gt; <br />
  30.  
  31. <p><i>italic</i> <u>underline</u> <a href="/">link looks like this</a>.
  32.  
  33.  
  34.  
  35. </div>
  36. <div class="cults">
  37. <h1>Cults</h1>
  38.  
  39. <a href="CULTLINKHERE"><img src="http://i.imgur.com/1mEE91T.png"></a>
  40. <a href="CULTLINKHERE"><img src="http://i.imgur.com/1mEE91T.png"></a>
  41. <a href="CULTLINKHERE"><img src="http://i.imgur.com/1mEE91T.png"></a>
  42. <a href="CULTLINKHERE"><img src="http://i.imgur.com/1mEE91T.png"></a>
  43. <a href="CULTLINKHERE"><img src="http://i.imgur.com/1mEE91T.png"></a>
  44. <a href="CULTLINKHERE"><img src="http://i.imgur.com/1mEE91T.png"></a>
  45. <a href="CULTLINKHERE"><img src="http://i.imgur.com/1mEE91T.png"></a>
  46. <a href="CULTLINKHERE"><img src="http://i.imgur.com/1mEE91T.png"></a>
  47. <a href="CULTLINKHERE"><img src="http://i.imgur.com/1mEE91T.png"></a>
  48.  
  49.  
  50. </div>
  51. <div class="cos">
  52. <h1>Cosplay</h1>
  53.  
  54.  
  55. Cosplay stuff here.<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet porta nisl. Aenean mattis lectus sit amet est luctus vulputate. Vivamus sit amet nunc et sem convallis sagittis id nec purus. Duis scelerisque tortor non justo luctus, id porta tellus mollis. Aliquam ut cursus lacus. Sed efficitur blandit urna in condimentum. Nulla vulputate nibh ac dolor suscipit scelerisque. Proin sodales urna at purus luctus, ac sagittis mi lobortis. Vivamus lacinia dignissim dignissim. Suspendisse venenatis lectus ut diam tincidunt bibendum. Proin rutrum condimentum mauris ornare malesuada. Nulla blandit neque at lacus venenatis varius.
  56.  
  57.  
  58. </div>
  59. </div>
  60.  
  61.  
  62.  
  63.  
  64.  
  65. <style>
  66. html, body {
  67. background: #250c18;
  68. background-image: url();
  69. background-position: bottom center;
  70. background-repeat: repeat;
  71. background-attachment: scroll;
  72. }
  73.  
  74. div, table {
  75. font: 11px tahoma;
  76. letter-spacing: 0px;
  77. line-height: 11px;
  78. color: #a8a8a8;
  79. }
  80.  
  81. .phrenik {
  82. left: -10px;
  83. top: -8px;
  84. width: 800px;
  85. height: 609px;
  86. background: url('http://i.imgur.com/QknDvWY.png') 0px 0px no-repeat;
  87. position: relative;
  88. border: none;
  89. }
  90.  
  91. #links {
  92. width: 547px;
  93. height: 48px;
  94. background: none;
  95. border: none;
  96. padding: 3px;
  97. overflow: hidden;
  98. }
  99. #links a img {
  100. border-radius: 25px;
  101. }
  102.  
  103. #links a {
  104. display: inline-block;
  105. width: 82px;
  106. -webkit-transition: all 0.7s ease-in;
  107. -moz-transition: all 0.7s ease-in;
  108. -o-transition: all 0.7s ease-in;
  109. padding: 3px;
  110. text-align: center;
  111. margin: 0px;
  112. border-radius: 10px;
  113. }
  114. #links a:hover {
  115. display: inline-block;
  116. width: 82px;
  117. -webkit-transition: all 0.7s ease-out;
  118. -moz-transition: all 0.7s ease-out;
  119. -o-transition: all 0.7s ease-out;
  120. padding: 3px;
  121. margin: 0px;
  122. }
  123. a img{
  124. opacity: .5;
  125. -webkit-transition: all 0.6s ease-in;
  126. -moz-transition: all 0.6s ease-in;
  127. -o-transition: all 0.6s ease-in;
  128. padding: 2px;
  129. }
  130.  
  131. a:hover img{
  132. opacity: .9;
  133. -webkit-transition: all 0.6s ease-in;
  134. -moz-transition: all 0.6s ease-in;
  135. -o-transition: all 0.6s ease-in;
  136. }
  137. #content {
  138. position: absolute;
  139. top: 10px;
  140. left: 591px;
  141. width: 550px;
  142. height: 540px;
  143. background: #311020;
  144. overflow: auto;
  145. padding: 3px;
  146. border-top: 6px solid #2bcea9;
  147. border-bottom: 6px solid #612c6b;
  148. border-radius: 25px;
  149. text-align: left;
  150. font: 9px ms sans serif, verdana;
  151. }
  152. .holly {
  153. width: 547px;
  154. padding: 3px;
  155. text-align: center;
  156. height: 220px;
  157. overflow: auto;
  158. background: #49152e;
  159. }
  160. .cults {
  161. float: left;
  162. width: 245px;
  163. height: 238px;
  164. overflow: hidden;
  165. padding: 3px;
  166. }
  167. .cults a img {
  168. border: 3px solid #72d6c2;
  169. width: 67px;
  170. height: 53px;
  171. border-radius: 0px;
  172. margin: 1px;
  173. -webkit-transition: all 0.4s ease-in;
  174. -moz-transition: all 0.4s ease-in;
  175. -o-transition: all 0.4s ease-in;
  176. }
  177. .cults a:hover img {
  178. border: 3px solid #99d389;
  179. -webkit-transition: all 0.4s ease-in;
  180. -moz-transition: all 0.4s ease-in;
  181. -o-transition: all 0.4s ease-in;
  182. }
  183.  
  184. .cos {
  185. float: right;
  186. width: 265px;
  187. height: 235px;
  188. overflow: auto;
  189. padding: 3px;
  190. }
  191.  
  192. h1 {
  193. font: 16px tahoma;
  194. letter-spacing: 3px;
  195. color: #fff;
  196. text-transform: uppercase;
  197. border-radius: 11px;
  198. font-weight: lighter;
  199. margin-top: 3px;
  200. text-align: center;
  201. background: -webkit-linear-gradient(#8bd0bf, #872e7d);
  202. -webkit-background-clip: text;
  203. -webkit-text-fill-color: transparent;
  204. }
  205.  
  206. h3 {
  207. text-decoration: none;
  208. font-family: trebuchet ms;
  209. font-weight: lighter;
  210. text-shadow: none;
  211. color: #ccc;
  212. font-size: 10px;
  213. letter-spacing: 8px;
  214. text-transform: uppercase;
  215. border-radius: 8px;
  216. text-align: center;
  217. margin-bottom: 6px;
  218. }
  219.  
  220. a:link, a:visited {
  221. font-family: trebuchet ms;
  222. font-size: 10px;
  223. color: #99d389;
  224. font-weight: lighter;
  225. text-decoration: none;
  226. text-transform: uppercase;
  227. -webkit-transition: all 0.4s ease-in;
  228. -moz-transition: all 0.4s ease-in;
  229. -o-transition: all 0.4s ease-in;
  230. }
  231. a:hover, a:active {
  232. color: #b5d9ab;
  233. font-weight: lighter;
  234. background: transparent;
  235. text-transform: uppercase;
  236. -webkit-transition: all 0.4s ease-in;
  237. -moz-transition: all 0.4s ease-in;
  238. -o-transition: all 0.4s ease-in;
  239. }
  240. B {
  241. font-family: trebuchet ms;
  242. font-size: 10px;
  243. color: #72d6c2;
  244. letter-spacing: 0px;
  245. font-weight: bold;
  246. text-transform: uppercase;
  247. }
  248. i {
  249. text-decoration:italic;
  250. font-family: georgia;
  251. font-size: 11px;
  252. letter-spacing:0px;
  253. color: #ebd9b9;
  254. font-weight: italic;
  255. }
  256. u { border-bottom: 2px dotted #722661; }
  257.  
  258. #menu0, .maintop, .leftnav, .topbar, h2, .defaultpic, .thumbnail, .gallery, .userinfo, .journal_entry, .profile_title, .likes_title, .dislikes_title, .music_title, .buttons1, .buttons2, .buttons3, .friends, .rate, .comment_title, .tagline, .comments, .videos, .status, .side_td, .profilepages, .footer_links, .profilepages {display: none;}
  259.  
  260.  
  261. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement