API tools faq
paste
Advertisement
zeroisreal

redux edit #10

zeroisreal
Apr 15th, 2013
15,717
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.58 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3. shotabytes.tumblr.com
  4. -->
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head>
  7. <!-- DEFAULT VARIABLES -->
  8. <meta name="color:Background" content="#2bbdf8" />
  9. <meta name="color:Links" content="#aaa9a9" />
  10. <meta name="color:Links Hover" content="#75c5d1" />
  11. <meta name="color:Tags" content="#000" />
  12. <meta name="color:Tags Hover" content="#ced3fc" />
  13. <meta name="color:Permalink" content="#f1fadc" />
  14. <meta name="color:Permalink Hover" content="#ebe9f0" />
  15. <meta name="color:Background Post" content="#fff" />
  16. <meta name="color:Scrollbar" content="#fff" />
  17. <meta name="color:Borders Post" content="#3da4f0" />
  18. <meta name="color:Borders Scrollbar" content="#00b5ff" />
  19. <meta name="color:Borders Sidebar" content="#3b627e" />
  20. <meta name="color:Borders Permalink" content="#a0cae9" />
  21. <meta name="color:Background Sidebar" content="#fff" />
  22. <meta name="color:Font" content="#424242" />
  23. <meta name="color:Audio" content="#ebe9f0" />
  24. <meta name="color:Sidebar Links" content="#000" />
  25. <meta name="color:Sidebar Links Hover" content="#212122" />
  26. <meta name="color:Sidebar Links BG" content="#e5e4fd" />
  27. <meta name="color:Sidebar Links Hover BG" content="#e5e4fd" />
  28.  
  29. <meta name="if:Show Tags" content="1" />
  30. <meta name="if:Show Music Box" content="1" />
  31. <meta name="if:Show Album Art on Audio Posts" content="0" />
  32. <meta name="if:Infinite Scroll" content="1" />
  33. <meta name="if:Rounded Corners" content="1" />
  34. <meta name="if:Rounded Corners Sidebar" content="0" />
  35. <meta name="if:250px" content="1" />
  36. <meta name="if:400px" content="0" />
  37. <meta name="if:500px" content="0" />
  38. <meta name="if:Transparent Posts" content="0" />
  39. <meta name="if:Transparent Sidebar" content="0" />
  40. <meta name="if:Show Link Box" content="1" />
  41. <meta name="if:Show Footer Permalink" content="1" />
  42. <meta name="if:Show Borders" content="1" />
  43.  
  44. <meta name="text:Sidebar Pic Top" content="300px" />
  45. <meta name="text:Sidebar Pic Left" content="490px" />
  46. <meta name="text:link 1" content="home" />
  47. <meta name="text:link 2" content="ask" />
  48. <meta name="text:link 3" content="archive" />
  49. <meta name="text:link 4" content="" />
  50. <meta name="text:link 5" content="" />
  51. <meta name="text:link 6" content="" />
  52. <meta name="text:link 1 url" content="/" />
  53. <meta name="text:link 2 url" content="/ask" />
  54. <meta name="text:link 3 url" content="/archive" />
  55. <meta name="text:link 4 url" content="" />
  56. <meta name="text:link 5 url" content="" />
  57. <meta name="text:link 6 url" content="" />
  58. <meta name="text:spoiler button text 1" content="show" />
  59. <meta name="text:spoiler button text 2" content="hide" />
  60. <meta name="text:Music Player Code" content="code here" />
  61.  
  62. <meta name="image:Background" content="" />
  63. <meta name="image:Permalink Pic" content="http://static.tumblr.com/deqrt8e/Lwiml32mb/x4.gif" />
  64. <meta name="image:Sidebar Pic" content="http://static.tumblr.com/deqrt8e/LRbml3bbn/tumblr_inline_mkgt8kfp5f1qz4rgp.gif" />
  65.  
  66. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  67. <title>{Title}</title>
  68. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  69. <link rel="shortcut icon" href="{Favicon}" />
  70. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  71. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  72. <style type="text/css">
  73.  
  74. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  75.  
  76.  
  77. iframe#tumblr_controls {
  78. top: 0% !important;
  79. right:0% !important;
  80. position: fixed !important;}
  81.  
  82. ::-webkit-scrollbar-thumb:vertical {
  83. -webkit-border-radius: 10px;
  84. border-radius: 10px;
  85. background-color: {color:scrollbar};
  86. {block:ifshowborders}border:1px solid {color:borders scrollbar};{/block:ifshowborders}
  87. }
  88. ::-webkit-scrollbar {
  89. width:6px;
  90. background: {color:background} url('{image:Background}');
  91. }
  92.  
  93. body {
  94. background: {color:Background} url('{image:Background}') top left fixed repeat;
  95. margin: 0;
  96. padding: 0;
  97. font-family: bitxmap;
  98. }
  99.  
  100. .clear {
  101. clear: both;
  102. height: 0px;
  103. overflow: hidden;
  104. }
  105.  
  106. a img {
  107. border: none;
  108. }
  109.  
  110. #wrapper {
  111. width: 845px;
  112. margin: 0 auto;
  113. }
  114.  
  115. #wrapper #title {
  116. margin: 30px 0;
  117. color: #fff;
  118. font-size: 50px;
  119. font-weight: bold;
  120. font-family: bitxmap;
  121. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  122. letter-spacing: -1px;
  123. }
  124.  
  125. #wrapper #title a {
  126. color: #fff;
  127. text-decoration: none;
  128. }
  129.  
  130. #wrapper #content {
  131. {block:if250px}width:250px;{/block:if250px}
  132. {block:if400px}width:400px;{/block:if400px}
  133. {block:if500px}width:500px;{/block:if500px}
  134. float: left;
  135. margin-top:100px;
  136. margin-bottom:20px;
  137. }
  138.  
  139. #wrapper #content .post {
  140. {block:if250px}width:250px;{/block:if250px}
  141. {block:if400px}width:400px;{/block:if400px}
  142. {block:if500px}width:500px;{/block:if500px}
  143. font-family: bitxmap;
  144. {block:ifnottransparentposts}
  145. background: {color:background post};
  146. {/block:ifnottransparentposts}
  147. padding: 8px;
  148. position: relative;
  149. margin-bottom:15px;
  150. {block:ifshowborders}border: 1px solid {color:borders post};{/block:ifshowborders}
  151. {block:ifroundedcorners}
  152. -moz-border-radius: 20px;
  153. -webkit-border-radius: 20px;
  154. border-radius: 20px;
  155. {/block:ifroundedcorners}
  156. }
  157.  
  158. #perm{position:absolute;height:auto;text-align:center;margin-top:10px;margin-left:-15px; z-index:998;width:50px;opacity:0; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;font-family: bitxmap;font-size:10px;}
  159.  
  160. #container:hover #perm{opacity:1; margin-left:-35px;margin-top:10px; width:50px;filter: alpha (opacity=9)-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  161.  
  162. #container { {block:if250px}width:250px;{/block:if250px}
  163. {block:if400px}width:400px;{/block:if400px}
  164. {block:if500px}width:500px;{/block:if500px} -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  165.  
  166. #wrapper #content .post .media {
  167. text-align: center;
  168. margin-bottom:5px;
  169. }
  170.  
  171. #wrapper #content .post .quote {
  172. color: {color:font};
  173. padding: 10px 10px 2px 20px;
  174. font-size:10px;
  175. letter-spacing:1px;
  176. }
  177.  
  178. #wrapper #content .post .quote_source *:first-child {
  179. margin-top: 0px;
  180. }
  181.  
  182. #wrapper #content .post .quote_source *:last-child {
  183. margin-bottom: 0px;
  184. }
  185.  
  186. #wrapper #content .post .quote *:first-child {
  187. margin-top: 0px;
  188. }
  189.  
  190. #wrapper #content .post .quote *:last-child {
  191. margin-bottom: 0px;
  192. }
  193.  
  194. #wrapper #content .post .copy {
  195. color: {color:font};
  196. padding: 10px;
  197. font-size: 10px;
  198. line-height: 14px;
  199. }
  200.  
  201. #wrapper #content .post .copy a {
  202. color: {color:links};
  203. text-decoration:none;
  204. -webkit-transition: all 0.1s ease-in-out;
  205. -moz-transition: all 0.1s ease-in-out;
  206. transition: all 0.1s ease-in-out;
  207. }
  208.  
  209. #wrapper #content .post .copy a:hover{
  210. color: {color:links hover};
  211. text-decoration: underline;
  212. letter-spacing:2px;
  213. }
  214.  
  215. #wrapper #content .post .copy p {
  216. margin: 10px 0 0 0;
  217. padding: 0;
  218. }
  219.  
  220. #wrapper #content .post .copy pre {
  221. margin: 10px 0px 10px 0px;
  222. padding: 10px;
  223. background-color: #ccc;
  224. font: normal 10px bitxmap;
  225. overflow: auto;
  226. }
  227.  
  228. #wrapper #content .post .copy > p:first-child {
  229. margin-top: 0;
  230. }
  231.  
  232. #wrapper #content .post .copy img {
  233. max-width: 100%;
  234. }.tumblr_audio_player {height: 40px; width: 210px;}
  235.  
  236. #wrapper #content .post .audio {
  237. background: {color:audio};
  238. float: left;
  239. padding: 7px;
  240. margin-bottom: 10px;
  241. -moz-border-radius: 4px;
  242. -webkit-border-radius: 4px;
  243. border-radius: 4px;
  244. }
  245.  
  246. #wrapper #content .post .audio .player {
  247. float: left;
  248. }
  249.  
  250. #wrapper #content .post .audio .player .audio_player embed {
  251. border: 1px solid #c8c8c8;
  252. }
  253.  
  254. #wrapper #content .post .audio .meta {
  255. padding: 8px 13px;
  256. height: 13px;
  257. float: left;
  258. color: #666;
  259. font-family: bitxmap;
  260. font-size: 10px;
  261. text-transform: lowercase;
  262. }
  263.  
  264. #wrapper #content .post .audio .meta a {
  265. color: {color:links};
  266. text-decoration: none;
  267. }
  268.  
  269. #wrapper #content .post .album_art {
  270. text-align: center;
  271. }
  272.  
  273. #wrapper #content .post .question {
  274. color: {color:font};
  275. font-size: 10px;
  276. background: {color:audio};
  277. -moz-border-radius: 8px;
  278. -webkit-border-radius: 8px;
  279. border-radius: 8px;
  280. margin: 0 0 15px 0;
  281. padding: 15px 20px;
  282. position: relative;
  283. }
  284.  
  285. #wrapper #content .post .question .nipple {
  286. width: 13px;
  287. height: 7px;
  288. background: {color:audio} url('http://assets.tumblr.com/themes/redux/ask-mask.png');
  289. position: absolute;
  290. bottom: -7px;
  291. left: 30px;
  292. }
  293.  
  294. #wrapper #content .post .asker_container {
  295. margin: 0 0 20px 24px;
  296. }
  297.  
  298. #wrapper #content .post .asker_container img {
  299. margin: 0 12px -7px 0;
  300. }
  301.  
  302. #wrapper #content .post .asker_container a.asker {
  303. color: {color:font};
  304. font-size:10px;
  305. }
  306.  
  307. #wrapper #content .post .title {
  308. color: {color:font};
  309. font-size: 10px;
  310. letter-spacing:1px;
  311. padding: 10px 10px 0 10px;
  312. font-weight:bold;
  313. }
  314.  
  315. #wrapper #content .post img {
  316. {block:if250px}max-width:250px;{/block:if250px}
  317. {block:if400px}max-width:400px;{/block:if400px}
  318. {block:if500px}max-width:500px;{/block:if500px}
  319. }
  320.  
  321. #wrapper #content .post .chat {
  322. {block:ifnottransparentposts}
  323. background-color: {color:background post};
  324. {/block:ifnottransparentposts}
  325. border-left: 1px solid {color:font};
  326. margin: 10px 10px 0 10px;
  327. font-size: 10px;
  328. }
  329.  
  330. #wrapper #content .post .chat .lines {
  331. margin-left: 1px;
  332. }
  333.  
  334. #wrapper #content .post .chat .lines .line {
  335. color: {color:font};
  336. margin-bottom: 1px;
  337. padding: 3px 5px;
  338. }
  339.  
  340. #wrapper #content .post .chat .lines .line.even {
  341. }
  342.  
  343. #wrapper #content .post .link {
  344. margin: 4px 0 2px 0;
  345. font-size: 10px;
  346. line-height: 25px;
  347. }
  348.  
  349. #wrapper #content .post .link a {
  350. {block:ifnottransparentposts}
  351. background: {color:Background};{/block:ifnottransparentposts}
  352. color: {color:font};
  353. padding: 5px 7px;
  354. -moz-border-radius: 4px;
  355. -webkit-border-radius: 4px;
  356. border-radius: 4px;
  357. }
  358.  
  359. #wrapper #content .post .link a:hover {
  360. opacity: 0.9;
  361. filter: alpha(opacity=90);
  362. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  363. }
  364.  
  365. #wrapper #content .post .footer {
  366. {block:ifnottransparentposts}
  367. background: {color:permalink};
  368. {/block:ifnottransparentposts}
  369. -moz-border-radius: 8px;
  370. -webkit-border-radius: 8px;
  371. border-radius: 8px;
  372. font-family: bitxmap;
  373. font-size: 10px;
  374. color: {color:font};
  375. padding: 3px 10px;
  376. margin-top: 2px;
  377. -webkit-transition: all 0.1s ease-in-out;
  378. -moz-transition: all 0.1s ease-in-out;
  379. transition: all 0.1s ease-in-out;
  380. {block:ifshowborders}border: 1px solid {color:borders permalink};{/block:ifshowborders}
  381. }
  382.  
  383. #wrapper #content .post .footer:hover{
  384. {block:ifnottransparentposts} background: {color:permalink hover};{/block:ifnottransparentposts}
  385. }
  386.  
  387. #wrapper #content .post .footer.for_permalink:hover {
  388. background: {color:permalink hover};
  389. }
  390.  
  391. #wrapper #content .post .footer .date {
  392.  
  393. float: left;
  394. color: {color:font};
  395. }
  396.  
  397. #wrapper #content .post .footer .notes {
  398. float: left;
  399. text-align: left;
  400. color: {color:font};
  401. }
  402.  
  403. #wrapper #content .post .footer .notes a {
  404. color: {color:font};
  405. }
  406.  
  407. #wrapper #content .post .footer .tags a {
  408. color: {color:tags};
  409. text-decoration: underline;
  410. -webkit-transition: all 0.3s ease-in-out;
  411. -moz-transition: all 0.3s ease-in-out;
  412. transition: all 0.3s ease-in-out;
  413. }
  414.  
  415. #wrapper #content .post .footer .tags a:hover{
  416. color: {color:tags hover};
  417. text-decoration:none;
  418. }
  419.  
  420. #wrapper #content .post .footer .tags .tag-commas:last-child {
  421. display: none;
  422. }
  423.  
  424. #wrapper #content .post .footer.with_source_url .tags {
  425. max-width: 330px;
  426. float: left;
  427. }
  428.  
  429. #wrapper #content .post .footer.with_source_url .source_url {
  430. float: right;
  431. max-width: 160px;
  432. overflow: hidden;
  433. white-space: nowrap;
  434.  
  435. }
  436.  
  437. #wrapper #content .post .footer.with_source_url .source_url img {
  438. vertical-align: top;
  439. -moz-opacity: 0.5;
  440. opacity: 0.5;
  441. }
  442.  
  443. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  444. -moz-opacity: 0.7;
  445. opacity: 0.7;
  446. }
  447.  
  448. #wrapper #content .post a {
  449. color: #6e7173;
  450. text-decoration: none;
  451. }
  452.  
  453. #wrapper #content .post .copy blockquote {
  454. margin: 10px 0px 10px 10px;
  455. padding-left: 15px;
  456. border-left: solid 1px {color:font};
  457. }
  458.  
  459.  
  460. #wrapper #content .post .notecontainer a {
  461. color: #666;
  462. text-decoration: underline;
  463. }
  464.  
  465. #wrapper #content .post .notecontainer ol.notes {
  466. padding: 0px 0 10px 0;
  467. list-style-type: none;
  468. font-size: 10px;
  469. }
  470.  
  471. #wrapper #content .post .notecontainer ol.notes li.note {
  472. padding: 10px 10px 0 10px;
  473. }
  474.  
  475. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  476. vertical-align: -4px;
  477. margin-right: 10px;
  478. width: 16px;
  479. height: 16px;
  480. }
  481.  
  482. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  483. font-weight: normal;
  484. }
  485.  
  486. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  487. font-weight: normal;
  488. }
  489.  
  490. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  491. border-left: 2px solid #666;
  492. padding: 4px 10px;
  493. margin: 10px 0px 0px 25px;
  494. }
  495.  
  496. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  497. text-decoration: none;
  498. }
  499.  
  500. #wrapper #content #navigation {
  501. text-align: center;
  502. padding-bottom: 35px;
  503. -moz-border-radius: 5px;
  504. -webkit-border-radius: 5px;
  505. border-radius: 5px;
  506. }
  507.  
  508. #wrapper #content #navigation a {
  509. background-color: #fff;
  510. color: {color:font};
  511. padding: 2px 5px;
  512. text-decoration: none;
  513. margin-left: 5px;
  514. border:1px solid {color:borders post};
  515. -moz-border-radius: 5px;
  516. -webkit-border-radius: 5px;
  517. border-radius: 5px;
  518. -webkit-transition: all 0.2s ease-in-out;
  519. -moz-transition: all 0.2s ease-in-out;
  520. transition: all 0.2s ease-in-out;
  521. }
  522.  
  523. #wrapper #content #navigation a:hover {
  524. background: {color:permalink};
  525. color: {color:links hover};
  526. border:4px solid {color:borders post};
  527. -moz-border-radius: 6px;
  528. -webkit-border-radius: 6px;
  529. border-radius: 6px;
  530. }
  531.  
  532. #wrapper #sidebar {
  533. position:fixed;
  534. width: 100px;
  535. height:40px;
  536. {block:if250px}
  537. margin-left:450px;
  538. {/block:if250px}
  539. {block:if400px}
  540. margin-left:600px;
  541. {/block:if400px}
  542. {block:if500px}
  543. margin-left:700px;
  544. {/block:if500px}
  545. margin-top:350px;
  546. float: right;
  547. color: {color:font};
  548. font-family: bitxmap;
  549. font-size:10px;
  550. padding: 0 10px;
  551. {block:ifnottransparentsidebar}
  552. background: {color:background sidebar};
  553. {/block:ifnottransparentsidebar}
  554. overflow:auto;
  555. {block:ifroundedcornerssidebar}
  556. -webkit-border-top-left-radius: 20px;
  557. -webkit-border-top-right-radius: 0px;
  558. -moz-border-radius-topleft: 20px;
  559. -moz-border-radius-topright: 20px;
  560. border-top-left-radius: 20px;
  561. border-top-right-radius: 0px;
  562. -webkit-border-bottom-left-radius: 20px;
  563. -webkit-border-bottom-right-radius: 0px;
  564. -moz-border-radius-bottomleft: 20px;
  565. -moz-border-radius-bottomright: 0px;
  566. border-bottom-left-radius: 20px;
  567. border-bottom-right-radius: 0px;
  568. {block:ifroundedcornerssidebar}
  569. {block:ifshowborders}border: 1px solid {color:borders sidebar};{/block:ifshowborders}
  570. }
  571.  
  572. #wrapper #sidebar a {
  573. color: {color:links};
  574. -webkit-transition: all 0.1s ease-in-out;
  575. -moz-transition: all 0.1s ease-in-out;
  576. transition: all 0.1s ease-in-out;
  577. }
  578.  
  579. #wrapper #sidebar a:hover{
  580. color: {color:links hover};
  581. text-decoration:none;
  582. }
  583.  
  584. #wrapper #box {
  585. float:left;
  586. position:fixed;
  587. margin-top:405px;
  588. {block:if250px}
  589. margin-left:480px;
  590. {/block:if250px}
  591. {block:if400px}
  592. margin-left:630px;
  593. {/block:if400px}
  594. {block:if500px}
  595. margin-left:730px;
  596. {/block:if500px}
  597. background: ;
  598. }
  599.  
  600. .links {
  601. -moz-border-radius:5px;
  602. -webkit-border-radius: 5px;
  603. border-radius: 5px;
  604. font-family:bitxmap;
  605. text-align:center;
  606. color:{color:sidebar Links};
  607. display:block;
  608. font-size:10px;
  609. border:1px solid {color:borders sidebar};
  610. margin-top:2px;
  611. }
  612.  
  613.  
  614. #links a {
  615. -moz-border-radius: 5px;
  616. -webkit-border-radius: 5px;
  617. border-radius: 5px;
  618. font-family:bitxmap;
  619. font-size:10px;
  620. color:{color:sidebar Links};
  621. text-decoration:none;
  622. width: 60px;
  623. background: {color:sidebar Links bg};
  624. -webkit-transition: all 0.2s ease-in-out;
  625. -moz-transition: all 0.2s ease-in-out;
  626. transition: all 0.2s ease-in-out;
  627. }
  628.  
  629. #links a:hover{
  630. color:{color:sidebar Links hover};
  631. background: {color:sidebar Links hover bg};
  632. }
  633.  
  634. .my-like {
  635. cursor:pointer;
  636. display:inline-block;
  637. vertical-align:top;
  638. }
  639. .my-liked, .my-like:hover {
  640. color: red;
  641. cursor:pointer;
  642. display:inline-block;
  643. vertical-align:top;
  644. }
  645.  
  646. #s-m-t-tooltip {
  647. background: {color:background post};
  648. font-size: 10px;
  649. font-family: bitxmap;
  650. color: {color:font};
  651. max-width: 100px;
  652. word-wrap: break-word;
  653. padding: 1px 5px 2px 6px;
  654. display: block;
  655. -moz-border-radius: 5px;
  656. -webkit-border-radius: 5px;
  657. border-radius: 5px;
  658. margin: 10px 10px 10px 15px;
  659. border: 1px solid {color:Borders post};
  660. }
  661.  
  662. body {cursor: url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), progress !important;}
  663.  
  664. a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), url(http://i.imgur.com/IepP2.jpg), progress !important;}
  665.  
  666. #cursor {position:fixed;z-index:-1;top:0px;left:0px;width:100%;height:100%;cursor: url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), progress !important;}
  667.  
  668. #sweet
  669. {
  670. position:fixed; bottom:20px; left:25px;
  671. padding:5px 0px 16px 0px;
  672. text-align:center;
  673. height:5px; width:25px;
  674. overflow:hidden;
  675. border: 4px solid {color:borders sidebar};
  676. color:{color:font};
  677. background:{color:background sidebar};
  678. font-family:bitxmap;
  679. font-size:10px;
  680. {block:ifnottransparentsidebar}
  681. background: {color:background sidebar};
  682. {/block:ifnottransparentsidebar}
  683. -webkit-transition: opacity 0.4s linear;
  684. -webkit-transition: all 0.4s ease-in-out;
  685. -moz-transition: all 0.4s ease-in-out;
  686. -o-transition: all 0.4s ease-in-out;
  687. -moz-border-radius: 7px;
  688. -webkit-border-radius: 7px;
  689. border-radius: 7px;}
  690.  
  691. #sweet:hover{
  692. height: 10px; width: 150px;border:1px solid {color:Borders sidebar};}
  693.  
  694. #tunes{
  695. padding-top: 25px;
  696. font-family:bitxmap;
  697. font-size:10px;
  698. }
  699.  
  700. #up
  701. {font-size:15px;-webkit-transition: opacity 0.2s linear;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  702.  
  703. #sweet:hover #up
  704. {margin-top:-41px;}
  705.  
  706. </style>
  707.  
  708. <style type="text/css">{CustomCSS}</style><script>
  709. window.onload = function () {
  710. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  711. document.addEventListener( 'click', function ( event ) {
  712. var myLike = event.target;
  713. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  714. var frame = document.getElementById( 'my-like-frame' ),
  715. liked = ( myLike.className == 'my-liked' ),
  716. command = liked ? 'unlike' : 'like',
  717. reblog = myLike.getAttribute( 'data-reblog' ),
  718. id = myLike.getAttribute( 'data-id' ),
  719. oauth = reblog.slice( -8 );
  720. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  721. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  722. };
  723. }, false );
  724. };
  725. </script>
  726. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  727. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  728. <script>
  729. (function($){
  730. $(document).ready(function(){
  731. $("[title]").style_my_tooltips();
  732. });
  733. })(jQuery);
  734. </script>
  735. {block:ifinfinitescroll}
  736. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  737. {/block:ifinfinitescroll}
  738. </head>
  739. <body>
  740. <div id="wrapper">
  741.  
  742. <div id="content">
  743.  
  744. {block:Posts}
  745. {block:ifnotshowfooterpermalink}<div id="container">
  746. <div id="perm"><a href="{Permalink}" title="{block:NoteCount}{NoteCount},&nbsp;{/block:NoteCount}{TimeAgo}"><img src="http://static.tumblr.com/deqrt8e/jKPml8w5u/tumblr_lzkrzknbag1r0pua2.gif"></a></div>{/block:ifnotshowfooterpermalink}
  747. <div class="post">
  748.  
  749. {block:Photo}
  750. <div class="media">{LinkOpenTag}{block:if250px}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{/block:if250px}{block:if400px}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{/block:if400px}{block:if500px}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:if500px}{LinkCloseTag}</div>
  751. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  752. {/block:Photo}
  753.  
  754. {block:Photoset}
  755. {block:if500px}{Photoset-500}{/block:if500px}
  756. {block:if400px}{Photoset-400}{/block:if400px}
  757. {block:if250px}{Photoset-250}{/block:if250px}
  758. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  759. {/block:Photoset}
  760.  
  761. {block:Video}
  762. <div class="media">{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}</div>
  763. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  764. {/block:Video}
  765.  
  766. {block:Audio}
  767.  
  768. {block:AudioEmbed}
  769. {AudioEmbed}
  770. {/block:AudioEmbed}
  771.  
  772. {block:AudioPlayer}
  773. {block:IfShowAlbumArtOnAudioPosts}
  774. {block:AlbumArt}
  775. <div class="album_art">
  776. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  777. </div>
  778. {/block:AlbumArt}
  779. {/block:IfShowAlbumArtOnAudioPosts}
  780.  
  781. <div class="audio">
  782. <div class="player">{AudioPlayerWhite}</div>
  783. <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  784. <div class="clear"></div>
  785. </div>
  786. {/block:AudioPlayer}
  787.  
  788. <div class="clear"></div>
  789.  
  790. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  791.  
  792. {/block:Audio}
  793.  
  794. {block:Quote}
  795. <div class="quote {Length}">{Quote}</div>
  796. <div class="copy">
  797. {block:Source}
  798. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  799. <tr>
  800. <td valign="top" style="width:20px;">&mdash;</td>
  801. <td valign="top" class="quote_source">
  802. {Source}
  803. </td>
  804. </tr>
  805. </table>
  806. {/block:Source}
  807. </div>
  808. {/block:Quote}
  809.  
  810. {block:Text}
  811. {block:Title}<div class="title">{Title}</div>{/block:Title}
  812. <div class="copy">{Body}</div>
  813. {/block:Text}
  814.  
  815. {block:Answer}
  816. <div class="question">
  817. <div class="nipple"></div>
  818. {Question}
  819. </div>
  820. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  821. <div class="copy">{Answer}</div>
  822. {/block:Answer}
  823.  
  824. {block:Chat}
  825. {block:Title}<div class="title">{Title}</div>{/block:Title}
  826. <div class="chat">
  827. <div class="lines">
  828. {block:Lines}
  829. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  830. {/block:Lines}
  831. </div>
  832. </div>
  833. <div class="clear"></div>
  834. <div style="height:10px;"></div>
  835. {/block:Chat}
  836.  
  837. {block:Link}
  838. <div class="link"><a href="{URL}" title="{URL}"{Target}>{Name} &raquo;</a></div>
  839. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  840. {/block:Link}
  841.  
  842. {block:ifshowfooterpermalink}
  843. {block:Date}
  844. <a href="{Permalink}">
  845. <div class="footer for_permalink">
  846. <div class="notes">{block:NoteCount}{NoteCount},&nbsp;{/block:NoteCount} </div>
  847. <div class="date">{block:Reblog}{block:indexpage}{TimeAgo}{/block:indexpage}{/block:Reblog}{block:permalinkpage}{TimeAgo}{block:permalinkpage}
  848. {block:permalinkpage}
  849. {block:Reblog}
  850. → <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a>, {block:RebloggedFrom}<a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>{/block:RebloggedFrom}
  851. {/block:Reblog}
  852. {/block:permalinkpage}
  853. {block:NotReblog}
  854. {block:indexpage}{TimeAgo}{/block:indexpage}
  855. {/block:NotReblog}
  856. </div> {block:indexpage}<div style="float:right;"><a href="{ReblogURL}" title="reblog this post">reblog</a> or <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like this post">♡</div></div>{/block:indexpage}
  857. <div class="clear"></div>
  858. </div>
  859. </a>
  860. {/block:Date}
  861.  
  862. {block:HasTags}
  863. <div class="footer with_source_url{block:ContentSource}{SourceURL}{/block:ContentSource}
  864. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  865. ">
  866. <div class="tags"><img src="{image:Permalink Pic}"> {block:Tags}<a href="{TagURL}" title="{Tag}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>
  867. <div class="clear"></div>
  868. </div>
  869. {/block:HasTags}
  870. {/block:ifshowfooterpermalink}
  871.  
  872. {block:ifnotshowfooterpermalink}{block:permalinkpage}
  873.  
  874. {block:HasTags}
  875.  
  876. <div class="footer with_source_url{block:ContentSource}{SourceURL}{/block:ContentSource}
  877. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  878. ">
  879. <div class="tags"><img src="{image:Permalink Pic}"> {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>
  880.  
  881. </div>
  882. {/block:HasTags}{/block:permalinkpage}{/block:ifnotshowfooterpermalink}
  883.  
  884.  
  885. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  886.  
  887. </div>
  888. {block:ifnotshowfooterpermalink}</div>{/block:ifnotshowfooterpermalink}
  889. {/block:Posts}
  890.  
  891. {block:ifnotinfinitescroll}
  892. <div id="navigation">
  893. {block:PreviousPage}<a href="{PreviousPage}" title="previous">&larr;</a>{/block:PreviousPage}
  894. {block:NextPage}<a href="{NextPage}" title="next">&rarr;</a>{/block:NextPage}
  895. </div>
  896. {/block:ifnotinfinitescroll}
  897. </div>
  898.  
  899. <div style="position:fixed;float:left;margin-top:{text:sidebar pic top};margin-left:{text:sidebar pic left};"><a href="/"><img src="{image:sidebar pic}" title="{Title}"></a></div>
  900. <div id="sidebar">
  901. {Description}</div>
  902.  
  903. {block:IfShowLinkBox}
  904. <div id="box">
  905. <center>
  906. <div style="width:60px;{block:ifshowborders}border: 1px solid {color:borders sidebar};{/block:ifshowborders} padding: 3px; {block:ifroundedcorners}-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;{/block:ifroundedcorners}"><div style=""><button type="button" class="button" onmouseover="this.sv=this.style.backgroundColor; this.style.backgroundColor='{color:background sidebar}';" onmouseout="if(this.sv)this.style.backgroundColor=this.sv; else this.style.backgroundColor='';" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none'; return false;" style="">{text:spoiler button text 1}</button></div><div class="spoiler" style="display: none;"><div><button type="button" class="button" onclick="this.parentNode.parentNode.parentNode.childNodes[0].style.display = ''; this.parentNode.parentNode.style.display = 'none'; return false;">{text:spoiler button text 2}</button></div>
  907. <div id="links"><center>
  908. {block:iflink1}<a href="{text:Link 1 URL}" class="links">{text:Link 1}</a>{/block:iflink1}
  909. {block:iflink2}<a href="{text:Link 2 URL}" class="links">{text:Link 2}</a>{/block:iflink2}
  910. {block:iflink3}<a href="{text:Link 3 URL}" class="links">{text:Link 3}</a>{/block:iflink3}
  911. {block:iflink4}<a href="{text:Link 4 URL}" class="links">{text:Link 4}</a>{/block:iflink4}
  912. {block:iflink5}<a href="{text:Link 5 URL}" class="links">{text:Link 5}</a>{/block:iflink5}
  913. {block:iflink6}<a href="{text:Link 6 URL}" class="links">{text:Link 6}</a>{/block:iflink6}
  914. </center>
  915. </div>
  916. </td>
  917. </tr>
  918. </div></div>
  919. </center>
  920. </div>
  921. {/block:IfShowLinkBox}
  922. {block:ifshowmusicbox}
  923. <div id="sweet"><href="#" title="music"><div id="up">♪<div id="tunes">{text:Music Player Code}</div></div></div></a>{/block:ifshowmusicbox}
  924. <div id="cursor"></div>
  925. <a href="http://shotabytes.tumblr.com" title="redux edit by"><div style="right:0px;bottom:0px;position:fixed;text-decoration:none;font-family:arial;color:{color:font};font-size:12px;">©</div></a>
  926. </body>
  927. </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!