API tools faq
paste
Advertisement
TitanJelly

theme51 v2

TitanJelly
Jul 15th, 2015
362
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.07 KB | None | 0 0
raw download clone embed print report
  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.  
  11. <meta charset="UTF-8">
  12. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  13. <meta name="author" content="Chubby Themes">
  14.  
  15. <link rel="shortcut icon" href="{Favicon}" />
  16.  
  17. <meta name="image:Background" content="" />
  18. <meta name="image:Icon" content="" />
  19.  
  20. <meta name="color:Body Background" content="#E8F1F3"/>
  21. <meta name="color:Body Text" content="#797979"/>
  22. <meta name="color:Body Links" content="#b6b6b6"/>
  23. <meta name="color:Body Links Hover" content="#000000"/>
  24. <meta name="color:Body Borders" content="#efefef"/>
  25. <meta name="color:Body Accent" content="#797979"/>
  26. <meta name="color:Scroll Bar" content="#000000"/>
  27. <meta name="color:Scroll Background" content="#FFFFFF"/>
  28. <meta name="color:Header Text" content="#797979"/>
  29. <meta name="color:Header Borders" content="#efefef"/>
  30. <meta name="color:Header Background" content="#FFFFFF"/>
  31. <meta name="color:Icon Background" content="#FFFFFF"/>
  32. <meta name="color:Menu Text" content="#797979"/>
  33. <meta name="color:Menu Links" content="#B6B6B6"/>
  34. <meta name="color:Menu Links Hover" content="#000000"/>
  35. <meta name="color:Menu Borders" content="#efefef"/>
  36. <meta name="color:Menu Background" content="#FFFFFF"/>
  37. <meta name="color:Navigation Text" content="#797979"/>
  38. <meta name="color:Navigation Background" content="#FBFBFB"/>
  39. <meta name="color:Post Background" content="#FFFFFF"/>
  40.  
  41. <meta name="select:BG Repeat" content="repeat" title="Repeat">
  42. <meta name="select:BG Repeat" content="repeat-x" title="X Repeat">
  43. <meta name="select:BG Repeat" content="repeat-y" title="Y Repeat">
  44. <meta name="select:BG Repeat" content="no-repeat" title="No Repeat">
  45. <meta name="select:BG Attachment" content="fixed" title="Fixed">
  46. <meta name="select:BG Attachment" content="scroll" title="Scroll">
  47. <meta name="select:Post Position" content="center" title="Center">
  48. <meta name="select:Post Position" content="left" title="Left">
  49. <meta name="select:Post Position" content="right" title="Right">
  50.  
  51. <meta name="if:250px Posts" content="0"/>
  52. <meta name="if:400px Posts" content="0"/>
  53. <meta name="if:500px Posts" content="1"/>
  54. <meta name="if:Show Icon" content="1"/>
  55. <meta name="if:Show Title" content="1"/>
  56. <meta name="if:Show Description" content="1"/>
  57. <meta name="if:Show Slide Links" content="1"/>
  58. <meta name="if:Show Borders" content="1"/>
  59. <meta name="if:Show Captions" content="1"/>
  60. <meta name="if:Show Tags" content="1"/>
  61.  
  62. <meta name="text:Custom Font Size" content=".8em" />
  63.  
  64. <meta name="text:Link01 title" content="index" />
  65. <meta name="text:Link01 URL" content="/" />
  66. <meta name="text:Link02 title" content="contact" />
  67. <meta name="text:Link02 URL" content="/ask" />
  68. <meta name="text:Link03 title" content="about" />
  69. <meta name="text:Link03 URL" content="/about" />
  70.  
  71. <meta name="text:PopLink01 title" content="link" />
  72. <meta name="text:PopLink01 URL" content="/" />
  73. <meta name="text:PopLink02 title" content="link" />
  74. <meta name="text:PopLink02 URL" content="/" />
  75. <meta name="text:PopLink03 title" content="link" />
  76. <meta name="text:PopLink03 URL" content="/" />
  77. <meta name="text:PopLink04 title" content="link" />
  78. <meta name="text:PopLink04 URL" content="/" />
  79. <meta name="text:PopLink05 title" content="link" />
  80. <meta name="text:PopLink05 URL" content="/" />
  81. <meta name="text:PopLink06 title" content="link" />
  82. <meta name="text:PopLink06 URL" content="/" />
  83. <meta name="text:PopLink07 title" content="link" />
  84. <meta name="text:PopLink07 URL" content="/" />
  85. <meta name="text:PopLink08 title" content="link" />
  86. <meta name="text:PopLink08 URL" content="/" />
  87. <meta name="text:PopLink09 title" content="link" />
  88. <meta name="text:PopLink09 URL" content="/" />
  89. <meta name="text:PopLink10 title" content="link" />
  90. <meta name="text:PopLink10 URL" content="/" />
  91.  
  92. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  93.  
  94. <script language="javascript">
  95. $(document).ready(function() {
  96. $('a#clickbutton').click(function() {
  97. $('.links',this).toggle();
  98. });
  99.  
  100. $("#links").css({"bottom": "-240px"})
  101. $("#clickbutton").toggle(
  102. function () {
  103. $("#links").animate({"bottom": "-100px"}, "slow");
  104. },
  105. function () {
  106. $("#links").animate({"bottom": "-240px"}, "slow");
  107. });
  108. });
  109. </script>
  110.  
  111. <style type="text/css">
  112. iframe#tumblr_controls {
  113. opacity: .7;
  114. bottom: 0% !important;
  115. right: 0% !important;
  116. position: fixed !important;
  117. -webkit-filter: invert(100%);
  118. filter: invert(100%);
  119. }
  120.  
  121. /* Main Body CSS
  122. -------------------------------------------------*/
  123. html {
  124. font-size: 100%;
  125. -webkit-text-size-adjust: 100%;
  126. -ms-text-size-adjust: 100%;
  127. }
  128.  
  129. html, button, input, select, textarea {
  130. font-family: sans-serif;
  131. color: {color:Body Text};
  132. }
  133.  
  134. body {
  135. margin: 0px;
  136. padding: 0px;
  137. font-size: {text:Custom Font Size};
  138. color: {color:Body Text};
  139. background-color: {color:Body Background};
  140. {block:ifbackgroundimage}
  141. background-image: url('{image:Background}');
  142. background-attachment: {select:BG Attachment};
  143. background-repeat: {select:BG Repeat};
  144. {/block:ifbackgroundimage}
  145. }
  146.  
  147. a {
  148. color: {color:Body Links};
  149. text-decoration: none;
  150. -webkit-transition: 0.8s;
  151. transition: 0.8s;
  152. }
  153.  
  154. a:hover{
  155. color: {color:Body Links Hover};
  156. text-decoration: none;
  157. }
  158.  
  159. pre,code,kbd,samp,tt {
  160. font-family: monospace;
  161. }
  162.  
  163. b {
  164. color: {color:Body Accent};
  165. }
  166.  
  167. ::-webkit-scrollbar-thumb:vertical {
  168. background: {color:Scroll Bar};
  169. border: 4px solid {color:Scroll Background};
  170. }
  171. ::-webkit-scrollbar-thumb:horizontal {
  172. background: {color:Scroll Bar};
  173. height: 0;
  174. }
  175. ::-webkit-scrollbar {
  176. background: {color:Scroll Background};
  177. height: 0;
  178. width: 11px;
  179. }
  180.  
  181. /* Container CSS
  182. -------------------------------------------------*/
  183. .main_container {
  184. position: relative;
  185. z-index: 100;
  186. {block:if250pxPosts}
  187. width: 650px;
  188. {/block:if250pxPosts}
  189. {block:if400pxPosts}
  190. width: 900px;
  191. {/block:if400pxPosts}
  192. {block:if500pxPosts}
  193. width: 1100px;
  194. {/block:if500pxPosts}
  195. }
  196.  
  197. #main_center {
  198. margin: 0 auto;
  199. }
  200.  
  201. #main_left {
  202. margin: 0 40px;
  203. }
  204.  
  205. #main_right {
  206. margin: 0 40px 0 auto;
  207. }
  208.  
  209. /* Header CSS
  210. -------------------------------------------------*/
  211. .header .container {
  212. {block:if250pxPosts}width: 250px;{/block:if250pxPosts}
  213. {block:if400pxPosts}width: 400px;{/block:if400pxPosts}
  214. {block:if500pxPosts}width: 500px;{/block:if500pxPosts}
  215. color: {color:Header Text};
  216. background: {color:Header Background};
  217. {block:ifShowBorders}
  218. border: 1px solid {color:Header Borders};
  219. {/block:ifShowBorders}
  220. border-radius: 4px;
  221. margin: 40px auto;
  222. padding: 0;
  223. font-size: 80%;
  224. }
  225.  
  226. .header .content .left {
  227. display: inline-block;
  228. margin: 0;
  229. padding: 0;
  230. width: 80px;
  231. vertical-align: top;
  232. {block:ifShowBorders}
  233. border-right: 1px solid {color:Header Borders};
  234. {/block:ifShowBorders}
  235. }
  236.  
  237. .header .content .right {
  238. display: inline-block;
  239. padding: 15px 10px 10px 10px;
  240. {block:if250pxPosts}width: 130px;{/block:if250pxPosts}
  241. {block:if400pxPosts}width: 280px;{/block:if400pxPosts}
  242. {block:if500pxPosts}width: 380px;{/block:if500pxPosts}
  243. vertical-align: top;
  244. }
  245.  
  246. .header .content .icon {
  247. display: block;
  248. margin: 0;
  249. padding: 0;
  250. padding: 10px;
  251. width: 60px;
  252. background: {color:Icon Background};
  253. }
  254.  
  255. .header .content .icon img {
  256. display: block;
  257. margin: 0;
  258. padding: 0;
  259. max-width: 60px;
  260. }
  261.  
  262. .header .content .title {
  263. font-size: .7em;
  264. font-weight: bold;
  265. text-transform: uppercase;
  266. letter-spacing: 1px;
  267. }
  268.  
  269. .header .content .description {
  270. padding: 5px 0 0 0;
  271. font-size: .7em;
  272. text-transform: uppercase;
  273. letter-spacing: .5px;
  274. }
  275.  
  276. /* Menu Css
  277. -------------------------------------------------*/
  278. .menu .container {
  279. position: fixed;
  280. right: 0;
  281. bottom: 0;
  282. left: 0;
  283. width: 100%;
  284. color: {color:Menu Text};
  285. background: {color:Menu Background};
  286. {block:ifShowBorders}
  287. border-top: 1px solid {color:Menu Borders};
  288. {/block:ifShowBorders}
  289. z-index: 150;
  290. }
  291.  
  292. .menu .content {
  293. margin: 0 0 5px 0;
  294. padding: 15px 20px;
  295. }
  296.  
  297. .menu .content a {
  298. display: inline-block;
  299. padding: 0 10px;
  300. color: {color:Menu Links};
  301. font-size: .7em;
  302. font-weight: bold;
  303. text-transform: uppercase;
  304. letter-spacing: 1px;
  305. text-shadow: 0 -15px 0 transparent;
  306. }
  307.  
  308. .menu .content a:hover {
  309. color: transparent;
  310. text-shadow: 0 0 0 {color:Menu Links Hover};
  311. }
  312.  
  313. .menu .content .sep {
  314. display: inline-block;
  315. margin: 0 10px;
  316. }
  317.  
  318. .navigation {
  319. display: inline-block;
  320. margin: 0;
  321. }
  322.  
  323. /* Pops Css
  324. -------------------------------------------------*/
  325. #links {
  326. position: fixed;
  327. right: 0;
  328. bottom: -240px;
  329. left: 0;
  330. height: 250px;
  331. padding: 10px;
  332. color: {color:Navigation Text};
  333. background: {color:Navigation Background};
  334. {block:ifShowBorders}
  335. border-top: 1px solid {color:Body Borders};
  336. {/block:ifShowBorders}
  337. z-index: 120;
  338. }
  339.  
  340. #links .content {
  341. padding: 10px;
  342. margin: auto;
  343. font-size: 75%;
  344. }
  345.  
  346. #links .title {
  347. padding: 5px;
  348. margin: 5px;
  349. font-weight: bold;
  350. border-bottom: 1px solid {color:Body Borders};
  351. }
  352.  
  353. #links .content a {
  354. display: inline-block;
  355. padding: 5px;
  356. margin: 5px;
  357. color: {color:Navigation Text};
  358. text-align: left;
  359. border-bottom: 1px solid {color:Body Borders};
  360. }
  361.  
  362. #links .content a:hover {
  363. text-decoration: underline;
  364. }
  365.  
  366. /* Posts CSS
  367. -------------------------------------------------*/
  368. .entry_container {
  369. position: relative;
  370. z-index: 140;
  371. {block:if250pxPosts}
  372. width: 700px;
  373. {/block:if250pxPosts}
  374. {block:if400pxPosts}
  375. width: 950px;
  376. {/block:if400pxPosts}
  377. {block:if500pxPosts}
  378. width: 1150px;
  379. {/block:if500pxPosts}
  380. margin: 0 auto 100px auto;
  381. }
  382.  
  383. .entry {
  384. float: left;
  385. {block:if250pxPosts}
  386. width: 250px;
  387. {/block:if250pxPosts}
  388. {block:if400pxPosts}
  389. width: 400px;
  390. {/block:if400pxPosts}
  391. {block:if500pxPosts}
  392. width: 500px;
  393. {/block:if500pxPosts}
  394. color: {color:Body Text};
  395. background: {color:Post Background};
  396. {block:ifShowBorders}
  397. border: 1px solid {color:Body Borders};
  398. {/block:ifShowBorders}
  399. border-radius: 4px;
  400. margin: 30px;
  401. padding: 0;
  402. font-size: 80%;
  403. overflow: hidden;
  404. }
  405.  
  406. /* Post Elements CSS
  407. -------------------------------------------------*/
  408. .entry .entry_content {
  409. padding: 10px;
  410. }
  411.  
  412. .entry h2 {
  413. text-transform: uppercase;
  414. {block:ifCustomFontSize}
  415. font-size: {text:Custom Font Size};
  416. {/block:ifCustomFontSize}
  417. {block:ifnotCustomFontSize}
  418. font-size: .9em;
  419. {/block:ifnotCustomFontSize}
  420. }
  421.  
  422. .entry h2 a {
  423. color: {color:Body Text};
  424. }
  425.  
  426. .entry h2 a:hover {
  427. color: {color:Body Links};
  428. }
  429.  
  430. .entry li {
  431. list-style: square;
  432. }
  433.  
  434. .entry blockquote {
  435. border-left: 1px solid {color:Body Borders};
  436. margin: 0px 0px 2px 3px;
  437. padding: 0px 0px 0px 5px;
  438. }
  439.  
  440. .entry p {
  441. padding: 5px 0;
  442. margin: 2px 0;
  443. word-wrap: break-word;
  444. }
  445.  
  446. .entry b {
  447. color: {color:Body Accent};
  448. font-weight: bold;
  449. }
  450.  
  451. .entry img {
  452. display: block;
  453. vertical-align: top;
  454. }
  455.  
  456. .entry .caption img {
  457. display: block;
  458. {block:if250pxPosts}
  459. max-width: 240px;
  460. {/block:if250pxPosts}
  461. {block:if400pxPosts}
  462. max-width: 390px;
  463. {/block:if400pxPosts}
  464. {block:if500pxPosts}
  465. max-width: 490px;
  466. {/block:if500pxPosts}
  467. height: auto;
  468. }
  469.  
  470. .entry li, .entry blockquote {
  471. max-width: 100%;
  472. }
  473.  
  474. .entry pre {
  475. white-space: pre-wrap;
  476. white-space: -moz-pre-wrap !important;
  477. white-space: -pre-wrap;
  478. white-space: -o-pre-wrap;
  479. word-wrap: break-word;
  480. overflow-x: auto;
  481. }
  482.  
  483. .entry .caption {
  484. padding: 10px;
  485. text-align: justify;
  486. {block:ifShowBorders}
  487. border-bottom: 1px solid {color:Body Borders};
  488. {/block:ifShowBorders}
  489. }
  490.  
  491. .entry .post_text, .entry .post_link, .entry .post_quote, .entry .post_chat {
  492. padding: 10px;
  493. {block:ifShowBorders}
  494. border-top: 1px solid {color:Body Borders};
  495. border-bottom: 1px solid {color:Body Borders};
  496. {/block:ifShowBorders}
  497. }
  498.  
  499. .entry .post_photo, .entry .post_photoset, .entry .post_video {
  500. padding: 0;
  501. }
  502.  
  503. /* Ask Post CSS
  504. -------------------------------------------------*/
  505. .entry .user_icon {
  506. position: absolute;
  507. margin: 0 0 0 -60px;
  508. padding: 10px;
  509. width: 30px;
  510. {block:ifShowBorders}
  511. border: 1px solid {color:Body Borders};
  512. {/block:ifShowBorders}
  513. }
  514.  
  515. .entry .user_icon img {
  516. display: block;
  517. }
  518.  
  519. .entry .user {
  520. display: block;
  521. font-weight: bold;
  522. }
  523.  
  524. .entry .question {
  525. margin: 0 0 0 0;
  526. padding: 10px 10px 10px 70px;
  527. min-height: 52px;
  528. {block:ifShowBorders}
  529. border-bottom: 1px solid {color:Body Borders};
  530. {/block:ifShowBorders}
  531. }
  532.  
  533. .entry .answer {
  534. padding: 10px;
  535. }
  536.  
  537. /* Quote Post CSS
  538. -------------------------------------------------*/
  539. .entry .quote {
  540. width: 100%;
  541. text-align: center;
  542. margin: auto;
  543. }
  544.  
  545. .quotetext {
  546. font-size: 130%;
  547. }
  548.  
  549. .source {
  550. text-align: right;
  551. }
  552.  
  553. /* Chat Post CSS
  554. -------------------------------------------------*/
  555. .convo {
  556. margin-left: 0px;
  557. }
  558.  
  559. .line {
  560. text-align: left;
  561. margin: 3px 0;}
  562.  
  563. /* Audio Post CSS
  564. -------------------------------------------------*/
  565. .playbox {
  566. height: 35px;
  567. overflow: hidden;
  568. {block:ifShowBorders}
  569. border-bottom:1px solid {color:Body Borders};
  570. {/block:ifShowBorders}
  571. z-index: 10000;
  572. }
  573.  
  574. .playbutton {
  575. overflow: hidden;
  576. position: absolute;
  577. margin: 4px;
  578. z-index: 100000;
  579. }
  580.  
  581. .audioinfo {
  582. margin: 0;
  583. padding: 10px;
  584. }
  585.  
  586. /* Post Information CSS
  587. -------------------------------------------------*/
  588. .entry .src_container {
  589. display: block;
  590. font-size: 65%;
  591. margin: 0;
  592. padding: 10px;
  593. text-align: right;
  594. {block:ifShowBorders}
  595. border-bottom: 1px solid {color:Body Borders};
  596. {/block:ifShowBorders}
  597. }
  598.  
  599. .entry .src_content {
  600. display: inline-block;
  601. text-transform: uppercase;
  602. letter-spacing: 0px;
  603. margin: 0;
  604. padding: 0;
  605. }
  606.  
  607. .entry .src_content a {
  608. display: inline-block;
  609. padding: 0;
  610. color: {color:Body Links};
  611. text-shadow: 0 -15px 0 transparent;
  612. }
  613.  
  614. .entry .src_content a:hover {
  615. color: transparent;
  616. text-shadow: 0 0 0 {color:Body Links Hover};
  617. }
  618.  
  619. .entry .src_content .sep {
  620. display: inline-block;
  621. margin: 0 2px;
  622. }
  623.  
  624. .entry .info_container {
  625. display: block;
  626. font-size: 70%;
  627. margin: 0;
  628. {block:PermalinkPage}
  629. {block:ifShowBorders}
  630. border-bottom: 1px solid {color:Body Borders};
  631. {/block:ifShowBorders}
  632. {/block:PermalinkPage}
  633. }
  634.  
  635. .entry .info_content {
  636. display: inline-block;
  637. text-align: left;
  638. text-transform: uppercase;
  639. line-height: 8px;
  640. margin: 0;
  641. padding: 10px;
  642. }
  643.  
  644. .entry .info_content .date,
  645. .entry .info_content .notes {
  646. display: inline-block;
  647. margin: 0;
  648. padding: 0;
  649. }
  650.  
  651. .entry .info_content a {
  652. display: inline-block;
  653. padding: 0;
  654. color: {color:Body Links};
  655. text-shadow: 0 -15px 0 transparent;
  656. }
  657.  
  658. .entry .info_content a:hover {
  659. color: transparent;
  660. text-shadow: 0 0 0 {color:Body Links Hover};
  661. }
  662.  
  663. .entry .info_content .sep {
  664. display: inline-block;
  665. padding: 0 3px;
  666. }
  667.  
  668. .entry .info_content .reblog,
  669. .entry .info_content .like {
  670. display: inline-block;
  671. margin: 0 3px;
  672. padding: 0 1px;
  673. opacity: .6;
  674. -webkit-transition: 0.8s;
  675. transition: 0.8s;
  676. }
  677.  
  678. .entry .info_content .reblog:hover,
  679. .entry .info_content .like:hover {
  680. cursor: pointer;
  681. opacity: 1;
  682. }
  683.  
  684. .entry .info_content .buttons_right {
  685. display: inline-block;
  686. position: absolute;
  687. {block:if250pxPosts}
  688. margin: -11px 0 0 184px;
  689. {/block:if250pxPosts}
  690. {block:if400pxPosts}
  691. margin: -12px 0 0 335px;
  692. {/block:if400pxPosts}
  693. {block:if500pxPosts}
  694. margin: -12px 0 0 435px;
  695. {/block:if500pxPosts}
  696. }
  697.  
  698. .entry .tags_container {
  699. display: block;
  700. font-size: 70%;
  701. margin: 0;
  702. padding: 10px;
  703. {block:ifShowBorders}
  704. border-top: 1px solid {color:Body Borders};
  705. {block:PermalinkPage}
  706. border-bottom: 1px solid {color:Body Borders};
  707. {/block:PermalinkPage}
  708. {/block:ifShowBorders}
  709. }
  710.  
  711. .entry .tags_content {
  712. display: inline-block;
  713. text-align: left;
  714. text-transform: uppercase;
  715. letter-spacing: 0px;
  716. margin: 0;
  717. padding: 0;
  718. }
  719.  
  720. .entry .tags_content a {
  721. display: inline-block;
  722. padding: 0;
  723. color: {color:Body Links};
  724. text-shadow: 0 -15px 0 transparent;
  725. }
  726.  
  727. .entry .tags_content a:hover {
  728. color: transparent;
  729. text-shadow: 0 0 0 {color:Body Links Hover};
  730. }
  731.  
  732. /* Post Notes CSS
  733. -------------------------------------------------*/
  734. .sources {
  735. filter:alpha(opacity=0);
  736. opacity: 0;
  737. display: none;
  738. }
  739.  
  740. .postnotes {
  741. {block:if250pxPosts}
  742. width: 230px;
  743. {/block:if250pxPosts}
  744. {block:if400pxPosts}
  745. width: 380px;
  746. {/block:if400pxPosts}
  747. {block:if500pxPosts}
  748. width: 480px;
  749. {/block:if500pxPosts}
  750. color: {color:Body Text};
  751. background: {color:Post Background};
  752. {block:ifShowBorders}
  753. border: 1px solid {color:Body Borders};
  754. {/block:ifShowBorders}
  755. border-radius: 4px;
  756. margin: 10px auto;
  757. padding: 10px;
  758. font-size: 70%;
  759. overflow: hidden;
  760. }
  761.  
  762. .postnotes a {
  763. color: {color:Body Links};
  764. font-weight: bold;
  765. }
  766.  
  767. .postnotes a:hover {
  768. color: {color:Body Text};
  769.  
  770. }
  771.  
  772. .postnotes ol, .notes, .notes ol {
  773. list-style-type: none;
  774. padding: 0;
  775. margin: 0;
  776. }
  777.  
  778. .postnotes li, .notes, .notes li {
  779. list-style-type: none;
  780. padding: 2px;
  781. margin: 5px 0;
  782. }
  783.  
  784. .postnotes img {
  785. display: none;
  786. }
  787.  
  788. .avatar_frame {
  789. display: none;
  790. }
  791.  
  792. /* Credit CSS
  793. -------------------------------------------------*/
  794. .credit {
  795. position: fixed;
  796. z-index: 300;
  797. bottom: 15px;
  798. right: 10px;
  799. padding: 5px 0;
  800. font-size: 8px;
  801. font-family: Helvetica Neue,Arial,Helvetica,FreeSans,sans-serif;
  802. letter-spacing: 1px;
  803. text-transform:uppercase;
  804. border: 1px solid #000000;
  805. }
  806.  
  807. .credit a {
  808. padding: 4px;
  809. color: #ffffff;
  810. background: #000000;
  811. border: 1px solid #ffffff;
  812. }
  813.  
  814. .credit a:hover {
  815. color: #000000;
  816. background: #ffffff;
  817. }
  818.  
  819. /* Custom CSS
  820. -------------------------------------------------*/
  821. {CustomCSS}
  822.  
  823. </style>
  824.  
  825. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  826. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  827.  
  828. <script>
  829. $(function(){
  830. var $container = $('.entry_container');
  831. $container.imagesLoaded(function(){
  832. $container.masonry({
  833. itemSelector: '.entry',
  834. });
  835. });
  836. $container.infinitescroll({
  837. itemSelector : ".entry",
  838. navSelector : "div.navigation",
  839. nextSelector : ".navigation a#next",
  840. loadingImg : "",
  841. loadingText : "<em></em>",
  842. bufferPx : 10000,
  843. extraScrollPx: 12000,
  844. },
  845. // trigger Masonry as a callback
  846. function( newElements ) {
  847. var $newElems = $( newElements ).css({ opacity: 0 });
  848. // ensure that images load before adding to masonry layout
  849. $newElems.imagesLoaded(function(){
  850. $newElems.animate({ opacity: 1 });
  851. $container.masonry( 'appended', $newElems, true );
  852. });
  853. }
  854. );
  855. });
  856. </script>
  857.  
  858. </head>
  859. <body>
  860.  
  861. <a id="home"></a>
  862.  
  863. <!--Menu-->
  864. <div class="menu">
  865. <div class="container">
  866. <div class="content">
  867. {block:ifLink01URL}
  868. <a href="{text:Link01 URL}">{text:Link01 title}</a>
  869. {/block:ifLink01URL}
  870. {block:ifLink02URL}
  871. <a href="{text:Link02 URL}" target="_blank">{text:Link02 title}</a>
  872. {/block:ifLink02URL}
  873. {block:ifLink03URL}
  874. <a href="{text:Link03 URL}" target="_blank">{text:Link03 title}</a>
  875. {/block:ifLink03URL}
  876. {block:ifShowSlideLinks}
  877. <a id="clickbutton" class="links" style="cursor:pointer;"><span class="links">+</span><span class="links" style="display:none">+</span></a>
  878. {/block:ifShowSlideLinks}
  879. {block:Pagination}
  880. <div class="navigation">
  881. <div class="sep">—</div>
  882. {block:PreviousPage}<a href="{PreviousPage}">prev.</a>{/block:PreviousPage}
  883. {block:NextPage}<a href="{NextPage}" id="next">next.</a>{/block:NextPage}
  884. </div>
  885. {/block:Pagination}
  886. </div>
  887. </div>
  888. </div>
  889. <!--Menu-->
  890.  
  891. <!--Slide Links-->
  892. {block:ifShowSlideLinks}
  893. <div id="links">
  894. <div class="content">
  895. <div class="custom_links">
  896. <div class="title">Navigation:</div>
  897. {block:ifPopLink01URL}<a href="{text:PopLink01 URL}" target="_blank">{text:PopLink01 title}</a>{/block:ifPopLink01URL}
  898. {block:ifPopLink02URL}<a href="{text:PopLink02 URL}" target="_blank">{text:PopLink02 title}</a>{/block:ifPopLink02URL}
  899. {block:ifPopLink03URL}<a href="{text:PopLink03 URL}" target="_blank">{text:PopLink03 title}</a>{/block:ifPopLink03URL}
  900. {block:ifPopLink04URL}<a href="{text:PopLink04 URL}" target="_blank">{text:PopLink04 title}</a>{/block:ifPopLink04URL}
  901. {block:ifPopLink05URL}<a href="{text:PopLink05 URL}" target="_blank">{text:PopLink05 title}</a>{/block:ifPopLink05URL}
  902. {block:ifPopLink06URL}<a href="{text:PopLink06 URL}" target="_blank">{text:PopLink06 title}</a>{/block:ifPopLink06URL}
  903. {block:ifPopLink07URL}<a href="{text:PopLink07 URL}" target="_blank">{text:PopLink07 title}</a>{/block:ifPopLink07URL}
  904. {block:ifPopLink08URL}<a href="{text:PopLink08 URL}" target="_blank">{text:PopLink08 title}</a>{/block:ifPopLink08URL}
  905. {block:ifPopLink09URL}<a href="{text:PopLink09 URL}" target="_blank">{text:PopLink09 title}</a>{/block:ifPopLink09URL}
  906. {block:ifPopLink10URL}<a href="{text:PopLink10 URL}" target="_blank">{text:PopLink10 title}</a>{/block:ifPopLink10URL}
  907. {block:HasPages}
  908. {block:Pages}
  909. <a href="{URL}" target="_blank">{Label}</a>
  910. {/block:Pages}
  911. {/block:HasPages}
  912. </div>
  913. </div>
  914. </div>
  915. {/block:ifShowSlideLinks}
  916. <!--Slide Links-->
  917.  
  918. <div class="main_container" id="main_{select:Post Position}">
  919.  
  920. <!--Sidebar-->
  921. <div class="header">
  922. <div id="container" class="container">
  923. <div class="content">
  924. {block:ifShowIcon}
  925. <div class="left">
  926. <div class="icon">
  927. <a href="/" title="refresh"><img src="{image:Icon}" alt="icon"></a>
  928. </div>
  929. </div>
  930. {/block:ifShowIcon}
  931. <div class="right">
  932. {block:ifShowTitle}
  933. <div class="title">
  934. {title}
  935. </div>
  936. {/block:ifShowTitle}
  937. {block:ifShowDescription}
  938. <div class="description">
  939. {description}
  940. </div>
  941. {/block:ifShowDescription}
  942. </div>
  943. </div>
  944. </div>
  945. </div>
  946. <!--Sidebar-->
  947.  
  948. <!--Post Column-->
  949. <div class="entry_container">
  950. {block:Posts}
  951. <div class="entry">
  952.  
  953. {block:ContentSource}
  954. <div class="sources">
  955. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  956. </div>
  957. {/block:ContentSource}
  958.  
  959. {block:RebloggedFrom}
  960. <div class="src_container">
  961. <div class="src_content">
  962. {block:PermalinkPage}
  963. src <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>,
  964. {/block:PermalinkPage}
  965. via <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>
  966. </div>
  967. </div>
  968. {/block:RebloggedFrom}
  969.  
  970. {block:Text}
  971. <div class="post_text">
  972. {block:Title}
  973. <h2>{Title}</h2>
  974. {/block:Title}
  975. {Body}
  976. </div>
  977. {/block:Text}
  978.  
  979. {block:Link}
  980. <div class="post_link">
  981. <h2><a href="{URL}">{Name}</a></h2>
  982. {block:Description}
  983. {Description}
  984. {/block:Description}
  985. </div>
  986. {/block:Link}
  987.  
  988. {block:Answer}
  989. <div class="post_ask">
  990. <div class="question">
  991. <div class="user_icon">
  992. <img src="{AskerPortraitURL-30}" alt="icon" />
  993. </div>
  994. <div class="user">{Asker} asked:</div>
  995. {Question}
  996. </div>
  997. <div class="answer">{Answer}</div>
  998. </div>
  999. {/block:Answer}
  1000.  
  1001. {block:Quote}
  1002. <div class="post_quote">
  1003. <div class="quotetext">"{Quote}"</div>
  1004. {block:Source}<div class="source">{Source}</div>{/block:Source}
  1005. </div>
  1006. {/block:Quote}
  1007.  
  1008. {block:Chat}
  1009. <div class="post_chat">
  1010. {block:Title}<h2>{Title}</h2>{/block:Title}
  1011. <div class="text">
  1012. <div class="convo">
  1013. {block:Lines}
  1014. <div class="line">
  1015. {block:Label}
  1016. <span class="label">{Label}</span>
  1017. {/block:Label}
  1018. {Line}
  1019. </div>
  1020. {/block:Lines}
  1021. </div>
  1022. </div>
  1023. </div>
  1024. {/block:Chat}
  1025.  
  1026. {block:Photo}
  1027. <div class="post_photo">
  1028. {block:IndexPage}<a href="{Permalink}" title="Permalink">{/block:IndexPage}
  1029. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  1030. {block:if250pxPosts}
  1031. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250px">
  1032. {/block:if250pxPosts}
  1033. {block:if400pxPosts}
  1034. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">
  1035. {/block:if400pxPosts}
  1036. {block:if500pxPosts}
  1037. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">
  1038. {/block:if500pxPosts}
  1039. {block:IndexPage}</a>{/block:IndexPage}
  1040. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  1041. </div>
  1042. {block:ifShowCaptions}
  1043. {block:Caption}
  1044. <div class="caption">
  1045. {Caption}</div>
  1046. {/block:Caption}
  1047. {/block:ifShowCaptions}
  1048. {block:ifnotShowCaptions}
  1049. {block:PermalinkPage}
  1050. {block:Caption}
  1051. <div class="caption">
  1052. {Caption}</div>
  1053. {/block:Caption}
  1054. {/block:PermalinkPage}
  1055. {/block:ifnotShowCaptions}
  1056. {/block:Photo}
  1057.  
  1058. {block:Photoset}
  1059. <div class="post_photoset">
  1060. {block:if250pxPosts}
  1061. {Photoset-250}
  1062. {/block:if250pxPosts}
  1063. {block:if400pxPosts}
  1064. {Photoset-400}
  1065. {/block:if400pxPosts}
  1066. {block:if500pxPosts}
  1067. {Photoset-500}
  1068. {/block:if500pxPosts}
  1069. </div>
  1070. {block:ifShowCaptions}
  1071. {block:Caption}
  1072. <div class="caption">
  1073. {Caption}</div>
  1074. {/block:Caption}
  1075. {/block:ifShowCaptions}
  1076. {block:ifnotShowCaptions}
  1077. {block:PermalinkPage}
  1078. {block:Caption}
  1079. <div class="caption">
  1080. {Caption}</div>
  1081. {/block:Caption}
  1082. {/block:PermalinkPage}
  1083. {/block:ifnotShowCaptions}
  1084. {/block:Photoset}
  1085.  
  1086. {block:Audio}
  1087. <div class="post_audio">
  1088. <div class="playbox">
  1089. <div class="playbutton">
  1090. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  1091. </div>
  1092. </div>
  1093. <div class="audiobox">
  1094. <div class="audioinfo">
  1095. {block:Artist}{Artist}{/block:Artist} -
  1096. {block:TrackName}{TrackName}{/block:TrackName}
  1097. </div>
  1098. </div>
  1099. </div>
  1100. {block:ifShowCaptions}
  1101. {block:Caption}
  1102. <div class="caption">
  1103. {Caption}</div>
  1104. {/block:Caption}
  1105. {/block:ifShowCaptions}
  1106. {block:ifnotShowCaptions}
  1107. {block:PermalinkPage}
  1108. {block:Caption}
  1109. <div class="caption">
  1110. {Caption}</div>
  1111. {/block:Caption}
  1112. {/block:PermalinkPage}
  1113. {/block:ifnotShowCaptions}
  1114. {/block:Audio}
  1115.  
  1116. {block:Video}
  1117. <div class="post_video">
  1118. {block:if250pxPosts}
  1119. {Video-250}
  1120. {/block:if250pxPosts}
  1121. {block:if400pxPosts}
  1122. {Video-400}
  1123. {/block:if400pxPosts}
  1124. {block:if500pxPosts}
  1125. {Video-500}
  1126. {/block:if500pxPosts}
  1127. </div>
  1128. {block:ifShowCaptions}
  1129. {block:Caption}
  1130. <div class="caption">
  1131. {Caption}</div>
  1132. {/block:Caption}
  1133. {/block:ifShowCaptions}
  1134. {block:ifnotShowCaptions}
  1135. {block:PermalinkPage}
  1136. {block:Caption}
  1137. <div class="caption">
  1138. {Caption}</div>
  1139. {/block:Caption}
  1140. {/block:PermalinkPage}
  1141. {/block:ifnotShowCaptions}
  1142. {/block:Video}
  1143.  
  1144. {block:Date}
  1145. <div class="info_container">
  1146. <div class="info_content">
  1147. <div class="date">
  1148. <a href="{Permalink}" target="_blank">{ShortMonth} {DayOfMonthWithZero}</a>
  1149. </div>
  1150. <div class="sep"></div>
  1151. <div class="notes">
  1152. <a href="{Permalink}"target="_blank">{NoteCount}</a>
  1153. </div>
  1154. <div class="sep"></div>
  1155. <div class="buttons_right">
  1156. <div class="reblog">
  1157. {ReblogButton size="15"}
  1158. </div>
  1159. <div class="like">
  1160. {LikeButton size="15"}
  1161. </div>
  1162. </div>
  1163. </div>
  1164. </div>
  1165. {/block:Date}
  1166.  
  1167. {block:ifnotShowTags}
  1168. {block:PermalinkPage}
  1169. {block:HasTags}
  1170. <div class="tags_container">
  1171. <div class="tags_content">
  1172. Filed Under: {block:Tags}
  1173. <a href="{TagURL}" title="{Tag}" target="_blank">#{Tag}</a>
  1174. {/block:Tags}
  1175. </div>
  1176. </div>
  1177. {/block:HasTags}
  1178. {/block:PermalinkPage}
  1179. {/block:ifnotShowTags}
  1180.  
  1181. {block:ifShowTags}
  1182. {block:HasTags}
  1183. <div class="tags_container">
  1184. <div class="tags_content">
  1185. Filed Under: {block:Tags}
  1186. <a href="{TagURL}" title="{Tag}" target="_blank">#{Tag}</a>
  1187. {/block:Tags}
  1188. </div>
  1189. </div>
  1190. {/block:HasTags}
  1191. {/block:ifShowTags}
  1192.  
  1193. </div>
  1194.  
  1195. {block:PermalinkPage}
  1196. {block:PostNotes}
  1197. <div class="postnotes">
  1198. {PostNotes}
  1199. </div>
  1200. {/block:PostNotes}
  1201. {/block:PermalinkPage}
  1202.  
  1203. {/block:Posts}
  1204. </div>
  1205. <!--Post Column-->
  1206.  
  1207. </div>
  1208.  
  1209. <!--Credit Link-->
  1210. <div class="credit">
  1211. <a href="http://chubbygod.tumblr.com/themes" target="_blank">chub</a>
  1212. </div>
  1213. <!--Credit Link-->
  1214.  
  1215. </body>
  1216. </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!