API tools faq
paste
Advertisement
zojoh

Twenty Six

zojoh
Jun 26th, 2013
4,635
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.35 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!---
  5.  
  6. Theme #26 by Heidi @ladmilk
  7.  
  8. Credit:
  9. Infinitescroll: Paulirish (https://github.com/infinite-scroll/infinite-scroll)
  10. Tool-tips: Malihu (manos.malihu.gr/style-my-tooltips-jquery-plugin/)
  11. Photoset: PixelUnion (https://github.com/PixelUnion/Extended-Tumblr-Photoset)
  12. Video Resizing: Shy Themes (http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos)
  13.  
  14.  
  15. ---->
  16.  
  17.  
  18. <head>
  19. <title>{Title}</title>
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23. <link rel="shortcut icon" href="{Favicon}" />
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  25.  
  26.  
  27. <meta name="color:Background" content="#ffffff" />
  28. <meta name="color:Posts" content="#ffffff" />
  29. <meta name="color:Post Title" content="#222222" />
  30. <meta name="color:Text" content="#777777" />
  31. <meta name="color:Links" content="#afd5d5" />
  32. <meta name="color:Links Hover" content="#222222" />
  33. <meta name="color:Bold" content="#555555" />
  34. <meta name="color:Italic" content="#cccccc"/>
  35. <meta name="color:Blockquote" content="#eeeeee" />
  36.  
  37. <meta name="color:Ask Image Border" content="#f4f4f4" />
  38. <meta name="color:Chat" content="#f4f4f4" />
  39.  
  40. <meta name="color:Perma Border" content="#eeeeee" />
  41. <meta name="color:Perma Text" content="#999999"/>
  42. <meta name="color:Perma Links" content="#afd5d5"/>
  43. <meta name="color:Perma Background" content="#eeeeee" />
  44. <meta name="color:Perma Links 2" content="#999999"/>
  45. <meta name="color:Perma Background Hover" content="#d7eaea" />
  46. <meta name="color:Perma Links 2 Hover" content="#ffffff"/>
  47.  
  48. <meta name="color:Header" content="#eeeeee" />
  49. <meta name="color:Header Text" content="#999999" />
  50. <meta name="color:Title" content="#222222"/>
  51. <meta name="color:Nav Background" content="#eeeeee" />
  52. <meta name="color:Nav" content="222222"/>
  53. <meta name="color:Nav Background Hover" content="#ffffff" />
  54. <meta name="color:Nav Hover" content="#afd5d5" />
  55.  
  56. <meta name="color:Scroll" content="#ffffff" />
  57. <meta name="color:Scrollbar" content="#eeeeee" />
  58. <meta name="color:Tooltips Background" content="#ffffff" />
  59. <meta name="color:Tooltips Text" content="#aaaaaa" />
  60.  
  61.  
  62. <meta name="image:Background" content="" />
  63. <meta name="image:Header" content="" />
  64.  
  65.  
  66. <meta name="if:Image Fade" content="1" />
  67. <meta name="if:Drop Down Links" content="1" />
  68.  
  69. <meta name="if:Show Captions" content="1" />
  70. <meta name="if:Show Reblog" content="1">
  71. <meta name="if:Show Tags" content="1">
  72.  
  73. <meta name="if:Infinitescroll" content="0" />
  74.  
  75.  
  76. <meta name="select:Tumblr Controls" content="t_w" title="White" />
  77. <meta name="select:Tumblr Controls" content="t_g" title="Grey" />
  78. <meta name="select:Tumblr Controls" content="t_b" title="Black" />
  79.  
  80. <meta name="select:Post Size" content="250" title="250px">
  81. <meta name="select:Post Size" content="300" title="300px">
  82. <meta name="select:Post Size" content="350" title="350px">
  83. <meta name="select:Post Size" content="400" title="400px">
  84. <meta name="select:Post Size" content="500" title="500px">
  85.  
  86. <meta name="select:Post Size Permalinkpage" content="250" title="250px" />
  87. <meta name="select:Post Size Permalinkpage" content="300" title="300px" />
  88. <meta name="select:Post Size Permalinkpage" content="350" title="350px" />
  89. <meta name="select:Post Size Permalinkpage" content="400" title="400px" />
  90. <meta name="select:Post Size Permalinkpage" content="500" title="500px" />
  91.  
  92.  
  93. <meta name="text:Drop Down Title" content="Drop" />
  94. <meta name="text:Link1" content="" />
  95. <meta name="text:Title1" content="" />
  96. <meta name="text:Link2" content="" />
  97. <meta name="text:Title2" content="" />
  98. <meta name="text:Link3" content="" />
  99. <meta name="text:Title3" content="" />
  100. <meta name="text:Link4" content="" />
  101. <meta name="text:Title4" content="" />
  102.  
  103.  
  104. <link href="http://static.tumblr.com/3yblkz0/EkLnyuqmx/pxu_ps.css" rel="stylesheet" type="text/css"/>
  105.  
  106.  
  107. <!--- Fonts --->
  108.  
  109.  
  110. <meta name="select:Body Font" content="helvetica" title="Helvetica" />
  111. <meta name="select:Body Font" content="trebuchet ms" title="Trebuchet ms" />
  112. <meta name="select:Body Font" content="calibri" title="Calibri" />
  113. <meta name="select:Body Font" content="Open Sans" title="Open Sans" />
  114. <meta name="select:Body Font" content="Roboto" title="Roboto" />
  115. <meta name="select:Body Font" content="Lato" title="Lato" />
  116. <meta name="select:Body Font" content="cambria" title="Cambria" />
  117. <meta name="select:Body Font" content="georgia" title="Georgia" />
  118. <meta name="select:Body Font" content="times new roman" title="Times New Roman" />
  119. <meta name="select:Body Font" content="Lora" title="Lora" />
  120. <meta name="select:Body Font" content="Droid Serif" title="Droid Serif" />
  121. <meta name="select:Body Font" content="courier" title="Courier" />
  122. <meta name="select:Body Font" content="consolas" title="Consolas" />
  123. <meta name="select:Body Font" content="lucida console" title="Lucida Console" />
  124.  
  125.  
  126. <meta name="select:Body Font Size" content="8" title="8px" />
  127. <meta name="select:Body Font Size" content="9" title="9px" />
  128. <meta name="select:Body Font Size" content="10" title="10px" />
  129. <meta name="select:Body Font Size" content="11" title="11px" />
  130. <meta name="select:Body Font Size" content="12" title="12px" />
  131.  
  132.  
  133. <meta name="select:Title and Nav Font" content="cambria" title="Cambria" />
  134. <meta name="select:Title and Nav Font" content="trebuchet ms" title="Trebuchet ms" />
  135. <meta name="select:Title and Nav Font" content="calibri" title="Calibri" />
  136. <meta name="select:Title and Nav Font" content="helvetica" title="Helvetica" />
  137. <meta name="select:Title and Nav Font" content="Open Sans" title="Open Sans" />
  138. <meta name="select:Title and Nav Font" content="Roboto" title="Roboto" />
  139. <meta name="select:Title and Nav Font" content="Lato" title="Lato" />
  140. <meta name="select:Title and Nav Font" content="georgia" title="Georgia" />
  141. <meta name="select:Title and Nav Font" content="times new roman" title="Times New Roman" />
  142. <meta name="select:Title and Nav Font" content="Lora" title="Lora" />
  143. <meta name="select:Title and Nav Font" content="Droid Serif" title="Droid Serif" />
  144. <meta name="select:Title and Nav Font" content="courier" title="Courier" />
  145. <meta name="select:Title and Nav Font" content="consolas" title="Consolas" />
  146. <meta name="select:Title and Nav Font" content="lucida console" title="Lucida Console" />
  147.  
  148.  
  149. <meta name="select:Post Title and Quote Font" content="cambria" title="Cambria" />
  150. <meta name="select:Post Title and Quote Font" content="trebuchet ms" title="Trebuchet ms" />
  151. <meta name="select:Post Title and Quote Font" content="calibri" title="Calibri" />
  152. <meta name="select:Post Title and Quote Font" content="helvetica" title="Helvetica" />
  153. <meta name="select:Post Title and Quote Font" content="Open Sans" title="Open Sans" />
  154. <meta name="select:Post Title and Quote Font" content="Roboto" title="Roboto" />
  155. <meta name="select:Post Title and Quote Font" content="Lato" title="Lato" />
  156.  
  157. <meta name="select:Post Title and Quote Font" content="georgia" title="Georgia" />
  158. <meta name="select:Post Title and Quote Font" content="times new roman" title="Times New Roman" />
  159. <meta name="select:Post Title and Quote Font" content="Lora" title="Lora" />
  160. <meta name="select:Post Title and Quote Font" content="Droid Serif" title="Droid Serif" />
  161. <meta name="select:Post Title and Quote Font" content="courier" title="Courier" />
  162. <meta name="select:Post Title and Quote Font" content="consolas" title="Consolas" />
  163. <meta name="select:Post Title and Quote Font" content="lucida console" title="Lucida Console" />
  164.  
  165.  
  166. <meta name="select:Perma Font" content="cambria" title="Cambria" />
  167. <meta name="select:Perma Font" content="trebuchet ms" title="Trebuchet ms" />
  168. <meta name="select:Perma Font" content="calibri" title="Calibri" />
  169. <meta name="select:Perma Font" content="helvetica" title="Helvetica" />
  170. <meta name="select:Perma Font" content="Open Sans" title="Open Sans" />
  171. <meta name="select:Perma Font" content="Roboto" title="Roboto" />
  172. <meta name="select:Perma Font" content="Lato" title="Lato" />
  173. <meta name="select:Perma Font" content="georgia" title="Georgia" />
  174. <meta name="select:Perma Font" content="times new roman" title="Times New Roman" />
  175. <meta name="select:Perma Font" content="Lora" title="Lora" />
  176. <meta name="select:Perma Font" content="Droid Serif" title="Droid Serif" />
  177. <meta name="select:Perma Font" content="courier" title="Courier" />
  178. <meta name="select:Perma Font" content="consolas" title="Consolas" />
  179. <meta name="select:Perma Font" content="lucida console" title="Lucida Console" />
  180.  
  181.  
  182. <meta name="select:Perma Font Size" content="7" title="7px" />
  183. <meta name="select:Perma Font Size" content="8" title="8px" />
  184.  
  185.  
  186. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300|Roboto:400,700,300|Lato:400,300,700|Lora:400,700|Droid+Serif:400,700' rel='stylesheet' type='text/css' />
  187.  
  188.  
  189.  
  190.  
  191. <style type="text/css">
  192.  
  193.  
  194.  
  195. /* Tumblr Controls */
  196.  
  197.  
  198. .t_b .tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe, .t_b #tumblr_controls, #tumblr_controls {
  199. top:0%!important;
  200. right:0%!important;
  201. position:fixed!important;
  202. z-index:999999999!important;
  203. }
  204.  
  205. .t_w .tmblr-iframe--desktop-logged-in-controls, .t_w #tumblr_controls {
  206. -webkit-filter:invert(100%);
  207. -moz-filter:invert(100%);
  208. -o-filter:invert(100%);
  209. -ms-filter:invert(100%);
  210. filter:invert(100%);
  211. opacity:0.3;
  212. }
  213.  
  214. .t_g .tmblr-iframe--desktop-logged-in-controls, .t_g #tumblr_controls {
  215. -webkit-filter:invert(70%);
  216. -moz-filter:invert(70%);
  217. -o-filter:invert(70%);
  218. -ms-filter:invert(70%);
  219. filter:invert(70%);
  220. opacity:0.4;
  221. }
  222.  
  223.  
  224.  
  225. /* Scrollbar */
  226.  
  227.  
  228. ::-webkit-scrollbar { width:6px; height:6px; }
  229. ::-webkit-scrollbar-track-piece { background-color:{color:Scroll}; }
  230. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar}; }
  231.  
  232.  
  233.  
  234. /* Body - General */
  235.  
  236.  
  237. body {
  238. margin:0;
  239. padding:0;
  240. border:0;
  241. background:url('{image:Background}');
  242. background-attachment:fixed;
  243. background-repeat:repeat;
  244. background-color:{color:Background};
  245. color:{color:Text};
  246. font-family:{select:Body Font}, sans-serif;
  247. font-size:{select:Body Font Size}px;
  248. line-height:140%;
  249. word-wrap:break-word;
  250. }
  251.  
  252. a {
  253. color:{color:Links};
  254. text-decoration:none;
  255. transition-duration: 0.4s;
  256. -moz-transition-duration: 0.4s;
  257. -webkit-transition-duration: 0.4s;
  258. -o-transition-duration: 0.4s;
  259. }
  260.  
  261. a:hover, #perma a:hover { color:{color:Links Hover}; }
  262.  
  263.  
  264. b, strong { color:{color:Bold}; font-weight:bold; }
  265.  
  266. i, em { color:{color:Italic}; font-style:italic; }
  267.  
  268. h1, h2, h3, h4, h5 {
  269. margin:0;
  270. font-size:120%;
  271. font-weight:normal;
  272. line-height:120%;
  273. }
  274.  
  275. .posts > h2 {
  276. margin:0px 0px 5px 0px;
  277. display:block;
  278. color:{color:Post Title};
  279. font-family:{select:Post Title and Quote Font};
  280. font-size:15px;
  281. font-weight:bold;
  282. line-height:110%;
  283. }
  284.  
  285. .posts > h2:only-child { margin:0; }
  286.  
  287. #playcount, #asker, #source, header h1, nav ul li a, .pagination {
  288. font-size:8px;
  289. letter-spacing:1px;
  290. text-transform:uppercase;
  291. }
  292.  
  293. small, sub, sup { font-size:90%; }
  294.  
  295. big { font-size:110%; }
  296.  
  297. sub, sup, small, big { vertical-align:baseline; }
  298.  
  299. p { margin:5px 0; padding:0; }
  300.  
  301. p:first-of-type { margin-top:0; }
  302.  
  303. p:last-of-type { margin-bottom:0; }
  304.  
  305. pre {
  306. margin:5px 0;
  307. padding:2px 4px;
  308. background:#f4f4f4;
  309. white-space:pre-wrap;
  310. word-wrap:break-word;
  311. }
  312.  
  313. blockquote {
  314. margin:5px 5px 5px 10px;
  315. padding:2px 0 2px 10px;
  316. border-left:1px solid {color:Blockquote};
  317. }
  318.  
  319. .cap { margin:10px 0 0 0; }
  320.  
  321. .cp { display:none; }
  322.  
  323. ul, ol { padding:0; margin:5px 20px; }
  324.  
  325. ul { list-style:circle; }
  326.  
  327.  
  328.  
  329. /* Center wrapper - Posts */
  330.  
  331.  
  332. #wrapper {
  333. {block:IndexPage}
  334. width:calc({select:Post Size}px + 20px);
  335. {/block:IndexPage}
  336. {block:PermalinkPage}
  337. width:calc({select:Post Size Permalinkpage}px + 20px);
  338. {/block:PermalinkPage}
  339. margin:80px auto;
  340. padding:0;
  341. position:relative;
  342. }
  343.  
  344. .posts_outer {
  345. {block:IndexPage}
  346. margin:50px auto;
  347. {block:IndexPage}
  348. {block:PermalinkPage}
  349. margin:50px auto 10px auto;
  350. {/block:PermalinkPage}
  351. position:relative;
  352. }
  353.  
  354. .posts {
  355. {block:IndexPage}
  356. width:{select:Post Size}px;
  357. {/block:IndexPage}
  358. {block:PermalinkPage}
  359. width:{select:Post Size Permalinkpage}px;
  360. {/block:PermalinkPage}
  361. height:auto;
  362. padding:10px;
  363. background:{color:Posts};
  364. color:{color:Text};
  365. }
  366.  
  367.  
  368.  
  369. /* Image */
  370.  
  371.  
  372. .posts img, img :not(.lightbox-image) { max-width:100%; height:auto; }
  373.  
  374. #photo img { width:100%; display:block; }
  375.  
  376.  
  377.  
  378. /* Photoset */
  379.  
  380.  
  381. .tmblr-lightbox, #tumblr_lightbox { background:rgba({RGBcolor:Background}, 1)!important; }
  382.  
  383. .vignette, #vignette { opacity:0!important; }
  384.  
  385. .lightbox-caption, #tumblr_lightbox_caption {
  386. color:inherit!important;
  387. font-family:inherit!important;
  388. font-size:inherit!important;;
  389. font-weight:normal!important;
  390. text-shadow:none!important;
  391. }
  392.  
  393. .lightbox-image, #tumblr_lightbox img {
  394. border-radius:0px!important;
  395. -webkit-border-radius:0px!important;
  396. -moz-border-radius:0px!important;
  397. box-shadow:none!important;
  398. -webkit-box-shadow:none!important;
  399. -moz-box-shadow:none!important;
  400. }
  401.  
  402.  
  403.  
  404. /* Video */
  405.  
  406.  
  407. #vid, #vid iframe { display:block; overflow:hidden; }
  408.  
  409.  
  410.  
  411. {block:IndexPage}
  412. {block:ifImageFade}
  413. #vid, .photo-data, #photo img {
  414. opacity:.7;
  415. -webkit-transition:all .7s ease;
  416. -moz-transition:all .7s ease;
  417. -o-transition:all .7s ease;
  418. transition:all .7s ease;
  419. }
  420.  
  421. .posts:hover #photo img, .posts:hover .photo-data, .posts:hover #vid { opacity:1; }
  422. {/block:ifImageFade}
  423. {/block:IndexPage}
  424.  
  425.  
  426.  
  427. /* Audio */
  428.  
  429.  
  430. iframe.tumblr_audio_player {
  431. width:26px;
  432. height:26px;
  433. display:block;
  434. overflow:hidden;
  435. border:17px solid #e4e4e4;
  436. background:#e4e4e4;
  437. }
  438.  
  439. #audio_text { padding:10px; background:#e4e4e4; color:#aaa; }
  440.  
  441. #audio_text p { margin:0; }
  442.  
  443. #audio_track { margin-bottom:2px; font-size:12px; }
  444.  
  445. iframe.soundcloud_audio_player {
  446. {block:IndexPage}
  447. width:{select:Post Size}px;
  448. {/block:IndexPage}
  449. {block:PermalinkPage}
  450. width:{select:Post Size Permalinkpage}px;
  451. {/block:PermalinkPage}
  452. height:auto!important;
  453. display:block;
  454. }
  455.  
  456. iframe.spotify_audio_player { height:80px!important; display:block; }
  457.  
  458.  
  459.  
  460. /* Question */
  461.  
  462.  
  463. #question { margin-bottom:10px; text-align:center; }
  464.  
  465. #question img { margin-bottom:3px; border:5px solid {color:Ask Image Border}; }
  466.  
  467. #asker { margin-bottom:3px; font-family:{select:Title and Nav Font}; }
  468.  
  469.  
  470.  
  471. /* Quote */
  472.  
  473.  
  474. #quote {
  475. padding:5px;
  476. font-family:{select:Post Title and Quote Font};
  477. font-size:13px;
  478. font-style:italic;
  479. line-height:13px;
  480. text-align:center;
  481. }
  482.  
  483. #source { margin-top:5px; text-align:center; }
  484.  
  485.  
  486.  
  487. /* Chat */
  488.  
  489.  
  490. #lines { margin:0; padding:3px 5px; }
  491.  
  492. #lines.even { background:{color:Chat}; }
  493.  
  494.  
  495.  
  496. /* Permalink - Post Information - Tags */
  497.  
  498.  
  499. #perma {
  500. padding:7px 0;
  501. {block:IndexPage}
  502. border-top:1px solid {color:Perma Border};
  503. {/block:IndexPage}
  504. color:{color:Perma Text};
  505. font-size:{select:Perma Font Size}px;
  506. line-height:16px;
  507. letter-spacing:1px;
  508. text-transform:uppercase;
  509. }
  510.  
  511. #perma a { color:{color:Perma Links}; }
  512.  
  513. #perma ul, #perma li { margin:0; padding:0; list-style-type:none; }
  514.  
  515. #perma li { width:50%; position:relative; display:inline-block; }
  516.  
  517. #perma li:nth-of-type(even) { float:right; text-align:right; }
  518.  
  519. #perma li:nth-of-type(3) { width:70%; }
  520. #perma li:nth-of-type(4) { width:30%; }
  521.  
  522. #perma li:nth-of-type(2) a { margin-left:3px; }
  523. #perma li:nth-of-type(3) a, a#tag { margin-right:3px; }
  524. #perma li:nth-of-type(1) a, #perma li:nth-of-type(4) a {
  525. padding:2px 4px;
  526. background:{color:Perma Background};
  527. color:{color:Perma Links 2};
  528. font-family:{select:Perma Font};
  529. font-size:8px;
  530. text-align:center;
  531. }
  532.  
  533. #perma li:nth-of-type(1) a:hover, #perma li:nth-of-type(4) a:hover {
  534. background:{color:Perma Background Hover};
  535. color:{color:Perma Links 2 Hover};
  536. }
  537.  
  538. p#tag {
  539. overflow:hidden;
  540. white-space:nowrap;
  541. text-overflow:ellipsis;
  542. }
  543.  
  544. #info {
  545. margin-bottom:5px;
  546. padding:2px;
  547. background:{color:Perma Background};
  548. color:{color:Perma Links 2};
  549. font-family:{select:Perma Font};
  550. text-align:center;
  551. }
  552.  
  553.  
  554.  
  555. /* Notes */
  556.  
  557.  
  558. ol.notes {
  559. margin:10px 0;
  560. padding:0;
  561. overflow:auto;
  562. list-style-type:none;
  563. border-bottom:1px solid {color:Perma Border};
  564. font-size:{select:Perma Font Size}px;
  565. line-height:10px;
  566. letter-spacing:1px;
  567. text-transform:uppercase;
  568. }
  569.  
  570. ol.notes li.note {
  571. padding:10px 0px;
  572. border-top:1px solid {color:Perma Border};
  573. }
  574.  
  575. ol.notes li.note img.avatar {
  576. margin-right:10px;
  577. display:inline-block;
  578. vertical-align:-4px;
  579. }
  580.  
  581.  
  582.  
  583. /* Header */
  584.  
  585.  
  586. header {
  587. margin:40px auto;
  588. padding:20px 10px;
  589. -webkit-box-sizing:border-box;
  590. -moz-box-sizing:border-box;
  591. box-sizing:border-box;
  592. background:url('{image:Header}');
  593. background-color:{color:Header};
  594. color:{color:Header Text};
  595. text-align:center;
  596. }
  597.  
  598. header h1 {
  599. margin:0 0 20px 0;
  600. color:{color:Title};
  601. font-family:{select:Title and Nav Font};
  602. }
  603.  
  604. .desc { margin:0 10px 20px 10px; }
  605.  
  606. nav {
  607. min-height:20px;
  608. margin:0 auto;
  609. position:relative;
  610. }
  611.  
  612. nav ul, nav ul li, nav ul ul li {
  613. margin:0;
  614. padding:0;
  615. position:relative;
  616. -webkit-box-sizing:border-box;
  617. -moz-box-sizing:border-box;
  618. box-sizing:border-box;
  619. }
  620.  
  621. nav ul { list-style:none; }
  622. nav ul li, nav ul li a { display:inline-block; }
  623. nav ul ul {
  624. position:absolute;
  625. display:block;
  626. opacity:0;
  627. transition-duration: 0.4s;
  628. -moz-transition-duration: 0.4s;
  629. -webkit-transition-duration: 0.4s;
  630. -o-transition-duration: 0.4s;
  631. }
  632. nav ul li:hover > ul { z-index:9999; opacity:1; }
  633. nav ul ul li, nav ul ul li a { display:block; }
  634.  
  635. nav ul li a {
  636. width:50px;
  637. margin:0 2px;
  638. padding:0 4px;
  639. overflow:hidden;
  640. background:{color:Nav Background};
  641. color:{color:Nav};
  642. font-family:{select:Title and Nav Font};
  643. line-height:20px;
  644. }
  645.  
  646. nav ul ul li a { background:rgba({RGBcolor:Nav Background}, .8); }
  647.  
  648. nav ul ul li:first-of-type a { margin-top:-3px; }
  649.  
  650. nav > ul > li:hover > a, nav > ul > li.active > a {
  651. color:{color:Nav Hover};
  652. background:{color:Nav Background Hover};
  653. }
  654.  
  655. nav > ul ul > li:hover > a {
  656. color:{color:Nav Hover};
  657. background:rgba({RGBcolor:Nav Background Hover}, .5);
  658. }
  659.  
  660.  
  661.  
  662. /* Pagination */
  663.  
  664.  
  665. .pagination {
  666. padding:20px 10px;
  667. -webkit-box-sizing:border-box;
  668. -moz-box-sizing:border-box;
  669. box-sizing:border-box;
  670. background:{color:Header};
  671. color:{color:Header Text};
  672. text-align:center;
  673. }
  674.  
  675. .pagination a { margin:0 2px; font-family:sans-serif; font-size:14px; }
  676.  
  677. {block:ifInfinitescroll}
  678. .pagination { display:none; }
  679.  
  680. #infscr-loading { display:none!important; }
  681. {/block:ifInfinitescroll}
  682.  
  683.  
  684.  
  685. /* Tooltips */
  686.  
  687.  
  688. #s-m-t-tooltip{
  689. max-width:300px;
  690. margin:25px 15px;
  691. padding:0 5px;
  692. z-index:999999;
  693. background:{color:Tooltips Background};
  694. color:{color:Tooltips Text};
  695. font-size:8px;
  696. line-height:14px;
  697. text-transform:lowercase;
  698. }
  699.  
  700.  
  701.  
  702. {CustomCSS}
  703.  
  704.  
  705.  
  706. </style>
  707.  
  708.  
  709. <!---- Scripts ---->
  710.  
  711.  
  712. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  713.  
  714. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  715. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  716. <script src="http://static.tumblr.com/3yblkz0/Bu3nywvqg/shythemes_vr.js"></script>
  717. {block:IndexPage}{block:ifInfinitescroll}
  718. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  719. {/block:ifInfinitescroll}{/block:IndexPage}
  720.  
  721. <script>
  722. $(document).ready(function(){
  723. $("[title],a[title],img[title]").style_my_tooltips({
  724. tip_follows_cursor:true,
  725. tip_delay_time:50,
  726. tip_fade_speed:500,
  727. attribute:"title"
  728. });
  729. $('.photo-slideshow').pxuPhotoset({
  730. lightbox: true,
  731. rounded: false,
  732. gutter: '5px',
  733. borderRadius: '0px',
  734. photoset: '.photo-slideshow',
  735. photoWrap: '.photo-data',
  736. photo: '.pxu-photo'
  737. });
  738. {block:IndexPage}
  739. {block:ifInfinitescroll}
  740. var $container = $('#wrapper');
  741. $container.infinitescroll({
  742. itemSelector :".posts_outer",
  743. navSelector : ".pagination",
  744. nextSelector : ".pagination a#next",
  745. loadingImg : "",
  746. loadingText : "<em></em>",
  747. bufferPx : 800,
  748. },
  749. function( newElements ) {
  750. resizeVideos();
  751. $(newElements).find('.photo-slideshow').pxuPhotoset({
  752. lightbox: true,
  753. rounded: false,
  754. gutter: '5px',
  755. borderRadius: '0px',
  756. photoset: '.photo-slideshow',
  757. photoWrap: '.photo-data',
  758. photo: '.pxu-photo'
  759. });
  760. });
  761. {/block:ifInfinitescroll}
  762. {/block:IndexPage}
  763. });
  764. </script>
  765.  
  766.  
  767.  
  768. </head>
  769. <body class="{select:Tumblr Controls}">
  770.  
  771.  
  772.  
  773. <section id="wrapper">
  774.  
  775.  
  776.  
  777. <header>
  778. {block:ShowTitle}<h1>{Title}</h1>{/block:ShowTitle}
  779. {block:ShowDescription}<div class="desc">{Description}</div>{/block:ShowDescription}
  780. <nav>
  781. <ul>
  782. <li><a href="/">home</a></li><li><a href="/ask">ask</a></li><li><a href="/archive">archive</a></li>{block:ifDropDownLinks}<li><a>{text:Drop Down Title}</a><ul>{/block:ifDropDownLinks}{block:ifLink1}<li><a href="{text:Link1}">{text:Title1}</a></li>{/block:ifLink1}{block:ifLink2}<li><a href="{text:Link2}">{text:Title2}</a></li>{/block:ifLink2}{block:ifLink3}<li><a href="{text:Link3}">{text:Title3}</a></li>{/block:ifLink3}{block:ifLink4}<li><a href="{text:Link4}">{text:Title4}</a></li>{/block:ifLink4}
  783. {block:ifDropDownLinks}</ul></li>{/block:ifDropDownLinks}
  784. </ul>
  785. </nav>
  786. </header>
  787.  
  788.  
  789.  
  790. {block:Posts}
  791. <article class="posts_outer">
  792. <div class="posts">
  793.  
  794.  
  795. {block:ContentSource}
  796. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  797. {/block:SourceLogo}
  798. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  799. {/block:ContentSource}
  800.  
  801.  
  802. {block:Photo}
  803. <div id="photo">
  804. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  805. </div>
  806. {/block:Photo}
  807.  
  808.  
  809. {block:Photoset}
  810. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  811. {block:Photos}
  812. <div class="photo-data">
  813. <div class="pxu-photo">
  814. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  815. </div>
  816. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  817. </div>
  818. {/block:Photos}
  819. </div>
  820. {/block:Photoset}
  821.  
  822.  
  823. {block:Video}
  824. <div id="vid">{Video-500}</div>
  825. {/block:Video}
  826.  
  827.  
  828. {block:Audio}
  829. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  830. <tr>
  831. <td valign="middle" width="60px" style="background:#e4e4e4;">{AudioPlayerGrey}</td>
  832. <td id="audio_text" valign="middle">
  833. {block:TrackName}<p id="audio_track">{TrackName}</p>{/block:TrackName}
  834. {block:Artist}by {Artist}{/block:Artist}
  835. {block:Album}from {Album}{/block:Album}
  836. <p id="playcount">{PlayCountWithLabel}</p>
  837. </td>
  838. </tr>
  839. </table>
  840. {/block:Audio}
  841.  
  842.  
  843. {block:Text}
  844. {block:Title}<h2>{Title}</h2>{/block:Title}
  845. {Body}
  846. {/block:Text}
  847.  
  848.  
  849. {block:Link}
  850. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  851. {block:Description}{Description}{/block:Description}
  852. {/block:Link}
  853.  
  854.  
  855. {block:Answer}
  856. <div id="question">
  857. <img src="{AskerPortraitURL-24}">
  858. <p id="asker">{Asker} said:</p>
  859. {Question}
  860. </div>
  861. {Answer}
  862. {/block:Answer}
  863.  
  864.  
  865. {block:Quote}
  866. <div id="quote">{Quote}</div>
  867. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  868. {/block:Quote}
  869.  
  870.  
  871. {block:Chat}
  872. {block:Title}<h2>{Title}</h2>{/block:Title}
  873. {block:Lines}
  874. <p id="lines" class="{Alt} user_{UserNumber}">
  875. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  876. </p>
  877. {/block:Lines}
  878. {/block:Chat}
  879.  
  880.  
  881. {block:Caption}<div class="cap {block:IndexPage}{block:ifnotShowCaptions}cp {/block:ifnotShowCaptions}{/block:IndexPage}">{Caption}</div>{/block:Caption}
  882.  
  883.  
  884.  
  885. </div>
  886.  
  887.  
  888.  
  889. <div id="perma">
  890. {block:IndexPage}
  891. <ul>
  892. <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
  893. <li>
  894. {NoteCountWithLabel}
  895. {block:RebloggedFrom}
  896. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  897. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  898. {/block:RebloggedFrom}
  899. </li>
  900. {block:ifShowTags}
  901. <li>
  902. {block:HasTags}
  903. <p id="tag">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  904. {/block:HasTags}
  905. </li>
  906. {/block:ifShowTags}
  907. {block:ifShowReblog}
  908. <li><a href="{ReblogURL}">reblog</a></li>
  909. {/block:ifShowReblog}
  910. </ul>
  911. {/block:IndexPage}
  912.  
  913. {block:PermalinkPage}
  914. {block:Date}<div id="info">Information</div>{/block:Date}
  915. {block:HighRes}
  916. <p><b><a href="{PhotoURL-HighRes}">High-res →</a></b></p>
  917. {/block:HighRes}
  918. {block:Date}
  919. <p><b>Posted:</b> {Month} {DayofMonth}, {Year} ({TimeAgo})</p>
  920. {/block:Date}
  921. {block:RebloggedFrom}
  922. <p><b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></p>
  923. <p><b>Posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></p>
  924. {/block:RebloggedFrom}
  925. {block:HasTags}
  926. <p><b>Saved as:</b> {block:Tags}<a href="{TagURL}" id="tag">#{Tag}</a> {/block:Tags}</p>
  927. {/block:HasTags}
  928. {block:NoteCount}<p><b>Notes:</b> {NoteCount}</p>{/block:NoteCount}
  929. {/block:PermalinkPage}
  930. </div>
  931.  
  932.  
  933. {block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  934.  
  935.  
  936.  
  937. </article>
  938. {/block:Posts}
  939.  
  940.  
  941.  
  942. {block:Pagination}
  943. <div class="pagination">
  944. {block:PreviousPage}<a href="{PreviousPage}">‹</a>{/block:PreviousPage}
  945. page {CurrentPage}
  946. {block:NextPage}<a id="next" href="{NextPage}">›</a>{/block:NextPage}
  947. </div>
  948. {/block:Pagination}
  949.  
  950.  
  951.  
  952. </section>
  953.  
  954.  
  955. <a href="http://ladmilk.tumblr.com" style="padding:10px; bottom:5px; left:5px; position:fixed;" title="Theme by Heidi">cr.</a>
  956.  
  957.  
  958. </body>
  959. </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!