API tools faq
paste
Advertisement
vya

theme #30 by ladmilk

vya
Dec 1st, 2015
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 59.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!---
  5.  
  6. Theme #30 by Heidi @ladmilk
  7.  
  8.  
  9. Inspired by:
  10. Sorrism - Helium theme
  11. Tumblr
  12.  
  13.  
  14. Credit:
  15. Masonry: (masonry.desandro.com)
  16. Infinitescroll: Paulirish (https://github.com/infinite-scroll/infinite-scroll)
  17. Photoset: PixelUnion (https://github.com/PixelUnion/Extended-Tumblr-Photoset)
  18. Video Resizing: Shy Themes (http://shythemes.tumblr.com/post/123250129923/tutorial-resizing-videos)
  19. Slick: Ken Wheeler (http://kenwheeler.github.io/slick/)
  20. Draggable Tags: (http://www.jqueryscript.net/other/Tumblr-Like-Draggable-Tag-Bar-with-jQuery-CSS3-Tag-Overflow.html)
  21.  
  22. ---->
  23.  
  24. <head>
  25. <title>{Title}</title>
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29. <link rel="shortcut icon" href="{Favicon}" />
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  31.  
  32. <meta name="color:Background" content="#f8f8f8"/>
  33. <meta name="color:Posts" content="#ffffff"/>
  34. <meta name="color:Post Title" content="#222222" />
  35. <meta name="color:Text" content="#888888"/>
  36. <meta name="color:Links" content="#000000"/>
  37. <meta name="color:Links Hover" content="#444444"/>
  38. <meta name="color:Bold" content="#444444"/>
  39. <meta name="color:Italic" content="#cccccc"/>
  40. <meta name="color:Blockquote" content="#dddddd"/>
  41. <meta name="color:Borders" content="#eeeeee"/>
  42.  
  43. <meta name="color:Tags" content="#cccccc"/>
  44. <meta name="color:Reblog and Like Button" content="#bbbbbb"/>
  45. <meta name="color:Perma Links" content="#bbbbbb"/>
  46. <meta name="color:Perma Links Hover" content="#666666"/>
  47.  
  48. <meta name="color:Header" content="#ffffff" />
  49. <meta name="color:Header Borders" content="#eeeeee" />
  50. <meta name="color:Title" content="#222222" />
  51. <meta name="color:Navigation" content="#222222" />
  52. <meta name="color:Navigation Hover" content="#cccccc" />
  53.  
  54. <meta name="color:About" content="#ffffff"/>
  55. <meta name="color:About Text" content="#666666"/>
  56. <meta name="color:About Borders" content="#eeeeee"/>
  57.  
  58. <meta name="color:Sidebar" content="#ffffff"/>
  59. <meta name="color:Sidebar Title" content="#888888"/>
  60. <meta name="color:Sidebar Text" content="#aaaaaa"/>
  61. <meta name="color:Sidebar Links" content="#888888"/>
  62. <meta name="color:Sidebar Borders" content="#eeeeee"/>
  63.  
  64. <meta name="color:Recent Updates Dots" content="#888888"/>
  65. <meta name="color:Recent Updates Hover Background" content="#ffffff"/>
  66. <meta name="color:Recent Updates Hover Title" content="#222222"/>
  67.  
  68. <meta name="color:Spotlight Overlay" content="#000000"/>
  69. <meta name="color:Spotlight" content="#ffffff"/>
  70. <meta name="color:Spotlight Text" content="#888888"/>
  71.  
  72. <meta name="color:Footer" content="#000000" />
  73. <meta name="color:Footer Title" content="#ffffff" />
  74. <meta name="color:Footer Text" content="#cccccc"/>
  75. <meta name="color:Footer Links" content="#ffffff"/>
  76.  
  77. <meta name="color:Scroll" content="#ffffff"/>
  78. <meta name="color:Scrollbar" content="#dddddd"/>
  79.  
  80.  
  81. <meta name="image:Background" content="" />
  82. <meta name="image:Header" content="" />
  83. <meta name="image:Icon" content="" />
  84.  
  85. <meta name="image:Updates 1" content="" />
  86. <meta name="image:Updates 2" content="" />
  87. <meta name="image:Updates 3" content="" />
  88. <meta name="image:Updates 4" content="" />
  89. <meta name="image:Updates 5" content="" />
  90.  
  91. <meta name="image:News" content="" />
  92.  
  93. <meta name="image:Member 1" content="" />
  94. <meta name="image:Member 2" content="" />
  95. <meta name="image:Member 3" content="" />
  96. <meta name="image:Member 4" content="" />
  97. <meta name="image:Member 5" content="" />
  98.  
  99.  
  100. <meta name="if:Sticky Navigation" content="0" />
  101. <meta name="if:Sticky Pagination" content="0" />
  102. <meta name="if:About" content="1" />
  103.  
  104. <meta name="if:Recent Updates" content="1" />
  105. <meta name="if:Schedule" content="1" />
  106. <meta name="if:News" content="1" />
  107. <meta name="if:Extra" content="1" />
  108. <meta name="if:Members" content="1" />
  109. <meta name="if:Official Links" content="1" />
  110. <meta name="if:Blog Members" content="1" />
  111. <meta name="if:Disclaimer" content="1" />
  112. <meta name="if:Footer Extra" content="1" />
  113. <meta name="if:Blog Stats" content="1" />
  114. <meta name="if:Searchbar" content="1" />
  115.  
  116. <meta name="if:Borders" content="0" />
  117. <meta name="if:Round Borders" content="0" />
  118. <meta name="if:Box Shadow" content="1" />
  119. <meta name="if:Show Captions" content="1" />
  120. <meta name="if:Show Tags" content="1" />
  121. <meta name="if:Draggable Tags" content="1" />
  122. <meta name="if:Reblog Button" content="1" />
  123. <meta name="if:Like Button" content="1" />
  124.  
  125. <meta name="if:Masonry" content="1" />
  126. <meta name="if:Infinitescroll" content="0" />
  127. <meta name="if:Manual Load" content="0" />
  128.  
  129. <meta name="if:White Tumblr Controls" content="1" />
  130. <meta name="if:Grey Tumblr Controls" content="0" />
  131. <meta name="if:Black Tumblr Controls" content="0" />
  132.  
  133. <meta name="select:Icon Shape" content="square" title="Square" />
  134. <meta name="select:Icon Shape" content="rounded" title="Rounded" />
  135. <meta name="select:Icon Shape" content="circle" title="Circle" />
  136.  
  137. <meta name="select:Body Width" content="100vw" title="Full" />
  138. <meta name="select:Body Width" content="1450px" title="1450px" />
  139. <meta name="select:Body Width" content="1400px" title="1400px" />
  140. <meta name="select:Body Width" content="1350px" title="1350px" />
  141. <meta name="select:Body Width" content="1300px" title="1300px" />
  142. <meta name="select:Body Width" content="1250px" title="1250px" />
  143. <meta name="select:Body Width" content="1200px" title="1200px" />
  144. <meta name="select:Body Width" content="1150px" title="1150px" />
  145. <meta name="select:Body Width" content="1100px" title="1100px" />
  146. <meta name="select:Body Width" content="1000px" title="1000px" />
  147. <meta name="select:Body Width" content="950px" title="950px" />
  148.  
  149. <meta name="select:Header Img Height" content="40" title="40vh" />
  150. <meta name="select:Header Img Height" content="35" title="35vh" />
  151. <meta name="select:Header Img Height" content="30" title="30vh" />
  152. <meta name="select:Header Img Height" content="25" title="25vh" />
  153.  
  154. <meta name="select:Sidebar Width" content="200" title="200px" />
  155. <meta name="select:Sidebar Width" content="250" title="250px" />
  156. <meta name="select:Sidebar Width" content="300" title="300px" />
  157. <meta name="select:Sidebar Width" content="350" title="350px" />
  158. <meta name="select:Sidebar Width" content="400" title="400px" />
  159. <meta name="select:Sidebar Width" content="450" title="450px" />
  160.  
  161. <meta name="select:Post Size" content="200" title="200px" />
  162. <meta name="select:Post Size" content="250" title="250px" />
  163. <meta name="select:Post Size" content="300" title="300px" />
  164. <meta name="select:Post Size" content="350" title="350px" />
  165. <meta name="select:Post Size" content="400" title="400px" />
  166. <meta name="select:Post Size" content="450" title="450px" />
  167. <meta name="select:Post Size" content="500" title="500px" />
  168.  
  169. <meta name="select:Post Size Permalinkpage" content="200" title="200px" />
  170. <meta name="select:Post Size Permalinkpage" content="250" title="250px" />
  171. <meta name="select:Post Size Permalinkpage" content="300" title="300px" />
  172. <meta name="select:Post Size Permalinkpage" content="350" title="350px" />
  173. <meta name="select:Post Size Permalinkpage" content="400" title="400px" />
  174. <meta name="select:Post Size Permalinkpage" content="450" title="450px" />
  175. <meta name="select:Post Size Permalinkpage" content="500" title="500px" />
  176.  
  177. <meta name="select:Margin" content="10" title="10px" />
  178. <meta name="select:Margin" content="15" title="15px" />
  179. <meta name="select:Margin" content="20" title="20px" />
  180. <meta name="select:Margin" content="25" title="25px" />
  181. <meta name="select:Margin" content="30" title="30px" />
  182. <meta name="select:Margin" content="35" title="35px" />
  183. <meta name="select:Margin" content="40" title="40px" />
  184.  
  185. <meta name="text:Home Title" content="home" />
  186. <meta name="text:Ask Title" content="mailbox" />
  187. <meta name="text:Archive Title" content="archive" />
  188. <meta name="text:Link 1" content="" />
  189. <meta name="text:Title 1" content="" />
  190. <meta name="text:Link 2" content="" />
  191. <meta name="text:Title 2" content="" />
  192. <meta name="text:Link 3" content="" />
  193. <meta name="text:Title 3" content="" />
  194. <meta name="text:Link 4" content="" />
  195. <meta name="text:Title 4" content="" />
  196. <meta name="text:Link 5" content="" />
  197. <meta name="text:Title 5" content="" />
  198.  
  199. <meta name="text:Recent Updates Title" content="Recent Updates" />
  200. <meta name="text:Schedule Title" content="Schedule" />
  201. <meta name="text:News Title" content="News" />
  202. <meta name="text:Extra Title" content="Extra" />
  203. <meta name="text:Members Title" content="Members" />
  204. <meta name="text:Official Links Title" content="Official Links" />
  205. <meta name="text:Blog Members Title" content="Blog Members" />
  206. <meta name="text:Disclaimer Title" content="Disclaimer" />
  207. <meta name="text:Footer Extra Title" content="Stay Tuned" />
  208. <meta name="text:Blog Stats Title" content="Blog Stats" />
  209.  
  210. <meta name="text:Updates 1 Link" content="" />
  211. <meta name="text:Updates 1 Title" content="" />
  212. <meta name="text:Updates 2 Link" content="" />
  213. <meta name="text:Updates 2 Title" content="" />
  214. <meta name="text:Updates 3 Link" content="" />
  215. <meta name="text:Updates 3 Title" content="" />
  216. <meta name="text:Updates 4 Link" content="" />
  217. <meta name="text:Updates 4 Title" content="" />
  218. <meta name="text:Updates 5 Link" content="" />
  219. <meta name="text:Updates 5 Title" content="" />
  220.  
  221. <meta name="text:Event 1 Date" content="" />
  222. <meta name="text:Event 1 Time" content="" />
  223. <meta name="text:Event 1 Description" content="" />
  224. <meta name="text:Event 2 Date" content="" />
  225. <meta name="text:Event 2 Time" content="" />
  226. <meta name="text:Event 2 Description" content="" />
  227. <meta name="text:Event 3 Date" content="" />
  228. <meta name="text:Event 3 Time" content="" />
  229. <meta name="text:Event 3 Description" content="" />
  230. <meta name="text:Event 4 Date" content="" />
  231. <meta name="text:Event 4 Time" content="" />
  232. <meta name="text:Event 4 Description" content="" />
  233. <meta name="text:Event 5 Date" content="" />
  234. <meta name="text:Event 5 Time" content="" />
  235. <meta name="text:Event 5 Description" content="" />
  236. <meta name="text:More Schedule Link" content="" />
  237.  
  238. <meta name="text:News Text" content="News Text" />
  239. <meta name="text:Extra Text" content="Extra Text" />
  240.  
  241. <meta name="text:Member 1 Name" content="" />
  242. <meta name="text:Member 1 Description" content="" />
  243. <meta name="text:Member 2 Name" content="" />
  244. <meta name="text:Member 2 Description" content="" />
  245. <meta name="text:Member 3 Name" content="" />
  246. <meta name="text:Member 3 Description" content="" />
  247. <meta name="text:Member 4 Name" content="" />
  248. <meta name="text:Member 4 Description" content="" />
  249. <meta name="text:Member 5 Name" content="" />
  250. <meta name="text:Member 5 Description" content="" />
  251.  
  252. <meta name="text:Official Link 1" content="" />
  253. <meta name="text:Official Title 1" content="" />
  254. <meta name="text:Official Link 2" content="" />
  255. <meta name="text:Official Title 2" content="" />
  256. <meta name="text:Official Link 3" content="" />
  257. <meta name="text:Official Title 3" content="" />
  258. <meta name="text:Official Link 4" content="" />
  259. <meta name="text:Official Title 4" content="" />
  260.  
  261. <meta name="text:Disclaimer Text" content="Disclaimer Text" />
  262. <meta name="text:Footer Extra Text" content="Extra Text" />
  263. <meta name="text:Established" content="" />
  264. <meta name="text:Visits" content="" />
  265. <meta name="text:Online" content="" />
  266.  
  267.  
  268. <link href="http://static.tumblr.com/3yblkz0/dr1nxb5hh/slick.css" rel='stylesheet' type='text/css' />
  269. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  270.  
  271.  
  272. <!--- Fonts --->
  273.  
  274.  
  275. <meta name="select:Body Font" content="Open Sans" title="Open Sans" />
  276. <meta name="select:Body Font" content="Roboto" title="Roboto" />
  277. <meta name="select:Body Font" content="Lato" title="Lato" />
  278. <meta name="select:Body Font" content="Montserrat" title="Montserrat" />
  279. <meta name="select:Body Font" content="Source Sans Pro" title="Source Sans Pro" />
  280.  
  281. <meta name="select:Body Font Size" content="8" title="8px" />
  282. <meta name="select:Body Font Size" content="9" title="9px" />
  283. <meta name="select:Body Font Size" content="10" title="10px" />
  284. <meta name="select:Body Font Size" content="11" title="11px" />
  285. <meta name="select:Body Font Size" content="12" title="12px" />
  286.  
  287.  
  288. <meta name="select:Title Font" content="Open Sans" title="Open Sans" />
  289. <meta name="select:Title Font" content="Roboto" title="Roboto" />
  290. <meta name="select:Title Font" content="Lato" title="Lato" />
  291. <meta name="select:Title Font" content="Montserrat" title="Montserrat" />
  292. <meta name="select:Title Font" content="Source Sans Pro" title="Source Sans Pro" />
  293.  
  294. <meta name="select:Accent Font" content="Open Sans" title="Open Sans" />
  295. <meta name="select:Accent Font" content="Roboto" title="Roboto" />
  296. <meta name="select:Accent Font" content="Lato" title="Lato" />
  297. <meta name="select:Accent Font" content="Montserrat" title="Montserrat" />
  298. <meta name="select:Accent Font" content="Source Sans Pro" title="Source Sans Pro" />
  299.  
  300. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300|Roboto:400,700,500,300|Lato:400,700,300|Montserrat:400,700|Source+Sans+Pro:400,300,700' rel='stylesheet' type='text/css' />
  301.  
  302.  
  303.  
  304. <style type="text/css">
  305.  
  306.  
  307.  
  308. /* Tumblr Controls
  309. _______________________________*/
  310.  
  311. iframe#tumblr_controls {
  312. top:0%!important;
  313. right:0%!important;
  314. position:fixed!important;
  315. z-index:999999999!important;
  316. {block:ifnotBlackTumblrControls}
  317. {block:ifWhiteTumblrControls}
  318. -webkit-filter:invert(100%);
  319. -moz-filter:invert(100%);
  320. -o-filter:invert(100%);
  321. -ms-filter:invert(100%);
  322. filter:invert(100%);
  323. opacity:0.3;
  324. {/block:ifWhiteTumblrControls}
  325. {block:ifGreyTumblrControls}
  326. -webkit-filter:invert(70%);
  327. -moz-filter:invert(70%);
  328. -o-filter:invert(70%);
  329. -ms-filter:invert(70%);
  330. filter:invert(70%);
  331. opacity:0.4;
  332. {/block:ifGreyTumblrControls}
  333. {/block:ifnotBlackTumblrControls}
  334. }
  335.  
  336.  
  337.  
  338. /* Scroll
  339. _______________________________*/
  340.  
  341. ::-webkit-scrollbar { width:5px; height:5px; }
  342. ::-webkit-scrollbar-track-piece { background-color:{color:Scroll}; }
  343. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar}; }
  344.  
  345. .about::-webkit-scrollbar { width:1px; }
  346.  
  347.  
  348.  
  349. /* Body - General
  350. _______________________________*/
  351.  
  352. html, body { margin:0; padding:0; border:0; }
  353.  
  354. header, nav, main, footer, .pa, .pagination { max-width:100%; }
  355.  
  356.  
  357. header, nav, .title, .links, .overlay, main, aside, .updates, .updates div, .updates_title, .spotlight, section, .posts, .post_footer, .post_info, .tags, .reblog_and_like, .perma, .notes, footer, .pa, .ma, .pagination, .sea .quy {
  358. -webkit-box-sizing: border-box;
  359. -moz-box-sizing: border-box;
  360. box-sizing: border-box;
  361. }
  362.  
  363. body {
  364. background-image:url('{image:Background}');
  365. background-attachment:fixed;
  366. background-repeat:repeat;
  367. background-color:{color:Background};
  368. color:{color:Text};
  369. font-family:{select:Body Font}, sans-serif;
  370. font-size:{select:Body Font Size}px;
  371. line-height:140%;
  372. word-wrap:break-word;
  373. }
  374.  
  375. a {
  376. color:{color:Links};
  377. text-decoration:none;
  378. transition-duration: 0.6s;
  379. -moz-transition-duration: 0.6s;
  380. -webkit-transition-duration: 0.6s;
  381. -o-transition-duration: 0.6s;
  382. }
  383.  
  384. a:hover, .updates_title a:hover, footer a:hover, .pa a:hover, .ma a:hover, aside a:hover { color:{color:Links Hover}; }
  385.  
  386. p { margin:5px 0; padding:0; }
  387. p:first-of-type { margin-top:0; }
  388. p:last-of-type { margin-bottom:0; }
  389.  
  390. pre {
  391. margin:5px 0;
  392. padding:2px 4px;
  393. background:#f4f4f4;
  394. white-space:pre-wrap;
  395. word-wrap:break-word;
  396. }
  397.  
  398. blockquote {
  399. margin:8px 0;
  400. padding:2px 0 2px 10px;
  401. border-left:1px solid {color:Blockquote};
  402. }
  403.  
  404. a.tumblr_blog { border-bottom:1px solid {color:Borders}; }
  405.  
  406. ol, ul { margin:0 0 0 15px; padding:0; }
  407. ol li, ul li { padding:2px 0; }
  408.  
  409. .cap { margin:0; padding:15px 20px; }
  410. .cp { display:none; }
  411.  
  412. .read_more_container { margin:5px 0; text-align:center; font-weight:bold; }
  413. .read_more_container a { color:{color:Text}; }
  414.  
  415. .circle,
  416. .circle img.avatar {
  417. -moz-border-radius:100%;
  418. -webkit-border-radius:100%;
  419. border-radius:100%;
  420. }
  421.  
  422. .rounded, .round, .round .notes, .rounded img.avatar {
  423. -moz-border-radius:4px;
  424. -webkit-border-radius:4px;
  425. border-radius:4px;
  426. }
  427.  
  428. .round #photo img, .round .photoset, .round #vid, .round #audio {
  429. -webkit-border-top-left-radius: 4px;
  430. -webkit-border-top-right-radius: 4px;
  431. -moz-border-radius-topleft: 4px;
  432. -moz-border-radius-topright: 4px;
  433. border-top-left-radius: 4px;
  434. border-top-right-radius: 4px;
  435. }
  436.  
  437.  
  438.  
  439. /* Typography
  440. _______________________________*/
  441.  
  442. b, strong { color:{color:Bold}; font-weight:bold; }
  443.  
  444. i, em { color:{color:Italic}; font-style:italic; }
  445.  
  446. h1, h2, h3, h4, h5 {
  447. margin:0;
  448. font-size:120%;
  449. font-weight:normal;
  450. line-height:120%;
  451. }
  452.  
  453. .ppa > h2, .posts > h2 {
  454. margin:0 0 10px 0;
  455. padding:0 0 10px 0;
  456. font-size:16px;
  457. line-height:110%;
  458. border-bottom:1px solid {color:Borders};
  459. color:{color:Post Title};
  460. font-family:{select:Title Font}, sans-serif;
  461. }
  462.  
  463. .content li, .content table, footer table td li span, a.ff, #chat li span, #question p, #audio_text {
  464. font-family:{select:Accent Font};
  465. font-size:8px;
  466. letter-spacing:1px;
  467. text-transform:uppercase;
  468. }
  469.  
  470. .spotlight, .schedule_more, .post_info {
  471. font-family:{select:Accent Font};
  472. font-weight:bold;
  473. letter-spacing:1px;
  474. text-transform:uppercase;
  475. }
  476.  
  477. .links, .pa, .ma {
  478. font-family:{select:Accent Font};
  479. letter-spacing:2px;
  480. text-transform:uppercase;
  481. }
  482.  
  483. .title, .content h3, footer table td h3, .updates_title div a, .sea .quy {
  484. font-family:{select:Accent Font};
  485. font-weight:bold;
  486. letter-spacing:2px;
  487. text-transform:uppercase;
  488. }
  489.  
  490.  
  491.  
  492. /* Header - Top
  493. _______________________________*/
  494.  
  495. header {
  496. width:{select:Body Width};
  497. height:auto;
  498. margin:0 auto;
  499. position:relative;
  500. }
  501.  
  502. nav {
  503. width:{select:Body Width};
  504. min-height:60px;
  505. top:0;
  506. margin-left:0;
  507. position:relative;
  508. overflow:hidden;
  509. line-height:30px;
  510. display: -webkit-flex;
  511. display: flex;
  512. -webkit-flex-direction: row;
  513. flex-direction: row;
  514. -webkit-flex-wrap: nowrap;
  515. flex-wrap: nowrap;
  516. -webkit-justify-content: flex-start;
  517. justify-content: flex-start;
  518. z-index:99999;
  519. }
  520.  
  521. .nn { position:fixed; }
  522.  
  523.  
  524.  
  525. /* Title
  526. _______________________________*/
  527.  
  528. .title {
  529. width:{select:Sidebar Width}px;
  530. padding:
  531. {block:ifIconImage}15px 60px 15px 30px;{/block:ifIconImage}
  532. {block:ifnotIconImage}15px 30px;{/block:ifnotIconImage}
  533. {block:ifnotHeaderImage}
  534. border-bottom:1px solid {color:Header Borders};
  535. {/block:ifnotHeaderImage}
  536. border-right:1px solid {color:Header Borders};
  537. background:{color:Header};
  538. color:{color:Title};
  539. font-family:{select:Title Font}, sans-serif;
  540. font-size:16px;
  541. }
  542.  
  543. .title a { color:{color:Title}; }
  544.  
  545.  
  546. /* Icon */
  547.  
  548. .i {
  549. width:30px;
  550. height:30px;
  551. margin-left:calc({select:Sidebar Width}px - 90px);
  552. top:-30px;
  553. position:absolute;
  554. display:block;
  555. opacity:0;
  556. transition:all .5s ease-in-out;
  557. -webkit-transition:all .5s ease-in-out;
  558. -moz-transition:all .5s ease-in-out;
  559. -o-transition:all .5s ease-in-out;
  560. }
  561.  
  562. .cc .i { top:15px; opacity:1; }
  563.  
  564.  
  565.  
  566. /* Navigation
  567. _______________________________*/
  568.  
  569. .links {
  570. width:
  571. {block:ShowTitle}calc(100% - {select:Sidebar Width}px);{/block:ShowTitle}
  572. {block:HideTitle}100%;{/block:HideTitle}
  573. {block:ifnotHeaderImage}
  574. border-bottom:1px solid {color:Header Borders};
  575. {/block:ifnotHeaderImage}
  576. padding:15px 30px;
  577. background:{color:Header};
  578. color:{color:Navigation};
  579. text-align:center;
  580. }
  581.  
  582. .links a { margin:0 15px; color:{color:Navigation}; }
  583.  
  584. .links a:hover { color:{color:Navigation Hover}; }
  585.  
  586.  
  587.  
  588. /* Header Image
  589. _______________________________*/
  590.  
  591. .header_img {
  592. width:100%;
  593. height:{select:Header Img Height}vh;
  594. background:url('{image:Header}');
  595. background-attachment:fixed;
  596. background-repeat:no-repeat;
  597. background-size:cover;
  598. background-position:center ;
  599. background-color:{color:Header};
  600. }
  601.  
  602.  
  603.  
  604. /* About
  605. _______________________________*/
  606.  
  607. .overlay {
  608. width:{select:Sidebar Width}px;
  609. height:{select:Header Img Height}vh;
  610. left:0;
  611. top:0;
  612. padding:30px;
  613. position:relative;
  614. display:block;
  615. border-right:1px solid {color:About Borders};
  616. background:rgba({RGBcolor:About}, .6);
  617. color:{color:About Text};
  618. }
  619.  
  620. .about {
  621. width:100%;
  622. max-height:calc({select:Header Img Height}vh - 60px);
  623. position:relative;
  624. overflow:auto;
  625. top:50%;
  626. transform: translateY(-50%);
  627. -webkit-transform: translateY(-50%);
  628. -o-transform: translateY(-50%);
  629. -moz-transform: translateY(-50%);
  630. }
  631.  
  632.  
  633. /* Icon */
  634.  
  635. .ic { width:80px; height:80px; margin-bottom:20px; }
  636.  
  637. .ic img { width:80px; height:80px; }
  638.  
  639.  
  640.  
  641. /* Main - Content
  642. _______________________________*/
  643.  
  644. main {
  645. width:{select:Body Width};
  646. height:auto;
  647. margin:0 auto;
  648. padding:0;
  649. position:relative;
  650. display: -webkit-flex;
  651. display: flex;
  652. -webkit-flex-direction: row;
  653. flex-direction: row;
  654. -webkit-flex-wrap: nowrap;
  655. flex-wrap: nowrap;
  656. -webkit-justify-content: flex-start;
  657. justify-content: flex-start;
  658. }
  659.  
  660. aside, section {
  661. min-height:
  662. {block:ifnotHeaderImage}calc(100vh - 60px);{/block:ifnotHeaderImage}
  663. {block:ifHeaderImage}calc(100vh - {select:Header Img Height}vh - 60px);{/block:ifHeaderImage}
  664. }
  665.  
  666.  
  667.  
  668. /* Sidebar
  669. _______________________________*/
  670.  
  671. aside {
  672. width:{select:Sidebar Width}px;
  673. height:auto;
  674. top:0;
  675. left:0;
  676. padding:30px;
  677. border-right:1px solid {color:Sidebar Borders};
  678. background:{color:Sidebar};
  679. color:{color:Sidebar Text};
  680. }
  681.  
  682. aside a { color:{color:Sidebar Links}; }
  683.  
  684. .content { margin-bottom:30px; display:block; }
  685.  
  686. .content h3 {
  687. margin-bottom:15px;
  688. padding:10px 0;
  689. border-bottom:1px solid {color:Sidebar Borders};
  690. color:{color:Sidebar Title};
  691. font-size:10px;
  692. }
  693.  
  694. .content table {
  695. width:100%;
  696. display:block;
  697. word-wrap:break-word;
  698. word-break:break-all;
  699. }
  700.  
  701. .content tr { padding:5px 0; display:block;}
  702. .content tr:first-of-type { padding-top:0;}
  703. .content tr:last-of-type { padding-bottom:0; border-bottom:0; }
  704.  
  705. .content td { padding:0 5px; }
  706. .content td:first-of-type { padding-left:0; }
  707. .content td:last-of-type { padding-right:0; }
  708.  
  709. .content ul, footer table td ul, #chat {
  710. margin:0;
  711. padding:0;
  712. list-style:none;
  713. }
  714.  
  715. .content li { padding:5px 0; }
  716. .content li:first-of-type, footer table td li:first-of-type { padding-top:0 }
  717. .content li:last-of-type, footer table td li:last-of-type { padding-bottom:0 }
  718. .content li span, footer table td li span { margin-right:5px; }
  719.  
  720.  
  721.  
  722. /* Recent Updates - Slick
  723. _______________________________*/
  724.  
  725. .updates { margin:15px 0 0 0; overflow:hidden; }
  726.  
  727. .updates div {
  728. width:calc({select:Sidebar Width}px - 30px*2);
  729. height:calc(({select:Sidebar Width}px - 30px*2)/1.5);
  730. overflow:hidden;
  731. }
  732.  
  733. .updates div img {
  734. width:calc({select:Sidebar Width}px - 30px*2);
  735. opacity:.8;
  736. }
  737.  
  738. .updates_title {
  739. top:0px;
  740. padding:20px;
  741. position:absolute;
  742. opacity:0;
  743. background:{color:Recent Updates Hover Background};
  744. color:{color:Recent Updates Hover Title};
  745. transition:all .5s ease-in-out;
  746. -webkit-transition:all .5s ease-in-out;
  747. -moz-transition:all .5s ease-in-out;
  748. -o-transition:all .5s ease-in-out;
  749. }
  750.  
  751. .updates_title div {
  752. width:auto;
  753. height:auto;
  754. position:relative;
  755. line-height:100%;
  756. text-align:center;
  757. top:50%;
  758. transform: translateY(-50%);
  759. -webkit-transform: translateY(-50%);
  760. -o-transform: translateY(-50%);
  761. -moz-transform: translateY(-50%);
  762. }
  763.  
  764. .updates_title div a { color:{color:Recent Updates Hover Title}; }
  765.  
  766. .updates div:hover .updates_title { opacity:.8; }
  767.  
  768.  
  769. /* Slick Dots */
  770.  
  771. .slick-dots { padding:0; position:relative; display:block; list-style:none; text-align:center; }
  772.  
  773. .slick-dots li { width:20px; height:20px; margin:5px 5px 0 5px; padding:0; position:relative; display:inline-block; overflow:hidden; cursor:pointer; }
  774.  
  775. .slick-dots li button { width:20px; height:20px; padding:5px; display:block;
  776. cursor:pointer; outline:none; border:0; background:transparent; color:transparent; font-size:0; }
  777. .slick-dots li button:hover, .slick-dots li button:focus { outline:none; }
  778.  
  779. .slick-dots li button:before { content:"β€’"; width:20px; height:20px; top:0; left:0; position:absolute; opacity:.40; color:{color:Recent Updates Dots}; font-size:20px; line-height:20px; text-align:center; }
  780.  
  781. .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity:1; }
  782.  
  783. .slick-dots li.slick-active button:before { opacity:.75; color:{color:Recent Updates Dots}; }
  784.  
  785.  
  786.  
  787. /* Schedule
  788. _______________________________*/
  789.  
  790. .schedule tr { padding:10px 0; border-bottom:1px solid {color:Borders}; }
  791.  
  792. .schedule td:first-of-type { min-width:50px; font-weight:bold; }
  793. .schedule td:first-of-type p { font-weight:normal; }
  794.  
  795. .schedule_more { display:block; text-align:right; margin-top:5px;}
  796.  
  797.  
  798.  
  799. /* News - Spotlight
  800. _______________________________*/
  801.  
  802. .spot { cursor:help; }
  803.  
  804. .spotlight_outer {
  805. width:100%;
  806. height:100%;
  807. top:0;
  808. left:0;
  809. position:fixed;
  810. display:none;
  811. background:rgba({RGBcolor:Spotlight Overlay}, .9);
  812. z-index:999999;
  813. }
  814.  
  815. .ov { width:100%; height:100%; top:0; left:0; }
  816.  
  817. .spotlight {
  818. width:600px;
  819. padding:30px;
  820. position:absolute;
  821. background:{color:Spotlight};
  822. color:{color:Spotlight Text};
  823. text-align:center;
  824. top:50%;
  825. left:50%;
  826. transform: translate(-50%,-50%);
  827. -webkit-transform: translate(-50%,-50%);
  828. -o-transform: translate(-50%,-50%);
  829. -moz-transform: translate(-50%,-50%);
  830. }
  831.  
  832.  
  833. /* Official Links
  834. _______________________________*/
  835.  
  836. .official li {
  837. width:50%;
  838. margin:5px 0;
  839. padding:0;
  840. position:relative;
  841. display:inline-block;
  842. }
  843.  
  844. .official li:nth-of-type(odd) { float:left; }
  845.  
  846.  
  847. /* Members - Blog Members
  848. _______________________________*/
  849.  
  850. .members td:first-of-type { min-width:40px; }
  851. .members td p { font-style:italic; }
  852.  
  853. .m { width:40px; height:40px; }
  854.  
  855. .group_members { margin:5px; }
  856.  
  857.  
  858.  
  859. /* Wrapper - Posts
  860. _______________________________*/
  861.  
  862. section {
  863. width:calc(100% - {select:Sidebar Width}px)!important;
  864. margin:0;
  865. }
  866.  
  867. #wrapper {
  868. {block:IndexPage}{block:ifnotMasonry}
  869. width:calc({select:Post Size}px + {select:Margin}px*2);
  870. {/block:ifnotMasonry}{/block:IndexPage}
  871. {block:PermalinkPage}
  872. width:calc({select:Post Size Permalinkpage}px + {select:Margin}px*2);
  873. {/block:PermalinkPage}
  874. margin:35px auto;
  875. padding:0;
  876. border:0;
  877. }
  878.  
  879. .posts {
  880. width:
  881. {block:IndexPage}
  882. {select:Post Size}px;
  883. {/block:IndexPage}
  884. {block:PermalinkPage}
  885. {select:Post Size Permalinkpage}px;
  886. {/block:PermalinkPage}
  887. height:auto;
  888. margin:{select:Margin}px;
  889. position:relative;
  890. {block:ifBorders}
  891. border:1px solid {color:Borders};
  892. {/block:ifBorders}
  893. background:{color:Posts};
  894. color:{color:Text};
  895. transition-duration: 0.6s;
  896. -moz-transition-duration: 0.6s;
  897. -webkit-transition-duration: 0.6s;
  898. -o-transition-duration: 0.6s;
  899. {block:ifBoxShadow}
  900. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  901. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  902. box-shadow: 0 1px 2px rgba(0,0,0,.1);
  903. {/block:ifBoxShadow}
  904. }
  905.  
  906.  
  907. /* Text */
  908.  
  909. .ppa { padding:15px 20px; }
  910.  
  911.  
  912. /* Image */
  913.  
  914. .posts img, img { max-width:100%; height:auto; }
  915.  
  916. iframe, embed, object, video { max-width:100%; }
  917.  
  918. #photo img { width:100%; display:block; }
  919.  
  920.  
  921. /* Photoset */
  922.  
  923. .photoset { display:block; }
  924.  
  925. #tumblr_lightbox { background:rgba({RGBcolor:Background}, .9)!important; }
  926.  
  927. #vignette { opacity:0!important; }
  928.  
  929. #tumblr_lightbox_caption {
  930. background:none!important;
  931. color:{color:Text}!important;
  932. font-family:{select:Body Font}!important;
  933. font-size:{select:Body Font Size}!important;
  934. font-weight:normal!important;
  935. text-shadow:none!important;
  936. }
  937.  
  938. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  939. padding:0px!important;
  940. opacity:1!important;
  941. border-radius:0px!important;
  942. -webkit-border-radius:0px!important;
  943. -moz-border-radius:0px!important;
  944. box-shadow:none!important;
  945. -webkit-box-shadow:none!important;
  946. -moz-box-shadow:none!important;
  947. }
  948.  
  949.  
  950. /* Video */
  951.  
  952. #vid { display:block; overflow:hidden; }
  953.  
  954. #vid iframe { display:block; }
  955.  
  956. .tumblr_video_container { width:auto!important; height:auto!important; }
  957.  
  958. {block:IndexPage}
  959. iframe.vine-embed {
  960. width:{select:Post Size}px!important;
  961. height:{select:Post Size}px!important;
  962. display:block;
  963. }
  964. {/block:IndexPage}
  965.  
  966.  
  967. /* Audio */
  968.  
  969. iframe.tumblr_audio_player {
  970. width:25px;
  971. height:25px;
  972. display:block;
  973. overflow:hidden;
  974. border:20px solid #fff;
  975. background:#fff;
  976. }
  977.  
  978. #audio {
  979. border-collapse:collapse;
  980. {block:ifnotBorders}
  981. border:1px solid {color:Borders};
  982. {/block:ifnotBorders}
  983. {block:ifBorders}
  984. border-bottom:1px solid {color:Borders};
  985. {/block:ifBorders}
  986. }
  987.  
  988. #audio_text {
  989. padding:10px 15px 10px 10px;
  990. background:#fff;
  991. color:#aaa;
  992. letter-spacing:1.5px;
  993. line-height:10px;
  994. text-align:right;
  995. }
  996.  
  997. #audio img { width:65px; height:65px; margin:0; display:block; }
  998.  
  999. iframe.soundcloud_audio_player {
  1000. {block:IndexPage}
  1001. width:{select:Post Size}px!important;
  1002. {/block:IndexPage}
  1003. {block:PermalinkPage}
  1004. width:{select:Post Size Permalinkpage}px!important;
  1005. {/block:PermalinkPage}
  1006. height:auto!important;
  1007. display:block;
  1008. }
  1009.  
  1010. iframe.spotify_audio_player { height:80px!important; display:block; }
  1011.  
  1012.  
  1013. /* Answer - Ask */
  1014.  
  1015. #question { padding:10px 10px 15px 10px; }
  1016. #question p {
  1017. margin-bottom:4px;
  1018. padding-bottom:4px;
  1019. border-bottom:1px solid {color:Borders};
  1020. font-weight:bold;
  1021. }
  1022.  
  1023.  
  1024. /* Quote */
  1025.  
  1026. #quote { margin-bottom:10px; font-size:12px; font-style:italic; }
  1027. #source { margin-left:20px; }
  1028. #source:before {
  1029. content:"β€”";
  1030. left:20px;
  1031. position:absolute;
  1032. display:block;
  1033. font-family:sans-serif;
  1034. font-size:12px;
  1035. }
  1036.  
  1037.  
  1038. /* Chat */
  1039.  
  1040. #chat li { padding:5px 0; border-bottom:1px solid {color:Borders}; }
  1041. #chat li:first-of-type { padding-top:0; }
  1042. #chat li:last-of-type { padding-bottom:0; border-bottom:0; }
  1043. #chat li span { margin-right:3px; }
  1044.  
  1045.  
  1046.  
  1047. /* Perma - Post info - Tags
  1048. _______________________________*/
  1049.  
  1050. .post_footer {
  1051. padding:10px 20px;
  1052. border-top:1px solid {color:Borders};
  1053. color:{color:Perma Links};
  1054. }
  1055.  
  1056. .post_footer span { padding-right:7px; }
  1057.  
  1058. .post_footer a, .notes a { margin-right:7px; color:{color:Perma Links}; }
  1059.  
  1060. .post_footer a:hover, .post_footer a:focus, .post_footer a:active, .notes a:hover, .tags a:hover { color:{color:Perma Links Hover}; }
  1061.  
  1062.  
  1063. /* Post Info */
  1064.  
  1065. .post_info {
  1066. width:100%;
  1067. margin:0;
  1068. padding:0;
  1069. display:table;
  1070. border-spacing:0;
  1071. border-collapse:collapse;
  1072. font-size:8px;
  1073. line-height:10px;
  1074. }
  1075.  
  1076. .perma { display:table-cell; vertical-align:middle; word-wrap:normal; }
  1077.  
  1078.  
  1079. /* Reblog and Like Button */
  1080.  
  1081. .reblog_and_like {
  1082. width:40px;
  1083. display:table-cell;
  1084. vertical-align:middle;
  1085. text-align:right;
  1086. white-space:nowrap;
  1087. }
  1088.  
  1089. .reblog_and_like ul {
  1090. margin:0;
  1091. padding:0;
  1092. list-style:none;
  1093. text-align:right;
  1094. }
  1095.  
  1096. .reblog_and_like li { display:inline-block; margin:0 0 0 4px; }
  1097.  
  1098. .like_button, .reblog_button { height:12px; overflow:hidden; }
  1099. .like_toggle { width:12px; height:14px; margin-top:-1.5px;}
  1100. .reblog_button svg path { fill:{color:Reblog and Like Button}; }
  1101.  
  1102. .like { position:relative; padding:0; margin:0; }
  1103. .like svg path { fill:{color:Reblog and Like Button}; }
  1104. .like .like_button { top:0; position:absolute; opacity:0; }
  1105. .like .like_button.liked { opacity: 1; }
  1106.  
  1107. .reblog_button:hover svg path, .like:hover svg path { fill:{color:Perma Links Hover}; }
  1108.  
  1109.  
  1110. /* Tags */
  1111.  
  1112. .tags { margin-bottom:10px; font-size:10px; line-height:12px; }
  1113. .tags a { color:{color:Tags}; }
  1114.  
  1115. .tt { display:none; }
  1116.  
  1117. {block:ifDraggableTags}
  1118. .post_tags { position:relative; overflow:hidden; white-space:nowrap; }
  1119.  
  1120. .post_tags_inner { padding:0px 20px 0px 0; position:relative; float:left; }
  1121.  
  1122. .post_tags.draggable .post_tags_inner {
  1123. cursor:col-resize;
  1124. -webkit-touch-callout:none;
  1125. -webkit-user-select:none;
  1126. -khtml-user-select:none;
  1127. -moz-user-select:none;
  1128. -ms-user-select:none;
  1129. user-select:none;
  1130. }
  1131.  
  1132. .post_tags:after {
  1133. content:'';
  1134. width:20px;
  1135. top:0;
  1136. bottom:0;
  1137. right:0;
  1138. position:absolute;
  1139. background:
  1140. -moz-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  1141. background:
  1142. -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, {color:Posts}));
  1143. background:
  1144. -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  1145. background:
  1146. -o-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  1147. background:
  1148. -ms-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  1149. background:
  1150. linear-gradient(to right, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  1151. }
  1152. {/block:ifDraggableTags}
  1153.  
  1154.  
  1155.  
  1156. /* Notes
  1157. _______________________________*/
  1158.  
  1159. .notes {
  1160. width:{select:Post Size Permalinkpage}px;
  1161. max-height:350px;
  1162. margin:25px auto;
  1163. padding:10px 20px;
  1164. overflow:auto;
  1165. list-style-type:none;
  1166. {block:ifBorders}
  1167. border:1px solid {color:Borders};
  1168. {/block:ifBorders}
  1169. background:{color:Posts};
  1170. color:{color:Perma Links};
  1171. {block:ifBoxShadow}
  1172. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  1173. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  1174. box-shadow: 0 1px 2px rgba(0,0,0,.1);
  1175. {/block:ifBoxShadow}
  1176. }
  1177.  
  1178. ol.notes li.note { padding:10px; border-top:1px solid {color:Borders}; }
  1179. ol.notes li.note:first-of-type { border:0; }
  1180.  
  1181. ol.notes li.note img.avatar {
  1182. width:20px;
  1183. height:20px;
  1184. margin-right:10px;
  1185. vertical-align:-6px;
  1186. }
  1187.  
  1188.  
  1189.  
  1190. /* Footer
  1191. _______________________________*/
  1192.  
  1193. footer {
  1194. width:{select:Body Width};
  1195. height:auto;
  1196. min-height:40px;
  1197. bottom:0;
  1198. margin:0 auto;
  1199. padding:20px 30px;
  1200. background:{color:Footer};
  1201. color:{color:Footer Text};
  1202. }
  1203.  
  1204. footer a, .pa a, .ma a { color:{color:Footer Links}; }
  1205.  
  1206. footer table { width:auto; height:auto; margin:0 auto; }
  1207. footer table td { max-width:300px; padding:0 25px; text-align:justify; }
  1208. footer table td#dis { width:300px; }
  1209. footer table td h3 {
  1210. margin-bottom:10px;
  1211. color:{color:Footer Title};
  1212. font-size:10px;
  1213. }
  1214.  
  1215. a.ff {
  1216. margin:5px 5px 5px 0;
  1217. padding:2px 5px;
  1218. display:inline-block;
  1219. border:1px solid {color:Footer Links};
  1220. -moz-border-radius:4px;
  1221. -webkit-border-radius:4px;
  1222. border-radius:4px;
  1223. }
  1224.  
  1225. a.ff:hover { background:{color:Footer Links}; color:{color:Footer}; }
  1226.  
  1227.  
  1228. /* Pagination - Manual Load */
  1229.  
  1230. .pa, .ma {
  1231. height:auto;
  1232. margin:0 auto;
  1233. {block:ifnotInfinitescroll}
  1234. width:{select:Body Width};
  1235. {/block:ifnotInfinitescroll}
  1236. {block:ifManualLoad}
  1237. width:auto;
  1238. margin-bottom:15px;
  1239. padding:0 0 15px 0;
  1240. border-bottom:1px solid rgba(200, 200, 200, .2);
  1241. {/block:ifManualLoad}
  1242. color:{color:Footer Links};
  1243. text-align:center;
  1244. }
  1245.  
  1246. .pa a, .ma a { margin:0 5px; }
  1247.  
  1248. .pagination {
  1249. width:{select:Body Width};
  1250. margin-left:0;
  1251. padding:15px 0;
  1252. {block:ifStickyPagination}
  1253. opacity:0;
  1254. {/block:ifStickyPagination}
  1255. background:{color:Footer};
  1256. z-index:9999;
  1257. transition:all .5s ease-in-out;
  1258. -webkit-transition:all .5s ease-in-out;
  1259. -moz-transition:all .5s ease-in-out;
  1260. -o-transition:all .5s ease-in-out;
  1261. }
  1262.  
  1263. .pagination.pp { bottom:0; position:fixed; }
  1264.  
  1265. {block:ifInfinitescroll}
  1266. .pa {display:none;}
  1267.  
  1268. .pagination { display:none; }
  1269.  
  1270. #infscr-loading { display:none!important; }
  1271. {/block:ifInfinitescroll}
  1272.  
  1273. a#load { cursor:pointer; }
  1274.  
  1275.  
  1276. /* Searchbar */
  1277.  
  1278. .sea .quy {
  1279. width:100px;
  1280. {block:ifInfiniteScroll}
  1281. margin:15px 0 0 0;
  1282. {/block:ifInfiniteScroll}
  1283. {block:ifnotInfiniteScroll}
  1284. margin:15px 0;
  1285. {/block:ifnotInfiniteScroll}
  1286. padding:5px 0;
  1287. outline:0;
  1288. border:0;
  1289. background-color:transparent;
  1290. color:inherit;
  1291. font-family:inherit;
  1292. font-size:8px;
  1293. transition:all .5s ease-in-out;
  1294. -webkit-transition:all .5s ease-in-out;
  1295. -moz-transition:all .5s ease-in-out;
  1296. -o-transition:all .5s ease-in-out;
  1297. }
  1298.  
  1299. .sea input:focus {
  1300. width:100%;
  1301. padding:5px;
  1302. background-color:rgba(200, 200, 200, .2);
  1303. }
  1304.  
  1305. ::-webkit-input-placeholder, :-ms-input-placeholder { color:inherit; }
  1306. :-moz-placeholder, ::-moz-placeholder { color:inherit; opacity:1; }
  1307.  
  1308. input:focus::-webkit-input-placeholder, input:focus:-moz-placeholder, input:focus::-moz-placeholder, input:focus:-ms-input-placeholder
  1309. { color:transparent; }
  1310.  
  1311.  
  1312.  
  1313. /* Screen res.
  1314. _______________________________*/
  1315.  
  1316. @media only screen and (max-width: 800px) {
  1317.  
  1318. .posts { max-width:350px; }
  1319. .wrapper { max-width:390px; }
  1320. footer, main, nav, header, .pa, .pagination { width:100vw; max-width:100%; }
  1321. .overlay, .title, aside { width:200px!important; }
  1322. .links { width:calc(100% - 200px); line-height:15px; }
  1323. .i { margin-left:110px; }
  1324. section { width:calc(100% - 200px)!important; }
  1325. .updates div, .updates div img { width:calc(200px - 30px*2 - 1px); }
  1326. .updates div { height:calc((200px - 30px*2)/1.5)!important; }
  1327. .content { width:140px; }
  1328. footer table td { width:calc(100%/3); padding:0 15px; }
  1329. }
  1330.  
  1331.  
  1332.  
  1333. {CustomCSS}
  1334.  
  1335.  
  1336.  
  1337. </style>
  1338.  
  1339.  
  1340.  
  1341. <!--------------- Scripts ---------------------->
  1342.  
  1343. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1344.  
  1345.  
  1346. {block:IndexPage}
  1347. {block:ifMasonry}
  1348. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  1349. {/block:ifMasonry}
  1350. {block:ifInfinitescroll}
  1351. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1352. {/block:ifInfinitescroll}
  1353. <script>
  1354. $(document).ready(function(){
  1355. var $container = $('#wrapper');
  1356. {block:ifMasonry}
  1357. $container.masonry({
  1358. itemSelector: 'article',
  1359. columnWidth: {select:Post Size} + {select:Margin}*2,
  1360. isFitWidth: true,
  1361. });
  1362. $container.imagesLoaded(function(){
  1363. $container.masonry();
  1364. });
  1365. {/block:ifMasonry}
  1366. {block:ifInfinitescroll}
  1367. $container.infinitescroll({
  1368. itemSelector : "article",
  1369. navSelector : ".pagination",
  1370. nextSelector : ".pagination a#next",
  1371. loadingImg : "",
  1372. loadingText : "<em> </em>",
  1373. bufferPx : 1000,
  1374. extraScrollPx: 500,
  1375. {block:ifManualLoad}
  1376. errorCallback: function () { jQuery('a#load').delay(50).fadeOut(); },
  1377. {/block:ifManualLoad}
  1378. },
  1379. function( newElements ) {
  1380. $(newElements).find('.photo-slideshow').pxuPhotoset({
  1381. lightbox: true,
  1382. rounded: false,
  1383. gutter: '5px',
  1384. borderRadius: '0px',
  1385. photoset: '.photo-slideshow',
  1386. photoWrap: '.photo-data',
  1387. photo: '.pxu-photo'
  1388. });
  1389. $(newElements).find('#vid iframe').each(function(){
  1390. var scale = $(this).parents('#vid').width() / 500;
  1391. $(this).attr({
  1392. width: Math.floor($(this).attr('width') * scale),
  1393. height: Math.floor($(this).attr('height') * scale)
  1394. });
  1395. });
  1396. {block:ifMasonry}
  1397. var $newElems = $( newElements ).css({ opacity: 0 });
  1398. $newElems.imagesLoaded(function(){
  1399. $container.masonry( 'appended', $newElems );
  1400. $newElems.animate({ opacity: 1 });
  1401. });
  1402. {/block:ifMasonry}
  1403. {block:ifDraggableTags}
  1404. $(newElements).find(".post_tags_inner").draggable({
  1405. axis: "x",
  1406. scroll: false,
  1407. stop: function() {
  1408. var pt_left = $(this).css("left").replace(/[^-\d\.]/g, '');
  1409. if(pt_left > 0){ $(this).animate({left: 0}, 400, 'easeOutExpo');}
  1410. var pt_width = $(this).outerWidth();
  1411. var pt_parentWidth = $(".post_tags.draggable").outerWidth();
  1412. if(pt_width > pt_parentWidth) {
  1413. if(pt_left < pt_parentWidth - pt_width ){
  1414. $(this).animate({left: pt_parentWidth - pt_width}, 400, 'easeOutExpo' );}
  1415. } else {
  1416. $(this).animate({left: 0}, 400, 'easeOutExpo');}
  1417. }
  1418. });
  1419. {/block:ifDraggableTags}
  1420. {block:ifLikeButton}
  1421. var $newElemsIDs = $newElems.map(function (){return this.id;}).get();
  1422. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1423. {/block:ifLikeButton}
  1424. });
  1425. {block:ifManualLoad}
  1426. $(window).unbind('.infscr');
  1427. $('a#load').click(function() {
  1428. $container.infinitescroll('retrieve');return false;
  1429. });
  1430. {/block:ifManualLoad}
  1431. {/block:ifInfinitescroll}
  1432. });
  1433. </script>
  1434. {/block:IndexPage}
  1435.  
  1436.  
  1437. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  1438. {block:ifRecentUpdates}
  1439. <script src="http://static.tumblr.com/3yblkz0/VwZnm51yb/slick.min.js"></script>
  1440. {/block:ifRecentUpdates}
  1441. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1442.  
  1443. <script>
  1444. $(document).ready(function(){
  1445. {block:ifNews}
  1446. $('.spot').click(function(){
  1447. $(".spotlight_outer").fadeIn();
  1448. });
  1449. $('.ov').click(function(){
  1450. $(".spotlight_outer").fadeOut();
  1451. });
  1452. {/block:ifNews}
  1453. {block:ifRecentUpdates}
  1454. $('.updates').slick({
  1455. autoplay: true,
  1456. autoplaySpeed: 3000,
  1457. arrows: false,
  1458. slidesToShow: 1,
  1459. infinite: true,
  1460. dots:true,
  1461. variableWidth:true,
  1462. });
  1463. {/block:ifRecentUpdates}
  1464. {block:ifStickyNavigation}
  1465. var sticky = $('nav').offset().top;
  1466. $(window).scroll(function(){
  1467. if( $(window).scrollTop() > sticky ) {
  1468. $('nav').addClass('nn');
  1469. } else {
  1470. $('nav').removeClass('nn');
  1471. }
  1472. });
  1473. {block:ifAbout}{block:ifIconImage}
  1474. var icon = $('.ic').offset().top;
  1475. $(window).scroll(function(){
  1476. if( $(window).scrollTop() >= icon) {
  1477. $('.title').addClass('cc');
  1478. } else {
  1479. $('.title').removeClass('cc');
  1480. }
  1481. });
  1482. {/block:ifIconImage}{/block:ifAbout}
  1483. {/block:ifStickyNavigation}
  1484. {block:IndexPage}
  1485. {block:ifnotInfinitescroll}
  1486. {block:ifStickyPagination}
  1487. $(window).scroll(function(){
  1488. if($(document).height() - ($(window).height() + $(this).scrollTop()) > ($( "footer" ).height() + 40)) {
  1489. $('.pagination').addClass('pp');
  1490. } else {
  1491. $('.pagination').removeClass('pp');
  1492. }
  1493. if( $(window).scrollTop() ) {
  1494. $('.pagination').css({opacity: '1'});
  1495. } else {
  1496. $('.pagination').css({opacity: '0'});
  1497. }
  1498. });
  1499. {/block:ifStickyPagination}
  1500. {/block:ifnotInfinitescroll}
  1501. {/block:IndexPage}
  1502. $('.photo-slideshow').pxuPhotoset({
  1503. lightbox: true,
  1504. rounded: false,
  1505. gutter: '5px',
  1506. borderRadius: '0px',
  1507. photoset: '.photo-slideshow',
  1508. photoWrap: '.photo-data',
  1509. photo: '.pxu-photo'
  1510. });
  1511. $('#vid iframe').each(function(){
  1512. var scale = $(this).parents('#vid').width() / 500;
  1513. $(this).attr({
  1514. width: Math.floor($(this).attr('width') * scale),
  1515. height: Math.floor($(this).attr('height') * scale)
  1516. });
  1517. });
  1518. {block:ifDraggableTags}
  1519. $(".post_tags_inner").draggable({
  1520. axis : "x",
  1521. scroll: false,
  1522. stop: function() {
  1523. var pt_left = $(this).css("left").replace(/[^-\d\.]/g, '');
  1524. if(pt_left > 0){
  1525. $(this).animate({left: 0}, 400, 'easeOutExpo');
  1526. }
  1527. var pt_width = $(this).outerWidth();
  1528. var pt_parentWidth = $(".post_tags.draggable").outerWidth();
  1529. if(pt_width > pt_parentWidth) {
  1530. if(pt_left < pt_parentWidth - pt_width){
  1531. $(this).animate({left: pt_parentWidth - pt_width}, 400, 'easeOutExpo');
  1532. }
  1533. } else {
  1534. $(this).animate({left: 0}, 400, 'easeOutExpo');
  1535. }
  1536. }
  1537. });
  1538. {/block:ifDraggableTags}
  1539. });
  1540. </script>
  1541.  
  1542.  
  1543.  
  1544. </head>
  1545. <body>
  1546.  
  1547.  
  1548.  
  1549. <!--------------- Header ---------------------->
  1550.  
  1551. <header>
  1552. <nav>
  1553. {block:ShowTitle}<div class="title"><a href="/">{Title}</a>
  1554. {block:ifIconImage}<img src="{image:Icon}" class="i {select:Icon Shape}" />{/block:ifIconImage}
  1555. </div>{/block:ShowTitle}
  1556.  
  1557.  
  1558. <div class="links">
  1559. {block:ifHomeTitle}<a href="/">{text:Home Title}</a>{/block:ifHomeTitle}
  1560. {block:ifAskTitle}<a href="/ask">{text:Ask Title}</a>{/block:ifAskTitle}
  1561. {block:ifLink1}<a href="{text:Link 1}">{text:Title 1}</a>{/block:ifLink1}
  1562. {block:ifLink2}<a href="{text:Link 2}">{text:Title 2}</a>{/block:ifLink2}
  1563. {block:ifLink3}<a href="{text:Link 3}">{text:Title 3}</a>{/block:ifLink3}
  1564. {block:ifLink4}<a href="{text:Link 4}">{text:Title 4}</a>{/block:ifLink4}
  1565. {block:ifLink5}<a href="{text:Link 5}">{text:Title 5}</a>{/block:ifLink5}
  1566. {block:ifArchiveTitle}<a href="/archive">{text:Archive Title}</a>{/block:ifArchiveTitle}
  1567. </div>
  1568. </nav>
  1569.  
  1570.  
  1571. {block:ifHeaderImage}
  1572. <div class="header_img">
  1573. {block:ifAbout}<div class="overlay">
  1574. <div class="about">{block:ifIconImage}<center><div class="ic"><img src="{image:Icon}" class="{select:Icon Shape}" /></div></center>{/block:ifIconImage}{block:ShowDescription}{Description}{/block:ShowDescription}</div>
  1575. </div>{/block:ifAbout}
  1576. </div>
  1577. {/block:ifHeaderImage}
  1578. </header>
  1579.  
  1580.  
  1581.  
  1582. <main>
  1583.  
  1584.  
  1585.  
  1586. <!--------------- Sidebar ---------------------->
  1587.  
  1588. <aside>
  1589. {block:ifnotHeaderImage}{block:ifAbout}<div class="content">{block:ifIconImage}<center><div class="ic"><img src="{image:Icon}" class="{select:Icon Shape}" /></div></center>{/block:ifIconImage}{block:ShowDescription}{Description}{/block:ShowDescription}</div>{/block:ifAbout}{/block:ifnotHeaderImage}
  1590.  
  1591.  
  1592. <!--------------- Recent Updates ---------------------->
  1593.  
  1594. {block:ifRecentUpdates}
  1595. <div class="content"><h3>{text:Recent Updates Title}</h3>
  1596. <div class="updates">
  1597. {block:ifUpdates1Image}<div><img src="{image:Updates 1}"/>{block:ifUpdates1Title}<div class="updates_title"><div><a href="{text:Updates 1 Link}">{text:Updates 1 Title}</a></div></div>{/block:ifUpdates1Title}</div>{/block:ifUpdates1Image}
  1598. {block:ifUpdates2Image}<div><img src="{image:Updates 2}"/>{block:ifUpdates2Title}<div class="updates_title"><div><a href="{text:Updates 2 Link}">{text:Updates 2 Title}</a></div></div>{/block:ifUpdates2Title}</div>{/block:ifUpdates2Image}
  1599. {block:ifUpdates3Image}<div><img src="{image:Updates 3}"/>{block:ifUpdates3Title}<div class="updates_title"><div><a href="{text:Updates 3 Link}">{text:Updates 3 Title}</a></div></div>{/block:ifUpdates3Title}</div>{/block:ifUpdates3Image}
  1600. {block:ifUpdates4Image}<div><img src="{image:Updates 4}"/>{block:ifUpdates4Title}<div class="updates_title"><div><a href="{text:Updates 4 Link}">{text:Updates 4 Title}</a></div></div>{/block:ifUpdates4Title}</div>{/block:ifUpdates4Image}
  1601. {block:ifUpdates5Image}<div><img src="{image:Updates 5}"/>{block:ifUpdates5Title}<div class="updates_title"><div><a href="{text:Updates 5 Link}">{text:Updates 5 Title}</a></div></div>{/block:ifUpdates5Title}</div>{/block:ifUpdates5Image}
  1602. <!---- Add following if you want more:
  1603. <div><img src="IMAGE URL" /><div class="updates_title"><div><a href="UPDATES TITLE URL">UPDATES TITLE</a></div></div>
  1604. ---->
  1605. </div></div>
  1606. {/block:ifRecentUpdates}
  1607.  
  1608.  
  1609. <!--------------- Schedule ---------------------->
  1610.  
  1611. {block:ifSchedule}
  1612. <div class="content"> <h3>{text:Schedule Title}</h3>
  1613. <table border="0" cellpadding="0" cellspacing="0" class="schedule">
  1614. {block:ifEvent1Description}<tr valign="middle">{block:ifEvent1Date}<td>{text:Event 1 Date}{block:ifEvent1Time}<p>{text:Event 1 Time}</p>{/block:ifEvent1Time}</td>{/block:ifEvent1Date}<td>{text:Event 1 Description}</td></tr>{/block:ifEvent1Description}
  1615. {block:ifEvent2Description}<tr valign="middle">{block:ifEvent2Date}<td>{text:Event 2 Date}{block:ifEvent2Time}<p>{text:Event 2 Time}</p>{/block:ifEvent2Time}</td>{/block:ifEvent2Date}<td>{text:Event 2 Description}</td></tr>{/block:ifEvent2Description}
  1616. {block:ifEvent3Description}<tr valign="middle">{block:ifEvent3Date}<td>{text:Event 3 Date}{block:ifEvent3Time}<p>{text:Event 3 Time}</p>{/block:ifEvent3Time}</td>{/block:ifEvent3Date}<td>{text:Event 3 Description}</td></tr>{/block:ifEvent3Description}
  1617. {block:ifEvent4Description}<tr valign="middle">{block:ifEvent4Date}<td>{text:Event 4 Date}{block:ifEvent4Time}<p>{text:Event 4 Time}</p>{/block:ifEvent4Time}</td>{/block:ifEvent4Date}<td>{text:Event 4 Description}</td></tr>{/block:ifEvent4Description}
  1618. {block:ifEvent5Description}<tr valign="middle">{block:ifEvent5Date}<td>{text:Event 5 Date}{block:ifEvent5Time}<p>{text:Event 5 Time}</p>{/block:ifEvent5Time}</td>{/block:ifEvent5Date}<td>{text:Event 5 Description}</td></tr>{/block:ifEvent5Description}
  1619. <!---- Add following if you want more:
  1620. <tr valign="middle"><td>EVENT DATE <p>EVENT TIME</p></td> <td>EVENT DESCRIPTION</td></tr>
  1621. ---->
  1622. </table>
  1623. {block:ifMoreScheduleLink}<a class="schedule_more" href="{text:More Schedule Link}">(...)</a>{/block:ifMoreScheduleLink}
  1624. </div>
  1625. {/block:ifSchedule}
  1626.  
  1627.  
  1628. <!--------------- News ---------------------->
  1629.  
  1630. {block:ifNews}
  1631. <div class="content"> <h3>{text:News Title}</h3>
  1632. {block:ifNewsImage}<a class="spot"><img src="{image:News}"/></a>{/block:ifNewsImage}{block:ifnotNewsImage}{text:News Text}{/block:ifnotNewsImage}
  1633. </div>
  1634. {block:ifNewsImage}
  1635. <div class="spotlight_outer"><div class="ov"></div>
  1636. <div class="spotlight">{text:News Text}</div>
  1637. </div>
  1638. {/block:ifNewsImage}
  1639. {/block:ifNews}
  1640.  
  1641.  
  1642. <!--------------- Extra ---------------------->
  1643.  
  1644. {block:ifExtra}
  1645. <div class="content"> <h3>{text:Extra Title}</h3>
  1646. {text:Extra Text}
  1647. </div>
  1648. {/block:ifExtra}
  1649.  
  1650.  
  1651. <!--------------- Members ---------------------->
  1652.  
  1653. {block:ifMembers}
  1654. <div class="content"> <h3>{text:Members Title}</h3>
  1655. <table border="0" cellpadding="0" cellspacing="0" class="members">
  1656. {block:ifMember1Name}<tr>{block:ifMember1Image}<td><img class="m {select:Icon Shape}" src="{image:Member 1}"></td>{/block:ifMember1Image}<td>{text:Member 1 Name}{block:ifMember1Description}<p>{text:Member 1 Description}</p>{/block:ifMember1Description}</td></tr>{/block:ifMember1Name}
  1657. {block:ifMember2Name}<tr>{block:ifMember2Image}<td><img class="m {select:Icon Shape}" src="{image:Member 2}"></td>{/block:ifMember2Image}<td>{text:Member 2 Name}{block:ifMember2Description}<p>{text:Member 2 Description}</p>{/block:ifMember2Description}</td></tr>{/block:ifMember2Name}
  1658. {block:ifMember3Name}<tr>{block:ifMember3Image}<td><img class="m {select:Icon Shape}" src="{image:Member 3}"></td>{/block:ifMember3Image}<td>{text:Member 3 Name}{block:ifMember3Description}<p>{text:Member 3 Description}</p>{/block:ifMember3Description}</td></tr>{/block:ifMember3Name}
  1659. {block:ifMember4Name}<tr>{block:ifMember4Image}<td><img class="m {select:Icon Shape}" src="{image:Member 4}"></td>{/block:ifMember4Image}<td>{text:Member 4 Name}{block:ifMember4Description}<p>{text:Member 4 Description}</p>{/block:ifMember4Description}</td></tr>{/block:ifMember4Name}
  1660. {block:ifMember5Name}<tr>{block:ifMember5Image}<td><img class="m {select:Icon Shape}" src="{image:Member 5}"></td>{/block:ifMember5Image}<td>{text:Member 5 Name}{block:ifMember5Description}<p>{text:Member 5 Description}</p>{/block:ifMember5Description}</td></tr>{/block:ifMember5Name}
  1661. <!---- Add following if you want more:
  1662. <tr><td><img class="m {select:Icon Shape}" src="IMAGE URL"></td><td>MEMBER NAME<p>MEMBER DESCRIPTION</p></td></tr>
  1663. ---->
  1664. </table>
  1665. </div>
  1666. {/block:ifMembers}
  1667.  
  1668.  
  1669. <!--------------- Official Links ---------------------->
  1670.  
  1671. {block:ifOfficialLinks}
  1672. <div class="content"> <h3>{text:Official Links Title}</h3>
  1673. <ul class="official">
  1674. {block:ifOfficialLink1}<li><a href="{text:Official Link 1}">{text:Official Title 1}</a></li>{/block:ifOfficialLink1}
  1675. {block:ifOfficialLink2}<li><a href="{text:Official Link 2}">{text:Official Title 2}</a></li>{/block:ifOfficialLink2}
  1676. {block:ifOfficialLink3}<li><a href="{text:Official Link 3}">{text:Official Title 3}</a></li>{/block:ifOfficialLink3}
  1677. {block:ifOfficialLink4}<li><a href="{text:Official Link 4}">{text:Official Title 4}</a></li>{/block:ifOfficialLink4}
  1678. <!---- Add following if you want more:
  1679. <li><a href="LINK URL"> LINK TITLE</a></li>
  1680. ---->
  1681. </ul>
  1682. </div>
  1683. {/block:ifOfficialLinks}
  1684.  
  1685.  
  1686. <!--------------- Blog Members ---------------------->
  1687.  
  1688. {block:ifBlogMembers}{block:GroupMembers}
  1689. <div class="content"> <h3>{text:Blog Members Title}</h3>
  1690. {block:GroupMember}<a href="{GroupMemberURL}"><img class="group_members {select:Icon Shape}" src="{GroupMemberPortraitURL-30}" /></a>{/block:GroupMember}
  1691. </div>
  1692. {/block:GroupMembers}{/block:ifBlogMembers}
  1693. </aside>
  1694.  
  1695.  
  1696.  
  1697.  
  1698. <!--------------- Posts ---------------------->
  1699.  
  1700.  
  1701. <section><div id="wrapper">
  1702. {block:Posts}
  1703. <article class="posts {block:ifRoundBorders}round{/block:ifRoundBorders}" id="{PostID}">
  1704.  
  1705.  
  1706. <div class="{block:Text}ppa{/block:Text}{block:Link}ppa{/block:Link}{block:Answer}ppa{/block:Answer}{block:Quote}ppa{/block:Quote}{block:Chat}ppa{/block:Chat}">
  1707.  
  1708.  
  1709. {block:ContentSource}
  1710. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1711. {/block:SourceLogo}
  1712. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1713. {/block:ContentSource}
  1714.  
  1715.  
  1716. {block:Photo}
  1717. <div id="photo">
  1718. {block:IndexPage}
  1719. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  1720. {/block:IndexPage}
  1721. {block:PermalinkPage}
  1722. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  1723. {/block:PermalinkPage}
  1724. </div>
  1725. {/block:Photo}
  1726.  
  1727.  
  1728. {block:Photoset}
  1729. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1730. {block:Photos}
  1731. <div class="photo-data">
  1732. <div class="pxu-photo">
  1733. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1734. </div>
  1735. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1736. </div>
  1737. {/block:Photos}
  1738. </div>
  1739. {/block:Photoset}
  1740.  
  1741.  
  1742. {block:Video}
  1743. <div id="vid">{Video-500}</div>
  1744. {/block:Video}
  1745.  
  1746.  
  1747. {block:Audio}
  1748. <table id="audio" border="0" cellpadding="0" cellspacing="0" width="100%">
  1749. <tr>
  1750. {block:AudioPlayer}
  1751. <td valign="middle" width="60px">{AudioPlayerWhite}</td>
  1752. {/block:AudioPlayer}
  1753. <td id="audio_text" valign="middle">
  1754. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br/>by {Artist}{/block:Artist}
  1755. </td>
  1756. {block:AlbumArt}
  1757. <td valign="middle" width="65px"><img src="{AlbumArtURL}" /></td>
  1758. {/block:AlbumArt}
  1759. </tr>
  1760. </table>
  1761. {/block:Audio}
  1762.  
  1763.  
  1764. {block:Text}
  1765. {block:Title}<h2>{Title}</h2>{/block:Title}
  1766. {Body}
  1767. {/block:Text}
  1768.  
  1769.  
  1770. {block:Link}
  1771. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  1772. {block:Description}{Description}{/block:Description}
  1773. {/block:Link}
  1774.  
  1775.  
  1776. {block:Answer}
  1777. <div id="question">
  1778. <p>{Asker} asked</p>
  1779. {Question}
  1780. </div>
  1781. {Answer}
  1782. {/block:Answer}
  1783.  
  1784.  
  1785. {block:Quote}
  1786. <div id="quote">{Quote}</div>
  1787. {block:Source}<p id="source">{Source}</p>{/block:Source}
  1788. {/block:Quote}
  1789.  
  1790.  
  1791. {block:Chat}
  1792. {block:Title}<h2>{Title}</h2>{/block:Title}
  1793. <ul id="chat">{block:Lines}<li>
  1794. {block:Label}<span>{Label}</span>{/block:Label} {Line}
  1795. </li>{/block:Lines}</ul>
  1796. {/block:Chat}
  1797.  
  1798.  
  1799. {block:Caption}<div class="cap {block:IndexPage}{block:ifnotShowCaptions}cp{/block:ifnotShowCaptions}{/block:IndexPage}">{Caption}</div>{/block:Caption}
  1800.  
  1801.  
  1802.  
  1803. </div>
  1804.  
  1805.  
  1806.  
  1807. <!----------- Permalink - Post Information - Tags ----------------->
  1808.  
  1809. {block:Date}
  1810. <div class="post_footer">
  1811. {block:HasTags}
  1812. <div class="tags {block:IndexPage}{block:ifnotShowTags}tt{/block:ifnotShowTags}{/block:IndexPage}">
  1813. {block:ifDraggableTags}<div class="post_tags draggable"><div class="post_tags_inner">{/block:ifDraggableTags}
  1814. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1815. {block:ifDraggableTags}</div></div>{/block:ifDraggableTags}
  1816. </div>
  1817. {/block:HasTags}
  1818.  
  1819.  
  1820. <div class="post_info">
  1821. <div class="perma">
  1822. {block:IndexPage}
  1823. <a href="{Permalink}">{ShortMonth} {DayOfMonth}</a>
  1824. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  1825. {/block:IndexPage}
  1826.  
  1827. {block:PermalinkPage}
  1828. <span>{Month} {DayOfMonth}, {Year}</span>
  1829. <span>{TimeAgo}</span>
  1830. {block:NoteCount}<span>{NoteCountWithLabel}</span>{/block:NoteCount}
  1831. {block:RebloggedFrom}
  1832. <a href="{ReblogParentURL}">via</a>
  1833. <a href="{ReblogRootURL}">source</a>
  1834. {/block:RebloggedFrom}
  1835. {/block:PermalinkPage}
  1836. </div>
  1837.  
  1838. {block:IndexPage}
  1839. <div class="reblog_and_like"><ul>
  1840. {block:ifReblogButton}<li>{ReblogButton size="12"}</li>{/block:ifReblogButton}{block:ifLikeButton}<li class="like"><svg width="12" height="12" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>{LikeButton size="12"}</li>{/block:ifLikeButton}
  1841. </ul></div>
  1842. {/block:IndexPage}
  1843. </div>
  1844. </div>
  1845. {/block:Date}
  1846.  
  1847.  
  1848.  
  1849. </article>
  1850.  
  1851.  
  1852.  
  1853. <!----------- Notes ----------------->
  1854.  
  1855. {block:PostNotes}<div class="{block:ifRoundBorders}round {/block:ifRoundBorders}{select:Icon Shape}">{PostNotes}</div>{/block:PostNotes}
  1856.  
  1857.  
  1858. {/block:Posts}
  1859. </div></section>
  1860.  
  1861.  
  1862. </main>
  1863.  
  1864.  
  1865.  
  1866. <!--------------- Pagination ---------------------->
  1867.  
  1868. {block:Pagination}
  1869. <div class="pa"><div class="pagination">
  1870. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  1871. {CurrentPage} of {TotalPages}
  1872. {block:NextPage} <a id="next" href="{NextPage}">next</a>{/block:NextPage}
  1873. </div></div>
  1874. {/block:Pagination}
  1875.  
  1876.  
  1877.  
  1878. <!--------------- Footer ---------------------->
  1879.  
  1880. <footer>
  1881. {block:IndexPage}{block:ifInfinitescroll}{block:ifManualLoad}
  1882. <div class="ma"><a id="load">Load more</a></div>
  1883. {/block:ifManualLoad}{/block:ifInfinitescroll}{/block:IndexPage}
  1884.  
  1885. <table border="0" cellpadding="0" cellspacing="0">
  1886. <tr>
  1887. {block:ifDisclaimer}
  1888. <td valign="top" id="dis"> <h3>{text:Disclaimer Title}</h3>
  1889. {text:Disclaimer Text}
  1890. </td>
  1891. {/block:ifDisclaimer}
  1892.  
  1893. {block:ifFooterExtra}
  1894. <td valign="top"> <h3>{text:Footer Extra Title}</h3>
  1895. {text:Footer Extra Text}
  1896. <!-----
  1897. Add styled links: <a class="ff" href="LINK URL">LINK TITLE</a>
  1898. Add tumblr follow link: <a class="ff" href="http://www.tumblr.com/follow/{Name}">tumblr</a>
  1899. ---->
  1900. </td>
  1901. {/block:ifFooterExtra}
  1902.  
  1903. {block:ifBlogStats}
  1904. <td valign="top"> <h3>{text:Blog Stats Title}</h3>
  1905. <ul>
  1906. {block:ifEstablished}<li><span>established:</span>{text:Established}</li>{/block:ifEstablished}
  1907. {block:ifVisits}<li><span>visits:</span>{text:Visits}</li>{/block:ifVisits}
  1908. {block:ifOnline}<li><span>online:</span>{text:Online}</li>{/block:ifOnline}
  1909. <li><span>layout:</span> <a href="http://ladmilk.tumblr.com">Ladmilk</a></li>
  1910. </ul>
  1911. </td>
  1912. {/block:ifBlogStats}
  1913. </tr>
  1914.  
  1915. {block:ifSearchbar}
  1916. <tr><td colspan="3">
  1917. <form action="/search" method="get" class="sea"><input type="text" value="{SearchQuery}" name="q" class="quy" placeholder="search"></form>
  1918. </td></tr>
  1919. {/block:ifSearchbar}
  1920. </table>
  1921. </footer>
  1922.  
  1923.  
  1924. {block:ifnotBlogStats}
  1925. <a href="http://ladmilk.tumblr.com" style="padding:10px; bottom:5px; right:5px; position:fixed;" title="Theme by Heidi">cr.</a>
  1926. {/block:ifnotBlogStats}
  1927.  
  1928. </body>
  1929. </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!