API tools faq
paste
Advertisement
Lizellea

tyler

Lizellea
Feb 2nd, 2016
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.63 KB | None | 0 0
raw download clone embed print report
  1. </td></tr></table></td></tr></table></td></tr></table></div>
  2.  
  3. <style type="text/css">
  4. @import url(http://fonts.googleapis.com/css?family=Tangerine:400,700|Raleway:400,300|Yanone+Kaffeesatz:400,700);
  5.  
  6. /* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */
  7.  
  8. .vicarious {Layouts available @ http://vicarious-hs.tumblr.com/}
  9.  
  10. /* - -DO NOT REARRANGE MY CODING. ORDER IS IMPORTANT. - - */
  11.  
  12. .vicarious{Background Properties // BODY COLOR IS IN THE COLOR PALETTE SECTION}
  13. body {
  14. background-image:url( );
  15. background-repeat:repeat;
  16. background-position: top center;
  17. background-attachment:fixed;
  18. }
  19.  
  20. .vicarious{ Google Chrome Scrollbar }
  21. ::-webkit-scrollbar {width: 15px;}
  22. ::-webkit-scrollbar-track {border: 1px solid ;}
  23. ::-webkit-scrollbar-thumb {border: 1px solid ;}
  24.  
  25. .vicarious { Font Styles }
  26.  
  27. a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, p, i, b, em {
  28. font-family: tahoma;
  29. font-size: 8pt ;
  30. line-height: 90% ;
  31. text-decoration:none;
  32. }
  33.  
  34. P { text-align:justify; }
  35. I { font-size:12pt;font-family: Tangerine; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
  36. EM {font-size:13pt; font-family: times new roman; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); display:block; text-align:center;}
  37.  
  38. B {
  39. font-family: arial narrow;
  40. font-size:8pt;
  41. font-weight:bold;
  42. text-transform:uppercase;
  43. line-height:100%;
  44. letter-spacing: 0pt;
  45. }
  46.  
  47. a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited {
  48. font-family: arial narrow;
  49. font-size:9pt;
  50. text-align:center;
  51. text-transform:uppercase;
  52. line-height:50px;
  53. height:50px;
  54. font-weight:bold;
  55. text-decoration:none;
  56. -webkit-transition: all 1s ease-out 0s;
  57. -moz-transition: all 1s ease-out 0s;
  58. -ms-transition: all 1s ease-out 0s;
  59. -o-transition: all 1s ease-out 0s;
  60. transition: all 1s ease-out 0s;
  61. margin-right:20px;
  62.  
  63. }
  64.  
  65. a.second, a.second:link, a.second:active, a.second:visited {
  66. font-size:8pt;
  67. letter-spacing:0pt;
  68. line-height:10px;
  69. height:10px;
  70. display:block;
  71. margin-right:0px;
  72.  
  73. }
  74.  
  75.  
  76. .h1, .h2, .h3, .h4, .h5 {
  77. text-transform:uppercase;
  78. line-height:100%;
  79. text-align:center;
  80. display:block;
  81. font-size: 11pt ;
  82. text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
  83. }
  84.  
  85. .h1 {font-family: copperplate gothic light;font-size: 30px ; }
  86. .h2 {font-family: 'Yanone Kaffeesatz', sans-serif;font-size: 18px ; height:20px; line-height:20px;}
  87. .h3 {font-family: 'Raleway', sans-serif; font-size: 10pt ;margin:5px 0px;letter-spacing:2pt;}
  88. .h4 {font-family: 'Raleway', sans-serif; font-size: 20px ; letter-spacing:0pt;height:30px; line-height:30px;}
  89. .h5 {font-family: copperplate gothic light;font-size: 7.5pt ; letter-spacing:0pt; text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);}
  90.  
  91. .lyric, .lyric2, .lyric3, .lyric4 {
  92. font-family:georgia;
  93. display:block;
  94. text-align:center;
  95. text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
  96. }
  97.  
  98. .lyric {
  99. text-align:left;
  100. font-size:16.75pt;
  101. line-height:75%;
  102. margin-top:10px;
  103. padding-left:4px;
  104. font-weight:light;
  105. letter-spacing:3pt;}
  106.  
  107. .lyric2 {
  108. font-family:courier new;
  109. font-size:11pt;
  110. line-height:95%;
  111. letter-spacing:0pt;
  112. text-align:right;
  113. padding-right:4px;}
  114.  
  115. .lyric3 {
  116. font-family:courier new;
  117. font-size:14pt;
  118. line-height:100%;
  119. padding-left:4px;
  120. text-align:left; }
  121.  
  122. .lyric4 {
  123. font-size: 14pt ;
  124. letter-spacing:1pt;
  125. line-height:75%;
  126.  
  127. text-transform:uppercase; }
  128.  
  129.  
  130. .vicarious { Div IDS/Class Styles }
  131.  
  132. .vlinks {
  133. width:100%;
  134. height:50px;
  135. right:0%;
  136. bottom:0%;
  137. position:fixed;
  138. overflow:hidden;
  139. z-index:2;
  140. margin-right:0px;
  141. margin-bottom:0px;
  142. text-align:right;
  143. }
  144.  
  145. .vname {-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);writing-mode: lr-tb;}
  146. .vname2, .vname3, .vname4 {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);writing-mode: rl-tb;}
  147. .vname { width:760px; height:50px; margin-left:-910px; margin-top:405px; }
  148. .vname2, .vname3, .vname4 { width:250px; height:50px; margin-left:160px;margin-left:435px; }
  149.  
  150. .vname2 { margin-top:150px; }
  151. .vname3 { margin-top:405px; }
  152. .vname4 { margin-top:660px; }
  153.  
  154. .v250w250h_a, .v250w250h_b, .v250w250h_c { width:250px; height:250px; margin-left:-500px; background-repeat:no-repeat;}
  155. .v250w250h_a { margin-top:50px; background-position: top center; }
  156. .v250w250h_b { margin-top:305px; background-position: center center; }
  157. .v250w250h_c { margin-top:560px; background-position: bottom center; }
  158.  
  159. .v500w250h { width:500px; height:250px; margin-left:-245px; margin-top:50px; }
  160.  
  161. .vname, .vname2, .vname3, .vname4, .v250w250h_a, .v250w250h_b, .v250w250h_c, .v500w250h, .v_personality, .v_aboutme, .v_tunes, .lyrics, .v500w200h, .connections, .v270h250w_a, .v270h250w_b {
  162. left:50%;
  163. top:0%;
  164. position:absolute;
  165. z-index:1;
  166. -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
  167. -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
  168. box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
  169. text-align:left;
  170. }
  171.  
  172. .vname, .vname2, .vname3, .vname4, .lyrics {
  173. overflow:hidden;
  174. }
  175.  
  176. .v250w250h_a, .v250w250h_b, .v250w250h_c, .v500w250h, .v_personality, .v_aboutme, .v_tunes, .v500w200h, .connections, .v270h250w_a, .v270h250w_b {
  177. overflow:auto;
  178. }
  179.  
  180. .v_personality { width:190px; height:215px; margin-left:-245px; margin-top:305px; border:5px solid;}
  181. .v_tunes { width:200px; height:20px; margin-left:-245px; margin-top:535px; }
  182. .v_aboutme { width:375px; height:240px; margin-left:-40px; margin-top:305px;border:5px solid;}
  183. .connections { width:180px; height:250px; margin-left:350px; margin-top:305px; overflow:auto; }
  184.  
  185. .lyrics { width:500px;height:45px;margin-left:-245px;margin-top:560px; }
  186. .v500w200h { width:500px; height:200px; margin-left:-245px; margin-top:610px; }
  187.  
  188. .v270h250w_a, .v270h250w_b { width:270px; height:250px; margin-left:260px }
  189. .v270h250w_a { margin-top:50px; }
  190. .v270h250w_b { margin-top:560px; }
  191.  
  192.  
  193.  
  194.  
  195. .Hbox1, .Hbox2, .Hbox3, .Hbox4, .Hbox5a {
  196. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  197. filter: alpha(opacity=0);
  198. opacity: 0;
  199. overflow:hidden;
  200. text-align:left;
  201. -webkit-transition: all 1s ease-out 0s;
  202. -moz-transition: all 1s ease-out 0s;
  203. -ms-transition: all 1s ease-out 0s;
  204. -o-transition: all 1s ease-out 0s;
  205. transition: all 1s ease-out 0s;
  206. }
  207.  
  208. .Hbox1:hover, .Hbox2:hover, .Hbox3:hover, .Hbox4:hover, .Hbox5a:hover {
  209. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  210. filter: alpha(opacity=100);
  211. opacity: 1;
  212. overflow:auto;
  213. }
  214.  
  215. .Hbox1 { width:250px; height:250px; }
  216. .Hbox2 { width:500px; height:250px; }
  217. .Hbox3 { width:500px; height:200px; }
  218. .Hbox4 { width:270px; height:250px; }
  219. .Hbox5 { width:160px; height:60px; margin-top:2px;}
  220. .Hbox5a { width:160px; height:60px; }
  221.  
  222. .bottom {
  223. width:100%;
  224. height:50px;
  225. margin-top:815px;
  226. margin-left:0px;
  227. left:0%;
  228. top:0%;
  229. position:absolute;
  230. z-index:1;
  231. background-color:transparent;
  232. }
  233.  
  234. .vicarious{ Color Palette}
  235. body{ background-color:181818; }
  236. ::-webkit-scrollbar-track {background-color:000000 ; border-color:171717;}
  237. ::-webkit-scrollbar-thumb {background-color:292929;; border-color:171717 ;}
  238. a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, p, i, b, em { color:cccccc; }
  239. I { color:4c4c4c; }
  240. EM { color:323030; }
  241. B { color:363636; }
  242. a.first, a.first:link, a.first:active, a.first:visited { color:333333; background-color: transparent; }
  243. a.first:hover { color:222222; }
  244. a.second, a.second:link, a.second:active, a.second:visited { color:444444; background-color: 272525; }
  245. a.second:hover { color:434141; background-color: 251616; }
  246. .h1, .h4 { color:333030; background-color: 1e1c1c; }
  247. .h2 { color:46413a; background-color: 251616; }
  248. .h3 { color:43403b; background-color: 1a1919; }
  249. .h5 { color:444444; background-color: 272525; }
  250. .lyric, .lyric3 { color:46413a}
  251. .lyric2, .lyric4 { color:3a3733}
  252.  
  253. .Hbox1:hover, .Hbox2:hover, .Hbox3:hover, .Hbox4:hover, .Hbox5a:hover { background-color: 121212 }
  254.  
  255. .vname, .vname2, .vname3, .vname4, .v250w250h_a, .v250w250h_b, .v250w250h_c, .v500w250h, .v_personality, .v_aboutme, .v_tunes, .lyrics, .v500w200h, .connections, .v270h250w_a, .v270h250w_b { background-color:121212; }
  256. .vlinks { background-color: 1e1c1c; }
  257. .v_personality, .v_aboutme {border-color:251616;}
  258.  
  259.  
  260.  
  261. /* - - CSS!! NO TOUCHY!!! - - */
  262.  
  263. img {border:0px;}
  264. table, tr, td {background:transparent; border:0px;}
  265. img, .contactTable { display:none; }
  266. .vicholder img, .comt img { display:inline; }
  267. table div, td td td, table div div { visibility:hidden; }
  268. font, a, .vicsc a { visibility:hidden; }
  269. .hidenav {display:none}
  270. div.profileWidth {margin-top: -30px !important;}
  271. div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}
  272. div.profileWidth div.clearfix, hidenav hidenav hidenav,
  273. div.profileWidth div div {filter:none; opacity:0.9999}
  274. div.profileWidth div.clearfix {position:relative; top:30px}
  275. table table embed {display:block; width:202px; height:35px; position:absolute; top:0px; left:0px; visibility:visible;}
  276. table table table embed, .vicholder div embed {position:static !important; width:auto; height:auto; }
  277. .text, table table table table a,table table table table div,table table table table div a {visibility:visible;}
  278. .vicsc { display:none; }
  279. .text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;}
  280. table table, table table td {padding:0px; height:0px;}
  281. marquee { z-index:8; }
  282. table div, span, td td td, table div div { visibility:hidden !important; }
  283. .vicholder div, .vicholder div font, .vicholder div a, .vicholder div div, .vicholder font a, .vicholder span, .vicholder div table a, .vicholder div table img, .vicholder div
  284.  
  285. table font, .vicholder div table, .vicholder div table td, .comt, .comt td, .comt span, .comt a, .comt div {visibility:visible !important;}
  286. .vicDiv {content:"Layouts available @ http://vicarious-hs.tumblr.com";}
  287. /* - - - - - - - */
  288.  
  289.  
  290. .vicarious{ Hide Codes }
  291. .userProfileURL { display:none; }
  292. .profileInfo { display:none; }
  293. .friendsComments { display:none; }
  294. .friendSpace { display:none; }
  295. .blurbs {display: none;}
  296. .contactTable {display: none;}
  297. .latestBlogEntry {display: none;}
  298. .extendedNetwork {display: none;}
  299. .interestsAndDetails {display: none;}
  300. .userprofiledetail {display: none;}
  301. .userAlbums { display:none; }
  302. .whitetext12{visibility:hidden; display:none;}
  303. .orangetext15{visibility:hidden; display:none;}
  304. .lightbluetext8{visibility:hidden; display:none}
  305. table table table table td {width:0px;}
  306. .contactTable td, table table td.text table td,table table table table table td {width:auto;}
  307. .profile { display:none !important;visibility:hidden!important; }
  308. table tr td[id='footerWarpper']{display:none !important;visibility:hidden!important;}
  309.  
  310.  
  311.  
  312. </style>
  313.  
  314. <div style="display:none;"><table><tr><td><table><tr><td><table><tr><td>
  315.  
  316.  
  317.  
  318.  
  319. -----------------------------LIKE TO MEET---------------------------------
  320.  
  321. </td></tr></table></td></tr></table></td></tr></table></div><DIV class="vicholder">
  322.  
  323.  
  324. <div class="vname">
  325. <font class="h1">Character Name Here</font>
  326. <font class="h2">Character tagline here</font>
  327. </div>
  328.  
  329. <div class="v250w250h_a" style="background-image:url(http://i.imgur.com/nzTR1sK.png);">
  330. <div class="Hbox1">
  331.  
  332. <p><font class="h3">Legal</font>
  333. <BR><b>NAME:</b> Input info
  334. <BR><b>NICKNAMES:</b> Input info
  335. <BR><b>ALIASES:</b> Input info
  336. <BR><b>DATE OF BIRTH:</b> Input info
  337. <BR><b>PLACE OF BIRTH:</b> Input info
  338. <BR><b>CURRENT RESIDENCE:</b> Input info
  339.  
  340. <p><font class="h3">Physical</font>
  341. <BR><b>ETHNICITY:</b> Input info
  342. <BR><b>HAIR COLOR:</b> Input info
  343. <BR><b>EYE COLOR:</b> Input info
  344. <BR><b>HEIGHT:</b> Input info
  345. <BR><b>WEIGHT:</b> Input info
  346. <BR><b>BIRTHMARKS/SCARS:</b> Input info
  347.  
  348. <p>Instructions about these three boxes (Remove after you complete your profile):
  349. <p>The three boxes for Daryl are ONE image of 250px width by 760px height. You do NOT have to manually cut the image up into 3 parts. Just make one 250px by 760px image and place the SAME image link where the background-img:url (link here); is in EACH of these sections. If you look at the link for my pic, they are all THE EXACT SAME. The coding will align the one image so that it shows the top on the top, the middle in the middle and the bottom of the image in the bottom slot.
  350. <P>Alternatively, you can put THREE SEPARATE images here. Just make them 250width by 250height and put them in the same spot where the background-image:url(link here); images are located in each of these sections.
  351.  
  352. </div></div>
  353.  
  354. <div class="v250w250h_b" style="background-image:url(http://i.imgur.com/nzTR1sK.png);">
  355. <div class="Hbox1">
  356.  
  357. <p><font class="h3">Education</font>
  358. <BR><b>High School</b> Input Info
  359. <br><b>College</b> Input Info
  360. <br><b>Major</b> Input Info
  361. <br><b>Degree</b> Input Info
  362.  
  363. <p><font class="h3">Employment</font>
  364. <BR><b>OCCUPATION:</b> Input info
  365. <BR><b>JOB DESCRIPTION:</b> Input info
  366. <BR><b>EMPLOYER:</b> Input info
  367. <BR><b>SKILLSET:</b> Input info
  368.  
  369. </div></div>
  370.  
  371. <div class="v250w250h_c" style="background-image:url(http://i.imgur.com/nzTR1sK.png);">
  372. <div class="Hbox1">
  373.  
  374. <p><font class="h3">Family</font>
  375. <BR><b>MOTHER:</b> Input info
  376. <BR><b>FATHER:</b> Input info
  377. <BR><b>SISTER(S):</b> Input info
  378. <BR><b>BROTHER(S):</b> Input info
  379. <BR><b>Other Family:</b> Input info
  380.  
  381. <p><font class="h3">Relationships</font>
  382. <BR><b>SEXUAL ORIENTATION:</b> Input info
  383. <BR><b>RELATIONSHIP STATUS:</b> Input info
  384. <BR><b>CURRENT RELATIONSHIP(S):</b> Input info
  385. <BR><b>PAST RELATIONSHIP(S):</b> Input info
  386.  
  387. </div></div>
  388.  
  389.  
  390. <div class="v500w250h" style="background-image:url(http://i.imgur.com/qslGWRw.jpg);">
  391. <div class="Hbox2">
  392.  
  393. <font class="h1">Header 1</font>
  394. <font class="h2">Header 2</font>
  395. <font class="h3">Header 3</font>
  396. <font class="h4">Header 4</font>
  397. <font class="h5">Header 5</font>
  398.  
  399. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  400.  
  401. <p><em>Emphasized text goes here</em>
  402.  
  403. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  404.  
  405. </div></div>
  406.  
  407.  
  408. <div class="v_personality">
  409.  
  410. <p><font class="h3">Personality</font>
  411. <BR><b>Traits:</b> Input Info
  412. <BR><b>Disorders:</b> Input Info
  413. <BR><b>Addictions:</b> Input Info
  414. <BR><b>Likes:</b> Input Info
  415. <BR><b>Dislikes:</b> Input Info
  416. <BR><b>Quirks:</b> Input Info
  417. </div>
  418.  
  419. <div class="v_tunes">
  420. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
  421. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  422. <param name="bgcolor" value="#251616" />
  423. <param name="FlashVars" value="mp3=http%3A//k002.kiwi6.com/hotlink/656165c1p8/the_walking_dead_theme_www.mp3fiber.com_.mp3&autoplay=1&bgcolor=251616&loadingcolor=46413a&buttoncolor=46413a&slidercolor=46413a" />
  424. </object>
  425. </div>
  426.  
  427. <div class="v_aboutme">
  428.  
  429. <font class="h2">Header 2</font>
  430. <font class="h5">Header 5</font>
  431.  
  432. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  433.  
  434. <p><em>Emphasized text goes here</em>
  435.  
  436. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  437.  
  438. </div>
  439.  
  440. <div class="lyrics">
  441. <font class="lyric">A man who won't die for something</font>
  442. <font class="lyric2"> is not fit to live.</font>
  443. </div>
  444.  
  445. <div class="v500w200h" style="background-image:url(http://i.imgur.com/zlYV0OP.jpg);">
  446. <div class="Hbox3">
  447.  
  448. <font class="h1">Header 1</font>
  449. <font class="h2">Header 2</font>
  450. <font class="h3">Header 3</font>
  451. <font class="h4">Header 4</font>
  452. <font class="h5">Header 5</font>
  453.  
  454. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  455.  
  456. <p><em>Emphasized text goes here</em>
  457.  
  458. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  459.  
  460. <font class="lyric">You can use these for lyrics</font>
  461. <font class="lyric2">or to emphasize text</font>
  462. <font class="lyric3">Add in a quote if you want</font>
  463. <font class="lyric4">or some lines from a song</font>
  464. </div></div>
  465.  
  466.  
  467.  
  468.  
  469.  
  470.  
  471.  
  472. <div class="vname2">
  473. <font class="h4">Title Goes Here</font>
  474. <font class="h2">Secondary Title</font>
  475. </div>
  476.  
  477. <div class="v270h250w_a" style="background-image:url(http://i.imgur.com/10DGwGx.jpg);">
  478. <div class="Hbox4">
  479.  
  480. You can put a special connection here or other info. The title for this section is above.
  481.  
  482.  
  483. </div></div>
  484.  
  485.  
  486.  
  487.  
  488.  
  489. <div class="vname3">
  490. <font class="h4">Main Connections</font>
  491. <font class="h2">The Special Ones</font>
  492. </div>
  493. <div class="connections"><center>
  494.  
  495. <div class="Hbox5" style="background-image:url(http://i.imgur.com/3sXlbrt.png);">
  496. <div class="Hbox5a">
  497. <a class="second" href="/FriendID">Connection Name</a>
  498. <p>Info about connection here. THE CONNECTION IMAGE IS 160PX WIDTH BY 60PX HEIGHT.
  499. </div></div>
  500.  
  501.  
  502. <div class="Hbox5" style="background-image:url(http://i.imgur.com/3sXlbrt.png);">
  503. <div class="Hbox5a">
  504. <a class="second" href="/FriendID">Connection Name</a>
  505. <p>Info about connection here. THE CONNECTION IMAGE IS 160PX WIDTH BY 60PX HEIGHT.
  506. </div></div>
  507.  
  508.  
  509. <div class="Hbox5" style="background-image:url(http://i.imgur.com/3sXlbrt.png);">
  510. <div class="Hbox5a">
  511. <a class="second" href="/FriendID">Connection Name</a>
  512. <p>Info about connection here. THE CONNECTION IMAGE IS 160PX WIDTH BY 60PX HEIGHT.
  513. </div></div>
  514.  
  515.  
  516. <div class="Hbox5" style="background-image:url(http://i.imgur.com/3sXlbrt.png);">
  517. <div class="Hbox5a">
  518. <a class="second" href="/FriendID">Connection Name</a>
  519. <p>Info about connection here. THE CONNECTION IMAGE IS 160PX WIDTH BY 60PX HEIGHT.
  520. </div></div>
  521.  
  522.  
  523. <div class="Hbox5" style="background-image:url(http://i.imgur.com/3sXlbrt.png);">
  524. <div class="Hbox5a">
  525. <a class="second" href="/FriendID">Connection Name</a>
  526. <p>Info about connection here. THE CONNECTION IMAGE IS 160PX WIDTH BY 60PX HEIGHT.
  527. </div></div>
  528.  
  529. <div class="Hbox5" style="background-image:url(http://i.imgur.com/3sXlbrt.png);">
  530. <div class="Hbox5a">
  531. <a class="second" href="/FriendID">Connection Name</a>
  532. <p>Info about connection here. THE CONNECTION IMAGE IS 160PX WIDTH BY 60PX HEIGHT.
  533. </div></div>
  534.  
  535. </center></div>
  536.  
  537.  
  538.  
  539.  
  540. <div class="vname4">
  541. <font class="h4">Title Goes Here</font>
  542. <font class="h2">Secondary Title</font>
  543. </div>
  544.  
  545.  
  546. <div class="v270h250w_b" style="background-image:url(http://i.imgur.com/WrJbc8d.jpg);">
  547. <div class="Hbox4">
  548.  
  549. You can put a special connection here or other info. The title for this section is above.
  550. </div></div>
  551.  
  552. <div class="vlinks">
  553.  
  554.  
  555.  
  556.  
  557.  
  558.  
  559.  
  560. </div>
  561. <div class="bottom"></div>
  562. </div><div class="ficsc"><table><tr><td><table><tr><td><table><tr><td>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!