API tools faq
paste
Advertisement
zojoh

Thirty Three

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