API tools faq
paste
Advertisement
pausodontic

~Theme 27~Bombshell Blonde~All-In-One Page

pausodontic
Aug 26th, 2013
1,649
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--　　　　
  6. ~ ~ ~ ~ ~
  7. ~ ~ ~ ~ ~ ~ ~ ~ ~
  8. ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
  9. ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
  10. /THEME #27 ~ALL IN ONE PAGE~ PAUSODONTIC\
  11. ----------------------------------------------
  12. -->
  13.  
  14. <html>
  15. <head>
  16. <title>{title}</title>
  17.  
  18. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  19.  
  20. <title>{title}</title>
  21.  
  22.  
  23. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  24.  
  25. <link rel="shortcut icon" href="{favicon}" />
  26.  
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  28.  
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  32.  
  33.  
  34. <script src="http://code.jquery.com/jquery-1.10.0.min.js">
  35. </script>
  36. <script>
  37. $(document).ready(function(){
  38.  
  39.  
  40.  
  41.  
  42. $(".one").click(function(){
  43. $(".1").toggle();
  44. $(".2,.3,.4,.5,.6").hide();
  45. });
  46.  
  47.  
  48. $(".two").click(function(){
  49. $(".2").toggle();
  50. $(".1,.3,.4,.5,.6").hide();
  51. });
  52. $(".three").click(function(){
  53. $(".3").toggle();
  54. $(".2,.1,.4,.5,.6").hide();
  55. });
  56. $(".four").click(function(){
  57. $(".4").toggle();
  58. $(".1,.2,.3,.5,.6").hide();
  59. });
  60. $(".five").click(function(){
  61. $(".5").toggle();
  62. $(".1,.2,.3,.4,.6").hide();
  63. });
  64. $(".six").click(function(){
  65. $(".6").toggle();
  66. $(".1,.2,.3,.4,.5").hide();
  67. });
  68.  
  69. });
  70. </script>
  71.  
  72. <style type="text/css">
  73.  
  74. body {
  75. background-color: #fafafa;
  76. }
  77.  
  78. /* DONT FUCK WITH THIS */
  79. .1, .2, .3, .4,.5,.6 {
  80. display: none;
  81. }
  82. /* DONT FUCK WITH THIS */
  83.  
  84. #icon {
  85. position: fixed;
  86. z-index: 9999;
  87. margin-left: 175px;
  88. margin-top: -45px;
  89. }
  90.  
  91. #icon img {
  92. padding: 15px;
  93. border: 1px solid #f0f0f0;
  94. background-color: #fff;
  95. height: 45px;
  96. width: 45px;
  97. border-radius: 50%;
  98. -moz-border-radius: 50%;
  99. -webkit-border-radius: 50%;
  100. -webkit-transition: all 0.7s ease-in-out;
  101. -moz-transition: all 0.7s ease-in-out;
  102. -o-transition: all 0.7s ease-in-out;
  103. }
  104.  
  105. #icon img:hover {
  106. border: 1px solid #COLOR;
  107. transform: rotate(360deg);
  108. -moz-transform: rotate(360deg);
  109. -webkit-transform: rotate(360deg);
  110. -o-transform: rotate(360deg);
  111. }
  112.  
  113. #back {
  114. position: fixed;
  115. z-index: 9999;
  116. margin-left: 25px;
  117. margin-top: 70px;
  118. }
  119.  
  120. #back a {
  121. padding: 20px;
  122. border: 1px solid #f0f0f0;
  123. background-color: #fff;
  124. height: 40px;
  125. width: 30px;
  126. border-radius: 50%;
  127. -moz-border-radius: 50%;
  128. -webkit-border-radius: 50%;
  129. color: #f7c2b8;
  130. text-decoration: none;
  131. font-family: arial;
  132. font-size: 10px;
  133. line-height: 14px;
  134. -webkit-transition: all 0.7s ease-in-out;
  135. -moz-transition: all 0.7s ease-in-out;
  136. -o-transition: all 0.7s ease-in-out;
  137. }
  138.  
  139. #back a:hover {
  140. border: 1px solid #COLOR;
  141. color: #bbb
  142. }
  143.  
  144. #credit {
  145. position: fixed;
  146. z-index: 9999;
  147. margin-left: 210px;
  148. margin-top: -45px;
  149. }
  150.  
  151. #credit a {
  152. padding: 20px;
  153. border: 1px solid #f0f0f0;
  154. background-color: #fff;
  155. height: 80px;
  156. width: 30px;
  157. border-radius: 50%;
  158. -moz-border-radius: 50%;
  159. -webkit-border-radius: 50%;
  160. color: #f7c2b8;
  161. text-decoration: none;
  162. font-family: arial;
  163. font-size: 10px;
  164. line-height: 14px;
  165. -webkit-transition: all 0.7s ease-in-out;
  166. -moz-transition: all 0.7s ease-in-out;
  167. -o-transition: all 0.7s ease-in-out;
  168. }
  169.  
  170. #credit a:hover {
  171. border: 1px solid #COLOR;
  172. color: #bbb
  173. }
  174.  
  175. #desc {
  176. position: fixed;
  177. z-index: 999;
  178. left: 50%;
  179. margin-left: -250px;
  180. top: 180px;
  181. width: 480px;
  182. padding: 10px;
  183. padding-top: 80px;
  184. padding-bottom: 20px;
  185. background-color: #fff;
  186. border-left: 1px solid #f0f0f0;
  187. border-right: 1px solid #f0f0f0;
  188. border-bottom: 1px dashed #f0f0f0;
  189. font-style: italic;
  190. text-align: center;
  191. color: #bbb;
  192. font-family: arial;
  193. font-size: 10px;
  194. line-height: 14px;
  195. }
  196.  
  197. #desc i,b {
  198. color: #COLOR;
  199. }
  200.  
  201. #desc a {
  202. text-decoration: none;
  203. color: #COLOR;
  204. -webkit-transition: all 0.5s ease-in-out;
  205. -moz-transition: all 0.5s ease-in-out;
  206. -o-transition: all 0.5s ease-in-out;
  207. }
  208.  
  209. #desc a:hover {
  210. color: #fff;
  211. -webkit-transition: all 0.5s ease-in-out;
  212. -moz-transition: all 0.5s ease-in-out;
  213. -o-transition: all 0.5s ease-in-out;
  214. }
  215.  
  216. #about {
  217. background-color: #fff;
  218. z-index: -999999999999;
  219. width: 500px;
  220. height: 500px;
  221. margin-left: -250px;
  222. left: 50%;
  223. margin-top: 160px;
  224. position: fixed;
  225. border: 1px solid #f0f0f0;
  226. overflow: auto;
  227. }
  228.  
  229. #ask {
  230. margin-top: 150px;
  231. }
  232.  
  233. #blogrolltitle {
  234. text-transform: lowercase;
  235. font-family:'Libre Baskerville', serif;
  236. font-style: italic;
  237. font-size: 20px;
  238. padding: 2px;
  239. color: #COLOR;
  240. position: absolute;
  241. z-index: 1;
  242. margin-left: 220px;
  243. margin-top: 65px;
  244. line-height: 14px;
  245. }
  246.  
  247. #blogbox {
  248. width: 500px;
  249. background-color: #fff;
  250. overflow: auto;
  251. height: 500px;
  252. position: fixed;
  253. clear:both;
  254. margin-top: 125px;
  255. }
  256.  
  257. #follow {
  258. float: left;
  259. }
  260.  
  261. .avatar {
  262. padding: 15px;
  263. border: 1px solid #f0f0f0;
  264. background-color: #fff;
  265. height: 40px;
  266. width: 40px;
  267. border-radius: 100px;
  268. -moz-border-radius: 100px;
  269. -webkit-border-radius: 100px;
  270. margin: 5px;
  271. -webkit-transition: all 0.7s ease-in-out;
  272. -moz-transition: all 0.7s ease-in-out;
  273. -o-transition: all 0.7s ease-in-out;
  274. }
  275.  
  276. .avatar:hover {
  277. border: 1px solid #COLOR;
  278. transform: rotate(360deg);
  279. -moz-transform: rotate(360deg);
  280. -webkit-transform: rotate(360deg);
  281. -o-transform: rotate(360deg);
  282. }
  283.  
  284. #top {
  285. position: fixed;
  286. top: 130px;
  287. left: 50%;
  288. margin-left: -250px;
  289. width: 500px;
  290. height: 80px;
  291. border: 1px solid #f0f0f0;
  292. background-color: #fff;
  293. z-index: 999;
  294. }
  295.  
  296. #bottomimage {
  297. border: 1px solid #f0f0f0;
  298. width: 500px;
  299. position: fixed;
  300. left: 50%;
  301. margin-left: -250px;
  302. margin-top: 340px;
  303. z-index: -99999999999999999999999999999999999999;
  304. }
  305.  
  306. /* Scrollbar Controls */
  307. ::-webkit-scrollbar-thumb {
  308. background-color: #COLOR;
  309. height:auto;
  310. }
  311.  
  312. ::-webkit-scrollbar {
  313. height: 5px;
  314. width: 5px;
  315. background-color: #f9f9f9;
  316.  
  317. }
  318.  
  319. #q {
  320. background-color: #fff;
  321. z-index: -999999999999;
  322. width: 500px;
  323. height: 500px;
  324. left: 50%;
  325. margin-left: -249px;
  326. margin-top: 341px;
  327. position: absolute;
  328. }
  329.  
  330. #quote {
  331. color: #COLOR;
  332. position: absolute;
  333. margin-top: 100px;
  334. margin-left: 60px;
  335. text-transform: lowercase;
  336. font-family:'Libre Baskerville', serif;
  337. font-style: italic;
  338. font-size: 16px;
  339. line-height: 20px;
  340. width: 400px;
  341. z-index: 1;
  342. }
  343.  
  344. ol,ul {
  345. list-style-type: none;
  346. text-align: left;
  347. color: #f7c2b8;
  348. }
  349.  
  350. #linkbox {
  351. position: absolute;
  352. line-height: 10px;
  353. margin-top: 200px;
  354. clear:both;
  355. }
  356.  
  357. #links {
  358. margin-left: 45px;
  359. margin-top: -15px;
  360. }
  361.  
  362. #links a {
  363. font-style: italic;
  364. text-align: center;
  365. color: #bbb;
  366. font-family: arial;
  367. font-size: 10px;
  368. text-decoration: none;
  369. }
  370.  
  371.  
  372. #image img{
  373. padding: 15px;
  374. border: 1px solid #f0f0f0;
  375. background-color: #fff;
  376. height: 50px;
  377. width: 50px;
  378. border-radius: 100px;
  379. -moz-border-radius: 100px;
  380. -webkit-border-radius: 100px;
  381. -webkit-transition: all 0.7s ease-in-out;
  382. -moz-transition: all 0.7s ease-in-out;
  383. -o-transition: all 0.7s ease-in-out;
  384. }
  385.  
  386. #image img:hover {
  387. border: 1px solid #COLOR;
  388. transform: rotate(360deg);
  389. -moz-transform: rotate(360deg);
  390. -webkit-transform: rotate(360deg);
  391. -o-transform: rotate(360deg);
  392. }
  393.  
  394. #row1 {
  395. margin-left: 15px;
  396. float: left;
  397. position: absolute;
  398. }
  399.  
  400. #row2 {
  401. margin-left: 255px;
  402. float: left;
  403. position: absolute;
  404. }
  405.  
  406. #linkstitle {
  407. background-color: #COLOR;
  408. padding: 5px;
  409. font-style: italic;
  410. text-align: left;
  411. color: #fff;
  412. font-family: arial;
  413. font-size: 10px;
  414. margin-left: 80px;
  415. width: 120px;
  416. margin-top: -55px;
  417. }
  418.  
  419. #abouttitle {
  420. text-transform: lowercase;
  421. font-family:'Libre Baskerville', serif;
  422. font-style: italic;
  423. font-size: 20px;
  424. padding: 2px;
  425. color: #COLOR;
  426. position: absolute;
  427. z-index: 1;
  428. margin-left: 210px;
  429. margin-top: 50px;
  430. }
  431.  
  432. #abouttext {
  433. color: #bbb;
  434. position: absolute;
  435. text-align: center;
  436. margin-left: 55px;
  437. margin-top: 70px;
  438. width: 400px;
  439. text-align: left;
  440. color: #bbb;
  441. text-align: center;
  442. font-family: arial;
  443. font-size: 10px;
  444. }
  445.  
  446. #abouttext i,b {
  447. color: #COLOR;
  448. }
  449.  
  450. #aboutbox {
  451. margin-top: 150px;
  452. }
  453.  
  454. #whitebox {
  455. height: 50px;
  456. width: 500px;
  457. position: absolute;
  458. margin-top: 750px;
  459. }
  460.  
  461. </style>
  462. </head>
  463. <body>
  464.  
  465. <!-- INSERT DESCRIPTION BELOW -->
  466.  
  467. <div id="desc">
  468.  
  469. <i>please</i> keep your description under 5 lines. <br>
  470. otherwise it'll run into the other things.<br>
  471. also try to keep it above 3 lines otherwise it'll look weird <br>
  472. please just make it four lines long thank you. <b>bold</b> <i>italic</i> <a href="/">link</a>
  473.  
  474. <br>
  475. <a class="three" href="#" > links </a>-
  476.  
  477. <a class="two" href="#"> blogroll </a>-
  478.  
  479. <a class="four" href="#" >ask</a>-
  480.  
  481. <a class="five" href="#" >about</a>
  482.  
  483.  
  484.  
  485.  
  486. </div>
  487.  
  488. <!-- DEFAULT IMAGE THAT SHOWS UP WHEN NOTHING IS SELECTED -->
  489. <div id="bottomimage"><img src="IMAGE URL"></div>
  490.  
  491. <div class="1">
  492. <div id="q">
  493. <div id="quote">
  494.  
  495. "QUOTE"
  496.  
  497. </div></div></div>
  498.  
  499. <div class="2" style="display:none;">
  500. <div id="about">
  501. <div id="blogbox">
  502.  
  503. <div id="blogrolltitle"> blogroll. </div><br><br><br><br><br>
  504. {block:Following}
  505.  
  506. {block:Followed}
  507. <div id="follow">
  508. <a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" class="avatar"></a>
  509. </div>
  510. {/block:Followed}
  511. {/block:Following}
  512. <div id="whitebox"> </div>
  513. </div></div></div></div></div>
  514.  
  515.  
  516.  
  517. <div class="3" style="display:none;">
  518. <div id="about">
  519. <div id="linkbox">
  520.  
  521. <!-- BEGINNING OF LEFT ROW -->
  522. <div id="row1">
  523.  
  524. <!-- IMAGE IN CIRCLE -->
  525. <div id="image">
  526. <img src="http://media.tumblr.com/09405224efe6aeb6d878fe158bd82061/tumblr_inline_ms0nc2Oxfu1qz4rgp.png">
  527. </div>
  528. <div id="linkstitle">TITLE</div>
  529. <div id="links">
  530. <ul>
  531. <li><a href="/tagged/TAG">TITLE</a></li>
  532. <li><a href="/tagged/TAG">TITLE</a></li>
  533. <li><a href="/tagged/TAG">TITLE</a></li>
  534. <li><a href="/tagged/TAG">TITLE</a></li>
  535. <li><a href="/tagged/TAG">TITLE</a></li>
  536. </ul>
  537. </div>
  538.  
  539. <div id="image">
  540. <img src="http://media.tumblr.com/ecadca1f72d521804b8a4d1c7b0270b0/tumblr_inline_ms0ncuYe6a1qz4rgp.png">
  541. </div>
  542. <div id="linkstitle">TITLE</div>
  543. <div id="links">
  544. <ul>
  545. <li><a href="/tagged/TAG">TITLE</a></li>
  546. <li><a href="/tagged/TAG">TITLE</a></li>
  547. <li><a href="/tagged/TAG">TITLE</a></li>
  548. <li><a href="/tagged/TAG">TITLE</a></li>
  549. <li><a href="/tagged/TAG">TITLE</a></li>
  550. </ul>
  551. </div>
  552.  
  553. <div id="image">
  554. <img src="http://media.tumblr.com/a5877f8f19240219ecf4530f3ea95919/tumblr_inline_ms0nd0JgnE1qz4rgp.png">
  555. </div>
  556. <div id="linkstitle">TITLE</div>
  557. <div id="links">
  558. <ul>
  559. <li><a href="/tagged/TAG">TITLE</a></li>
  560. <li><a href="/tagged/TAG">TITLE</a></li>
  561. <li><a href="/tagged/TAG">TITLE</a></li>
  562. <li><a href="/tagged/TAG">TITLE</a></li>
  563. <li><a href="/tagged/TAG">TITLE</a></li>
  564. </ul>
  565. </div>
  566.  
  567.  
  568. </div>
  569. <!-- END OF LEFT ROW. COPY CODES ABOVE TO ADD MORE LINKS -->
  570.  
  571.  
  572. <!-- BEGINNING OF RIGHT ROW -->
  573. <div id="row2">
  574.  
  575. <!-- IMAGE IN CIRCLE -->
  576. <div id="image">
  577. <img src="http://media.tumblr.com/8f53b12de1a1b23f5313ecf9e2ee1a85/tumblr_inline_ms0nd9wqFb1qz4rgp.png">
  578. </div>
  579. <div id="linkstitle">TITLE</div>
  580. <div id="links">
  581. <ul>
  582. <li><a href="/tagged/TAG">TITLE</a></li>
  583. <li><a href="/tagged/TAG">TITLE</a></li>
  584. <li><a href="/tagged/TAG">TITLE</a></li>
  585. <li><a href="/tagged/TAG">TITLE</a></li>
  586. <li><a href="/tagged/TAG">TITLE</a></li>
  587. </ul>
  588. </div>
  589.  
  590. <div id="image">
  591. <img src="http://media.tumblr.com/a01cf3bbf946a698bb11da3d5682e245/tumblr_inline_ms0ndeBNgD1qz4rgp.png">
  592. </div>
  593. <div id="linkstitle">TITLE</div>
  594. <div id="links">
  595. <ul>
  596. <li><a href="/tagged/TAG">TITLE</a></li>
  597. <li><a href="/tagged/TAG">TITLE</a></li>
  598. <li><a href="/tagged/TAG">TITLE</a></li>
  599. <li><a href="/tagged/TAG">TITLE</a></li>
  600. <li><a href="/tagged/TAG">TITLE</a></li>
  601. </ul>
  602. </div>
  603.  
  604. <div id="image">
  605. <img src="http://media.tumblr.com/90fe0f4e8584b7d05fe953f66ca313d5/tumblr_inline_ms0ne1ut331qz4rgp.png">
  606. </div>
  607. <div id="linkstitle">TITLE</div>
  608. <div id="links">
  609. <ul>
  610. <li><a href="/tagged/TAG">TITLE</a></li>
  611. <li><a href="/tagged/TAG">TITLE</a></li>
  612. <li><a href="/tagged/TAG">TITLE</a></li>
  613. <li><a href="/tagged/TAG">TITLE</a></li>
  614. <li><a href="/tagged/TAG">TITLE</a></li>
  615. </ul>
  616. </div>
  617.  
  618.  
  619. </div>
  620. <!-- END OF RIGHT ROW. COPY CODES ABOVE TO ADD MORE LINKS -->
  621. <div id="whitebox"> </div>
  622.  
  623. </div>
  624. </div>
  625. </div>
  626. </div>
  627.  
  628.  
  629.  
  630. <div class="4" style="display:none;">
  631. <div id="about">
  632. <div id="ask">
  633. <div id="abouttitle"> questions? </div>
  634. <div id="abouttext">
  635. <i>Questions</i><br>
  636. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vitae lobortis justo, vel eleifend lorem. Nunc blandit mattis pretium. In a neque purus. Aliquam hendrerit ullamcorper sapien quis vestibulum. Nunc magna elit, lobortis sit amet nisl a, viverra eleifend libero. Pellentesque blandit adipiscing lacus ut bibendum. Morbi a dui eu velit tempor adipiscing eget eu tortor. Ut scelerisque eu nisi a auctor. Vestibulum dictum libero aliquam nisi ultrices, sit amet ultrices quam bibendum. Donec interdum purus in nisi interdum convallis. Donec a urna augue. Nulla sit amet gravida nibh.<br>
  637.  
  638. <i>Questions</i><br>
  639. Donec malesuada imperdiet ultricies. Interdum et malesuada fames ac ante ipsum primis in faucibus. In lobortis posuere commodo. Sed nulla magna, vehicula at odio sed, iaculis fermentum nibh. Pellentesque consectetur ipsum id velit egestas, sed pharetra ante gravida. Suspendisse in ante ac nisl eleifend placerat. Etiam blandit imperdiet ipsum, et condimentum mi. Curabitur vel consequat metus, in cursus nisi. Morbi id aliquet eros. Phasellus quis nibh ut tellus dignissim venenatis eu non elit.<br>
  640.  
  641. <i>Questions</i><br>
  642. Proin ut velit consequat, porttitor purus eget, fringilla odio. Integer aliquam eros vel tincidunt elementum. Mauris metus orci, gravida sit amet justo ut, consequat lacinia elit. Nunc odio enim, malesuada a diam eget, scelerisque ultricies arcu. Proin eleifend metus id lectus lobortis volutpat. Integer eget congue libero. Nullam dolor nisi, gravida dictum sem luctus, condimentum tincidunt dui. Curabitur vitae lectus cursus, congue diam imperdiet, laoreet nulla. Nunc eu convallis nibh. Donec lacus ipsum, pharetra id mauris vestibulum, dictum placerat justo. Vestibulum scelerisque placerat augue ut sagittis. Nunc nec pellentesque nisl. Aliquam porta enim sit amet lorem aliquet vestibulum.<br>
  643.  
  644. <i>Questions</i><br>
  645. In hac habitasse platea dictumst. Aliquam placerat sed tellus id hendrerit. Mauris blandit est eleifend justo elementum fermentum. Duis neque elit, mattis eu mi a, pharetra interdum ante. In hac habitasse platea dictumst. Aliquam interdum elementum leo quis convallis. Phasellus sagittis vel metus vitae vehicula. Sed non libero vel enim fermentum luctus ac nec lacus. Sed at orci nec arcu pharetra sagittis in quis dolor. Proin malesuada tortor vel augue feugiat, eget egestas tellus consectetur. Pellentesque venenatis in mauris eget cursus.<br>
  646.  
  647. <br>
  648. <iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/YOURURL.tumblr.com" width="100%"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  649. <div id="whitebox"> </div>
  650. </div>
  651. </div>
  652. </div>
  653. </div>
  654. </div>
  655.  
  656.  
  657. <div class="5" style="display:none;">
  658. <div id="about">
  659. <div id="aboutbox">
  660. <div id="abouttitle"> about me. </div>
  661. <div id="abouttext">
  662. Aliquam quis arcu quis ante blandit consectetur. Nulla a bibendum purus, in aliquam tortor. Quisque ut bibendum massa, non elementum eros. Ut in gravida diam, in feugiat mauris. Sed suscipit tincidunt eros vel ultricies. Pellentesque sed tincidunt turpis. Duis eget arcu orci. Integer mattis dui nec orci fermentum, sit amet facilisis nisi tempor. Aliquam porttitor turpis eu velit commodo, et scelerisque augue varius. Vivamus sed rutrum tellus, sit amet cursus eros. Morbi ullamcorper viverra est, ac congue nibh lacinia vel. Sed fermentum pellentesque tortor eu cursus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  663. <br><br>
  664. Ut id interdum odio. Vestibulum ultrices faucibus magna, a pretium augue. Pellentesque quam mi, pellentesque vitae fringilla nec, blandit sed massa. Morbi egestas bibendum ullamcorper. Aenean hendrerit imperdiet interdum. Nulla iaculis libero et nisl dignissim, sed elementum neque eleifend. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nisi ipsum, ultricies sed erat eget, commodo convallis elit. Nullam consectetur sodales scelerisque. Etiam congue suscipit dui, vel iaculis orci tempor cursus. Fusce vel magna porta, scelerisque nulla eget, sagittis ipsum. Ut faucibus, dolor in hendrerit suscipit, nulla velit pharetra felis, nec viverra turpis enim nec libero.
  665. <br><br>
  666. Etiam id molestie arcu. Cras pretium lorem adipiscing ligula aliquet, vel scelerisque arcu egestas. Ut ultricies pharetra nibh quis mollis. Phasellus ac diam commodo, consectetur nunc at, imperdiet lacus. Fusce eu felis ut mauris interdum sagittis. Aliquam lacus erat, malesuada quis est ac, luctus placerat lectus. Vestibulum felis urna, viverra vitae pellentesque eget, feugiat vel ante. Vestibulum nec sagittis tellus, at vehicula arcu. Integer vestibulum aliquet commodo. Pellentesque at justo massa. Nullam dolor nibh, congue vitae orci id, aliquam euismod leo.
  667. <br><br>
  668. Donec scelerisque mollis tortor, a convallis nibh sagittis ut. Suspendisse nec lacus semper, dictum metus vel, gravida nunc. Ut viverra elit ante. In ut tempor massa. Curabitur ligula leo, feugiat a arcu id, mattis sollicitudin mauris. Fusce congue ipsum ipsum, dignissim ultrices libero tempus at. Nunc rutrum, diam nec viverra interdum, magna sem iaculis libero, condimentum laoreet nulla urna varius risus. Aenean rutrum nibh libero, sed aliquet elit facilisis consectetur. Mauris tincidunt velit vitae ligula accumsan gravida. Praesent non pretium nibh. Nam mattis hendrerit auctor. Pellentesque porttitor neque sit amet felis accumsan sagittis. Nulla nisi tellus, mattis nec nulla a, tempus vulputate augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam accumsan velit ut ligula molestie rhoncus.
  669. <div id="whitebox"> </div>
  670. </div>
  671. </div>
  672. </div>
  673. </div>
  674.  
  675.  
  676.  
  677. <div id="top">
  678.  
  679. <div id="back">
  680. <a href="/">back</a>
  681.  
  682.  
  683.  
  684. <div id="icon">
  685.  
  686. <img src="{PortraitURL-40}">
  687.  
  688. <div id="credit">
  689. <a href="http://pausodontic.tumblr.com">cred</a>
  690.  
  691. </div>
  692.  
  693. </div>
  694. </div>
  695.  
  696. </div>
  697.  
  698.  
  699. </body>
  700. </html>
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!