API tools faq
paste
Advertisement
themesbyjames

Mashup - April Special

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