Advertisement
TitanJelly

theme61 v1.143

Jan 15th, 2016
2,125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.71 KB | None | 0 0
  1. <!--
  2. #chubby // chubbythemes.tumblr.com
  3. do not claim as your own or remove the theme credit
  4. -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <head>
  8.  
  9. <title>{title}</title>
  10. <meta charset="UTF-8">
  11. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  12. <meta name="author" content="chubbythemes">
  13. <meta name="description" content="{MetaDescription}" />
  14. <link rel="shortcut icon" href="{Favicon}" />
  15.  
  16. <meta name="image:Head Icon" content="" />
  17. <meta name="image:Background Image" content="" />
  18.  
  19. <meta name="color:Body Background" content="#e9e9e9"/>
  20. <meta name="color:Body Text" content="#222222"/>
  21. <meta name="color:Body Scrollbar" content="#1C1E26"/>
  22. <meta name="color:Body Links" content="#ff7373"/>
  23. <meta name="color:Body Links Hover" content="#222222"/>
  24. <meta name="color:Body Borders" content="#f1f1f1"/>
  25. <meta name="color:Head Text" content="#444444"/>
  26. <meta name="color:Head Links" content="#777777"/>
  27. <meta name="color:Head Links Hover" content="#ff7373"/>
  28. <meta name="color:Head Background" content="#FFFFFF"/>
  29. <meta name="color:Blog Background" content="#f1f1f1"/>
  30. <meta name="color:Ask Background" content="#222222"/>
  31. <meta name="color:Ask Text" content="#FFFFFF"/>
  32. <meta name="color:Post Background" content="#FFFFFF"/>
  33. <meta name="color:Page Nav Text" content="#222222"/>
  34.  
  35. <meta name="select:Post Width" content="540px" title="540px">
  36. <meta name="select:Post Width" content="500px" title="500px">
  37. <meta name="select:Post Width" content="400px" title="400px">
  38. <meta name="select:Post Width" content="250px" title="250px">
  39.  
  40. <meta name="select:Background Size" content="auto" title="Auto">
  41. <meta name="select:Background Size" content="contain" title="Contain">
  42. <meta name="select:Background Size" content="cover" title="Cover">
  43. <meta name="select:Background Size" content="100% 100%" title="100%">
  44. <meta name="select:Background Repeat" content="repeat" title="Repeat">
  45. <meta name="select:Background Repeat" content="repeat-x" title="X Repeat">
  46. <meta name="select:Background Repeat" content="repeat-y" title="Y Repeat">
  47. <meta name="select:Background Repeat" content="no-repeat" title="No Repeat">
  48. <meta name="select:Background Position" content="top center" title="Top">
  49. <meta name="select:Background Position" content="top left" title="Top left">
  50. <meta name="select:Background Position" content="top right" title="Top right">
  51. <meta name="select:Background Position" content="center center" title="Center">
  52. <meta name="select:Background Position" content="center left" title="Center left">
  53. <meta name="select:Background Position" content="center right" title="Center right">
  54. <meta name="select:Background Position" content="bottom center" title="Bottom">
  55. <meta name="select:Background Position" content="bottom left" title="Bottom left">
  56. <meta name="select:Background Position" content="bottom right" title="Bottom right">
  57. <meta name="select:Background Attachment" content="fixed" title="Fixed">
  58. <meta name="select:Background Attachment" content="scroll" title="Scroll">
  59.  
  60. <meta name="if:Head Icon" content="1"/>
  61. <meta name="if:Head Navigation" content="1"/>
  62. <meta name="if:Post Source" content="1"/>
  63. <meta name="if:Post Captions" content="1"/>
  64. <meta name="if:Post Tags" content="1"/>
  65. <meta name="if:Infinite Scroll" content="0"/>
  66. <meta name="if:Shadows" content="1"/>
  67. <meta name="if:Curved Corners" content="1"/>
  68.  
  69. <meta name="text:Font Size" content=".85em" />
  70. <meta name="text:Head Title" content="Head Title" />
  71.  
  72. <meta name="text:Head Link 01 Title" content="Home" />
  73. <meta name="text:Head Link 01 URL" content="/" />
  74. <meta name="text:Head Link 02 Title" content="Message" />
  75. <meta name="text:Head Link 02 URL" content="/ask" />
  76. <meta name="text:Head Link 03 Title" content="About" />
  77. <meta name="text:Head Link 03 URL" content="/about" />
  78. <meta name="text:Head Link 04 Title" content="Archive" />
  79. <meta name="text:Head Link 04 URL" content="/archive" />
  80. <meta name="text:Head Link 05 Title" content="Theme" />
  81. <meta name="text:Head Link 05 URL" content="http://chubbythemes.tumblr.com" />
  82.  
  83. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  84. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'/>
  85.  
  86. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
  87.  
  88. <style type="text/css">
  89. iframe#tumblr_controls {
  90. opacity: .8;
  91. bottom: 0% !important;
  92. right: 0% !important;
  93. position: fixed !important;
  94. -webkit-filter: invert(100%);
  95. filter: invert(100%);
  96. -webkit-transition: 1s;
  97. transition: 1s;
  98. }
  99. iframe#tumblr_controls:hover {
  100. opacity: 1;
  101. }
  102.  
  103. /* Main Body CSS
  104. -------------------------------------------------*/
  105. html {
  106. font: 400 {text:Font Size} Montserrat,sans-serif;
  107. -webkit-text-size-adjust: 100%;
  108. -ms-text-size-adjust: 100%;
  109. }
  110. html, button, input, select, textarea {
  111. font-family: sans-serif;
  112. color: {color:Body Text};
  113. }
  114. body {
  115. margin: 0;
  116. padding: 0;
  117. font: 400 {text:Font Size} Montserrat,sans-serif;
  118. text-align: center;
  119. color: {color:Body Text};
  120. background-color: {color:Body Background};
  121. background-image: url('{image:Background Image}');
  122. background-position: {select:Background Position};
  123. background-attachment: fixed;
  124. background-repeat: {select:Background Repeat};
  125. background-size: {select:Background Size};
  126. }
  127.  
  128. a {
  129. color: {color:Body Links};
  130. text-decoration: none;
  131. -webkit-transition: 1s;
  132. transition: 1s;
  133. }
  134. a:hover{
  135. color: {color:Body Links Hover};
  136. text-decoration: none;
  137. }
  138.  
  139. pre,code,kbd,samp,tt {
  140. font-family: monospace;
  141. }
  142. b {
  143. color: {color:Body Text};
  144. font-weight: bold;
  145. }
  146.  
  147. ::-webkit-scrollbar-thumb:vertical {
  148. background: {color:Body Scrollbar};
  149. {block:ifCurvedCorners}
  150. border-radius: 3px;
  151. {/block:ifCurvedCorners}
  152. }
  153. ::-webkit-scrollbar-thumb:horizontal {
  154. background: {color:Body Scrollbar};
  155. height: 0;
  156. }
  157. ::-webkit-scrollbar {
  158. background: {color:Body Background};
  159. height: 0;
  160. width: 8px;
  161. }
  162.  
  163. /* Blog CSS
  164. -------------------------------------------------*/
  165. .blog {
  166. display: inline-block;
  167. position: relative;
  168. margin: 50px auto;
  169. background: {color:Blog Background};
  170. {block:ifShadows}
  171. box-shadow: 0 0 45px rgba(0,0,0,0.07);
  172. {/block:ifShadows}
  173. {block:ifCurvedCorners}
  174. border-radius: 3px;
  175. {/block:ifCurvedCorners}
  176. }
  177.  
  178. /* Header CSS
  179. -------------------------------------------------*/
  180. #header .container {
  181. margin: 0 0 30px 0;
  182. width: 100%;
  183. }
  184. #header .content {
  185. margin: 0 auto;
  186. padding: 10px 5px;
  187. color: {color:Head Text};
  188. background: {color:Head Background};
  189. text-transform: uppercase;
  190. text-align: center;
  191. }
  192. #header .content .icon {
  193. margin: 0 auto;
  194. width: 70px;
  195. height: 70px;
  196. overflow: hidden;
  197. border-radius: 100px;
  198. }
  199. #header .content .icon img {
  200. width: 70px;
  201. }
  202. #header .content .title {
  203. padding: 15px 15px 2px 15px;
  204. }
  205. #header .content .description {
  206. padding: 2px 15px 15px 15px;
  207. opacity: .8;
  208. font-size: .9em;
  209. }
  210. #header .content .menu {
  211. padding: 5px 0;
  212. }
  213. #header .content .menu a {
  214. padding: 0 5px;
  215. color: {color:Head Links};
  216. }
  217. #header .content .menu a:hover {
  218. color: {color:Head Links Hover};
  219. }
  220. #header .content .sep {
  221. display: block;
  222. margin: 5px 20px 15px 20px;
  223. border-bottom: 1px solid rgba(0,0,0,0.08);
  224. }
  225.  
  226. /* Posts CSS
  227. -------------------------------------------------*/
  228. .autopagerize_page_element {
  229. }
  230. .entry_container {
  231. position: relative;
  232. margin: 0 auto;
  233. padding: 0 25px 1px 25px;
  234. text-align: left;
  235. width: {select:Post Width};
  236. z-index: 200;
  237. }
  238. .entry {
  239. display: block;
  240. margin: 10px auto 0 auto;
  241. position: relative;
  242. color: {color:Body Text};
  243. background: {color:Post Background};
  244. width: {select:Post Width};
  245. {block:ifCurvedCorners}
  246. border-radius: 3px;
  247. {/block:ifCurvedCorners}
  248. border: 1px solid {color:Body Borders};
  249. padding: 0;
  250. font-size: .97em;
  251. z-index: 200;
  252. }
  253. .wrap {
  254. margin: 40px auto 70px auto;
  255. }
  256.  
  257. /* Page Navigation CSS
  258. -------------------------------------------------*/
  259. #pagination .container {
  260. margin: 30px 0 0 0;
  261. width: 100%;
  262. }
  263. #pagination .content {
  264. margin: 0 auto;
  265. padding: 10px 5px;
  266. color: {color:Head Text};
  267. background: {color:Head Background};
  268. text-transform: uppercase;
  269. text-align: center;
  270. }
  271. #pagination .content a {
  272. display: inline-block;
  273. padding: 5px 10px;
  274. color: {color:Head Links};
  275. }
  276. #pagination .content a:hover {
  277. color: {color:Head Links Hover};
  278. }
  279. .tumblrAutoPager_page_separator,
  280. .tumblrAutoPager_page_info {
  281. display: none;
  282. }
  283.  
  284. /* Post Elements CSS
  285. -------------------------------------------------*/
  286. .entry .entry_content {
  287. padding: 10px;
  288. }
  289. .entry h2 {
  290. text-transform: uppercase;
  291. {block:ifCustomFontSize}
  292. font-size: {text:Custom Font Size};
  293. {/block:ifCustomFontSize}
  294. {block:ifnotCustomFontSize}
  295. font-size: .9em;
  296. {/block:ifnotCustomFontSize}
  297. }
  298. .entry h2 a {
  299. color: {color:Body Text};
  300. }
  301. .entry h2 a:hover {
  302. color: {color:Body Links};
  303. }
  304. .entry li {
  305. list-style: square;
  306. }
  307. .entry blockquote {
  308. border: 1px solid rgba(0,0,0,0.03);
  309. background: rgba(0,0,0,0.01);
  310. margin: 4px;
  311. padding: 6px;
  312. }
  313. .entry p {
  314. padding: 5px 0;
  315. margin: 2px 0;
  316. word-wrap: break-word;
  317. }
  318. .entry b {
  319. color: {color:Body Text};
  320. font-weight: bold;
  321. }
  322. .entry img {
  323. max-width: {select:Post Width};
  324. display: block;
  325. margin: 0;
  326. padding: 0;
  327. vertical-align: text-bottom;
  328. }
  329. .entry li, .entry blockquote {
  330. max-width: 100%;
  331. }
  332. .entry pre {
  333. white-space: pre-wrap;
  334. white-space: -moz-pre-wrap !important;
  335. white-space: -pre-wrap;
  336. white-space: -o-pre-wrap;
  337. word-wrap: break-word;
  338. overflow-x: auto;
  339. }
  340. .entry .caption {
  341. padding: 10px 20px;
  342. margin: 0;
  343. text-align: justify;
  344. }
  345. .entry .caption img,
  346. .entry .post_text img {
  347. display: block;
  348. max-width: 100%;
  349. height: auto;
  350. }
  351.  
  352. .entry .post_text, .entry .post_link, .entry .post_quote, .entry .post_chat {
  353. padding: 10px 5px;
  354. margin: 0 5px;
  355. border-top: 1px solid rgba(0,0,0,0.08);
  356. border-bottom: 1px solid rgba(0,0,0,0.08);
  357. }
  358. .entry .post_photo, .entry .post_photoset, .entry .post_video {
  359. padding: 0;
  360. width: {select:Post Width};
  361. overflow: hidden;
  362. }
  363. .entry #youtube_iframe,
  364. .entry .tumblr_video_iframe {
  365. width: {select:Post Width};
  366. }
  367. .entry .post_photo {
  368. margin: 0 0 -4px 0;
  369. vertical-align: text-bottom;
  370. }
  371. .entry .post_photoset {
  372. margin: 0 0 -14px 0;
  373. vertical-align: text-bottom;
  374. }
  375. .tumblr_video_container {
  376. width: {select:Post Width}!important;
  377. height: auto!important;
  378. }
  379.  
  380. /* Ask Post CSS
  381. -------------------------------------------------*/
  382. .entry .ask {
  383. background: {color:Ask Background};
  384. color: {color:Ask Text};
  385. }
  386. .entry .ask a {
  387. color: {color:Ask Text};
  388. border-bottom: 1px solid {color:Ask Text};
  389. }
  390. .entry .ask a:hover {
  391. color: {color:Body Links Hover};
  392. border-bottom: 1px solid {color:Body Links Hover};
  393. }
  394. .entry .user {
  395. display: block;
  396. margin: 0 0 0 0;
  397. padding: 10px;
  398. font-size: .9em;
  399. font-weight: bold;
  400. text-align: left;
  401. text-transform: uppercase;
  402. }
  403. .entry .question {
  404. display: block;
  405. margin: 0 0 0 0;
  406. padding: 0 10px 20px 10px;
  407. font-size: 1.1em;
  408. text-align: left;
  409. }
  410. .entry .answer {
  411. padding: 10px;
  412. }
  413.  
  414. /* Quote Post CSS
  415. -------------------------------------------------*/
  416. .entry .quote {
  417. width: 100%;
  418. text-align: center;
  419. margin: auto;
  420. }
  421.  
  422. .quotetext {
  423. font-size: 130%;
  424. }
  425. .source {
  426. text-align: right;
  427. }
  428.  
  429. /* Chat Post CSS
  430. -------------------------------------------------*/
  431. .convo {
  432. margin-left: 0px;
  433. }
  434. .line {
  435. text-align: left;
  436. margin: 3px 0;
  437. }
  438.  
  439. /* Audio Post CSS
  440. -------------------------------------------------*/
  441. .playbox {
  442. height: 35px;
  443. overflow: hidden;
  444. z-index: 10000;
  445. }
  446. .playbutton {
  447. overflow: hidden;
  448. position: absolute;
  449. margin: 4px;
  450. z-index: 100000;
  451. }
  452. .audioinfo {
  453. margin: 0;
  454. padding: 10px;
  455. }
  456.  
  457. /* Post Information CSS
  458. -------------------------------------------------*/
  459. .entry .top_info {
  460. display: block;
  461. padding: 0 5px;
  462. margin: 0;
  463. }
  464. .entry .top_info .content {
  465. display: block;
  466. text-align: left;
  467. text-transform: uppercase;
  468. line-height: 8px;
  469. min-height: 8px;
  470. font-size: .9em;
  471. {block:ifPostSource}padding: 20px 10px;{/block:ifPostSource}
  472. {block:ifnotPostSource}padding: 20px 10px 25px 10px;{/block:ifnotPostSource}
  473. }
  474. .entry .top_info .content a {
  475. color: {color:Body Text};
  476. display: inline-block;
  477. padding: 0 5px;
  478. }
  479. .entry .top_info .content a:hover {
  480. color: {color:Body Links Hover};
  481. }
  482. .entry .top_info .content .reblog {
  483. display: inline-block;
  484. padding: 0;
  485. }
  486. .entry .top_info .content .date {
  487. display: inline-block;
  488. padding: 0;
  489. float: right;
  490. }
  491.  
  492. .entry .src_container {
  493. display: block;
  494. }
  495. .entry .src_content {
  496. display: inline-block;
  497. text-align: left;
  498. text-transform: uppercase;
  499. font-size: 1em;
  500. margin: 0;
  501. padding: 5px 10px;
  502. }
  503. .entry .src_content a {
  504. display: inline-block;
  505. color: {color:Post Info Text};
  506. }
  507. .entry .src_content a:hover {
  508. color: {color:Body Links Hover};
  509. }
  510. .entry .src_content .sep {
  511. display: inline-block;
  512. margin: 0 1px;
  513. }
  514.  
  515. .entry .bottom_info {
  516. display: block;
  517. padding: 10px;
  518. margin: 5px 5px 0 5px;
  519. }
  520. .entry .bottom_info .content {
  521. display: block;
  522. text-transform: uppercase;
  523. line-height: 8px;
  524. font-size: .9em;
  525. margin: -2px 0 0 0;
  526. padding: 5px;
  527. }
  528. .entry .bottom_info .content .notes {
  529. display: inline-block;
  530. vertical-align: top;
  531. width: 50%;
  532. margin: 0;
  533. padding: 5px 0;
  534. }
  535. .entry .bottom_info .content a {
  536. color: {color:Body Text};
  537. display: inline-block;
  538. padding: 0;
  539. }
  540. .entry .bottom_info .content a:hover {
  541. color: {color:Body Links Hover};
  542. }
  543. .entry .bottom_info .content .sep {
  544. display: inline-block;
  545. padding: 0 3px;
  546. }
  547. .entry .bottom_info .content .reblog,
  548. .entry .bottom_info .content .like,
  549. .entry .bottom_info .content .perm {
  550. display: inline-block;
  551. vertical-align: top;
  552. margin: 0 3px;
  553. padding: 0 1px;
  554. opacity: .6;
  555. -webkit-transition: 0.8s;
  556. transition: 0.8s;
  557. }
  558. .entry .bottom_info .content .perm {
  559. font-size: 1.7em;
  560. }
  561. .entry .bottom_info .content .reblog:hover,
  562. .entry .bottom_info .content .like:hover {
  563. cursor: pointer;
  564. opacity: 1;
  565. }
  566. .entry .bottom_info .content .buttons_right {
  567. display: inline-block;
  568. vertical-align: top;
  569. width: 50%;
  570. margin: 0;
  571. padding: 0;
  572. text-align: right;
  573. }
  574.  
  575. .entry_container .tags_container {
  576. display: block;
  577. margin: 5px auto;
  578. }
  579. .entry_container .tags_content {
  580. display: inline-block;
  581. text-align: left;
  582. text-transform: uppercase;
  583. font-size: .9em;
  584. padding: 0 20px 0 20px;
  585. margin: 0;
  586. }
  587. .entry_container .tags_content a {
  588. color: {color:Body Text};
  589. display: inline-block;
  590. padding: 0;
  591. margin: 0 2px;
  592. }
  593. .entry_container .tags_content a:hover {
  594. color: {color:Body Links Hover};
  595. }
  596.  
  597. /* Post Notes CSS
  598. -------------------------------------------------*/
  599. .sources {
  600. filter:alpha(opacity=0);
  601. opacity: 0;
  602. display: none;
  603. }
  604.  
  605. .postnotes {
  606. width: {select:Post Width};
  607. color: {color:Body Text};
  608. background: {color:Post Background};
  609. border-radius: 4px;
  610. margin: 10px auto;
  611. padding: 10px 0;
  612. overflow: hidden;
  613. }
  614. .postnotes a {
  615. color: {color:Body Links};
  616. font-weight: bold;
  617. }
  618. .postnotes a:hover {
  619. color: {color:Body Text};
  620.  
  621. }
  622. .postnotes ol {
  623. list-style-type: none;
  624. padding: 0;
  625. margin: 0 10px;
  626. }
  627. .notes, .notes ol {
  628. list-style-type: none;
  629. padding: 0;
  630. margin: 0;
  631. }
  632. .postnotes li, .notes, .notes li {
  633. list-style-type: none;
  634. padding: 2px;
  635. margin: 5px 0;
  636. }
  637. .postnotes img {
  638. display: none;
  639. }
  640. .avatar_frame {
  641. display: none;
  642. }
  643.  
  644. /* Credit CSS
  645. -------------------------------------------------*/
  646. .credit {
  647. position: fixed;
  648. z-index: 300;
  649. bottom: 15px;
  650. right: 10px;
  651. padding: 5px 0;
  652. font: 400 .9em Montserrat,sans-serif;
  653. text-transform: uppercase;
  654. color: #000000;
  655. }
  656. .credit a {
  657. padding: 4px;
  658. color: #000000;
  659. }
  660. .credit a:hover {
  661. color: #000000;
  662. }
  663. .credit .cre {
  664. font-size: .9em;
  665. font-weight: bold;
  666. margin: -2px 8px 0 0;
  667. opacity: 0;
  668. -webkit-transition: 1s;
  669. transition: 1s;
  670. }
  671. .credit::first-letter {
  672. color: #222222;
  673. border-bottom: 1px solid #222222;
  674. }
  675. .credit:hover .cre {
  676. opacity: .8;
  677. }
  678.  
  679. /* Custom CSS
  680. -------------------------------------------------*/
  681. {CustomCSS}
  682.  
  683. </style>
  684.  
  685. {block:ifInfiniteScroll}
  686. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js">
  687. </script>
  688. {/block:ifInfiniteScroll}
  689.  
  690. </head>
  691. <body>
  692.  
  693. <div class="blog">
  694.  
  695. <div id="header">
  696. <div class="container">
  697. <div class="content">
  698. {block:ifHeadIcon}
  699. <div class="icon">
  700. <img src="{image:Head Icon}" alt="icon" />
  701. </div>
  702. {/block:ifHeadIcon}
  703. {block:ifHeadTitle}
  704. <div class="title">
  705. {text:Head Title}
  706. </div>
  707. {/block:ifHeadTitle}
  708. {block:ifHeadTitle}
  709. <div class="description">
  710. {description}
  711. </div>
  712. {/block:ifHeadTitle}
  713. <div class="sep"></div>
  714. {block:ifHeadNavigation}
  715. <div class="menu">
  716. {block:ifHeadLink01Title}
  717. <a href="{text:Head Link 01 URL}">{text:Head Link 01 Title}</a>
  718. {/block:ifHeadLink01Title}
  719. {block:ifHeadLink02Title}
  720. <a href="{text:Head Link 02 URL}">{text:Head Link 02 Title}</a>
  721. {/block:ifHeadLink02Title}
  722. {block:ifHeadLink03Title}
  723. <a href="{text:Head Link 03 URL}">{text:Head Link 03 Title}</a>
  724. {/block:ifHeadLink03Title}
  725. {block:ifHeadLink04Title}
  726. <a href="{text:Head Link 04 URL}">{text:Head Link 04 Title}</a>
  727. {/block:ifHeadLink04Title}
  728. {block:ifHeadLink05Title}
  729. <a href="{text:Head Link 05 URL}">{text:Head Link 05 Title}</a>
  730. {/block:ifHeadLink05Title}
  731. </div>
  732. {/block:ifHeadNavigation}
  733. </div>
  734. </div>
  735. </div>
  736.  
  737. <!--Post Column-->
  738. <div class="autopagerize_page_element">
  739. <div class="entry_container">
  740. {block:Posts}
  741. <div class="wrap">
  742. <div class="entry">
  743.  
  744. {block:ContentSource}
  745. <div class="sources">
  746. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  747. </div>
  748. {/block:ContentSource}
  749.  
  750. {block:Date}
  751. <div class="top_info">
  752. <div class="content">
  753. {block:ifPostSource}{block:RebloggedFrom}
  754. <div class="reblog"><i class="fa fa-retweet"></i><a href="{ReblogParentURL}">{ReblogParentName}</a> </div>
  755. {/block:RebloggedFrom}{/block:ifPostSource}
  756. <div class="date"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a></div>
  757. </div>
  758. </div>
  759. {/block:Date}
  760.  
  761. {block:Text}
  762. <div class="post_text">
  763. {block:Title}<h2>{Title}</h2>{/block:Title}
  764. {Body}
  765. </div>
  766. {/block:Text}
  767.  
  768. {block:Link}
  769. <div class="post_link">
  770. <h2><a href="{URL}">{Name}</a></h2>
  771. {block:Description}{Description}{/block:Description}
  772. </div>
  773. {/block:Link}
  774.  
  775. {block:Answer}
  776. <div class="post_ask">
  777. <div class="ask">
  778. <div class="user">{Asker} asked:</div>
  779. <div class="question">{Question}</div>
  780. </div>
  781. <div class="answer">{Answer}</div>
  782. </div>
  783. {/block:Answer}
  784.  
  785. {block:Quote}
  786. <div class="post_quote">
  787. <div class="quotetext">"{Quote}"</div>
  788. {block:Source}<div class="source">{Source}</div>{/block:Source}
  789. </div>
  790. {/block:Quote}
  791.  
  792. {block:Chat}
  793. <div class="post_chat">
  794. {block:Title}<h2>{Title}</h2>{/block:Title}
  795. <div class="text">
  796. <div class="convo">
  797. {block:Lines}
  798. <div class="line">
  799. {block:Label}<span class="label">{Label}</span>{/block:Label}
  800. {Line}
  801. </div>
  802. {/block:Lines}
  803. </div>
  804. </div>
  805. </div>
  806. {/block:Chat}
  807.  
  808. {block:Photo}
  809. <div class="post_photo">
  810. {block:IndexPage}
  811. <a href="{Permalink}" title="Permalink"><center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></center></a>
  812. {/block:IndexPage}
  813. {block:PermalinkPage}
  814. {LinkOpenTag}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></center>{LinkCloseTag}
  815. {/block:PermalinkPage}
  816. </div>
  817. {block:ifPostCaptions}
  818. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  819. {/block:ifPostCaptions}
  820. {block:ifnotPostCaptions}
  821. {block:PermalinkPage}
  822. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  823. {/block:PermalinkPage}
  824. {/block:ifnotPostCaptions}
  825. {/block:Photo}
  826.  
  827. {block:Photoset}
  828. <div class="post_photoset">
  829. {Photoset}
  830. </div>
  831. {block:ifPostCaptions}
  832. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  833. {/block:ifPostCaptions}
  834. {block:ifnotPostCaptions}
  835. {block:PermalinkPage}
  836. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  837. {/block:PermalinkPage}
  838. {/block:ifnotPostCaptions}
  839. {/block:Photoset}
  840.  
  841. {block:Audio}
  842. <div class="post_audio">
  843. <div class="audiobox">
  844. <div class="audioinfo">
  845. {block:Artist}<b>{Artist}</b>{/block:Artist} -
  846. {block:TrackName}{TrackName}{/block:TrackName}
  847. </div>
  848. </div>
  849. <div class="playbox">
  850. <div class="playbutton">
  851. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  852. </div>
  853. </div>
  854. </div>
  855. {block:ifPostCaptions}
  856. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  857. {/block:ifPostCaptions}
  858. {block:ifnotPostCaptions}
  859. {block:PermalinkPage}
  860. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  861. {/block:PermalinkPage}
  862. {/block:ifnotPostCaptions}
  863. {/block:Audio}
  864.  
  865. {block:Video}
  866. <div class="post_video">
  867. {VideoEmbed-500}
  868. </div>
  869. {block:ifPostCaptions}
  870. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  871. {/block:ifPostCaptions}
  872. {block:ifnotPostCaptions}
  873. {block:PermalinkPage}
  874. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  875. {/block:PermalinkPage}
  876. {/block:ifnotPostCaptions}
  877. {/block:Video}
  878.  
  879. {block:Date}
  880. <div class="bottom_info">
  881. <div class="content">
  882. <div class="notes"><a href="{Permalink}">{NoteCountWithLabel}</a></div><!--
  883. --><div class="buttons_right"><!--
  884. --><div class="perm"><a href="{Permalink}"><i class="fa fa-ellipsis-h"></i></a></div><!--
  885. --><div class="reblog">{ReblogButton size="15" color="black"}</div><!--
  886. --><div class="like">{LikeButton size="15" color="black"}</div></div>
  887. </div>
  888. </div>
  889. {/block:Date}
  890.  
  891. </div>
  892.  
  893. {block:ifPostTags}
  894. {block:HasTags}
  895. <div class="tags_container">
  896. <div class="tags_content">
  897. <i class="fa fa-tags"></i> {block:Tags}
  898. <a href="{TagURL}">#{Tag}</a>
  899. {/block:Tags}
  900. </div>
  901. </div>
  902. {/block:HasTags}
  903. {/block:ifPostTags}
  904.  
  905. {block:ifnotPostTags}
  906. {block:PermalinkPage}
  907. {block:HasTags}
  908. <div class="tags_container">
  909. <div class="tags_content">
  910. <i class="fa fa-tags"></i> {block:Tags}
  911. <a href="{TagURL}">#{Tag}</a>
  912. {/block:Tags}
  913. </div>
  914. </div>
  915. {/block:HasTags}
  916. {/block:PermalinkPage}
  917. {/block:ifnotPostTags}
  918.  
  919. {block:PermalinkPage}
  920. {block:PostNotes}
  921. <div class="postnotes">
  922. {PostNotes}
  923. </div>
  924. {/block:PostNotes}
  925. {/block:PermalinkPage}
  926.  
  927. </div>
  928. {/block:Posts}
  929.  
  930. </div>
  931.  
  932. </div>
  933. <!--Post Column-->
  934.  
  935. {block:ifnotInfiniteScroll}
  936. {block:Pagination}<div id="pagination"><div class="container"><div class="content">
  937. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  938. {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}
  939. </div></div></div>{/block:Pagination}
  940. {/block:ifnotInfiniteScroll}
  941. </div>
  942.  
  943. </div>
  944.  
  945. </div>
  946. </div>
  947.  
  948. <!--Credit Link-->
  949. <div class="credit"><a href="http://chubbygod.tumblr.com/themes" target="_blank">
  950. <span class="cre">chubby</span><i class="fa fa-code"></i></a></div>
  951. <!--Credit Link-->
  952.  
  953. </body>
  954. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement