API tools faq
paste
Advertisement
alokasenna

Let It Go (Page #5)

alokasenna
Feb 14th, 2014
765
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.84 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. <html>
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <!-----PAGE 6 BY LAUNTS (http://launts.tumblr.com/). DON'T STEAL OR REDISTRIBUTE. THANK.----->
  7.  
  8. <head>
  9. <title>Let It Go</title> <!-----CHANGE THE TITLE ON THE TAB HERE----->
  10. <link rel="shortcut icon" href="http://31.media.tumblr.com/9457dccdac654a17fcead30f856d1a1b/tumblr_mvrdg2LybV1sq4jpeo2_400.png"> <!-----CHANGE THE ICON ON THE TAB HERE----->
  11. <link rel="alternate" type="application/rss+xml" href="http://deceitfulgod.tumblr.com/rss">
  12.  
  13.  
  14. <style type="text/css">
  15.  
  16. ::selection {
  17. background: #777;
  18. color:{color:selection};
  19. }
  20. ::-webkit-scrollbar-thumb {
  21. background-color: #bad3ff;
  22. height:auto;
  23. border-bottom:none;
  24. }
  25. ::-webkit-scrollbar {
  26. height:9px;
  27. width:5px;
  28. background-color: #bad3ff;
  29. border: 2px solid white;
  30.  
  31. }
  32.  
  33. ::selection {
  34. background-color:#bad3ff;
  35. color: white;
  36. }
  37.  
  38.  
  39.  
  40. body {
  41. background-color: white;
  42. }
  43.  
  44.  
  45. a {
  46. text-decoration: none;
  47. -webkit-transition: 0.5s;
  48. -moz-transition: 0.5s;
  49. transition: 0.5s;
  50. color: white;
  51. }
  52.  
  53. a: hover {
  54. text-decoration: none;
  55. -webkit-transition: 0.5s;
  56. -moz-transition: 0.5s;
  57. transition: 0.5s;
  58. color: white;
  59. }
  60.  
  61. #thingi {
  62. width: 240px;
  63. height: 340px;
  64.  
  65. padding: 5px;
  66. margin-top: -5px;
  67. margin-left: 10px;
  68.  
  69. }
  70.  
  71. #thingi:hover #abouti {
  72.  
  73. margin-top: -350px;
  74. margin-left: -7px;
  75. opacity: 1;
  76. -webkit-transition: 0.8s;
  77. -moz-transition: 0.8s;
  78. transition: 0.8s;
  79. overflow-y:scroll;
  80.  
  81.  
  82.  
  83. }
  84.  
  85. #abouti {
  86. width: 240px;
  87. height: 340px;
  88. margin-top: -350px;
  89. margin-left: -7px;
  90. border: 8px solid white;
  91. position: fixed;
  92. background-color: white;
  93. opacity: 0;
  94. -webkit-transition: 0.8s;
  95. -moz-transition: 0.8s;
  96. transition: 0.8s;
  97. overflow-y:scroll;
  98.  
  99.  
  100. }
  101. #thingii {
  102. width: 240px;
  103. height: 340px;
  104.  
  105. padding: 5px;
  106. margin-top: -350px;
  107. margin-left: 262px;
  108.  
  109. }
  110.  
  111. #thingii:hover #linksi {
  112.  
  113. margin-top: -350px;
  114. margin-left: -7px;
  115. opacity: 1;
  116. -webkit-transition: 0.8s;
  117. -moz-transition: 0.8s;
  118. transition: 0.8s;
  119.  
  120.  
  121. }
  122.  
  123. #linksi {
  124. width: 240px;
  125. height: 340px;
  126. margin-top: -350px;
  127. margin-left: -7px;
  128. border: 8px solid white;
  129. position: fixed;
  130. background-color: white;
  131. opacity: 0;
  132. -webkit-transition: 0.8s;
  133. -moz-transition: 0.8s;
  134. transition: 0.8s;
  135.  
  136. }
  137.  
  138. #thingiii {
  139. width: 240px;
  140. height: 340px;
  141.  
  142. padding: 5px;
  143. margin-top: 2px;
  144. margin-left: 262px;
  145.  
  146. }
  147.  
  148. #thingiii:hover #aboutii {
  149.  
  150. margin-top: -350px;
  151. margin-left: -7px;
  152. opacity: 1;
  153. -webkit-transition: 0.8s;
  154. -moz-transition: 0.8s;
  155. transition: 0.8s;
  156. overflow-y:scroll;
  157.  
  158.  
  159. }
  160.  
  161. #aboutii {
  162. width: 240px;
  163. height: 340px;
  164. margin-top: -350px;
  165. margin-left: -7px;
  166. border: 8px solid white;
  167. position: fixed;
  168. background-color: white;
  169. opacity: 0;
  170. -webkit-transition: 0.8s;
  171. -moz-transition: 0.8s;
  172. transition: 0.8s;
  173. overflow-y:scroll;
  174.  
  175. }
  176.  
  177. #thingiv {
  178. width: 240px;
  179. height: 340px;
  180.  
  181. padding: 5px;
  182. margin-top: -350px;
  183. margin-left: 10px;
  184.  
  185. }
  186.  
  187. #thingiv:hover #linksii {
  188.  
  189. margin-top: -350px;
  190. margin-left: -7px;
  191. opacity: 1;
  192. -webkit-transition: 0.8s;
  193. -moz-transition: 0.8s;
  194. transition: 0.8s;
  195.  
  196.  
  197. }
  198.  
  199. #linksii {
  200. width: 240px;
  201. height: 340px;
  202. margin-top: -350px;
  203. margin-left: -7px;
  204. border: 8px solid white;
  205. position: fixed;
  206. background-color: white;
  207. opacity: 0;
  208. -webkit-transition: 0.8s;
  209. -moz-transition: 0.8s;
  210. transition: 0.8s;
  211.  
  212. }
  213.  
  214. #home {
  215. width: 100px;
  216. height: 100px;
  217. border: 8px solid white;
  218. margin-top: -590px;
  219. margin-left: 205px;
  220. position: fixed;
  221. -webkit-transition: 0.5s;
  222. -moz-transition: 0.5s;
  223. transition: 0.5s;
  224.  
  225. }
  226.  
  227. #home:hover #homeii {
  228.  
  229. margin-top: -107px;
  230. margin-left: -7px;
  231. opacity: 1;
  232. -webkit-transition: 0.5s;
  233. -moz-transition: 0.5s;
  234. transition: 0.5s;
  235.  
  236.  
  237. }
  238.  
  239. #homeii {
  240. width: 100px;
  241. height: 100px;
  242. margin-top: -107px;
  243. margin-left: -7px;
  244. border: 8px solid white;
  245. position: fixed;
  246. background-color: #bad3ff;
  247. opacity: 0;
  248. -webkit-transition: 0.5s;
  249. -moz-transition: 0.5s;
  250. transition: 0.5s;
  251.  
  252. }
  253.  
  254.  
  255. #ask {
  256. width: 100px;
  257. height: 100px;
  258. border: 8px solid white;
  259. margin-top: -400px;
  260. margin-left: 205px;
  261. position: fixed;
  262. }
  263.  
  264. #ask:hover #askii {
  265.  
  266. margin-top: -107px;
  267. margin-left: -7px;
  268. opacity: 1;
  269. -webkit-transition: 0.5s;
  270. -moz-transition: 0.5s;
  271. transition: 0.5s;
  272.  
  273.  
  274. }
  275.  
  276. #askii {
  277. width: 100px;
  278. height: 100px;
  279. margin-top: -107px;
  280. margin-left: -7px;
  281. border: 8px solid white;
  282. position: fixed;
  283. background-color: #bad3ff;
  284. opacity: 0;
  285. -webkit-transition: 0.5s;
  286. -moz-transition: 0.5s;
  287. transition: 0.5s;
  288.  
  289. }
  290.  
  291. #archive {
  292. width: 100px;
  293. height: 100px;
  294. border: 8px solid white;
  295. margin-top: -210px;
  296. margin-left: 205px;
  297. position: fixed;
  298. }
  299.  
  300. #archive:hover #archiveii {
  301.  
  302. margin-top: -107px;
  303. margin-left: -7px;
  304. opacity: 1;
  305. -webkit-transition: 0.5s;
  306. -moz-transition: 0.5s;
  307. transition: 0.5s;
  308.  
  309.  
  310. }
  311.  
  312. #archiveii {
  313. width: 100px;
  314. height: 100px;
  315. margin-top: -107px;
  316. margin-left: -7px;
  317. border: 8px solid white;
  318. position: fixed;
  319. background-color: #bad3ff;
  320. opacity: 0;
  321. -webkit-transition: 0.5s;
  322. -moz-transition: 0.5s;
  323. transition: 0.5s;
  324.  
  325. }
  326.  
  327. .links{
  328. font-family: Calibri;
  329. font-size: 15px;
  330. text-align: center;
  331. margin-top: 40px;
  332. text-transform: uppercase;
  333. }
  334.  
  335. .linksii {
  336. font-size: 25px;
  337. font-family: Calibri;
  338. text-align: center;
  339. margin-top: 40px;
  340. }
  341.  
  342. .p {
  343. font-family: Calibri;
  344. font-size: 11px;
  345. text-align: center;
  346. color: #bad3ff;
  347. margin-left: 50px;
  348. }
  349.  
  350. .pii {
  351. font-family: Calibri;
  352. font-size: 11px;
  353. text-align: center;
  354. color: #bad3ff;
  355. margin-left: 20px;
  356. }
  357.  
  358. .linkagei {
  359. width: 50px;
  360. height:50px;
  361. margin-top:105px;
  362. margin-left: 60px;
  363. background-color: #bad3ff;
  364. font-size: 40px;
  365. font-family: Calibri;
  366. text-align: center;
  367. }
  368.  
  369. .linkageii {
  370. width: 50px;
  371. height:50px;
  372. font-size: 40px;
  373. font-family: Calibri;
  374. text-align: center;
  375. margin-top: -50px;
  376. margin-left: 130px;
  377. background: #bad3ff;
  378.  
  379. }
  380.  
  381. .linkageiii {
  382. width: 50px;
  383. height:50px;
  384. font-size: 40px;
  385. font-family: Calibri;
  386. text-align: center;
  387. margin-top:20px;
  388. margin-left: 60px;
  389. background: #bad3ff;
  390.  
  391. }
  392.  
  393. .linkageiv {
  394. width: 50px;
  395. height:50px;
  396. font-size: 40px;
  397. font-family: Calibri;
  398. text-align: center;
  399. margin-top:-50px;
  400. margin-left: 130px;
  401. background: #bad3ff;
  402. }
  403.  
  404. .linkagev {
  405. width: 50px;
  406. height:50px;
  407. font-size: 40px;
  408. font-family: Calibri;
  409. text-align: center;
  410. margin-top:135px;
  411. margin-left: 60px;
  412. background: #bad3ff;
  413. }
  414.  
  415. .linkagevi {
  416. width: 50px;
  417. height:50px;
  418. font-size: 40px;
  419. font-family: Calibri;
  420. text-align: center;
  421. margin-top: -50px;
  422. margin-left: 130px;
  423. background: #bad3ff;
  424. }
  425.  
  426. .linkagevii {
  427. width: 50px;
  428. height:50px;
  429. font-size: 40px;
  430. font-family: Calibri;
  431. text-align: center;
  432. margin-top:20px;
  433. margin-left: 60px;
  434. background: #bad3ff;
  435. }
  436.  
  437. .linkageviii {
  438. width: 50px;
  439. height:50px;
  440. font-size: 40px;
  441. font-family: Calibri;
  442. text-align: center;
  443. margin-top:-50px;
  444. margin-left: 130px;
  445. background: #bad3ff;
  446. }
  447.  
  448. #title {
  449. font-family: Kunstler Script;
  450. font-size: 70px;
  451. color: #bad3ff;
  452. margin-left: 550px;
  453. margin-top: -550px;
  454. text-transform: lowercase;
  455. }
  456.  
  457. #subtitle {
  458. font-family: Angsana New;
  459. font-size: 25px;
  460. color: #bad3ff;
  461. margin-left: 600px;
  462. margin-top: -20px;
  463. text-transform: lowercase;
  464.  
  465. }
  466.  
  467.  
  468. }
  469.  
  470.  
  471.  
  472.  
  473. </style>
  474. </head>
  475.  
  476. <body>
  477.  
  478. <div id="thingi">
  479. <img src="https://31.media.tumblr.com/55fef15f7de65fe04703ee6e92bac6ff/tumblr_n10jz4lqWO1tpb7s5o2_250.jpg"> <!------this is where you change the top left picture----->
  480.  
  481. <div id="abouti"> <!-----this is where you put your first about information----->
  482. <br><br>
  483. <div class="pii">
  484. Write whatever you want here. Literally anything. Fandoms, ships, your entire life story... If you go over, there'll be a scrollbar so go nuts.
  485. <br><br>
  486. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</div>
  487. </div>
  488. </div>
  489.  
  490. <div id="thingii">
  491. <img src="https://24.media.tumblr.com/de0d5928d08d3a1bd064d8e30de80786/tumblr_n10kl85N5P1tpb7s5o1_250.jpg"> <!-----this is where you put the top right picture----->
  492.  
  493. <div id="linksi"> <!-----this is where you put all of your links----->
  494. <div class="linkagei">
  495. <a href="http://launts.tumblr.com/">I</a> <!-----this is my credit. if you touch this I'll find you and I'll kill you. just fyi.----->
  496. </div>
  497. <div class="linkageii">
  498. <a href="/">II</a>
  499. </div>
  500. <div class="linkageiii">
  501. <a href="/">III</a>
  502. </div>
  503. <div class="linkageiv">
  504. <a href="/">IV</a>
  505. </div>
  506. </div>
  507. </div>
  508.  
  509. <div id="thingiii">
  510. <img src="https://24.media.tumblr.com/a36eeeb2cc0cb0e2fab85cdfd650c4e1/tumblr_n10jz4lqWO1tpb7s5o1_250.jpg"> <!-----this is where you put your bottom right picture----->
  511.  
  512. <div id="aboutii"> <!-----this is where you put your second about----->
  513. <br><br>
  514. <div class="p">
  515. Write whatever you want here. Literally anything. Fandoms, ships, your entire life story... If you go over, there'll be a scrollbar so go nuts.
  516. <br><br>
  517. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</div>
  518. </div>
  519. </div>
  520.  
  521. <div id="thingiv">
  522. <img src="https://24.media.tumblr.com/de0d5928d08d3a1bd064d8e30de80786/tumblr_n10kl85N5P1tpb7s5o1_250.jpg"> <!------this is where you put your bottom left picture----->
  523.  
  524. <div id="linksii"> <!------this is where you put your second set of links----->
  525. <div class="linkagev">
  526. <a href="/">V</a>
  527. </div>
  528. <div class="linkagevi">
  529. <a href="/">VI</a>
  530. </div>
  531. <div class="linkagevii">
  532. <a href="/">VII</a>
  533. </div>
  534. <div class="linkageviii">
  535. <a href="/">VIII</a>
  536. </div>
  537. </div>
  538. </div>
  539.  
  540.  
  541.  
  542.  
  543. <div id="home">
  544. <img src="https://31.media.tumblr.com/2237b55e258df605217e75b95ba0ee7b/tumblr_n10lew5lyy1tpb7s5o2_100.gif"> <!-----this is where you put the first or home icon----->
  545.  
  546. <div id="homeii">
  547. <div class="links"><a href="/">home</a></div>
  548. </div>
  549. </div>
  550.  
  551. <div id="ask">
  552. <img src="https://31.media.tumblr.com/c7d3023c12b8625bd57c40e4115bbe0b/tumblr_n10ml3AlnL1tpb7s5o1_100.jpg"> <!-----this is where you put your second or ask icon----->
  553.  
  554. <div id="askii">
  555. <div class="links"><a href="/ask">ask</a></div>
  556. </div>
  557. </div>
  558.  
  559. <div id="archive">
  560. <img src="https://24.media.tumblr.com/9c44b391f4a7f076d1886cbb48ed5839/tumblr_n10lew5lyy1tpb7s5o1_100.gif"> <!-----this is where you put your third or archive icon----->
  561.  
  562. <div id="archiveii">
  563. <div class="links"><a href="/archive">archive</a></div>
  564. </div>
  565. </div>
  566.  
  567. <div id="title">
  568. Let The Storm Rage On <!-----this is where you put your title----->
  569. </div>
  570. <div id="subtitle">
  571. the cold never bothered me anyway <!-----this is where you put your subtitle----->
  572. </div>
  573. </body>
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!