API tools faq
paste
Advertisement
TitanJelly

theme51 v3

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