API tools faq
paste
Advertisement
spacethemes

Spacetheme25 - Lithium

spacethemes
Apr 11th, 2014
2,257
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.44 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. <meta charset="UTF-8">
  25. <meta name="description" content="This is a theme from spacethemes">
  26. <meta name="keywords" content="theme, themes, blog, blogs, tumblr, tumblrblog, teenagers, aliensfromhell, hoxtonheros, column, column, thememaker, spacethemes, space, cool">
  27.  
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  30. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  31.  
  32. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  33.  
  34. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  35.  
  36. {block:ifUseScrollToTop}
  37. <script src="http://static.tumblr.com/7u4rsen/doXmzlogf/scrolltotop.js"></script>
  38. {/block:ifUseScrollToTop}
  39.  
  40. <link href='http://static.tumblr.com/7u4rsen/P93mywnog/style-my-tooltips.css' rel='stylesheet' type='text/css'/>
  41.  
  42. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  43.  
  44. <meta name="color:Background" content="#FFFFFF"/>
  45. <meta name="color:Background Header" content="#FFFFFF"/>
  46. <meta name="color:Text" content="#000000"/>
  47. <meta name="color:Title" content="#AAAAAA"/>
  48. <meta name="color:Link" content="#000000"/>
  49. <meta name="color:Hover" content="#CCCCCC"/>
  50. <meta name="color:Active" content="#000000"/>
  51. <meta name="color:Borders" content="#DDDDDD"/>
  52. <meta name="color:Scrollbar" content="#969696"/>
  53. <meta name="color:ScrollbarBackground" content="#888888"/>
  54. <meta name="image:Background" content=""/>
  55. <meta name="image:Background Header" content=""/>
  56. <meta name="image:Avatar" content=""/>
  57. <meta name="if:2 column" content="0"/>
  58. <meta name="if:3 column" content="1"/>
  59. <meta name="if:4 column" content="0"/>
  60. <meta name="if:Show Avatar Image" content="1"/>
  61. <meta name="if:Use Title" content="1"/>
  62. <meta name="if:Use Description" content="1"/>
  63. <meta name="if:Inverted Tumblr Controls" content="1"/>
  64. <meta name="if:Tiny Scrollbar" content="1"/>
  65. <meta name="if:Tiny Cursor" content="1"/>
  66. <meta name="if:Use Scroll To Top" content="0"/>
  67. <meta name="text:Link One Title" content= >
  68. <meta name="text:Link One" content="" />
  69. <meta name="text:Link Two Title" content= >
  70. <meta name="text:Link Two" content="" />
  71. <meta name="text:Link Three Title" content= >
  72. <meta name="text:Link Three" content="" />
  73. <meta name="text:Link Four Title" content= >
  74. <meta name="text:Link Four" content="" />
  75. <meta name="text:Link Five Title" content= >
  76. <meta name="text:Link Five" content="" />
  77. <meta name="text:Link Six Title" content= >
  78. <meta name="text:Link Six" content="" />
  79. <meta name="text:Link Seven Title" content= >
  80. <meta name="text:Link Seven" content="" />
  81.  
  82. <title>{title}</title>
  83.  
  84. <style type="text/css">
  85.  
  86. {block:iftinyscrollbar}
  87. .wrapper {
  88. margin: auto;
  89. position: relative;
  90. width:1000px;
  91. }
  92.  
  93. #tumblr_controls {
  94. position:fixed !important;
  95. top: 3px;
  96. right: 3px;
  97. {block:ifInvertedTumblrControls}
  98. white-space :nowrap;
  99. -webkit-filter: invert(100%);
  100. -moz-filter: invert(100%);
  101. -o-filter: invert(100%);
  102. -ms-filter: invert(100%);
  103. filter: invert(100%);
  104. opacity:0.7; ;
  105. transition: all 0.5s ease-out;
  106. {/block:ifInvertedTumblrControls}
  107. }
  108.  
  109. #infscr-loading {
  110. bottom: -70px;
  111. position: absolute;
  112. left: 50%;
  113. margin-left:-8px;
  114. width:16px;
  115. height:11px;
  116. overflow:hidden;
  117. margin-bottom: 50px;
  118. }
  119.  
  120. {block:iftinyscrollbar}
  121.  
  122. ::-webkit-scrollbar {
  123. height:auto;
  124. width:9px;
  125. background-color: {color:scrollbarbackground};
  126. border: 4px solid {color:background};
  127. }
  128.  
  129. ::-webkit-scrollbar-thumb{
  130. height:auto;
  131. background-color:{color:scrollbar};
  132. border: 2px solid {color:background};
  133. border-radius: 10px;
  134. }
  135. {/block:iftinyscrollbar}
  136.  
  137. ::selection {
  138. background:#EEEEEE;
  139. color: #29A6FF;
  140. }
  141.  
  142. ::-moz-selection {
  143. background:#EEEEEE;
  144. color: #29A6FF;
  145. }
  146.  
  147. body {
  148. color:{color:text};
  149. background-color: {color:Background};
  150. background-image:url({image:Background});
  151. background-attachment: fixed;
  152. background-image:;
  153. font-size: 11px;
  154. line-height:11px;
  155. padding: 0px;
  156. margin: 0px;
  157. {block:iftinycursor}
  158. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png), auto;
  159. {/block:iftinycursor}
  160. -webkit-animation:fadeIn 2.5s;
  161. -moz-animation:fadeIn 2.5s;
  162. -ms-animation:fadeIn 2.5s
  163. }
  164.  
  165. p {
  166. padding:0px;
  167. margin:0px;
  168. }
  169.  
  170. a:link, a:visited {
  171. color: {color:Link};
  172. text-decoration: none;
  173. -webkit-transition: all 0.4s ease-out;
  174. -moz-transition: all 0.4s ease-out;
  175. -o-transition:all 0.4s ease-out;
  176. transition: all 0.4s ease-out;
  177. {block:iftinycursor}
  178. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png), progress;
  179. {/block:iftinycursor}
  180. }
  181.  
  182. a:hover {
  183. color:{color:Hover};
  184. -webkit-transition: all 0.4s ease-out;
  185. -moz-transition: all 0.4s ease-out;
  186. -o-transition: all 0.4s ease-out;
  187. transition: all 0.4s ease-out;
  188. text-decoration:none;
  189. {block:iftinycursor}
  190. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png), progress;
  191. {/block:iftinycursor}
  192. }
  193.  
  194. a:active {
  195. color: {color:Active};
  196. -webkit-transition:all 0.2s ease-in-out;
  197. -moz-transition:all 0.2s ease-in-out;
  198. -o-transition:all 0.2s ease-in-out;
  199. transition:all 0.2s ease-in-out;
  200. text-decoration:none;
  201. {block:iftinycursor}
  202. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png), progress;
  203. {/block:iftinycursor}
  204. }
  205.  
  206. .entry {
  207. float:left;
  208. line-height:10px;
  209. opacity: 1;
  210. font-size: 11px;
  211. {block:if4column}
  212. {block:IndexPage}
  213. width:180px;
  214. margin:25px;
  215. {/block:IndexPage}
  216. {block:PermalinkPage}
  217. margin-left:210px;
  218. width:500px;
  219. margin-top:20px;
  220. {/block:PermalinkPage}
  221. {/block:if4column}
  222. {block:if3column}
  223. {block:IndexPage}
  224. width:220px;
  225. margin:30px;
  226. {/block:IndexPage}
  227. {block:PermalinkPage}
  228. margin-left:175px;
  229. width:500px;
  230. margin-top:20px;
  231. position:relative;
  232. {/block:PermalinkPage}
  233. {/block:if3column}
  234. {block:if2column}
  235. {block:IndexPage}
  236. width:250px;
  237. margin:25px;
  238. {/block:IndexPage}
  239. {block:PermalinkPage}
  240. margin-left:45px;
  241. width:500px;
  242. margin-top:20px;
  243. position:relative;
  244. {/block:PermalinkPage}
  245. {/block:if2column}
  246. -webkit-transition:all .5s linear;
  247. -moz-transition:all .5s linear;
  248. -o-transition:all .5s linear;
  249. transition:all .5s linear;
  250. }
  251.  
  252. .entry:hover {
  253. {block:IndexPage}
  254. -moz-transition: scale(1.1)
  255. -ms-transform: scale(1.1);
  256. -webkit-transform: scale(1.1);
  257. transform: scale(1.1);
  258. {/block:IndexPage}
  259. -webkit-transition:all .5s linear;
  260. -moz-transition:all .5s linear;
  261. -o-transition:all .5s linear;
  262. transition:all .5s linear;
  263. }
  264.  
  265. .entry .photo {
  266. opacity:0.9;
  267. -webkit-transition:all .5s ease-in-out;
  268. -moz-transition:all .5s ease-in-out;
  269. -o-transition:all .5s ease-in-out;
  270. transition:all .5s ease-in-out;
  271. }
  272.  
  273. .entry:hover .photo {
  274. opacity:1;
  275. -webkit-transition:all .5s ease-in-out;
  276. -moz-transition:all .5s ease-in-out;
  277. -o-transition:all .5s ease-in-out;
  278. transition:all .5s ease-in-out;
  279. }
  280.  
  281. .entry .photo2 {
  282. opacity:0.8;
  283. -webkit-transition:all .5s ease-in-out;
  284. -moz-transition:all .5s ease-in-out;
  285. -o-transition:all .5s ease-in-out;
  286. transition:all .5s ease-in-out;
  287. }
  288.  
  289. .entry:hover .photo2 {
  290. opacity:1;
  291. -webkit-transition:all .5s ease-in-out;
  292. -moz-transition:all .5s ease-in-out;
  293. -o-transition:all .5s ease-in-out;
  294. transition:all .5s ease-in-out;
  295. }
  296.  
  297. .entry .permalink {
  298. {block:if2column}
  299. width:24px;
  300. height:24px;
  301. line-height:30px;
  302. bottom:5px;
  303. left:5px;
  304. border-radius:60px;
  305. {/block:if2column}
  306. {block:if3column}
  307. width:22px;
  308. height:22px;
  309. line-height:22px;
  310. bottom:5px;
  311. left:5px;
  312. border-radius:50px;
  313. {/block:if3column}
  314. {block:if4column}
  315. width:20px;
  316. height:20px;
  317. bottom:5px;
  318. left:5px;
  319. border-radius:40px;
  320. {/block:if4column}
  321. background-color:#fff;
  322. text-transform:Capitalize;
  323. position:absolute;
  324. text-align:center;
  325. padding:2px;
  326. opacity:.0;
  327. z-index:99999999;
  328. -webkit-transition: all .5s ;
  329. -moz-transition: all .5s ease-in-out;
  330. -o-transition: all .5s ease-in-out;
  331. transition: all .5s ease-in-out;
  332. }
  333.  
  334. .entry:hover .permalink {
  335. opacity: 0.8;
  336. transform: rotate(360deg);
  337. -ms-transform: rotate(360deg);
  338. -webkit-transform: rotate(360deg);
  339. -o-transform: rotate(360deg);
  340. -moz-transform: rotate(360deg);
  341. -webkit-transition: all .5s ease-in-out;
  342. -moz-transition: all .5s ease-in-out;
  343. -o-transition: all .5s ease-in-out;
  344. transition: all .5s ease-in-out;
  345. }
  346.  
  347. .entry:hover .permalink:hover {
  348. opacity: 0.8;
  349. transform: rotate(0deg);
  350. -ms-transform: rotate(0deg);
  351. -webkit-transform: rotate(0deg);
  352. -o-transform: rotate(0deg);
  353. -moz-transform: rotate(0deg);
  354. -webkit-transition: all .5s ease-in-out;
  355. -moz-transition: all .5s ease-in-out;
  356. -o-transition: all .5s ease-in-out;
  357. transition: all .5s ease-in-out;
  358. }
  359.  
  360. .entry .permalink2 {
  361. {block:if2column}
  362. width:24px;
  363. height:24px;
  364. line-height:30px;
  365. bottom:5px;
  366. left:36px;
  367. border-radius:60px;
  368. {/block:if2column}
  369. {block:if3column}
  370. width:22px;
  371. height:22px;
  372. line-height:22px;
  373. bottom:5px;
  374. left:35px;
  375. border-radius:50px;
  376. {/block:if3column}
  377. {block:if4column}
  378. width:20px;
  379. height:20px;
  380. bottom:5px;
  381. left:32px;
  382. border-radius:40px;
  383. {/block:if4column}
  384. background-color:#FFF;
  385. text-transform:Capitalize;
  386. position:absolute;
  387. text-align:center;
  388. opacity:.0;
  389. padding:2px;
  390. z-index:99999999;
  391. -webkit-transition: all .5s ;
  392. -moz-transition: all .5s ease-in-out;
  393. -o-transition: all .5s ease-in-out;
  394. transition: all .5s ease-in-out;
  395. }
  396.  
  397. .entry:hover .permalink2 {
  398. opacity: 0.8;
  399. transform: rotate(360deg);
  400. -ms-transform: rotate(360deg);
  401. -webkit-transform: rotate(360deg);
  402. -o-transform: rotate(360deg);
  403. -moz-transform: rotate(360deg);
  404. -webkit-transition: all .5s ease-in-out;
  405. -moz-transition: all .5s ease-in-out;
  406. -o-transition: all .5s ease-in-out;
  407. transition: all .5s ease-in-out;
  408. }
  409.  
  410. .entry:hover .permalink2:hover {
  411. opacity: 0.8;
  412. transform: rotate(0deg);
  413. -ms-transform: rotate(0deg);
  414. -webkit-transform: rotate(0deg);
  415. -o-transform: rotate(0deg);
  416. -moz-transform: rotate(0deg);
  417. -webkit-transition: all .5s ease-in-out;
  418. -moz-transition: all .5s ease-in-out;
  419. -o-transition: all .5s ease-in-out;
  420. transition: all .5s ease-in-out;
  421. }
  422.  
  423. .entry .permalink3 {
  424. {block:if2column}
  425. width:24px;
  426. height:24px;
  427. line-height:30px;
  428. bottom:5px;
  429. left:67px;
  430. border-radius:60px;
  431. {/block:if2column}
  432. {block:if3column}
  433. width:22px;
  434. height:22px;
  435. bottom:5px;
  436. left:65px;
  437. line-height:22px;
  438. border-radius:50px;
  439. {/block:if3column}
  440. {block:if4column}
  441. width:20px;
  442. height:20px;
  443. bottom:5px;
  444. left:59px;
  445. border-radius:40px;
  446. {/block:if4column}
  447. padding:2px;
  448. background-color:#FFF;
  449. text-transform:Capitalize;
  450. position:absolute;
  451. text-align:center;
  452. opacity:.0;
  453. z-index:99999999;
  454. -webkit-transition: all .5s ;
  455. -moz-transition: all .5s ease-in-out;
  456. -o-transition: all .5s ease-in-out;
  457. transition: all .5s ease-in-out;
  458. }
  459.  
  460. .entry:hover .permalink3 {
  461. opacity: 0.8;
  462. transform: rotate(360deg);
  463. -ms-transform: rotate(360deg);
  464. -webkit-transform: rotate(360deg);
  465. -o-transform: rotate(360deg);
  466. -moz-transform: rotate(360deg);
  467. -webkit-transition: all .5s ease-in-out;
  468. -moz-transition: all .5s ease-in-out;
  469. -o-transition: all .5s ease-in-out;
  470. transition: all .5s ease-in-out;
  471. }
  472.  
  473. .entry:hover .permalink3:hover {
  474. opacity: 0.8;
  475. transform: rotate(0deg);
  476. -ms-transform: rotate(0deg);
  477. -webkit-transform: rotate(0deg);
  478. -o-transform: rotate(0deg);
  479. -moz-transform: rotate(0deg);
  480. -webkit-transition: all .5s ease-in-out;
  481. -moz-transition: all .5s ease-in-out;
  482. -o-transition: all .5s ease-in-out;
  483. transition: all .5s ease-in-out;
  484. }
  485.  
  486. #pagination {
  487. display:none
  488. }
  489.  
  490. #posts {
  491. position:relative;
  492. top:100px;
  493. {block:if2column}
  494. width:700px;
  495. margin-left:200px;
  496. {/block:if2column}
  497. {block:if3column}
  498. width:920px;
  499. margin-left:75px;
  500. {/block:if3column}
  501. {block:if4column}
  502. width:970px;
  503. margin-left:40px;
  504. {/block:if4column}
  505. }
  506.  
  507. #header {
  508. border: solid 2px {color:Borders};
  509. border-top:none;
  510. {block:if2column}
  511. width:735px;
  512. margin-left:125px;
  513. {/block:if2column}
  514. {block:if3column}
  515. width:835px;
  516. margin-left:75px;
  517. {/block:if3column}
  518. {block:if4column}
  519. width:936px;
  520. margin-left:30px;
  521. {/block:if4column}
  522. position:fixed;
  523. z-index:99999999999999999;
  524. background:{color:Background Header};
  525. background-image:url({image:Background Header});
  526. height:100px;
  527. }
  528.  
  529. #pix {
  530. position:relative;
  531. float:left;
  532. border-radius:100px;
  533. width:85px;
  534. height:85px;
  535. {block:ifnotusetitle}
  536. {block:if2column}
  537. margin-left:120px;
  538. {/block:if2column}
  539. {block:if3column}
  540. margin-left:140px;
  541. {/block:if3column}
  542. {block:if4column}
  543. margin-left:140px;
  544. {/block:if4column}
  545. {/block:ifnotusetitle}
  546. {block:ifusetitle}
  547. {block:if2column}
  548. margin-left:10px;
  549. {/block:if2column}
  550. {block:if3column}
  551. margin-left:10px;
  552. {/block:if3column}
  553. {block:if4column}
  554. margin-left:20px;
  555. {/block:if4column}
  556. {/block:ifusetitle}
  557. margin-top:7px;
  558. background:white;
  559. }
  560.  
  561. #pix img{
  562. position:relative;
  563. float:left;
  564. border-radius:100px;
  565. width:85px;
  566. height:85px;
  567. }
  568.  
  569. #blogtitle {
  570. position:relative;
  571. float:left;
  572. {block:ifshowavatarimage}
  573. {block:if4column}
  574. width:330px;
  575. max-width:330px;
  576. margin-left:15px;
  577. {/block:if4column}
  578. {block:if3column}
  579. width:250px;
  580. max-width:250px;
  581. margin-left:10px;
  582. {/block:if3column}
  583. {block:if2column}
  584. width:220px;
  585. max-width:220px;
  586. margin-left:10px;
  587. {/block:if2column}
  588. {/block:ifshowavatarimage}
  589. {block:ifnotshowavatarimage}
  590. {block:if4column}
  591. width:420px;
  592. max-width:420px;
  593. margin-left:20px;
  594. {/block:if4column}
  595. {block:if3column}
  596. width:340px;
  597. max-width:340px;
  598. margin-left:20px;
  599. {/block:if3column}
  600. {block:if2column}
  601. width:290px;
  602. max-width:290px;
  603. margin-left:20px;
  604. {/block:if2column}
  605. {/block:ifnotshowavatarimage}
  606. overflow:hidden;
  607. line-height:85px;
  608. text-align:center;
  609. position:relative;
  610. font-size:50px;
  611. height:100px;
  612. max-height:100px;
  613. font-family:Arial;
  614. }
  615.  
  616. #blogtitle a {
  617. color:{color:Title};
  618. }
  619.  
  620. #description {
  621. border-left:2px solid {color:borders};
  622. border-right:2px solid {color:borders};
  623. padding:6px;
  624. position:relative;
  625. float:left;
  626. font-size:13px;
  627. margin-top:10px;
  628. {block:if2column}
  629. max-width: 350px;
  630. margin-left:20px;
  631. {/block:if2column}
  632. {block:if3column}
  633. max-width: 400px;
  634. margin-left:30px;
  635. {/block:if3column}
  636. {block:if4column}
  637. max-width: 400px;
  638. margin-left:20px;
  639. {/block:if4column}
  640. {block:ifnotusetitle}
  641. {block:ifshowavatarimage}
  642. {block:if2column}
  643. max-width: 350px;
  644. margin-left:20px;
  645. {/block:if2column}
  646. {block:if3column}
  647. max-width: 400px;
  648. margin-left:30px;
  649. {/block:if3column}
  650. {block:if4column}
  651. max-width: 500px;
  652. margin-left:20px;
  653. {/block:if4column}
  654. {/block:ifshowavatarimage}
  655. {block:ifnotshowavatarimage}
  656. {block:if2column}
  657. max-width: 480px;
  658. margin-left:120px;
  659. {/block:if2column}
  660. {block:if3column}
  661. max-width: 520px;
  662. margin-left:145px;
  663. {/block:if3column}
  664. {block:if4column}
  665. max-width: 600px;
  666. margin-left:160px;
  667. {/block:if4column}
  668. {/block:ifnotshowavatarimage}
  669. {/block:ifnotusetitle}
  670. max-height:35px;
  671. overflow:hidden;
  672. line-height:13px;
  673. }
  674.  
  675. nav {
  676. height:33px;
  677. position:relative;
  678. float:left;
  679. {block:ifusetitle}
  680. {block:if2column}
  681. margin-left:10px;
  682. width:380px;
  683. max-width:400px;
  684. {/block:if2column}
  685. {block:if3column}
  686. width:430px;
  687. margin-left:20px;
  688. max-width:450px;
  689. {/block:if3column}
  690. {block:if4column}
  691. width:450px;
  692. margin-left:5px;
  693. max-width: 470px;
  694. {/block:if4column}
  695. {/block:ifusetitle}
  696. {block:ifnotusetitle}
  697. {block:ifshowavatarimage}
  698. {block:if2column}
  699. margin-left:10px;
  700. width:380px;
  701. max-width:400px;
  702. {/block:if2column}
  703. {block:if3column}
  704. width:430px;
  705. margin-left:20px;
  706. max-width:450px;
  707. {/block:if3column}
  708. {block:if4column}
  709. width:450px;
  710. margin-left:45px;
  711. max-width: 550px;
  712. {/block:if4column}
  713. {/block:ifshowavatarimage}
  714. {block:ifnotshowavatarimage}
  715. {block:if2column}
  716. margin-left:145px;
  717. width:450px;
  718. max-width:450px;
  719. {/block:if2column}
  720. {block:if3column}
  721. width:430px;
  722. margin-left:170px;
  723. max-width:450px;
  724. {/block:if3column}
  725. {block:if4column}
  726. width:450px;
  727. margin-left:225px;
  728. max-width: 550px;
  729. {/block:if4column}
  730. {/block:ifnotshowavatarimage}
  731. {/block:ifnotusetitle}
  732. margin-top:0.7%;
  733. }
  734.  
  735. nav a {
  736. position: relative;
  737. display: inline-block;
  738. outline: none;
  739. color: {color:Link};
  740. text-decoration: none;
  741. letter-spacing: 1px;
  742. text-shadow: 0 0 1px rgba(255,255,255,0.3);
  743. font-size:12px;
  744. }
  745.  
  746. nav a:hover,
  747. nav a:focus {
  748. outline: none;
  749. }
  750.  
  751. .cl-effect-10 {
  752. position: relative;
  753. z-index: 1;
  754. }
  755.  
  756. .cl-effect-10 a {
  757. overflow: hidden;
  758. margin: 4px 4px;
  759. }
  760.  
  761. .cl-effect-10 a span {
  762. display: block;
  763. padding: 7px 10px;
  764. background: {color:background header};
  765. -webkit-transition: -webkit-transform 0.3s;
  766. -moz-transition: -moz-transform 0.3s;
  767. transition: transform 0.3s;
  768. }
  769.  
  770. .cl-effect-10 a::before {
  771. position: absolute;
  772. top: 0;
  773. left: 0;
  774. z-index: -1;
  775. padding: 7px 10px;
  776. width: 100%;
  777. height: 100%;
  778. background: {color:background header};
  779. color: {color:hover};
  780. content: attr(data-hover);
  781. -webkit-transition: -webkit-transform 0.3s;
  782. -moz-transition: -moz-transform 0.3s;
  783. transition: transform 0.3s;
  784. -webkit-transform: translateX(-25%);
  785. }
  786.  
  787. .cl-effect-10 a:hover span,
  788. .cl-effect-10 a:focus span {
  789. -webkit-transform: translateX(100%);
  790. -moz-transform: translateX(100%);
  791. transform: translateX(100%);
  792. }
  793.  
  794. .cl-effect-10 a:hover::before,
  795. .cl-effect-10 a:focus::before {
  796. -webkit-transform: translateX(0%);
  797. -moz-transform: translateX(0%);
  798. transform: translateX(0%);
  799. }
  800.  
  801. .title {
  802. font-size:12px;
  803. text-transform:uppercase;
  804. }
  805.  
  806. .text {
  807. font-size:11px;
  808. margin-bottom:5px;
  809. }
  810.  
  811. .line {
  812. border-top: solid 1px {color:Borders};
  813. margin-bottom:5px;
  814. }
  815.  
  816. .line2 {
  817. border-top: solid 1px {color:Borders};
  818. margin-bottom:5px;
  819. margin-top:5px;
  820. border-bottom: solid 1px {color:Borders};
  821. }
  822.  
  823. .notez {
  824. text-align:right;
  825. text-transform:capitalize;
  826. font-size:10px;
  827. }
  828.  
  829. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label {
  830. font-weight:bold;
  831. }
  832.  
  833. .entry img {
  834. max-width:100%;
  835. }
  836.  
  837. .caption {
  838. margin-top:5px;
  839. margin-bottom:5px;
  840. font-size:12px;
  841. }
  842.  
  843. .caption img {
  844. max-width: 100%;
  845. }
  846.  
  847. #ask {
  848. text-align:center;
  849. line-height:20px;
  850. font-size:11px;
  851. height:auto;
  852. border:solid 1px {color:borders};
  853. padding:5px;
  854. margin-bottom:10px;
  855. }
  856.  
  857. .notes {
  858. list-style-type:none;
  859. margin-bottom:1px;
  860. }
  861.  
  862. .avatar_frame {
  863. display: none;
  864. visibility: hidden;
  865. }
  866.  
  867. .audioplayer {
  868. width:200px;
  869. height:87px;
  870. }
  871.  
  872. .album {
  873. position:absolute;
  874. z-index:1;
  875. width:80px;
  876. height:80px;
  877. }
  878.  
  879. .album img {
  880. float:left;
  881. width:80px;
  882. height:80px;
  883. }
  884.  
  885. .playbutton {
  886. margin-left:25px;
  887. margin-top:25px;
  888. opacity:0.5;
  889. width:27px;
  890. height:30px;
  891. overflow:hidden;
  892. position:absolute;
  893. z-index:999999;
  894. }
  895.  
  896. .song {
  897. text-transform:capitalize;
  898. letter-spacing:1px;
  899. margin-left:100px;
  900. margin-top:5px;
  901. line-height:13px;
  902. font-size:10px;
  903. }
  904.  
  905. #s-m-t-tooltip {
  906. z-index:99999999999999999999;
  907. padding:3px;
  908. font-size:9px;
  909. color:#888888;
  910. line-height:10px;
  911. background:rgba(255,255,255,0.9);
  912. margin:24px 14px 7px 12px;
  913. -moz-border-radius:0px;
  914. -webkit-border-radius:0px;
  915. border-radius:0px;
  916. border:3px double #ddd;
  917. -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
  918. -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
  919. box-shadow: 0 0 5px rgba(0,0,0,.1);
  920. }
  921.  
  922. {CustomCSS}
  923.  
  924. </style>
  925.  
  926. <script type="text/javascript">
  927. (function($){
  928. $(document).ready(function(){
  929. $("[title],a[title],img[title]").style_my_tooltips({
  930. tip_follows_cursor:true,
  931. tip_delay_time:100,
  932. tip_fade_speed:300,
  933. attribute:"title"
  934. });
  935. });
  936. })(jQuery);
  937. </script>
  938.  
  939. <script src="http://static.tumblr.com/7u4rsen/ty1mywnp2/jquery.style-my-tooltips.js"></script>
  940.  
  941. {block:IndexPage}
  942. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  943. <script type="text/javascript"
  944. src="http://static.tumblr.com/djruq1a/5S7mz7lhw/jqueryinfintescroll.js"></script>
  945.  
  946. <script type="text/javascript">
  947. $(window).load(function () {
  948. var $content = $('#posts');
  949. $content.masonry({itemSelector: '.entry'}),
  950. $content.infinitescroll({
  951. navSelector : 'div#pagination',
  952. nextSelector : 'div#pagination a#nextPage',
  953. itemSelector : '.entry',
  954. loading: {
  955. finishedMsg: '',
  956. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  957. },
  958. bufferPx : 600,
  959. debug : false,
  960. },
  961. // call masonry as a callback.
  962. function( newElements ) {
  963. var $newElems = $( newElements );
  964. $newElems.hide();
  965. // ensure that images load before adding to masonry layout
  966. $newElems.imagesLoaded(function(){
  967. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  968.  
  969.  
  970. });
  971. });
  972. });
  973. </script>
  974.  
  975. {/block:IndexPage}
  976.  
  977. <script src="http://static.tumblr.com/7u4rsen/zyLmzgpre/jqueryinfintescroll.js"></script>
  978.  
  979. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
  980.  
  981. <script>
  982. window.onload = function () {
  983. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  984. document.addEventListener( 'click', function ( event ) {
  985. var myLikeLink = event.target;
  986. if( myLikeLink.className.indexOf( 'my-like' ) > -1 ) {
  987. var myLikeFrame = document.getElementById( 'my-like-frame' ),
  988. liked = ( myLikeLink.className == 'my-liked' ),
  989. command = liked ? 'unlike' : 'like',
  990. reblog = myLikeLink.getAttribute( 'data-reblog' ),
  991. postId = myLikeLink.getAttribute( 'data-id' ),
  992. oauth = reblog.slice( -8 ),
  993. likeUrl = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + postId;
  994. myLikeFrame.src = likeUrl;
  995. liked ? myLikeLink.className = 'my-like'
  996. : myLikeLink.className = 'my-liked';
  997. };
  998. }, false );
  999. };
  1000. </script>
  1001.  
  1002. <script src="http://static.tumblr.com/xnjw13b/mjKn0uimd/modernizr.custom.js"></script>
  1003.  
  1004. </head>
  1005.  
  1006. <body ondragstart="return false;">
  1007.  
  1008. <div class="wrapper">
  1009.  
  1010. <div id="header">
  1011. {block:ifshowavatarimage}
  1012. <div id="pix"><a href="/"><img src="{image:Avatar}" alt="Avatar" width="100%" style="opacity:0.9;"/></a></div>
  1013. {/block:ifshowavatarimage}
  1014. {block:ifusetitle}
  1015. <div id="blogtitle"><a href="/">{title}</a></div>
  1016. {/block:ifusetitle}
  1017. {block:ifusedescription}
  1018. <div id="description">{description}</div>
  1019. {/block:ifusedescription}
  1020. <nav class="cl-effect-10">
  1021. <center>
  1022. {block:ifLinkOneTitle}<a href="{text:link one}" data-hover="{text:link one title}"><span>{text:link one title}</span></a>{/block:ifLinkOneTitle}
  1023.  
  1024. {block:iflinktwotitle} <a href="{text:link two}" data-hover="{text:link two title}"><span>{text:link two title}</span></a>{/block:iflinktwotitle}
  1025.  
  1026. {block:iflinkthreetitle} <a href="{text:link three}" data-hover="{text:link three title}"><span>{text:link three title}</span></a>{/block:iflinkthreetitle}
  1027.  
  1028. {block:iflinkfourtitle} <a href="{text:link four}" data-hover="{text:link four title}"><span>{text:link four title}</span></a>{/block:iflinkfourtitle}
  1029.  
  1030. {block:iflinkfivetitle} <a href="{text:link five}" data-hover="{text:link five title}"><span>{text:link five title}</span></a>{/block:iflinkfivetitle}
  1031.  
  1032. {block:iflinksixtitle} <a href="{text:link six}" data-hover="{text:link six title}"><span>{text:link six title}</span></a>{/block:iflinksixtitle}
  1033.  
  1034. {block:iflinkseventitle} <a href="{text:link seven}" data-hover="{text:link seven title}"><span>{text:link seven title}</span></a>{/block:iflinkseventitle}
  1035. </center>
  1036. </nav>
  1037. </div>
  1038.  
  1039. <div id="posts">
  1040.  
  1041. {block:Posts}
  1042.  
  1043. {block:ContentSource}
  1044. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1045. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1046. {/block:SourceLogo}
  1047. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1048. {/block:ContentSource}
  1049.  
  1050. <div class="entry">
  1051.  
  1052. {block:Text}
  1053. {block:Title}<span class="title">{Title}</span>{/block:Title}<br><br><div class="text">{Body}</div>{block:IndexPage}<div class="line"></div><div class="notez"><a href="{Permalink}">{NoteCountwithlabel}</a> \ {FormattedTime} \ <a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  1054. {/block:Text}
  1055.  
  1056. {block:Link}
  1057. <a href="{URL}" class="title">{Name}</a><br><br>
  1058. {block:Description}<div class="text">{Description}</div>{/block:Description}{block:IndexPage}<div class="line"></div><div class="notez"><a href="{Permalink}">{NoteCountwithlabel}</a> \ {FormattedTime} \
  1059. <a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  1060. {block:Link}
  1061.  
  1062. {block:Photo}
  1063. {block:IndexPage}
  1064. <div class="permalink">
  1065. <a href="{ReblogURL}" title="Reblog"><span style="font-size:17px; line-height:22px; opacity:0.75;">↻</span></a></div>
  1066. <div class="permalink2"><a href="{Permalink}" title="{Notecountwithlabel}"><img src="https://31.media.tumblr.com/cd0b565f8706596c9b314b36017115dd/tumblr_n3mvbmxwnJ1rit4nto1_75sq.png" alt="Permalink" width="85%" style="opacity:0.7; margin-top:1px;"/></a></div>
  1067. <div class="permalink3"><span style="position:relative; top:3px;" title="Like">{LikeButton color="black" size="16"}</span></div>
  1068. {/block:IndexPage}{block:IndexPage}{LinkOpenTag}
  1069. <div style="background:white;">
  1070. <div class="photo" style="line-height:0px; "><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div></div>
  1071. {LinkCloseTag}{/block:IndexPage}
  1072.  
  1073. {block:PermalinkPage}<center>{LinkOpenTag}<div style="background:white;"><div class="photo" style="line-height:0px; "><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div></div>{LinkCloseTag}{/block:PermalinkPage}</center>
  1074. {/block:Photo}
  1075.  
  1076. {block:Photoset}
  1077. {block:IndexPage}
  1078. <div class="permalink">
  1079. <a href="{ReblogURL}" title="Reblog"><span style="font-size:17px; line-height:22px; opacity:0.75;">↻</span></a></div>
  1080. <div class="permalink2"><a href="{Permalink}" title="{Notecountwithlabel}"><img src="https://31.media.tumblr.com/cd0b565f8706596c9b314b36017115dd/tumblr_n3mvbmxwnJ1rit4nto1_75sq.png" alt="Permalink" width="85%" style="opacity:0.7; margin-top:1px;"/></a></div>
  1081. <div class="permalink3"><span style="position:relative; top:3px;" title="Like">{LikeButton color="black" size="16"}</span></div><div style="background:white;">
  1082. <div class="photo2" style="width=100%; overflow-x:hidden; overflow-y:hidden;line-height:0px;">{Photoset-250}</div></div>{/block:IndexPage}<div style="background:white;">{block:permalinkpage}<div class="photo2" style="width=100%; overflow-x:hidden; overflow-y:hidden; line-height:0px;">{Photoset-500}</div>{/block:permalinkpage}</div>
  1083. {/block:Photoset}
  1084.  
  1085. {block:Quote}
  1086. <div style="background:transparent;">
  1087. <span style="letter-spacing:1px; font-style:italic; font-size:12px; color:{color:Text}">{Quote}</span>{block:Source}<div style="text-align:right;font-weight:bold; margin= -10px; text-transform:capitalize;color:{color:Text}; margin-bottom:5px;">{Source}</div>{/block:Source}{block:IndexPage}<div class="line"></div><div class="notez"><a href="{Permalink}">{NoteCountwithlabel}</a> \ {FormattedTime} \ <a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  1088. </div>
  1089. {/block:Quote}
  1090.  
  1091. {block:Chat}
  1092. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1093. <ul class="chat">
  1094. {block:Lines}
  1095. <li class="user_{UserNumber}">
  1096. {block:Label}
  1097. <span class="label">{Label}</span>
  1098. {/block:Label}
  1099. {Line}
  1100. </li>
  1101. {/block:Lines}
  1102. </ul>
  1103. {block:IndexPage}
  1104. <div class="line"></div><div class="notez"><a href="{Permalink}">{NoteCountwithlabel}</a> \ {FormattedTime} \ <a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  1105. {/block:Chat}
  1106.  
  1107. {block:Audio}
  1108.  
  1109. <div class="audioplayer">
  1110. <div class="album">
  1111. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="album"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1112. <div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="song"><strong>Artist:</strong><span {block:Artist} style="display:none;" {/block:Artist}> Unknown</span>
  1113. {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>
  1114. {block:IndexPage}
  1115. <div class="line"></div><div class="notez"><a href="{Permalink}">{NoteCountwithlabel}</a> \ {FormattedTime} \ <a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  1116.  
  1117. {/block:Audio}
  1118.  
  1119. {block:Video}
  1120. {block:IndexPage}
  1121. <div class="video" style="font-style:italic; font-size:12px; margin-bottom:5px;">
  1122. <a href="{Permalink}">Click for video</a>
  1123. </div>
  1124. <div class="line"></div><div class="notez"><a href="{Permalink}">{NoteCountwithlabel}</a> \ {FormattedTime} \ <a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  1125. {block:PermalinkPage}
  1126. <div style="width=490px; overflow-x:hidden; overflow-y:hidden;">{Video-500}</div>
  1127. {/block:PermalinkPage}
  1128. {block:ifCaptions}
  1129. {block:Caption}{Caption}{/block:Caption}
  1130. {/block:ifCaptions}
  1131. {block:Video}
  1132.  
  1133. {block:Answer}
  1134.  
  1135. <div id="ask"><span style="font-size:12px;"><i>{Asker} said: </i></span>{Question}</div>
  1136. <div class="caption"><i>{Answer}</i></div>
  1137. {block:IndexPage}<div class="line"></div><div class="notez"><a href="{Permalink}">{NoteCountwithlabel}</a> \ {FormattedTime} \ <a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  1138.  
  1139. {/block:Answer}
  1140.  
  1141. {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}
  1142.  
  1143. {block:PermalinkPage}
  1144. <div class="line2">
  1145. <br>{block:Caption}<div style="margin-left:20px; width:90%;;">{Caption}</div>{/block:Caption}
  1146. <center>{block:Date}{TimeAgo} | {12Hour}:{Minutes}{AmPm} | {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{/block:Date}</center><br></div>
  1147. {/block:Date}
  1148. {/block:PermalinkPage}
  1149.  
  1150. {block:PostNotes}
  1151. {PostNotes}
  1152. {/block:PostNotes}
  1153. </div>
  1154.  
  1155. {/block:Posts}
  1156.  
  1157. </div>
  1158. </div>
  1159. {block:IndexPage}<br>
  1160. {block:Pagination}
  1161. <div id="pagination">
  1162. {block:NextPage}
  1163. <a id="nextPage" href="{NextPage}"></a>
  1164. {/block:NextPage}
  1165. {block:PreviousPage}
  1166. <a href="{PreviousPage}"></a>
  1167. {/block:PreviousPage}
  1168. </div>
  1169. {/block:Pagination}
  1170. {/block:IndexPage}
  1171. </div>
  1172.  
  1173. </body>
  1174.  
  1175. </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!