API tools faq
paste
Advertisement
OmgImAlexis

Untitled

OmgImAlexis
Apr 10th, 2015
262
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.52 KB | None | 0 0
raw download clone embed print report
  1. <!--***********************************************************************
  2.  
  3. 88888888888 888888888888 8888 88888888888 88888888888
  4. 88888888888 8888 8888 888888 88888888888 88888888888
  5. 8888 8888 8888 88 88 8888 8888
  6. 8888 8888 8888 888 888 8888 8888
  7. 88888888888 888888888888 888888888888 8888 88888888888
  8. 8888 8888 88888888888888 8888 8888
  9. 8888 8888 8888 8888 8888 8888
  10. 88888888888 8888 8888 8888 88888888888 88888888888
  11. 88888888888 8888 88888 88888 88888888888 88888888888
  12.  
  13.  
  14. SPACETHEMES - BY HOXTONHEROS & ALIENSFROMHELL
  15. HTTP://SPACETHEMES.TUMBLR.COM
  16. HTTP://HOXTONHEROS.TUMBLR.COM & HTTP://ALIENSFROMHELL.TUMBLR.COM
  17.  
  18. DON'T REMOVE CREDIT!
  19. ************************************************************************-->
  20. <!DOCTYPE html>
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head>
  23.  
  24. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lu2de5CqUh1qfoi4t.gif">
  25. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  26.  
  27. <title>{title}</title>
  28.  
  29. <meta charset="UTF-8">
  30. <meta name="description" content="This is a theme from spacethemes">
  31. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  32. <meta name="keywords" content="theme, themes, blog, blogs, tumblr, tumblrblog, teenagers, aliensfromhell, hoxtonheros, column, column, thememaker, spacethemes, space, cool">
  33.  
  34. <meta name="if:1 Column" content="0"/>
  35. <meta name="if:2 Column" content="1"/>
  36. <meta name="if:Right Sidebar" content="0"/>
  37. <meta name="if:Use Borders" content="1"/>
  38. <meta name="if:Use Title" content="1"/>
  39. <meta name="if:Use Picture" content="1"/>
  40. <meta name="if:Box Shadow" content="0"/>
  41. <meta name="if:Link Effect" content="1"/>
  42. <meta name="if:Top Sidebar" content="0"/>
  43. <meta name="if:Middle Sidebar" content="1"/>
  44. <meta name="if:Bottom Sidebar" content="0"/>
  45. <meta name="if:Double Link Border" content="1"/>
  46. <meta name="if:Cover Background" content="0"/>
  47. <meta name="if:Tiny Scrollbar" content="0"/>
  48. <meta name="if:Tiny Cursor" content="1"/>
  49. <meta name="if:Inverted Tumblr Controls" content="0"/>
  50. <meta name="if:Use Scroll To Top" content="0"/>
  51. <meta name="color:Background" content="#FFFFFF"/>
  52. <meta name="color:Blogtitle" content="#000000"/>
  53. <meta name="color:Text" content="#130C11"/>
  54. <meta name="color:Title" content="#130C11"/>
  55. <meta name="color:Posts" content="#FFFFFF"/>
  56. <meta name="color:Sidebar" content="#FFFFFF"/>
  57. <meta name="color:Sidebar BG" content="#E8E8E8"/>
  58. <meta name="color:Borders" content="#000000"/>
  59. <meta name="color:Links" content="#000000"/>
  60. <meta name="color:Links Hover" content="#130C11"/>
  61. <meta name="color:Permalink" content="#000000"/>
  62. <meta name="color:Permalink Bg" content="#FFFFFF"/>
  63. <meta name="color:Scrollbar" content="#130C11"/>
  64. <meta name="color:Scrollbar Background" content="#FFFFFF"/>
  65. <meta name="image:Background" content="1"/>
  66. <meta name="image:Sidebar" content="1"/>
  67. <meta name="text:Opacity" content="0.9"/>
  68. <meta name="text:Shadow RGB" content="0,0,0"/>
  69. <meta name="text:Link One" content="" />
  70. <meta name="text:Link One Title" content="" />
  71. <meta name="text:Link Two" content="" />
  72. <meta name="text:Link Two Title" content="" />
  73. <meta name="text:Link Three" content="" />
  74. <meta name="text:Link Three Title" content="" />
  75. <meta name="text:Link Four" content="" />
  76. <meta name="text:Link Four Title" content="" />
  77. <meta name="text:Link Five" content="" />
  78. <meta name="text:Link Five Title" content="" />
  79. <meta name="text:Link Six" content="" />
  80. <meta name="text:Link Six Title" content="" />
  81.  
  82. <!-- Scrolling Title -->
  83. <meta name="text:Scrolling Title" content="TITLE HERE" />
  84.  
  85. <!----online/offline/post limit---->
  86. <meta name="if:Online" content="1" />
  87. <meta name="if:Offline" content="0" />
  88. <meta name="if:Postlimit" content="0" />
  89.  
  90. <!-- updates tab by primrosetylers -->
  91. <meta name="color:update box 1" content="#aaa">
  92. <meta name="color:update box 2" content="#bbb">
  93. <meta name="color:update box 3" content="#ccc">
  94. <meta name="color:update box 4" content="#ddd">
  95.  
  96.  
  97. <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
  98. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:100' rel='stylesheet' type='text/css'>
  99. <style type="text/css">
  100. /* updates tab by primrosetylers
  101. CSS */
  102.  
  103. #updates {
  104. position:fixed;
  105. left:20px;
  106. top:20px;
  107. width:132px;
  108. font-size:12px;
  109. padding:10px;
  110. font-family:calibri;
  111. }
  112.  
  113. .updatesbox {
  114. margin:5px;
  115. }
  116.  
  117. #updatesheading {
  118. text-align:center;
  119. text-transform:uppercase;
  120. letter-spacing:2px;
  121. font-size:14px;
  122. width:15px;
  123. height:15px;
  124. overflow:hidden;
  125. color:transparent;
  126. -webkit-transition:0.5s;
  127. -moz-transition:0.5s;
  128. -ms-transition:0.5s;
  129. -o-transition:0.5s;
  130. transition:0.5s;
  131. }
  132.  
  133. #updates:hover #updatesheading {
  134. width:132px;
  135. color:#fff;
  136. }
  137.  
  138. .updatestext {
  139. width:124px;
  140. height:0;
  141. overflow:hidden;
  142. padding:0 3px 0 3px;
  143. -webkit-transition:0.5s;
  144. -moz-transition:0.5s;
  145. -ms-transition:0.5s;
  146. -o-transition:0.5s;
  147. transition:0.5s;
  148. }
  149.  
  150. .updatesclick .updatestext {
  151. height:100px;
  152. overflow:auto;
  153. margin-top:2px;
  154. margin-bottom:3px;
  155. padding:3px;
  156. border:1px solid #ddd;
  157. }
  158.  
  159. #updatesheading:hover {
  160. text-shadow:0 0 5px #fff;
  161. text-shadow:2px 0 2px #fff;
  162. cursor:help;
  163. }
  164. .updatesclick #updatesheading {
  165. text-shadow:0 0 5px #fff;
  166. text-shadow:2px 0 2px #fff;
  167. }
  168.  
  169.  
  170. {block:iftinyscrollbar}
  171. ::-webkit-scrollbar {
  172. height:auto;
  173. width:9px;
  174. background-color: {color:Scrollbar};
  175. border: 4px solid {color:Scrollbar Background};
  176. }
  177.  
  178. ::-webkit-scrollbar-thumb{
  179. height:auto;
  180. background-color:{color:scrollbar};
  181. border: 2px solid {color:scrollbar background};
  182. border-radius: 10px;
  183. }
  184.  
  185. {/block:iftinyscrollbar}
  186.  
  187. ::selection {
  188. background: #EEEEEE; /* Safari */
  189. }
  190. ::-moz-selection {
  191. background: #EEEEEE; /* Firefox */
  192. }
  193.  
  194. .wrapper {
  195. margin: 0px auto;
  196. {block:if1column}
  197. width:700px;
  198. {/block:if1column}
  199. {block:if2column}
  200. width:900px;
  201. {/block:if2column}
  202. }
  203.  
  204. #tumblr_controls {
  205. position:fixed !important;
  206. top: 3px;
  207. right: 3px;
  208. {block:ifInvertedTumblrControls}
  209. white-space :nowrap;
  210. -webkit-filter: invert(100%);
  211. -moz-filter: invert(100%);
  212. -o-filter: invert(100%);
  213. -ms-filter: invert(100%);
  214. filter: invert(100%);
  215. opacity:0.9;
  216. {/block:ifInvertedTumblrControls}
  217. }
  218.  
  219. body {
  220. margin: 0px;
  221. padding: 0px;
  222. color:{color:text};
  223. background-color: {color:Background};
  224. background-image:url({image:background});
  225. background-attachment: fixed !important;
  226. {block:ifNotCoverBackground}
  227. background-size: repeat;
  228. {/block:ifNotCoverBackground}
  229. {block:ifCoverBackground}
  230. background-size:cover;
  231. {/block:ifCoverBackground}
  232. font-family: lato;
  233. font-size: 12px;
  234. line-height:110%;
  235. color:{color:text};
  236. {block:iftinycursor}
  237. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),auto;
  238. {/block:iftinycursor}
  239. }
  240.  
  241. a:link, a:active, a:visited {
  242. color: {color:Links};
  243. text-decoration: none;
  244. -webkit-transition: color 0.5s ease-out;
  245. -moz-transition: color 0.5s ease-out;
  246. {block:iftinycursor}
  247. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),progress;
  248. {/block:iftinycursor}
  249. }
  250.  
  251. a:hover {
  252. color:{color:Links Hover};
  253. text-decoration: none;
  254. -webkit-transition: color 0.3s ease-out;
  255. -moz-transition: color 0.3s ease-out;
  256. {block:iftinycursor}
  257. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),progress;
  258. {/block:iftinycursor}
  259. }
  260.  
  261. .post {
  262. float:left;
  263. background-color:{color:posts};
  264. font-size: 12px;
  265. margin:25px;
  266. padding:8px;
  267. {block:indexpage}
  268. {block:if1column}
  269. width:230px;
  270. {/block:if1column}
  271. {block:if2column}
  272. width:220px;
  273. {/block:if2column}
  274. {/block:indexpage}
  275. {block:permalinkpage}
  276. width:500px;
  277. {/block:permalinkpage}
  278. {block:ifuseborders}
  279. border:1px solid {color:borders};
  280. {/block:ifuseborders}
  281. {block:ifboxshadow}
  282. box-shadow:rgba({text:Shadow RGB},0.1) 5px 5px;
  283. {/block:ifboxshadow}
  284. }
  285.  
  286. .post .photo {
  287. opacity:{text:opacity};
  288. z-index:99999999;
  289. -webkit-transition:all .5s ease-in-out;
  290. -moz-transition:all .5s ease-in-out;
  291. -o-transition:all .5s ease-in-out;
  292. transition:all .5s ease-in-out;
  293. }
  294.  
  295. .post:hover .photo {
  296. opacity:1;
  297. -webkit-transition:all .5s ease-in-out;
  298. -moz-transition:all .5s ease-in-out;
  299. -o-transition:all .5s ease-in-out;
  300. transition:all .5s ease-in-out;
  301. }
  302.  
  303. .post .permalink {
  304. position: absolute;
  305. {block:if1column}
  306. width:220px;
  307. {/block:if1column}
  308. {block:if2column}
  309. width:210px;
  310. {/block:if2column}
  311. top:-5px;
  312. padding:5px;
  313. opacity:0;
  314. line-height:125%;
  315. display:block;
  316. z-index:999;
  317. background-color:{color:permalink bg};
  318. text-align:center;
  319. -webkit-transition: all 0.3s linear;
  320. -webkit-transition: all 0.3s linear;
  321. -moz-transition: all 0.3s linear;
  322. transition: all 0.3s linear;
  323. }
  324.  
  325. .post:hover .permalink {
  326. opacity:.85;
  327. top:8px;
  328. -webkit-transition: all 0.3s linear;
  329. -webkit-transition: all 0.3s linear;
  330. -moz-transition: all 0.3s linear;
  331. transition: all 0.3s linear;
  332. }
  333.  
  334. .permalink a {
  335. color:{color:permalink};
  336. -webkit-transition: all 0.3s linear;
  337. -webkit-transition: all 0.3s linear;
  338. -moz-transition: all 0.3s linear;
  339. transition: all 0.3s linear;
  340. }
  341.  
  342. .block {
  343. position:relative;
  344. width:10px;
  345. height:10px;
  346. margin:10px 5px 5px 5px;
  347. background-color:white;
  348. border:4px double {color:borders};
  349. }
  350.  
  351. #pagination {
  352. display:none;
  353. }
  354.  
  355. #posts {
  356. position:relative;
  357. {block:indexpage}
  358. width:580px;
  359. {block:ifrightsidebar}
  360. {block:if1column}
  361. margin-left:105px;
  362. {/block:if1column}
  363. {block:if2column}
  364. margin-left:5px;
  365. {/block:if2column}
  366. {/block:ifrightsidebar}
  367. {block:ifnotrightsidebar}
  368. margin-left:240px;
  369. {/block:ifnotrightsidebar}
  370. {/block:indexpage}
  371. {block:permalinkpage}
  372. width:500px;
  373. {block:ifrightsidebar}
  374. margin-left:5px;
  375. {/block:ifrightsidebar}
  376. {block:ifnotrightsidebar}
  377. margin-left:240px;
  378. {/block:ifnotrightsidebar}
  379. {/block:permalinkpage}
  380. }
  381.  
  382. #hot {
  383. position:fixed;
  384. width:225px;
  385. {block:ifrightsidebar}
  386. {block:if1column}
  387. margin-left:410px;
  388. {/block:if1column}
  389. {block:if2column}
  390. margin-left:580px;
  391. {/block:if2column}
  392. {/block:ifrightsidebar}
  393. {block:ifnotrightsidebar}
  394. margin-left:5px;
  395. {/block:ifnotrightsidebar}
  396. {block:iftopsidebar}
  397. margin-top:5%;
  398. {/block:iftopsidebar}
  399. {block:ifmiddlesidebar}
  400. margin-top:20%;
  401. {/block:ifmiddlesidebar}
  402. {block:ifbottomsidebar}
  403. bottom:5%;
  404. {/block:ifbottomsidebar}
  405. }
  406.  
  407. #sidebar {
  408. position:relative;
  409. width:170px;
  410. height:auto;
  411. {block:ifuseborders}
  412. border:1px solid {color:borders};
  413. {/block:ifuseborders}
  414. background-color:{color:sidebar bg};
  415. {block:ifboxshadow}
  416. box-shadow:rgba({text:Shadow RGB},0.1) 5px 5px;
  417. {/block:ifboxshadow}
  418. {block:ifnotrightsidebar}
  419. float:right;
  420. {/block:ifnotrightsidebar}
  421. {block:ifrightsidebar}
  422. float:left;
  423. {/block:ifrightsidebar}
  424. }
  425.  
  426. #blogtitle{
  427. text-align: center;
  428. font-size: 25px;
  429. margin-top:5px;
  430. margin-left:5px;
  431. width:158px;
  432. height:25px;
  433. line-height:32px;
  434. color: {color:blogtitle};
  435. z-index: 9999999;
  436. font-family: 'Josefin Sans', sans-serif;
  437. border:1px solid {color:borders};
  438. background-color:{color:sidebar};
  439. }
  440.  
  441. #blogtitle a {
  442. color: {color:blogtitle};
  443. }
  444.  
  445. #picture img {
  446. position:relative;
  447. width:148px;
  448. height:auto;
  449. margin-left:5px;
  450. margin-top:5px;
  451. border:1px solid {color:borders};
  452. padding:5px;
  453. opacity:0.9;
  454. background-color:{color:sidebar};
  455. }
  456.  
  457. .description {
  458. line-height:125%;
  459. padding:5px;
  460. text-align:center;
  461. letter-spacing: 1px;
  462. font-size:10px;
  463. width:148px;
  464. border:1px solid {color:borders};
  465. margin-left:5px;
  466. margin-top:5px;
  467. margin-bottom:5px;
  468. background-color:{color:sidebar};
  469. -webkit-transition:all .5s ease-in-out;
  470. -moz-transition:all .5s ease-in-out;
  471. -o-transition:all .5s ease-in-out;
  472. transition:all .5s ease-in-out;
  473. }
  474.  
  475. .what {
  476. position:relative;
  477. {block:ifnotrightsidebar}
  478. float:left;
  479. {/block:ifnotrightsidebar}
  480. {block:ifrightsidebar}
  481. float:right;
  482. {/block:ifrightsidebar}
  483. font-size: 12px;
  484. width:35px;
  485. padding:5px;
  486. z-index: 99;
  487. height:auto;
  488. text-align:center;
  489. margin-left:5px;
  490. -webkit-transition:all .5s ease-in-out;
  491. -moz-transition:all .5s ease-in-out;
  492. -o-transition:all .5s ease-in-out;
  493. transition:all .5s ease-in-out;
  494. }
  495.  
  496. #infscr-loading {
  497. bottom: -70px;
  498. position: absolute;
  499. left: 50%;
  500. margin-left:-8px;
  501. width:16px;
  502. height:11px;
  503. overflow:hidden;
  504. margin-bottom: 50px;
  505. }
  506.  
  507. .links {
  508. font-size:12px;
  509. width:auto;
  510. display:inline-block;
  511. line-height:100%;
  512. margin:3px;
  513. {block:ifdoublelinkborder}
  514. border:4px double {color:borders};
  515. padding:4px;
  516. {/block:ifdoublelinkborder}
  517. {block:ifnotdoublelinkborder}
  518. border:1px solid {color:borders};
  519. padding:5px;
  520. {/block:ifnotdoublelinkborder}
  521. background-color:white;
  522. -webkit-transition: all 0.5s linear;
  523. -webkit-transition: all 0.5s linear;
  524. -moz-transition: all 0.5s linear;
  525. transition: all 0.5s linear;
  526. }
  527.  
  528. .links:hover {
  529. {block:iflinkeffect}
  530. transform: scale(1.1);
  531. -webkit-transform: scale(1.1);
  532. -moz-transform: scale(1.1);
  533. -o-transform: scale(1.1);
  534. -ms-transform: scale(1.1);
  535. -webkit-transition: all 0.5s linear;
  536. -webkit-transition: all 0.5s linear;
  537. -moz-transition: all 0.5s linear;
  538. transition: all 0.5s linear;
  539. {/block:iflinkeffect}
  540. }
  541.  
  542. .title{
  543. font-size: 12px;
  544. line-height:10px;
  545. color: {color:Title};
  546. font-weight: normal;
  547. padding:0px 0px 0px 0px;
  548. }
  549.  
  550. #s-m-t-tooltip {
  551. max-width:200px;
  552. z-index:99999999999999;
  553. padding:3px;
  554. font-size:11px;
  555. color:{color:permalink};
  556. line-height:10px;
  557. margin:10px 14px 7px 17px;
  558. background:{color:permalink bg};
  559. border:1px solid {color:borders};
  560. -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255 ,0.3);
  561. -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255 ,255,0.3);
  562. box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3 );
  563. }
  564.  
  565. .audioplayer {
  566. {block:if1column}
  567. width:230px;
  568. height:230px;
  569. {/block:if1column}
  570. {block:if2column}
  571. width:220px;
  572. height:220px;
  573. {/block:if2column}
  574. }
  575.  
  576. .album {
  577. position:absolute;
  578. z-index:4;
  579. {block:if1column}
  580. width:230px;
  581. height:230px;
  582. {/block:if1column}
  583. {block:if2column}
  584. width:220px;
  585. height:220px;
  586. {/block:if2column}
  587. }
  588.  
  589. .yh {
  590. position:absolute;
  591. {block:if1column}
  592. width:220px;
  593. {/block:if1column}
  594. {block:if2column}
  595. width:210px;
  596. {/block:if2column}
  597. margin:5px;
  598. bottom:0px;
  599. margin-bottom:13px;
  600. opacity:0;
  601. z-index:999999;
  602. background:white;
  603. -webkit-transition: all 0.5s linear;
  604. -webkit-transition: all 0.5s linear;
  605. -moz-transition: all 0.5s linear;
  606. transition: all 0.5s linear;
  607. }
  608.  
  609. .audioplayer:hover .yh {
  610. position:absolute;
  611. opacity:.9;
  612. -webkit-transition: all 0.5s linear;
  613. -webkit-transition: all 0.5s linear;
  614. -moz-transition: all 0.5s linear;
  615. transition: all 0.5s linear;
  616. }
  617.  
  618. .album img {
  619. float:left;
  620. {block:if1column}
  621. width:230px;
  622. height:230px;
  623. {/block:if1column}
  624. {block:if2column}
  625. width:220px;
  626. height:220px;
  627. {/block:if2column}
  628. opacity:.9;
  629. }
  630.  
  631. .playbutton {
  632. margin-left:100px;
  633. margin-top:100px;
  634. opacity:0.5;
  635. width:26px;
  636. height:28px;
  637. overflow:hidden;
  638. position:absolute;
  639. z-index:999999;
  640. border-radius:5px;
  641. }
  642.  
  643. .song {
  644. position:relative;
  645. text-transform:capitalize;
  646. letter-spacing:1px;
  647. margin-left:5px;
  648. margin-top:5px;
  649. line-height:13px;
  650. font-size:10px;
  651. }
  652.  
  653. blockquote {
  654. padding:2px 2px 2px 5px;
  655. margin:4px 4px 4px 7px;
  656. border-left: 4px solid #dddddd;
  657. }
  658.  
  659. ul, ol, li {
  660. list-style:none;
  661. margin:0px;
  662. padding:0px;
  663. }
  664.  
  665. .caption2 {
  666. color:{color:text};
  667. float:left;
  668. clear:left;
  669. }
  670.  
  671. .caption {
  672. color:{color:text};
  673. float:left;
  674. clear:left;
  675. width:100%;
  676. }
  677.  
  678. .caption img {
  679. width:100%;
  680. }
  681.  
  682. .question {
  683. margin-top:5px;
  684. {block:if1column}
  685. width:218px;
  686. {/block:if1column}
  687. {block:if2column}
  688. width:208px;
  689. {/block:if2column}
  690. padding:5px;
  691. border:1px solid {color:borders};
  692. }
  693.  
  694. #answer {
  695. margin-top:-5px;
  696. }
  697.  
  698. #answer img {
  699. width:100%;
  700. }
  701.  
  702. .notez {
  703. text-align:center;
  704. margin-top:5px;
  705. letter-spacing:1px;
  706. font-size:10px;
  707. line-height:110%;
  708. padding-bottom:1px;
  709. clear:both;
  710. }
  711.  
  712. /* shuffle button */
  713. .shuffle {
  714. position: fixed;
  715. top: 35px;
  716. right: 3px;
  717. _position: static;
  718. _margin: 3px;
  719. _text-align: right;
  720. z-index: 1337;
  721. }
  722.  
  723. /* 001. DAWN theme's matching hover tab by exhali/DAYTHEMES */
  724. #tab {
  725. z-index:999;overflow:hidden;position:fixed;
  726. background:white;
  727. border:1px solid {color:border};
  728. padding:10px;right:50px;top:72px;
  729. font-size:11px;text-align:center;
  730. box-shadow:5px 5px #E6E6E6;
  731. width:80px;/*tab's width*/
  732. height:10px;/*title's width*/
  733. -webkit-transition-duration: 0.7s;
  734. -moz-transition-duration: 0.7s;
  735. -o-transition-duration: 0.7s;
  736. transition-duration: 0.7s;
  737. }
  738.  
  739. #tab:hover{
  740. height:125px;/*tab's (overal text) height, increase if not enough*/
  741. }
  742. /* end of hover tab */
  743. </style>
  744. <style>
  745. /*----------------------------------------
  746. Update Tab #1 (CSS Right) by Incedo
  747. http://incedothemes.tumblr.com
  748. Please do not remove the credit.
  749. Instructions @ http://incedothenes.tumblr.com/tab
  750. Updated 8/7/14
  751. ------------------------------------------
  752. */
  753.  
  754. #updatetab {
  755. font-family: helvetica; /*this is the font*/
  756. font-size:7px;
  757. color: #A0A0A0; /*this is the font color*/
  758. }
  759.  
  760. #tabtitle, #dropdown, #dropdown p {
  761. background-color:#ffffff; /*this is the background color*/
  762. border-color: #D8D8D8; /*this is the border color*/
  763. }
  764.  
  765. #updatetab {
  766. width:190px;
  767. height:75px;
  768. position:fixed;
  769. top:0px;
  770. right:170px;
  771. }
  772.  
  773. #tabtitle {
  774. text-align:center;
  775. padding:1px 3px;
  776. letter-spacing:2px;
  777. font-size:9px;
  778. text-transform:uppercase;
  779. border-width:1px;
  780. border-style:solid;
  781. border-radius: 2px;
  782. -moz-border-radius: 2px;
  783. -webkit-border-radius: 2px;
  784. }
  785.  
  786. #dropdown {
  787. border-style:solid;
  788. border-width:0px 1px 1px 1px;
  789. padding:2px 5px 0px 5px;
  790. border-bottom-right-radius: 2px;
  791. -moz-border-bottom-right-radius: 2px;
  792. -webkit-border-bottom-right-radius: 2px;
  793. border-bottom-left-radius: 2px;
  794. -moz-border-bottom-left-radius: 2px;
  795. -webkit-border-bottom-left-radius: 2px;
  796. opacity:0;
  797. -webkit-transition: all 0.5s ease-in-out;
  798. -moz-transition: all 0.5s ease-in-out;
  799. -o-transition: all 0.5s ease-in-out;
  800. -ms-transition: all 0.5s ease-in-out;
  801. transition: all 0.5s ease-in-out;
  802. }
  803.  
  804. #updatetab:hover #dropdown {
  805. opacity:1;
  806. -webkit-transition: all 0.5s ease-in-out;
  807. -moz-transition: all 0.5s ease-in-out;
  808. -o-transition: all 0.5s ease-in-out;
  809. -ms-transition: all 0.5s ease-in-out;
  810. transition: all 0.5s ease-in-out;
  811. }
  812.  
  813. #dropdown p {
  814. padding-top:3px;
  815. padding-bottom:3px;
  816. border-width:0px 0px 1px 0px;
  817. border-style:solid;
  818. font-size:10px;
  819. }
  820.  
  821. #dropdown p:last-of-type {
  822. border-bottom:0px solid transparent;
  823. }
  824.  
  825. #updatetab p, #updatetab ul, #updatetab li, #updatetab ol {
  826. margin: 0px 0px 0px 0px;
  827. }
  828.  
  829. #c {
  830. position:fixed;
  831. bottom:4px;
  832. right:4px;
  833. font-size:13px;
  834. font-family:helvetica;
  835. }
  836. #google {
  837. margin-left: 196px;
  838. }
  839.  
  840. {CustomCSS}
  841. </style>
  842.  
  843. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  844. <script type="text/javascript" src="http://isotope.metafizzy.co/isotope.pkgd.min.js"></script>
  845. <script type="text/javascript" src="http://static.tumblr.com/ib6vvvn/a8Onbmv7g/infinitescroll.js"></script>
  846. <script type="text/javascript" src="http://imagesloaded.desandro.com/imagesloaded.pkgd.min.js"></script>
  847. <script type="text/javascript" src="http://static.tumblr.com/ib6vvvn/64bnhxcdq/pageload.js"></script>
  848. <script type="text/javascript" src="http://static.tumblr.com/0xll37k/HU4nmkj42/jquery.style-my-tooltips.js"></script>
  849.  
  850. {block:IndexPage}
  851.  
  852. <script type="text/javascript">
  853. $(document).ready(function(){
  854. // Tooltips
  855. $("[title],a[title],img[title]").style_my_tooltips({
  856. tip_follows_cursor:true,
  857. tip_delay_time:100,
  858. tip_fade_speed:300,
  859. attribute:"title"
  860. });
  861. // Updatebox
  862. $(".updatesbox").click(function(){
  863. $(this).toggleClass("updatesclick");
  864. });
  865. $("#updates").mouseleave(function(){
  866. $(".updatesbox").removeClass("updatesclick");
  867. });
  868. // Infinite scroll
  869. $.loadInfiniteScroll({columnCount: 2, columnWidth: 250, child: '.post'});
  870. });
  871. // Titlebar
  872. var rev = "fwd";
  873. function titlebar(val) {
  874. var msg = "{text:Scrolling Title}";
  875. var speed = 100;
  876. var pos = val;
  877. var le = msg.length;
  878. if(rev == "fwd"){
  879. if(pos < le){
  880. pos = pos+1;
  881. scroll = msg.substr(0,pos);
  882. document.title = scroll;
  883. timer = window.setTimeout("titlebar("+pos+")",speed);
  884. } else {
  885. rev = "bwd";
  886. timer = window.setTimeout("titlebar("+pos+")",speed);
  887. }
  888. } else {
  889. if(pos > 0){
  890. pos = pos-1;
  891. var ale = le-pos;
  892. scrol = msg.substr(ale,le);
  893. document.title = scrol;
  894. timer = window.setTimeout("titlebar("+pos+")",speed);
  895. } else {
  896. rev = "fwd";
  897. timer = window.setTimeout("titlebar("+pos+")",speed);
  898. }
  899. }
  900. }
  901. titlebar(0);
  902. </script>
  903.  
  904. {block:ifUseScrollToTop}
  905. <script src="http://static.tumblr.com/7u4rsen/doXmzlogf/scrolltotop.js"></script>
  906. {/block:ifUseScrollToTop}
  907. {/block:IndexPage}
  908. </head>
  909.  
  910. <body>
  911. <!----------------------------------------
  912. Update Tab #1 (HTML) by Incedo
  913. http://incedothemes.tumblr.com
  914. Please do not remove the credit.
  915. Instructions @ http://incedothenes.tumblr.com/tab
  916. Updated 9/21/13
  917. ------------------------------------------>
  918.  
  919. <div id="updatetab">
  920.  
  921. <div id="tabtitle">
  922. <!---this is where you put title of your updates tab--->
  923. why the ads?
  924. </div>
  925.  
  926. <div id="dropdown">
  927. <!---this is where you put your individual updates, make sure to put each update between a set of <p> and </p>--->
  928. <div style="font-size:9px;"<p>I live in an abusive household, and the only way I'll be able to move out is if I can get enough money to pay for college. Out-of-state colleges are usually really expensive, and I'm trying to save up as much as possible right now. It would be SO, SO, SO much to me if you clicked this ad! <3</p></div>
  929. </div>
  930.  
  931. </div>
  932.  
  933. <div id="c"><a href="http://incedo.tumblr.com">©</a></div>
  934. <!---end----->
  935.  
  936. <div id="tab">
  937. FAVES <!--ur title--><br>
  938.  
  939. <!--ur text goes below this-->
  940. <a href="_blank" title="I AM WRITING THESE AT TWELVE AT NIGHT so just ignore anything stupid i might say">~~</a><br>
  941. <a href="http://existal.tumblr.com" title="she is my absolute favorite and i just love her ok DNSJGJSBGIBOU">Aryn ♥</a><br>
  942. <a href="http://yhawn.co.vu" title="he's hot (shh don't tell him i said that) & he's fun to talk to">Philip</a> <b>//</b>
  943. <a href="http://cxlminng.tumblr.com" title="she's cute and her blog is perf">Kaitlyn</a>
  944. <a href="http://dilutea.tumblr.com" title="i'm not very social so she's actually the one that got me talking ♥">Evelyn</a> <b>//</b>
  945. <a href="http://overcured.tumblr.com" title="a super cute blog theme omg and if you're b&w/pale, she is so worth the follow">Jessica</a>
  946. <a href="http://paranoiackk.tk" title="seriously awesome pale blog & he'll honest to god do promos!">Brian</a> <b>//</b>
  947. <a href="http://obsessedd.tk" title="she's pretty and i love her name so much">April</a>
  948. <a href="http://dammitkittywick.tumblr.com" title="shh just follow him - just do it">Dylan</a> <b>//</b>
  949. <a href="http://katedavenport.tumblr.com" title="has a blog theme of absolute perfection to the 10th degree">Kate</a>
  950. <a href="http://w-aanderlvst.tumblr.com" title="she is just so cute and if you're vintage or a traveller or a surfer, she's your girl ;)">Karrysen</a><br>
  951. <a href="http://the-epitome-of-sophistication.tumblr.com" title="her blog is just one awesome collection of humor and personal and photography">Lauren</a> <b>//</b>
  952. <a href="http://scenturies.tumblr.com" title="she loves fall out boy - is that not perfection itself?">Riley</a>
  953. <a href="http://believeblacc.tumblr.com" title="just click and her playlist will make you fall in love">Zytka</a> <b>//</b>
  954. <a href="http://vnderexposed.tumblr.com/" title="i adore his blog so much, so i strongly believe you need to follow him">Joey</a>
  955.  
  956.  
  957. </div>
  958. <!----cute side thingy---->
  959. <div style="position:fixed;
  960. bottom:5px;
  961. left:10px;
  962. z-index:-99999"><a href="http://the-millionaires.tumblr.com/" target="_blank" title="The Millionaires"><img src="https://i.imgur.com/nu3rwvF.png" width="250"></a></div></">
  963.  
  964. <!-- updates tab by primrosetylers HTML -->
  965.  
  966. <div id="updates">
  967.  
  968. <div class="updatesbox">
  969. <a title="click">
  970. <div id="updatesheading" style="background-color:{color:update box 1};">about</div>
  971. </a>
  972. <div class="updatestext">
  973. <center> hey there, i'm jin and i'm [insert adjective here] and [insert another adjective]. honestly, i don't know how to describe myself, but if you wish to, you can <b><a href="/fask">message me anytime,</a></b> and hopefully i won't make a bad impression. i will always be here to listen and respond, no matter what it's about. i also have a sort of help/advice page <b><a href="/tomyfollowers">here</a></b>, and i don't know if it'll be any help, but i hope it can be :)</a></b>
  974.  
  975. </div>
  976. </div>
  977.  
  978. <div class="updatesbox">
  979. <a title="click">
  980. <div id="updatesheading" style="background-color:{color:update box 2}">stats</div>
  981. </a>
  982. <div class="updatestext">
  983.  
  984. <center>
  985. <div style="font-size:14px;">
  986. <script language="JavaScript">
  987. var ref = (''+document.referrer+'');
  988. var w_h = window.screen.width + " x " + window.screen.height;
  989. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID4564386&e1=cutie&e2=being cute&r=' + ref + '&wh=' + w_h + '"><\/script>');
  990. </script>
  991. <br>
  992. <script language="JavaScript" src="http://tc.freehostedscripts.net/tcounter.php?url=elusify.cf&name=cuties"></script>
  993. <br>
  994. <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2560031&name=views"></script>
  995. <br>
  996. {block:ifOnline}☑ Online ☐Offline ☐Post Limit<br>{/block:ifOnline} {block:ifOffline}☐Online ☑ Offline ☐Post Limit<br>{/block:ifOffline} {block:ifPostlimit}☐Online ☐Offline ☑Post Limit<br>{/block:ifpostlimit}
  997. <br>
  998. <script language="JavaScript" src="http://freehostedscripts.net/countdown.php?y=2015&m=5&d=21&ev=until my birthday"></script>
  999. </div></center>
  1000. </div>
  1001. </div>
  1002.  
  1003. <div class="updatesbox">
  1004. <a title="click">
  1005. <div id="updatesheading" style="background-color:{color:update box 3}">networks</div>
  1006. </a>
  1007. <div class="updatestext">
  1008.  
  1009. <br>
  1010. <center>
  1011. <a href="http://the-millionaires.tumblr.com/" target="_blank" title="The Millionaires"><img src="https://i.imgur.com/dre8250.png" height="45"></a>
  1012.  
  1013. <a href="http://www.i-caare.tumblr.com/"><img src="http://i.imgur.com/yHiVm5i.png" border="0" style="width:35px;"></a>
  1014.  
  1015. <a href=http://thefirefliesnetwork.tumblr.com/ target="_blank" title="The Fireflies Network"><img src="http://fc06.deviantart.net/fs71/f/2011/093/a/a/free_jar_with_fireflys_avatar_by_acidkitty3-d3d4qjs.gif" height="45"</a>
  1016.  
  1017. <a href="http://theradgroup.tumblr.com/" target="_blank" title="The Rad Group"><img src="https://24.media.tumblr.com/93097a9d008753aebc90ff6c68a42990/tumblr_n4z24wcwcc1trjtuso1_250.png" height="35px"></a>
  1018.  
  1019. <a href=http://www.facebook.com/groups/1489591397937952/ target="blank" title="Flightless Wings"><img src=http://i.imgur.com/1vNvjb8.gif width=35px></a>
  1020.  
  1021. <a href="http://90skids-network.tumblr.com/"><img src="http://2.bp.blogspot.com/-NA3xtwd8W-Q/TwyPxdQAm0I/AAAAAAAAAzA/jdjn-Y1oinI/s1600/favicon.png" title="The 90's Kids Network" height="32"/></a>
  1022.  
  1023. <a href=http://thecovennetwork.tumblr.com/ target="_blank" title="the coven network"><img src="http://i62.tinypic.com/9ftet5.png" height="45"></a>
  1024.  
  1025. </center>
  1026.  
  1027. </div>
  1028. </div>
  1029.  
  1030. <div class="updatesbox">
  1031. <a title="click">
  1032. <div id="updatesheading" style="background-color:{color:update box 4}">currently</div>
  1033. </a>
  1034. <div class="updatestext">
  1035.  
  1036. <center>
  1037. <b>READING</b><br>
  1038. - It by Stephen King<br>
  1039. - Exquisite Captive by Heather Demetrios<br><br>
  1040. <b>LISTENING</b><br>
  1041. - Primadonna (Marina & The Diamonds)<br>
  1042. - Savages (Marina & The Diamonds)<br>
  1043. - Ghost Town (Madonna)<br><br>
  1044. <b>WATCHING</b><br>
  1045. - Once Upon A Time<br>
  1046. - Supernatural<br>
  1047.  
  1048. </center>
  1049.  
  1050. </div>
  1051. </div>
  1052.  
  1053. </div>
  1054. <!----end----->
  1055.  
  1056. <div class="wrapper">
  1057. <div id="hot">
  1058. <div id="sidebar">
  1059. {block:ifusetitle}<div id="blogtitle"><a href="/">{title}</a></div>{/block:ifusetitle}{block:ifusepicture}<div id="picture"><a href="/"><img src="{image:sidebar}"></a></div>{/block:ifusepicture}
  1060. <div class="description">{description}</div></div>
  1061. <div class="what">
  1062. {block:iflinkonetitle}<div class="links"><a href="{text:link one}" title="{text:link one title}">壹</a></div>{/block:iflinkonetitle}{block:iflinktwotitle}<div class="links"><a href="{text:link two}" title="{text:link two title}">贰</a></div>{/block:iflinktwotitle}{block:iflinkthreetitle}<div class="links"><a href="{text:link three}" title="{text:link three title}">叁</a></div>{/block:iflinkthreetitle}{block:iflinkfourtitle}<div class="links"><a href="{text:link four}" title="{text:link four title}">肆</a></div>{/block:iflinkfourtitle}{block:iflinkfivetitle}<div class="links"><a href="{text:link five}" title="{text:link five title}">伍</a></div>{/block:iflinkfivetitle}{block:iflinksixtitle}<div class="links"><a href="{text:link six}" title="{text:link six title}">陆</a></div>{/block:iflinksixtitle}</div></div>
  1063. <div id="google">
  1064. <script type="text/javascript">
  1065. google_ad_client = "ca-pub-9088360178837239";
  1066. google_ad_slot = "5965124702";
  1067. google_ad_width = 728;
  1068. google_ad_height = 90;
  1069. </script>
  1070. <!-- banner size -->
  1071. <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js">
  1072. </script>
  1073. </div>
  1074. <div id="posts">
  1075. {block:Posts}
  1076. <div class="post">
  1077. {block:Text}
  1078. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1079. <div class="caption"><span>{Body}</span></div>
  1080. {block:IndexPage}
  1081. <div class="notez"><a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>
  1082. {/block:IndexPage}
  1083. {/block:Text}
  1084.  
  1085. {block:Link}
  1086. <div style="border:1px solid {color:borders}; padding:2px"><center><a href="{URL}" class="title"><b>{Name}</b></a></center></div>
  1087. {block:Description}<div class="caption">{Description}</div>{/block:Description}<br>{block:IndexPage}<div class="notez"><a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}
  1088. {block:Link}
  1089.  
  1090. {block:Photo}
  1091. {block:IndexPage}
  1092. <div class="photo" style="line-height:0px;">
  1093. <div class="permalink">
  1094. <a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a>
  1095. </div>
  1096. <div class="photo">{LinkOpenTag}<a href="{permalink}"><img width="100%" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></a>{LinkCloseTag}</div>
  1097. </div>
  1098. {/block:IndexPage}
  1099. {block:PermalinkPage}
  1100. {LinkOpenTag}
  1101. <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>{LinkCloseTag}{/block:PermalinkPage}
  1102. {/block:Photo}
  1103.  
  1104. {block:Photoset}
  1105. {block:IndexPage}
  1106. <div class="permalink">
  1107. <a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a>
  1108. </div>
  1109. <div style="width=100%; line-height:0px; overflow-x:hidden; overflow-y:hidden;"><center>{Photoset-250}</center></div>{/block:IndexPage}
  1110. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  1111. {/block:Photoset}
  1112.  
  1113. {block:Quote}
  1114. <span style="letter-spacing:1px; font-style:italic; color:{color:Text}">{Quote}</span>{block:Source}<div style="text-align:right;font-weight:bold; margin= -10px; text-transform:capitalize;">{Source}</div>{/block:Source}
  1115. <div class="notez"><a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>
  1116. {/block:Quote}
  1117.  
  1118. {block:Chat}
  1119. {block:Title}<span class="title">{Title}</span><p>{/block:Title}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}
  1120. </ul>{block:IndexPage}<div class="notez"><a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}
  1121. {/block:Chat}
  1122.  
  1123. {block:Audio}
  1124. <div class="audioplayer">
  1125. <div class="permalink">
  1126. <a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a>
  1127. </div>
  1128. <div class="album">
  1129. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="album"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1130. <div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  1131. <div class="yh">
  1132. <div class="song"><strong>Artist:</strong><span {block:Artist} style="display:none;" {/block:Artist}> Unknown</span>
  1133. {block:Artist}{Artist}{/block:Artist}<br><strong>Title:</strong><span {block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><strong>Album:</strong> <span {block:Album} style="display:none;"{/block:Album}> Unknown </span>{block:Album}{Album}{/block:Album}<br>{block:PlayCount}<strong>Plays:</strong> {FormattedPlayCount}{/block:PlayCount}</div></div></div>
  1134. {/block:Audio}
  1135.  
  1136. {block:Video}
  1137. {block:IndexPage}
  1138. <div style="border:1px solid {color:borders}; padding:2px"><center><a href="{URL}" class="title"><b><a href="{permalink}">Click here to watch video!</a></b></a></center></div>
  1139. <div class="notez"><a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>
  1140. {/block:IndexPage}</center>{block:PermalinkPage} <center>{block:if1column}{Video-250}{/block:if1column}{block:if2column}{Video-500}{/block:if2column}</center>{/block:PermalinkPage}
  1141. {block:Video}
  1142.  
  1143. {block:Answer}
  1144. <div class="question">{Asker}:{Question}</div>
  1145. <div id="answer">{Answer}</div>
  1146. {block:indexpage}<div class="notez"><a href="{reblogurl}">Reblog</a> this with <a href="{permalink}">{notecountwithlabel}</a></div>{/block:indexpage}{/block:Answer}
  1147. {block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div>{/block:IndexPage}
  1148.  
  1149. {block:PermalinkPage}
  1150. {block:Date}
  1151. {block:Caption}{Caption}{/block:Caption}<center>
  1152. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}<br>
  1153. {block:NoteCount}{NoteCount} Notes{/block:NoteCount}{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  1154. {/block:Date}
  1155. {/block:PermalinkPage}
  1156.  
  1157. {block:PostNotes}{PostNotes}
  1158. {/block:PostNotes}
  1159. </div>
  1160.  
  1161. {/block:Posts}
  1162. </div>
  1163. </div>
  1164. {block:IndexPage}<br>
  1165. {block:Pagination}
  1166. <div id="pagination">
  1167. {block:NextPage}
  1168. <a id="nextPage" href="{NextPage}">next</a>
  1169. {/block:NextPage}
  1170. {block:PreviousPage}
  1171. <a href="{PreviousPage}">back</a>
  1172. {/block:PreviousPage}
  1173. </div>
  1174. {/block:Pagination}
  1175. {/block:IndexPage}
  1176. </div>
  1177.  
  1178. <div class="shuffle"> <a href="/random"><img src="http://static.tumblr.com/gmvpk3i/iAcll0j1w/shuffle.png"></a></div>
  1179. </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!