API tools faq
paste
Advertisement
feiinho

THEMES BY JAMES MASHUP - THEMESBYJAMES.TUMBLR.COM

feiinho
Jul 19th, 2013
381
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.65 KB | None | 0 0
raw download clone embed print report
  1. <!-- ------------------------------------------------------
  2.  
  3. THEMES BY JAMES MASHUP
  4.  
  5. DISTIL // NINETEEN MASHUP // JUGGERNAUT
  6.  
  7. HTTP://THEMESBYJAMES.TUMBLR.COM
  8.  
  9. ------------------------------------------------------ -->
  10.  
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <head><html>
  13. <!--- DEFAULT VARIABLES --->
  14. <link href='http://fonts.googleapis.com/css?family=Asap|Share' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
  16. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  17. <meta name="color:Background" content="#EFEFEF" />
  18. <meta name="color:Center" content="#FFF" />
  19. <meta name="color:Text" content="#000" />
  20. <meta name="color:Link" content="#000"/>
  21. <meta name="color:Link Hover" content="#999" />
  22. <meta name="color:Scrollbar" content="#6D6D6D"/>
  23. <meta name="image:Background" content="" />
  24. <meta name="if:Show Blog Title" content="1"/>
  25. <meta name="if:Show Photo Permalinks" content="1"/>
  26. <meta name="if:Rounded Posts" content="0"/>
  27. <meta name="if:Post Border" content="0"/>
  28. <meta name="image:Sidebar" content="" />
  29. <meta name="text:Link One" content="" />
  30. <meta name="text:Link One Title" content="" />
  31. <meta name="text:Link Two" content="" />
  32. <meta name="text:Link Two Title" content="" />
  33. <meta name="text:Link Three" content="" />
  34. <meta name="text:Link Three Title" content="" />
  35. <meta name="text:Link Four" content="" />
  36. <meta name="text:link Four Title" content="" />
  37. <meta name="text:link Five" content="" />
  38. <meta name="text:link Five Title" content="" />
  39.  
  40. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  41. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  42. <script type="text/javascript"
  43. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  44. <link href='http://fonts.googleapis.com/css?family=Permanent+Marker|Annie+Use+Your+Telescope|Coming+Soon' rel='stylesheet' type='text/css'>
  45. <link href='http://fonts.googleapis.com/css?family=Lekton|Antic' rel='stylesheet' type='text/css'>
  46.  
  47. <script type="text/javascript">
  48. WebFontConfig = {
  49. google: { families: [ 'Permanent+Marker::latin', 'Annie+Use+Your+Telescope::latin', 'Coming+Soon::latin' ] }
  50. };
  51. (function() {
  52. var wf = document.createElement('script');
  53. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  54. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  55. wf.type = 'text/javascript';
  56. wf.async = 'true';
  57. var s = document.getElementsByTagName('script')[0];
  58. s.parentNode.insertBefore(wf, s);
  59. })(); </script>
  60.  
  61. <style type="text/css">
  62.  
  63. iframe#tumblr_controls{opacity:0.5;right:2px !important;position:fixed !important;}
  64. .btn.icon.theme{opacity:0.5;right:5px !important;position:fixed !important;}
  65.  
  66. a.btn{opacity:0.5;position:absolute;z-index:999999;top:26px;right:5px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  67.  
  68. img {
  69. border: 0px;
  70. padding: 0px;
  71. margin: 0px;
  72. cursor:crosshair;
  73. {block:ifRoundedPosts}border-radius:5px;{/block:ifroundedPosts}}
  74.  
  75. html{
  76. cursor:crosshair;
  77. margin-left:0px;}
  78.  
  79. #permalink a:link {
  80. color: #000;
  81. text-decoration: none;}
  82.  
  83. body, p {
  84. font-family: 'lekton';
  85. font-size: 11px;
  86. line-height:14px;
  87. padding: 0px;
  88. margin: 0px;
  89. color:{color:text};
  90. cursor:crosshair;}
  91.  
  92. body {
  93. cursor:crosshair;
  94. font-family: 'lekton';
  95. font-size: 11px;
  96. background-color:{color:background};
  97. background-image:url({image:Background});
  98. background-attachment: fixed;
  99. background-repeat: repeat;}
  100.  
  101. a {
  102. text-decoration:none;
  103. color:{color:text};
  104. -webkit-transition: all 0.4s linear;
  105. -moz-transition: all 0.4s linear;
  106. transition: all 0.4s linear;
  107. cursor:crosshair;}
  108.  
  109. a:link, a:active, a:visited{
  110. color: {color:Link};
  111. text-decoration: none;
  112. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  113. cursor:crosshair;}
  114.  
  115. a:hover{
  116. color:{color:link hover};
  117. cursor:crosshair;}
  118.  
  119. #install{top:27px !important;margin: 0 0 0 0;right:7px !important; position:fixed !important;z-index:1337;-webkit-filter: invert(0%)}
  120.  
  121. div#header{
  122. overflow:show;
  123. font-size:20px;
  124. z-index:1236;
  125. text-align="center";
  126. width: 1100px;
  127. overflow:hidden;
  128. overflow-x:hidden;
  129. padding:5px;
  130. padding-bottom:2px;
  131. top:8px;
  132. height:111px;
  133. margin-left:16px;
  134. position:absolute;
  135. opacity:1.0;
  136. background-color:{color:Center};
  137. {block:ifheaderborder}border: 1px dashed #000;{/block:ifheaderborder}
  138. background-color:{color:header};
  139. -moz-transition: all .7s ease-in-out;
  140. -o-transition: all .7s ease-in-out;
  141. transition: all .7s ease-in-out;
  142. -webkit-transition: all .7s ease-in-out;}
  143.  
  144. .wrapper{width:930px;margin:2px auto;margin-left:150px;}
  145.  
  146. div#all{
  147. width:100%;
  148. height:100%;
  149. z-index:-100;}
  150.  
  151. div#center{
  152. padding-left:50px;
  153. margin: auto;
  154. width: 880px;}
  155.  
  156. div#content{
  157. position:fixed;
  158. text-align:right;
  159. {block:indexpage}top:-7px;{/block:indexpage}
  160. {block:permalinkpage}top:-4px;{/block:permalinkpage}
  161. width: 920px;
  162. height:auto;
  163. margin:auto;
  164. float:left;
  165. padding: 1px 8px 1px 8px;
  166. height:101%;}
  167.  
  168. .entry {
  169. z-index:777;
  170. padding:3px;
  171. padding-bottom:0px;
  172. margin:3px;
  173. float:left;
  174. height:auto;
  175. text-align:left;
  176. background-color:{color:center};
  177. {block:IndexPage}
  178. {block:ifPostborder}border: 1px dotted #ccc;{/block:ifPostborder}
  179. width:340px;
  180. overflow-x:hidden;
  181. overflow:hidden;
  182. {/block:IndexPage}
  183. {block:PermalinkPage}
  184. width:500px;
  185. height:auto;
  186. margin-top:-2px;
  187. {/block:PermalinkPage}}
  188.  
  189. {block:ifPostborder}.entry:hover{border:1px solid #ccc;}{/block:ifPostborder}
  190.  
  191. /* ♡ Permalink Controls ♡ */
  192.  
  193. .permabox {
  194. position:absolute;
  195. bottom:-20px;
  196. width:340px;
  197. height:41px;
  198. background-color:white;
  199. text-align:center;
  200. opacity:0;
  201. -webkit-transition: all .6s ease;
  202. -moz-transition: all .6s ease;
  203. -o-transition: all .6s ease;transition: all .6s ease;
  204. }
  205. .entry:hover .permabox {
  206. bottom:50%;
  207. margin-bottom:-21px;
  208. opacity:0.8;
  209. }
  210. .permabox a{
  211. color:{color:link};
  212. }
  213. .permabox a:hover{
  214. color:{color:link hover};
  215. }
  216. .permabox div {
  217. -webkit-transition: all 0.1s linear;
  218. -moz-transition: all 0.1s linear;
  219. transition: all 0.1s linear;
  220. }
  221. .permabox1, .permabox2, .permabox3 {
  222. position:absolute;
  223. }
  224. .permabox1 {
  225. z-index:1300;
  226. left:0px;
  227. width:19px;
  228. height:17px;
  229. padding:12px 11px;
  230. }
  231. .permabox2 {
  232. left:0px;
  233. width:340px;
  234. height:21px;
  235. padding:15px 0 5px;
  236. }
  237. .permabox3 {
  238. right:0px;
  239. width:21px;
  240. height:19px;
  241. padding:11px 10px;
  242. }
  243.  
  244. .reblog-button {
  245. background: url(http://static.tumblr.com/beiywxc/WT5m6ldd0/tumblr_reblog_black.png);
  246. display: inline-block;
  247. width: 21px;
  248. height: 19px;
  249. vertical-align:top;
  250. opacity:0.5;
  251. }
  252. .reblog-button:hover {
  253. background: url(http://static.tumblr.com/beiywxc/3iIm6lfn5/tumblr_reblog_green.png);
  254. opacity:1;
  255. }
  256. .note-count {
  257. opacity:0.5;
  258. display:inline;
  259. font-size:21px;
  260. }
  261. .note-count:hover {
  262. opacity:1.0;
  263. }
  264. .my-like {
  265. background-image: url(http://static.tumblr.com/beiywxc/tr5m6ldc9/tumblr_heart_black.png) !important;
  266. height:17px;
  267. width:19px;
  268. cursor:pointer;
  269. display:inline-block;
  270. vertical-align:top;
  271. opacity:0.5;
  272. }
  273. .my-liked, .my-like:hover {
  274. background-image: url(http://static.tumblr.com/beiywxc/a7Xm6lddk/tumblr_heart_red.png) !important;
  275. height:17px;
  276. width:19px;
  277. cursor:pointer;
  278. display:inline-block;
  279. vertical-align:top;
  280. opacity:1;
  281. }
  282.  
  283. .entry .permalink a{color:#000;}
  284.  
  285.  
  286.  
  287. .entry .permalink{
  288. position: absolute;
  289. top:15px;
  290. margin-left: 0px;
  291. opacity: 0;
  292. -webkit-transition: all 0.3s linear;
  293. -moz-transition: all 0.3s linear;
  294. transition: all 0.3s linear;
  295. }
  296. .entry:hover .permalink{
  297. margin-left:0px;
  298. opacity: 0.8;
  299. -webkit-transition: all 0.3s linear;
  300. -moz-transition: all 0.3s linear;
  301. transition: all 0.3s linear;
  302. }
  303.  
  304. .entry .permalink:hover{
  305. opacity: 0.9;-webkit-transition: all 0.3s linear;
  306. -moz-transition: all 0.3s linear;
  307. transition: all 0.3s linear;
  308. }
  309.  
  310. .entry .permalink2{
  311. position: absolute;
  312. top:45px;
  313. margin-left: 0px;
  314. opacity: 0;
  315. -webkit-transition: all 0.3s linear;
  316. -moz-transition: all 0.3s linear;
  317. transition: all 0.3s linear;
  318. }
  319. .entry:hover .permalink2{
  320. margin-left:0px;
  321. opacity: 0.8;
  322. -webkit-transition: all 0.3s linear;
  323. -moz-transition: all 0.3s linear;
  324. transition: all 0.3s linear;
  325. }
  326.  
  327. .entry .permalink2:hover{
  328. opacity: 0.9;
  329. }
  330.  
  331. .permalink a{color:#000;}
  332.  
  333. .permalink {
  334. width:auto;
  335. padding-top:6px;
  336. padding:4px;
  337. display:block;
  338. line-height:12px;
  339. font-size:10px;
  340. text-transform:none;
  341. background:#ffffff;
  342. -webkit-transition: all 0.3s linear;
  343. -moz-transition: all 0.3s linear;
  344. transition: all 0.3s linear;
  345. }
  346.  
  347. .permalink:hover {
  348. padding-left:15px;
  349. opacity: 1;-webkit-transition: all 0.3s linear;
  350. -moz-transition: all 0.3s linear;
  351. transition: all 0.3s linear;
  352. }
  353.  
  354.  
  355. .permalink2 {
  356. width:auto;
  357. padding-top:6px;
  358. padding:4px;
  359. display:block;
  360. font-size:10px;
  361. line-height:12px;
  362. text-transform:none;
  363. background:#ffffff;
  364. -webkit-transition: all 0.3s linear;
  365. -moz-transition: all 0.3s linear;
  366. transition: all 0.3s linear;
  367. }
  368.  
  369. .permalink2:hover {
  370. padding-left:15px;-webkit-transition: all 0.3s linear;
  371. -moz-transition: all 0.3s linear;
  372. transition: all 0.3s linear;
  373. }
  374.  
  375. #infscr-loading{
  376. opacity:0.5;
  377. left:49%;
  378. margin-bottom:10px;}
  379.  
  380. .sidebar{
  381. margin-left:-280px;
  382. position:fixed !important;
  383. width: 250px;
  384. height: auto;
  385. margin-top: 130px;
  386. background:{color:center};
  387. {block:ifPostborder}border: 1px dotted #ccc;{/block:ifPostborder}
  388. padding: 5px;
  389. z-index:1300;
  390. -webkit-transition: all .3s ease;
  391. -moz-transition: all .3s ease;
  392. -o-transition: all .3s ease;
  393. transition: all .3s ease;}
  394.  
  395. .sidebar img{width:100%;}
  396.  
  397. {block:ifPostborder}.sidebar:hover{border: 1px solid #ccc;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}{/block:ifPostborder}
  398.  
  399. .info{width:250px;overflow-y:auto;padding-bottom:15px;height:auto;display:block;}
  400. .des{width:250px;padding-bottom:15px;height:auto;text-align:center;margin-bottom:18px;display:block;}
  401.  
  402.  
  403. .blogtitle{
  404. font-weight:bold;font-style:italic;font-family: Baskerville, 'Times New Roman', Times, serif;font-size:32px;width:auto;text-transform:lowercase;text-align:center;line-height:33px;margin-top:7px;text-align:center;letter-spacing:0px;}
  405.  
  406. .blogtitle a{border-bottom:2px solid {color:link};}
  407. .blogtitle a:hover{border-bottom:2px solid {color:hover};}
  408.  
  409. .blogtitle:hover{
  410. color:{color:hover};
  411. text-shadow: 0 0 0px rgba(1,1,1,1.0);
  412. -webkit-transition: all .3s ease-in-out;}
  413.  
  414. #basic{
  415. width:70px;
  416. height:17px;
  417. z-index:967588;
  418. overflow:hidden;
  419. position:absolute;
  420. padding:5px;
  421. -webkit-transition: all 0.4s linear;
  422. -moz-transition: all 0.4s linear;
  423. transition: all 0.4s linear;
  424. }
  425.  
  426. #basic:hover{
  427. height:117px;
  428. -webkit-transition: all 0.4s linear;
  429. -moz-transition: all 0.4s linear;
  430. transition: all 0.4s linear;}
  431.  
  432. #contact{
  433. width:70px;
  434. height:17px;
  435. z-index:988;
  436. overflow:hidden;
  437. position:absolute;
  438. padding:5px;
  439. -webkit-transition: all 0.4s linear;
  440. -moz-transition: all 0.4s linear;
  441. transition: all 0.4s linear;;
  442. }
  443. #contact:hover{
  444. height:100px;
  445. -webkit-transition: all 0.4s linear;
  446. -moz-transition: all 0.4s linear;
  447. transition: all 0.4s linear;}
  448.  
  449. #etc{
  450. width:70px;
  451. height:17px;
  452. z-index:967588;
  453. overflow:hidden;
  454. position:absolute;
  455. padding:5px;
  456. -webkit-transition: all 0.4s linear;
  457. -moz-transition: all 0.4s linear;
  458. transition: all 0.4s linear;
  459. }
  460.  
  461. #etc:hover{
  462. height:195px;
  463. -webkit-transition: all 0.6s linear;
  464. -moz-transition: all 0.6s linear;
  465. transition: all 0.6s linear;}
  466.  
  467. .links1 {
  468. width: 60px;
  469. height: 5px;
  470. padding: 6px;
  471. font-family:courier new;
  472. Text-transform: uppercase;
  473. background-color: #e2e2e2;
  474. color:black;
  475. margin-right: -1px;
  476. margin-top: 3px;
  477. font-size:9px;
  478. letter-spacing:1px;
  479. line-height: 5px;
  480. display: inline-block;
  481. text-align:center;
  482. -webkit-transition-duration: .4s;
  483. border:1px solid #e2e2e2;}
  484.  
  485. .links1:hover {
  486. background-color:#eee;
  487. -moz-box-shadow: 0px 0px;
  488. -webkit-box-shadow: 0px 0px;
  489. }
  490.  
  491. .links1 a{color:black; }
  492.  
  493. .links1 a:link,
  494. .links1 a:visited,
  495. .links1 a:hover {color:black; }
  496.  
  497.  
  498. #slideout {
  499. background-color:white;
  500. height:220px;
  501. z-index:99999999;
  502. position: fixed;
  503. top:50%;margin-top:-200px;
  504. left: 0;
  505. width: 35px;
  506. padding: 12px 0;
  507. text-align: center;
  508. border-right: 1px solid #ccc;
  509. border-bottom: 1px solid #ccc;
  510. border-top: 1px solid #ccc;
  511. -webkit-transition: all 0.4s linear;
  512. -moz-transition: all 0.4s linear;
  513. transition: all 0.4s linear;}
  514.  
  515. .slideout {
  516. background-color:white;
  517. text-decoration:bold;font-size:12px;
  518. border-top:1px dotted black;
  519. border-right:1px dotted black;
  520. border-bottom:1px dotted black;
  521. height:220px;
  522. z-index:99999999;
  523. position: fixed;
  524. top:53%;margin-top:-190px;
  525. width: 35px;
  526. padding: 12px 0;
  527. text-align: center;
  528. --webkit-transition: all 0.9s ease;
  529. -moz-transition: all 0.9s ease;
  530. -o-transition: all 0.9s ease;}
  531.  
  532. #slideout_inner {
  533. -webkit-transition: all 0.4s linear;
  534. -moz-transition: all 0.4s linear;
  535. transition: all 0.4s linear;
  536. position: fixed;
  537. top:0px;
  538. left:-75%;
  539. background: #ffffff;
  540. width:75%;
  541. height:100%;
  542. text-align:left;}
  543.  
  544. #slideout:hover {
  545. left:75%;
  546. -webkit-transition: all 0.4s linear;
  547. -moz-transition: all 0.4s linear;
  548. transition: all 0.4s linear;}
  549.  
  550. #slideout:hover #slideout_inner {
  551. left: 0;
  552. -webkit-transition: all 0.4s linear;
  553. -moz-transition: all 0.4s linear;
  554. transition: all 0.4s linear;}
  555.  
  556. .links a{
  557. width: 90px;
  558. margin-left: 8px;
  559. letter-spacing:3px;
  560. {block:ifsidebarlinkslightordark}
  561. background-color:white;
  562. color: #545455;
  563. {/block:ifsidebarlinkslightordark}
  564. {block:ifnotsidebarlinkslightordark}
  565. background-color:#252525;
  566. color:white;
  567. {/block:ifnotsidebarlinkslightordark}
  568. opacity:0.70;
  569. display: block;
  570. height: 12px;
  571. line-height: 12px;
  572. font-family: share;
  573. font-size: 9px;
  574. text-transform: uppercase;
  575. text-decoration: none;
  576. text-align: center;
  577. margin-top: 12px;
  578. margin-bottom: 3px;
  579. -webkit-transition: all 0.5s ease;
  580. -moz-transition: all 0.5s ease;
  581. -o-transition: all 0.5s ease;
  582. cursor:crosshair;}
  583.  
  584.  
  585. .links a:hover{
  586. -webkit-transition: all 0.5s ease;
  587. -moz-transition: all 0.5s ease;
  588. -o-transition: all 0.5s ease;
  589. cursor:crosshair;
  590. background-color:transparent;}
  591.  
  592.  
  593. .title{
  594. font-size:16px;
  595. line-height:18px;
  596. color:#000;}
  597.  
  598. @font-face { font-family:fromwhere;
  599. src: url('http://static.tumblr.com/huallmg/NOjm2hzvp/fromwhereyouare.ttf');}
  600.  
  601. @font-face{font-family:'Beautiful Every Time';src:url('http://static.tumblr.com/7qdgtio/2F5m739il/beautifuleverytime.ttf');}
  602.  
  603. .tit{
  604. margin-top:5px;
  605. text-align:center;
  606. color:{color:blogtitle};
  607. font-family:'Beautiful Every Time';
  608. font-size:30px;
  609. letter-spacing:1px;
  610. font-weight:bold;
  611. text-transform:uppercase;
  612. line-height:32px;
  613. margin-bottom:12px;
  614. text-align:center;
  615. -webkit-transition: all .3s ease;
  616. -moz-transition: all .3s ease;
  617. -o-transition: all .3s ease;}
  618.  
  619. .tit:hover{
  620. color:{color:blog title};
  621. -webkit-transition: all .3s ease;
  622. -moz-transition: all .3s ease;
  623. -o-transition: all .3s ease;}
  624. webkit-transition: all 1.5s ease;
  625. -moz-transition: all 1.5s ease;
  626. -o-transition: all 1.5s ease;}
  627.  
  628.  
  629. .yolo{text-transform:uppercase;padding-bottom:3px;list-style-type:none;padding-top:3px;}
  630.  
  631. .list{list-style-type:none;text-align:left;}
  632.  
  633. blockquote{
  634. padding:0px 0px 2px 5px;
  635. margin:0px 0px 2px 4px;
  636. border-left: 1px dotted #555555;}
  637.  
  638. .supreme{margin-bottom:0px; font-size:12px; text-align:right;text-transform:uppercase;
  639. -webkit-transform: scale(1);
  640. -webkit-transition-timing-function: ease-out;
  641. -webkit-transition-duration: 500ms;}
  642.  
  643.  
  644. ::-webkit-scrollbar {width: 8px; height: 4px; background:{color:background};}
  645. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  646.  
  647. #nav{
  648. font-family::monospace,serif;
  649. text-transform:uppercase;
  650. font-size:15px;
  651. letter-spacing:1px;
  652. color:#fff;
  653. border-radius:2px;
  654. float: left;
  655. background-color:black;
  656. width:auto;
  657. padding:5px;
  658. line-height:15px;
  659. height:15;
  660. margin-left:13px;
  661. text-align:center;}
  662.  
  663. #nava{
  664. font-family::monospace,serif;
  665. text-transform:uppercase;
  666. font-size:15px;
  667. letter-spacing:1px;
  668. color:#fff;
  669. border-radius:2px;
  670. float: left;
  671. background-color:black;
  672. width:auto;
  673. padding:5px;
  674. line-height:15px;
  675. height:15;
  676. margin-left:20%;
  677. text-align:center;}
  678.  
  679. {CustomCSS}
  680.  
  681. </style>
  682. <title>{title}</title>
  683.  
  684. <link rel="shortcut icon" href="{Favicon}">
  685. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  686. <meta name="viewport" content="width=1220" />
  687.  
  688. <meta name="description" content="{metadescription}"/>
  689.  
  690. </head><body>
  691.  
  692. <script>
  693. window.onload = function () {
  694. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  695. document.addEventListener( 'click', function ( event ) {
  696. var myLike = event.target;
  697. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  698. var frame = document.getElementById( 'my-like-frame' ),
  699. liked = ( myLike.className == 'my-liked' ),
  700. command = liked ? 'unlike' : 'like',
  701. reblog = myLike.getAttribute( 'data-reblog' ),
  702. id = myLike.getAttribute( 'data-id' ),
  703. oauth = reblog.slice( -8 );
  704. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  705. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  706. };
  707. }, false );
  708. };
  709. </script>
  710.  
  711.  
  712. <div id="fb-root"></div>
  713. <script>(function(d, s, id) {
  714. var js, fjs = d.getElementsByTagName(s)[0];
  715. if (d.getElementById(id)) return;
  716. js = d.createElement(s); js.id = id;
  717. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  718. fjs.parentNode.insertBefore(js, fjs);
  719. }(document, 'script', 'facebook-jssdk'));</script>
  720.  
  721. <div id="all"></div>
  722. <div id="center">
  723.  
  724. <div class="wrapper">
  725. <div id="content" style="position:fixed;">
  726. <div class="clear"></div>
  727.  
  728. <div class="sidebar">
  729.  
  730. <div class="info">
  731. {block:ifshowblogtitle}<div class="blogtitle"><a href="/">{Title}</a></div>{/block:ifshowblogtitle}
  732. {block:ifsidebarimage}<a href="/"><img src="{image:sidebar}"></a>{/block:ifsidebarimage}
  733. </div><div class="des">{description}</div>
  734.  
  735. <div style="margin-top:-30px;" id="basic">
  736. <a href="" class="links1">Basics</a>
  737. <a href="/" class="links1">Home</a><br>
  738. <a href="/rss" class="links1">RSS Feed</a>
  739. <a href="/archive" class="links1">Archive</a>
  740.  
  741. </div>
  742.  
  743. <div style="margin-top:-30px; margin-left:83px;" id="contact">
  744. <a href="/" class="links1">Contact</a>
  745. {block:AskEnabled}<a href="/ask" class="links1">Message</a><br>{/block:AskEnabled}
  746. {block:SubmissionsEnabled} <a href="/submit" class="links1">Submit</a><br>{/block:SubmissionsEnabled}
  747. </div>
  748.  
  749. <div style="margin-top:-30px; margin-left:166px;" id="etc">
  750. <a href="" class="links1">Links</a>
  751. {block:ifLinkOneTitle}
  752. <a href="{text:Link One}" class="links1">{text:Link One Title}</a>
  753. {/block:ifLinkOneTitle}
  754. {block:ifLinkTwoTitle}
  755. <a href="{text:Link Two}" class="links1">{text:Link Two Title}</a>
  756. {/block:ifLinkTwoTitle}
  757. {block:ifLinkThreeTitle}
  758. <a href="{text:Link Three}" class="links1">{text:Link Three Title}</a>
  759. {/block:ifLinkThreeTitle}
  760. {block:ifLinkFourTitle}
  761. <a href="{text:Link Four}" class="links1">{text:Link Four Title}</a>
  762. {/block:ifLinkFourTitle}
  763. {block:ifLinkFiveTitle}
  764. <a href="{text:Link Five}" class="links1">{text:Link Five Title}</a>
  765. {/block:ifLinkFiveTitle}
  766. {block:HasPages}{block:Pages}<a href="{URL}" class="link1">{Label}</a> {/block:Pages} {/block:HasPages}
  767. <!--PLEASE LEAVE THE THEME CREDIT OR MY THEMES WON'T BE FREE ANYMORE
  768. READ http://themesbyjames.com/termsconditions FOR MORE INFO -->
  769. <a href="http://final-stand.tumblr.com" target="_blank" class="links1">Theme</a>
  770. </div></center>
  771.  
  772. </div></div>
  773.  
  774.  
  775. {block:Posts}<div class="entry">
  776.  
  777. {block:Text}
  778. {block:Title}<span class="title">{Title}</span>{/block:Title}
  779. <div style="margin-left:3px;">{Body}</div>
  780. {block:IndexPage}
  781. <br><a href="{Permalink}"><div class="supreme">{block:Date}{TimeAgo}{/block:Date} // {NoteCountwithLabel}</div></a>
  782. {/block:IndexPage}
  783. {/block:Text}
  784.  
  785. {block:Link}
  786. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  787. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  788. {block:IndexPage}
  789. <br><a href="{Permalink}"><div class="supreme">{block:Date}{TimeAgo}{/block:Date} // {NoteCountwithLabel}</div></a>
  790. {/block:IndexPage}
  791. {block:Link}
  792.  
  793. {block:Photo}
  794. <center>
  795. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=100%/></div></a>{LinkCloseTag}
  796. {/block:IndexPage}
  797. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"width=502px/>{LinkCloseTag}{/block:PermalinkPage}
  798. </center>
  799. {block:ifShowPhotoPermalinks}
  800. {block:Indexpage}
  801. <div class="permabox transition">
  802. <div class="permabox1"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  803. <div class="permabox2"><a href="{Permalink}" title="Permalink"><div class="note-count">{NoteCount}</div></a></div>
  804. <div class="permabox3"><a href="{ReblogURL}" title="Reblog" target="_blank"><div class="reblog-button"></div></a></div>
  805. </div>{/block:Indexpage}{/block:ifShowPhotoPermalinks}
  806. {/block:Photo}
  807.  
  808. {block:Photoset}
  809. <center>
  810. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  811. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  812. </center>{block:ifShowPhotoPermalinks}
  813. {block:Indexpage}
  814. <div class="permabox transition">
  815. <div class="permabox1"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  816. <div class="permabox2"><a href="{Permalink}" title="Permalink"><div class="note-count">{NoteCount}</div></a></div>
  817. <div class="permabox3"><a href="{ReblogURL}" title="Reblog" target="_blank"><div class="reblog-button"></div></a></div>
  818. </div>{/block:Indexpage}{/block:ifShowPhotoPermalinks}
  819. {/block:Photoset}
  820.  
  821. {block:Quote}
  822. <div style="margin-left:3px;">
  823. {Quote}</span>
  824. {block:Source}<strong>{Source}</strong>{/block:Source}
  825. </div>
  826.  
  827. {block:IndexPage}
  828. <br><a href="{Permalink}"><div class="supreme">{block:Date}{TimeAgo}{/block:Date} // {NoteCountwithLabel}</div></a>
  829. {/block:IndexPage}
  830. {/block:Quote}
  831.  
  832. {block:Chat}
  833. <div style="margin-left:3px;">
  834. {block:Title}<span class="title">{title}</span>{/block:Title}
  835. <ul class="chat">
  836. {block:Lines}
  837. <li class="user_{UserNumber}">
  838. {block:Label}
  839. <span class="label">{Label}</span>
  840. {/block:Label}
  841. {Line}
  842. </li>
  843. {/block:Lines}
  844. </ul>
  845. </div>
  846. {block:IndexPage}
  847. <br><a href="{Permalink}"><div class="supreme">{block:Date}{TimeAgo}{/block:Date} // {NoteCountwithLabel}</div></a>
  848. {/block:IndexPage}
  849. {/block:Chat}
  850.  
  851. {block:Audio}<div style="height:0px;background-color:black;opacity:0.1;width:100%;margin-top:10px;margin-bottom:5px;"></div>
  852. <center>
  853. {block:AlbumArt}
  854. <img src="{AlbumArtURL}" alt="Album Artwork" width="100"><p><br><p>
  855. {/block:AlbumArt}
  856. {AudioPlayerBlack}
  857. {block:Caption}{Caption}{/block:Caption}</center>
  858. {block:IndexPage}
  859. <br><a href="{Permalink}"><div class="supreme">{block:Date}{TimeAgo}{/block:Date} // {NoteCountwithLabel}</div></a>
  860. {/block:IndexPage}
  861. {/block:Audio}
  862.  
  863. {block:Video}
  864. {block:IndexPage}
  865. <center>
  866. {Video-400}</center>
  867. {/block:IndexPage}
  868. {block:PermalinkPage}
  869. <center>
  870. {Video-500}</center>
  871. {/block:PermalinkPage}
  872.  
  873. {block:IndexPage}
  874. <div id="permalink">
  875. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">REBLOG</a></span></div>
  876. {/block:IndexPage}
  877. {block:Video}
  878.  
  879. {block:PermalinkPage}
  880. <center>
  881. {block:Date}<center>
  882. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  883. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  884. {/block:Date}
  885. </center>{/block:PermalinkPage}
  886.  
  887. {block:PermalinkPage}
  888. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  889. </div>{/block:Posts}</center>
  890. {/block:Posts}
  891. {/block:PermalinkPage}
  892.  
  893.  
  894. <!-- INFINTE SCROLL SCRIPT -->
  895. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  896. <script type="text/javascript" src="http://static.tumblr.com/ek9ly4s/M6Zmozr72/infintescroll3-1.js"></script>
  897. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
  898. <script type="text/javascript">
  899. $(window).load(function () {
  900. var $content = $('.wrapper');
  901. $content.masonry({itemSelector: '.entry'}),
  902. $content.infinitescroll({
  903. navSelector : 'div#pagination',
  904. nextSelector : 'div#pagination a#nextPage',
  905. itemSelector : '.entry',
  906. loading: {
  907. finishedMsg: '',
  908. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  909. },
  910. bufferPx : 600,
  911. debug : false,
  912. },
  913. // call masonry as a callback.
  914. function( newElements ) {
  915. var $newElems = $( newElements );
  916. $newElems.hide();
  917. // ensure that images load before adding to masonry layout
  918. $newElems.imagesLoaded(function(){
  919. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  920.  
  921.  
  922. {block:IndexPage}
  923. {block:Pagination}
  924. <div id="pagination">
  925. {block:NextPage}
  926. <a id="nextPage" href="{NextPage}"></a>
  927. {/block:NextPage}
  928. {block:PreviousPage}
  929. <a href="{PreviousPage}"></a>
  930. {/block:PreviousPage}
  931. </div>
  932. {/block:Pagination}
  933. {/block:IndexPage}
  934. </div>
  935. </body></html><!-- END OF THEME -->
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!