API tools faq
paste
Advertisement
sarahthemes

Theme 005 by heytonks.tumblr.com

sarahthemes
Jun 25th, 2014
1,393
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.58 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.  
  6. <!-- theme 005 heytonks.tumblr.com - do not remove credit, redistribute, claim as your own, or use any part of this coding in your own theme. if you have any questions, feel free to send me a message on my personal blog (heytonks) or my theme blog (sarahthemes) and i will happily assist you -->
  7.  
  8.  
  9. <html>
  10.  
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16. {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
  17.  
  18. <!-- default variables -->
  19.  
  20.  
  21. <meta name="text:Link 1 URL" content="/"/>
  22. <meta name="text:Link 1" content="home"/>
  23. <meta name="text:Link 2 URL" content="/ask"/>
  24. <meta name="text:Link 2" content="message"/>
  25. <meta name="text:Link 3 URL" content="/"/>
  26. <meta name="text:Link 3" content="link 3"/>
  27. <meta name="text:Link 4 URL" content="/"/>
  28. <meta name="text:Link 4" content="link 4"/>
  29. <meta name="text:Link 5 URL" content="/"/>
  30. <meta name="text:Link 5" content="link 5"/>
  31. <meta name="text:Link 6 URL" content="/"/>
  32. <meta name="text:Link 6" content="link 6"/>
  33. <meta name="text:Custom Cursor URL" content="http://static.tumblr.com/vdw1lg6/1cbn7qqrk/cursor.png"/>
  34.  
  35. <meta name="image:Header" content="http://static.tumblr.com/vdw1lg6/4S1n7qqrf/braba3.png"/>
  36. <meta name="image:Background" content=""/>
  37.  
  38. <meta name="color:Background" content="#1d1d1d"/>
  39. <meta name="color:Header Background" content="#fcfcfc"/>
  40. <meta name="color:Nav Bar Background" content="#ffffff"/>
  41. <meta name="color:Title" content="#525252"/>
  42. <meta name="color:Description Box" content="#ffffff"/>
  43. <meta name="color:Description Text" content="#737373"/>
  44. <meta name="color:Nav Links" content="#7e7e1f"/>
  45. <meta name="color:Nav Links Hover" content="#e5e583"/>
  46. <meta name="color:Post Background" content="#303030"/>
  47. <meta name="color:Post Border" content="#cccccc"/>
  48. <meta name="color:Post Text" content="#f8f8f8"/>
  49. <meta name="color:Post Title" content="#fafafa"/>
  50. <meta name="color:Post Title Background" content="#303030"/>
  51. <meta name="color:Post Links" content="#fefeb5"/>
  52. <meta name="color:Post Links Hover" content="#ffecfb"/>
  53. <meta name="color:Post Info Background" content="#444444"/>
  54. <meta name="color:Post Info Text" content="#ffe3fa"/>
  55. <meta name="color:Post Info Hover" content="#ffffe5"/>
  56. <meta name="color:Tags" content="#ffffce"/>
  57. <meta name="color:Tags Hover" content="#fff0fc"/>
  58. <meta name="color:Pagination" content="#fafafa"/>
  59. <meta name="color:Scrollbar" content="#ffffc1"/>
  60. <meta name="color:Bolded Text" content="#ffddfd"/>
  61. <meta name="color:Italicized Text" content="#ffe3f9"/>
  62.  
  63. <meta name="if:Full Header Image" content="0">
  64. <meta name="if:Two Columns" content="0">
  65. <meta name="if:Show Asker Icon" content="0">
  66. <meta name="if:Hover For Tags" content="1">
  67.  
  68. <meta name="select:Header Image Position" content="right" title="Right">
  69. <meta name="select:Header Image Position" content="left" title="Left">
  70. <meta name="select:Header Image Position" content="center" title="Center">
  71.  
  72. <meta name="select:Title Size" content="medium" title="Medium">
  73. <meta name="select:Title Size" content="small" title="Small">
  74. <meta name="select:Title Size" content="large" title="Large">
  75.  
  76. <link href='http://fonts.googleapis.com/css?family=Roboto:300,400,100,700|Roboto+Slab:400,300,700' rel='stylesheet' type='text/css'>
  77.  
  78. <!-- begin masonry -->
  79.  
  80. {block:IndexPage}
  81. {block:ifTwoColumns}
  82. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  83.  
  84. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  85.  
  86. <script>
  87. $(function(){
  88. var $container = $('#content');
  89. $container.imagesLoaded(function(){
  90. $container.masonry({
  91. itemSelector: '#posts',
  92. });
  93. });
  94. $container.infinitescroll({
  95. itemSelector : "#posts",
  96. navSelector : "div.pagination",
  97. nextSelector : ".pagination a#next",
  98. loadingImg : "",
  99. loadingText : "<em></em>",
  100. bufferPx : 10000,
  101. extraScrollPx: 12000,
  102. },
  103. // trigger Masonry as a callback
  104. function( newElements ) {
  105. var $newElems = $( newElements ).css({ opacity: 0 });
  106. // ensure that images load before adding to masonry layout
  107. $newElems.imagesLoaded(function(){
  108. $newElems.animate({ opacity: 1 });
  109. $container.masonry( 'appended', $newElems, true );
  110. });
  111. }
  112. );
  113. });
  114. </script>
  115. {/block:ifTwoColumns}
  116. {/block:IndexPage}
  117.  
  118. <!-- end masonry -->
  119.  
  120. <style type="text/css">
  121.  
  122. @font-face{
  123. font-family: 'Roboto Slab Regular';
  124. src: url('http://static.tumblr.com/vdw1lg6/YL0n7n5dm/robotoslab-regular-webfont.eot');
  125. src: url('http://static.tumblr.com/vdw1lg6/YL0n7n5dm/robotoslab-regular-webfont.eot') format('eot'),
  126. url('http://static.tumblr.com/vdw1lg6/4iOn7n5dq/robotoslab-regular-webfont.svg') format('svg');
  127. url('http://static.tumblr.com/vdw1lg6/0N7n7n5dx/robotoslab-regular-webfont.woff') format('woff'),
  128. url('http://static.tumblr.com/vdw1lg6/H2rn7n5du/robotoslab-regular-webfont.ttf') format('truetype'),
  129. }
  130.  
  131. @font-face{
  132. font-family: 'Roboto Slab Bold';
  133. src: url('http://static.tumblr.com/vdw1lg6/J3Kn7n59r/robotoslab-bold-webfont.eot');
  134. src: url('http://static.tumblr.com/vdw1lg6/J3Kn7n59r/robotoslab-bold-webfont.eot') format('eot'),
  135. url('http://static.tumblr.com/vdw1lg6/4LNn7n5a0/robotoslab-bold-webfont.svg') format('svg');
  136. url('http://static.tumblr.com/vdw1lg6/0Jin7n5a7/robotoslab-bold-webfont.woff') format('woff'),
  137. url('http://static.tumblr.com/vdw1lg6/2Mon7n5a3/robotoslab-bold-webfont.ttf') format('truetype'),
  138. }
  139.  
  140.  
  141. iframe#tumblr_controls {
  142. top: 0% !important;
  143. right:0% !important;
  144. position: fixed !important;
  145. }
  146.  
  147. *, body, a, a:hover {
  148. cursor: url('{text:Custom Cursor URL}'), auto;
  149. }
  150.  
  151.  
  152. ::-webkit-scrollbar-thumb:vertical {
  153. background-color:{color:Scrollbar};
  154. height: 60px;
  155. }
  156.  
  157.  
  158. ::-webkit-scrollbar {
  159. height: 10px;
  160. width: 10px;
  161. background-color:{color:Background};
  162. }
  163.  
  164. #description::-webkit-scrollbar-thumb:vertical {
  165. background-color:{color:Nav Links};
  166. height: 60px;
  167. }
  168.  
  169.  
  170. #description::-webkit-scrollbar {
  171. height: 10px;
  172. width: 10px;
  173. background-color:{color:Description Box};
  174. }
  175.  
  176. ::selection {
  177. background:{color:Post Links};
  178. color:{color:Post Background};
  179. }
  180.  
  181. ::-moz-selection {
  182. background:{color:Post Links};
  183. color:{color:Post Background};
  184. }
  185.  
  186. ::-webkit-selection {
  187. background:{color:Post Links};
  188. color:{color:Post Background};
  189. }
  190.  
  191. body {
  192. background-color:{color:Background};
  193. background-image:url('{image:Background}');
  194. background-repeat:repeat;
  195. background-attachment:fixed;
  196. margin:0px;
  197. font-family: 'Roboto', sans-serif;
  198. font-weight:300;
  199. font-size:12px;
  200. letter-spacing:2.2px;
  201. color:{color:Post Text};
  202. line-height:185%;
  203. text-align:justify;
  204. }
  205.  
  206. a {
  207. text-decoration:none;
  208. color:{color:Post Links};
  209. transition-duration:0.5s;
  210. -moz-transition-duration:0.5s;
  211. -webkit-transition-duration:0.5s;
  212. -o-transition-duration:0.5s;
  213. }
  214.  
  215. a:hover {
  216. color:{color:Post Links Hover};
  217. transition-duration:0.5s;
  218. -moz-transition-duration:0.5s;
  219. -webkit-transition-duration:0.5s;
  220. -o-transition-duration:0.5s;
  221. }
  222.  
  223. i, em {
  224. font-style:italic;
  225. color:{color:Italicized Text};
  226. }
  227.  
  228. b, strong {
  229. font-weight:700;
  230. color:{color:Bolded Text};
  231. }
  232.  
  233. h2 {
  234. padding:30px;
  235. font-family:'Roboto Slab Bold', 'Roboto Slab', serif;
  236. text-transform:uppercase;
  237. font-size:15px;
  238. letter-spacing:2.3px;
  239. font-weight:700;
  240. text-align:center;
  241. border:4px solid {color:Post Title};
  242. line-height:26px;
  243. margin-top:0px;
  244. color:{color:Post Title};
  245. background-color:{color:Post Title Background};
  246. }
  247.  
  248. #titlechat {
  249. margin-bottom:20px;
  250. margin-top:-21px;
  251. margin-left:-21px;
  252. {block:IndexPage}
  253. {block:ifTwoColumns}
  254. width:374px;
  255. {/block:ifTwoColumns}
  256. {block:ifNotTwoColumns}
  257. width:474px;
  258. {/block:ifNotTwoColumns}
  259. {/block:IndexPage}
  260. {block:PermalinkPage}
  261. width:474px;
  262. {/block:PermalinkPage}
  263. }
  264.  
  265. h2 a {
  266. border-bottom:1px dotted {color:Post Links};
  267. color:{color:Post Links};
  268. }
  269.  
  270. blockquote {
  271. border-left:1px dotted {color:Post Text};
  272. padding-left:15px;
  273. margin:2px 0px;
  274. }
  275.  
  276. pre {
  277. white-space:pre;
  278. white-space:pre-wrap;
  279. word-wrap:break-word;
  280. }
  281.  
  282. /* DO NOT ALTER THE THEME EDIT */
  283. #credit a {
  284. position:fixed;
  285. z-index:1000;
  286. bottom:20px;
  287. right:20px;
  288. width:22px;
  289. height:22px;
  290. text-align:center;
  291. font-weight:bold;
  292. border:1px dotted #dddddd;
  293. font-size:25px;
  294. background-color:#ffffff;
  295. font-family:'Arial';
  296. line-height:22px;
  297. border-radius:100%;
  298. padding:7px;
  299. color:#000000;
  300. }
  301. /* DO NOT ALTER THE THEME CREDIT */
  302.  
  303. #posts {
  304. padding:20px 20px 0px 20px;
  305. border:1px dotted {color:Post Border};
  306. background-color:{color:Post Background};
  307. color:{color:Post Text};
  308. {block:IndexPage}
  309. {block:ifNotTwoColumns}
  310. margin-bottom:120px;
  311. width:500px;
  312. margin-left:auto;
  313. margin-right:auto;
  314. {/block:ifNotTwoColumns}
  315. {block:ifTwoColumns}
  316. margin-bottom:50px;
  317. width:400px;
  318. margin-left:50px;
  319. float:left;
  320. {/block:ifTwoColumns}
  321. {/block:IndexPage}
  322. {block:PermalinkPage}
  323. margin-bottom:120px;
  324. width:500px;
  325. position:relative;
  326. float:none;
  327. margin-left:auto;
  328. margin-right:auto;
  329. {/block:PermalinkPage}
  330. transition-duration:0.7s;
  331. -moz-transition-duration:0.7s;
  332. -webkit-transition-duration:0.7s;
  333. -o-transition-duration:0.7s;
  334. }
  335.  
  336. #posts p {
  337. display:block;
  338. max-width:100%;
  339. overflow:hidden;
  340. }
  341.  
  342. #posts img, #posts blockquote, #posts pre {
  343. max-width:100%;
  344. }
  345.  
  346. #posts li {
  347. text-transform:uppercase;
  348. font-size:9px;
  349. max-width:100%;
  350. }
  351.  
  352. #content {
  353. margin-top:70px;
  354. margin-left:auto;
  355. margin-right:auto;
  356. {block:IndexPage}
  357. {block:ifNotTwoColumns}
  358. width:600px;
  359. {/block:ifNotTwoColumns}
  360. {block:ifTwoColumns}
  361. width:1000px;
  362. margin-left:auto;
  363. margin-right:auto;
  364. {/block:ifTwoColumns}
  365. {/block:IndexPage}
  366. {block:PermalinkPage};
  367. width:600px;
  368. margin-left:auto;
  369. position:relative;
  370. margin-right:auto;
  371. {/block:PermalinkPage}
  372.  
  373. }
  374.  
  375. #centergrid {
  376. {block:IndexPage}
  377. {block:ifTwoColumns}
  378. margin-left:-50px;
  379. {/block:ifTwoColumns}
  380. {/block:IndexPage}
  381. }
  382.  
  383. #header {
  384. width:100%;
  385. top:0px;
  386. left:0px;
  387. background-color:{color:Header Background};
  388. }
  389.  
  390.  
  391. #header img {
  392. margin:0px;
  393. padding:0px;
  394. {block:ifFullHeaderImage}
  395. width:100%;
  396. height:auto;
  397. {/block:ifFullHeaderImage}
  398. {block:ifNotFullHeaderImage}
  399. width:auto;
  400. height:auto;
  401. {/block:ifNotFullHeaderImage}
  402. }
  403.  
  404. #bottombar {
  405. clear:both;
  406. background-color:{color:Nav Bar Background};
  407. padding:30px;
  408. }
  409.  
  410. #title {
  411. text-transform:uppercase;
  412. font-weight:700;
  413. letter-spacing:3.7px;
  414. padding:10px 20px;
  415. color:{color:Title};
  416. display:inline-block;
  417. z-index:3;
  418. }
  419.  
  420. #description {
  421. background-color:{color:Description Box};
  422. color:{color:Description Text};
  423. margin-top:20px;
  424. font-weight:400;
  425. width:300px;
  426. height:50px;
  427. overflow-x:hidden;
  428. overflow-y:auto;
  429. border:1px dotted {color:Post Border};
  430. font-size:11px;
  431. padding:15px;
  432. text-align:justify;
  433. }
  434.  
  435. #links a {
  436. text-transform:uppercase;
  437. padding:5px;
  438. margin:0px 10px;
  439. color:{color:Nav Links};
  440. transition-duration:0.5s;
  441. -moz-transition-duration:0.5s;
  442. -webkit-transition-duration:0.5s;
  443. -o-transition-duration:0.5s;
  444. }
  445.  
  446. #links a:hover {
  447. color:{color:Nav Links Hover};
  448. transition-duration:0.5s;
  449. -moz-transition-duration:0.5s;
  450. -webkit-transition-duration:0.5s;
  451. -o-transition-duration:0.5s;
  452. }
  453.  
  454. #links {
  455. text-align:center;
  456. font-family:'Roboto Slab Regular', 'Roboto Slab', serif;
  457. margin-top:20px;
  458. line-height:250%;
  459. font-size:12px;
  460. letter-spacing:3.2px;
  461. font-weight:400;
  462. margin-left:auto;
  463. margin-right:auto;
  464. }
  465.  
  466. .pagination {
  467. {block:ifTwoColumns}
  468. display:none;
  469. {/block:ifTwoColumns}
  470. {block:ifNotTwoColumns}
  471. margin-top:140px;
  472. margin-bottom:120px;
  473. {/block:ifNotTwoColumns}
  474. }
  475.  
  476. .pagination a {
  477. {block:ifTwoColumns}
  478. display:none;
  479. {/block:ifTwoColumns}
  480. {block:ifNotTwoColumns}
  481. padding:10px 20px;
  482. font-size:13px;
  483. border:2px solid {color:Pagination};
  484. font-weight:700;
  485. text-transform:uppercase;
  486. color:{color:Pagination};
  487. letter-spacing:3px;
  488. margin-left:15px;
  489. margin-right:15px;
  490. {/block:ifNotTwoColumns}
  491. }
  492.  
  493. .pagination a:hover {
  494. color:{color:Background};
  495. background-color:{color:Pagination};
  496. border:2px solid {color:Background};
  497. }
  498.  
  499. /* post info */
  500.  
  501. .postinfo {
  502. background-color:{color:Post Info Background};
  503. border-top:1px dotted {color:Post Border};
  504. {block:IndexPage}
  505. {block:ifTwoColumns}
  506. width:440px;
  507. {/block:ifTwoColumns}
  508. {block:ifNotTwoColumns}
  509. width:540px;
  510. {/block:ifNotTwoColumns}
  511. {/block:IndexPage}
  512. {block:PermalinkPage}
  513. width:540px;
  514. {/block:PermalinkPage}
  515. margin-left:-20px;
  516. padding:13px 0px;
  517. margin-top:20px;
  518. text-transform:uppercase;
  519. font-size:9px;
  520. vertical-align:middle;
  521. font-weight:400;
  522. }
  523.  
  524. .postinfo a {
  525. color:{color:Post Info Text};
  526. vertical-align:middle;
  527. transition-duration:0.5s;
  528. -moz-transition-duration:0.5s;
  529. -webkit-transition-duration:0.5s;
  530. -o-transition-duration:0.5s;
  531. }
  532.  
  533. .postinfo a:hover {
  534. color:{color:Post Info Hover};
  535. transition-duration:0.5s;
  536. -moz-transition-duration:0.5s;
  537. -webkit-transition-duration:0.5s;
  538. -o-transition-duration:0.5s;
  539. }
  540.  
  541. .like_and_reblog_buttons {
  542. vertical-align:middle;
  543. -moz-transition-duration:0.7s;
  544. -webkit-transition-duration:0.7s;
  545. -o-transition-duration:0.7s;
  546. display:inline-block;
  547. }
  548.  
  549. .like_and_reblog_buttons li {
  550. vertical-align:middle;
  551. height:15px;
  552. padding:0px 12px;
  553. display:inline-block;
  554. list-style:none;
  555. -moz-transition-duration:0.7s;
  556. -webkit-transition-duration:0.7s;
  557. -o-transition-duration:0.7s;
  558. }
  559.  
  560. /* post stylings */
  561.  
  562. #askerimg img {
  563. {block:ifShowAskerIcon}
  564. border-radius:100%;
  565. padding:5px;
  566. border:1px solid {color:Post Border};
  567. background-color:{color:Post Background};
  568. margin-top:-49px;
  569. position:absolute;
  570. margin-left:-25px;
  571. {/block:ifShowAskerIcon}
  572. }
  573.  
  574.  
  575. #question {
  576. margin-top:5px;
  577. line-height:18px;
  578. font-size:11px;
  579. margin-bottom:20px;
  580. background-color:{color:Post Info Background};
  581. border:3px solid {color:Post Border};
  582. {block:IndexPage}
  583. {block:ifNotTwoColumns}
  584. width:450px;
  585. {/block:ifNotTwoColumns}
  586. {block:ifTwoColumns}
  587. width:350px;
  588. {/block:ifTwoColumns}
  589. {/block:IndexPage}
  590. {block:PermalinkPage}
  591. width:450px;
  592. {/block:PermalinkPage}
  593. {block:ifNotShowAskerIcon}
  594. padding:30px 15px 30px 15px;
  595. {/block:ifNotShowAskerIcon}
  596. {block:ifShowAskerIcon}
  597. padding:30px 15px 40px 15px;
  598. {/block:ifShowAskerIcon}
  599. }
  600.  
  601. #defaultart img {
  602. position:relative;
  603. z-index:27;
  604.  
  605. }
  606.  
  607. #albumart img {
  608. position:absolute;
  609. z-index:28;
  610. margin-top:-106px;
  611. margin-left:0px;
  612. }
  613.  
  614. #player {
  615. width:30px;
  616. height:30px;
  617. overflow:hidden;
  618. position:absolute;
  619. z-index:35;
  620. margin-top:9px;
  621. margin-left:9px;
  622. }
  623.  
  624. #playerbg {
  625. position:relative;
  626. height:45px;
  627. width:45px;
  628. background-color:#ffffff;
  629. z-index:29;
  630. margin-top:-77px;
  631. margin-left:28px;
  632. opacity:0.7;
  633. border-radius:100%;
  634. transition-duration:0.5s;
  635. -moz-transition-duration:0.5s;
  636. -webkit-transition-duration:0.5s;
  637. -o-transition-duration:0.5s;
  638. }
  639.  
  640. #playerbg:hover {
  641. opacity:0.9;
  642. transition-duration:0.5s;
  643. -moz-transition-duration:0.5s;
  644. -webkit-transition-duration:0.5s;
  645. -o-transition-duration:0.5s;
  646. }
  647.  
  648. td {
  649. height:100px;
  650. margin:0px;
  651. padding:0px;
  652. line-height:200%;
  653. font-weight:400;
  654. }
  655.  
  656. td img {
  657. margin-top:-25px;
  658. padding:0px;
  659. height:100px;
  660. width:100px;
  661. }
  662.  
  663. #audioinfo {
  664. position:relative;
  665. margin-top:60px;
  666. font-weight:400;
  667. }
  668.  
  669. table {
  670. padding:15px;
  671. font-size:11px;
  672. margin-bottom:20px;
  673. border:1px solid {color:Post Border};
  674. margin-top:8px;
  675. text-transform:uppercase;
  676. font-size:9px;
  677. {block:IndexPage}
  678. {block:ifNotTwoColumns}
  679. width:480px;
  680. {/block:ifNotTwoColumns}
  681. {block:ifTwoColumns}
  682. width:380px;
  683. {/block:ifTwoColumns}
  684. {/block:IndexPage}
  685. {block:PermalinkPage}
  686. width:480px;
  687. {/block:PermalinkPage}
  688. }
  689.  
  690.  
  691.  
  692. #notecontainer {
  693. margin-left:auto;
  694. margin-right:auto;
  695. width:540px;
  696. border:1px dotted {color:Post Border};
  697. text-transform:uppercase;
  698. font-size:8px;
  699. background-color:{color:Post Background};
  700. text-align:left;
  701. margin-bottom:80px;
  702. overflow-x:hidden;
  703. overflow-y:auto;
  704. height:450px;
  705. }
  706.  
  707. #notecontainer a {
  708. color:{color:Links};
  709. }
  710.  
  711. #notecontainer a:hover {
  712. color:{color:Links Hover};
  713. }
  714.  
  715. ol.notes {
  716. list-style-type:none;
  717. padding:0px;
  718. margin:5px 0px 0px 0px;
  719. }
  720.  
  721. li.note {
  722. padding:10px 20px;
  723. border-bottom:1px dotted {color:Post Border};
  724. list-style-image:url('http://static.tumblr.com/vdw1lg6/f8Fn2ytm8/theme-x.png');
  725. list-style-position:inside;
  726. }
  727.  
  728. li.note img {
  729. display:none;
  730. }
  731.  
  732. li.more_notes_link_container {
  733. list-style-image:none;
  734. list-style-type:none;
  735. border:none;
  736. border-style:none;
  737. background-color:{color:Post Info Background};
  738. }
  739.  
  740. #quotemark {
  741. font-size:53px;
  742. color:{color:Post Links};
  743. opacity:0.8;
  744. font-family:"Calibri";
  745. margin-top:20px;
  746. position:absolute;
  747. }
  748.  
  749. #quote {
  750. display:block;
  751. margin-left:50px;
  752. font-family:'Roboto Slab Regular', 'Roboto Slab', serif;
  753. font-weight:400;
  754. font-size:20px;
  755. line-height:39px;
  756. {block:IndexPage}
  757. {block:ifTwoColumns}
  758. width:330px;
  759. {/block:ifTwoColumns}
  760. {block:ifNotTwoColumns}
  761. width:430px;
  762. {/block:ifNotTwoColumns}
  763. {/block:IndexPage}
  764. {block:PermalinkPage}
  765. width:430px;
  766. {/block:PermalinkPage}
  767. }
  768.  
  769. #quotesource {
  770. margin-top:20px;
  771. text-align:right;
  772. display:block;
  773. padding:20px;
  774. border:3px solid {color:Post Title};
  775. color:{color:Post Title};
  776. background-color:{color:Post Title Background};
  777. font-style:italic;
  778. font-weight:100;
  779. font-size:12px;
  780. margin-bottom:15px;
  781. }
  782.  
  783. #chatpost ul {
  784. padding:0px;
  785. margin:-20px 0px -21px -20px;
  786. width:540px;
  787. {block:IndexPage}
  788. {block:ifTwoColumns}
  789. width:440px;
  790. {/block:ifTwoColumns}
  791. {block:ifNotTwoColumns}
  792. width:540px;
  793. {/block:ifNotTwoColumns}
  794. {/block:IndexPage}
  795. {block:PermalinkPage}
  796. width:540px;
  797. {/block:PermalinkPage}
  798. }
  799.  
  800. .chat li {
  801. list-style-type:none;
  802. padding:10px 20px;
  803. border-bottom:1px solid {color:Post Border};
  804. }
  805.  
  806. .chat li:nth-child(odd) {
  807. background: rgb(255, 255, 255);
  808. background: rgba(255, 255, 255, 0.1);
  809. }
  810.  
  811. .chat li:nth-child(even) {
  812. background-color:{color:Post Background};
  813. }
  814.  
  815. .tags {
  816. font-family:'Roboto Slab', serif;
  817. font-weight:400;
  818. font-size:10px;
  819. text-transform:lowercase;
  820. text-align:center;
  821. position:absolute;
  822. margin-left:auto;
  823. margin-right:auto;
  824. {block:IndexPage}
  825. {block:ifTwoColumns}
  826. padding:20px 0px;
  827. margin-left:-20px;
  828. margin-top:-20px;
  829. width:440px;
  830. background-color:{color:Post Info Background};
  831. border-bottom:1px dotted {color:Post Border};
  832. display:inline;
  833. opacity:0;
  834. {/block:ifTwoColumns}
  835. {block:ifNotTwoColumns}
  836. margin-top:10px;
  837. width:500px;
  838. display:inline;
  839. {/block:ifNotTwoColumns}
  840. {/block:IndexPage}
  841. {block:PermalinkPage}
  842. margin-top:10px;
  843. width:500px;
  844. display:inline;
  845. {/block:PermalinkPage}
  846. {block:ifHoverForTags}
  847. {block:IndexPage}
  848. opacity:0;
  849. {/block:IndexPage}
  850. {block:PermalinkPage}
  851. opacity:1;
  852. {/block:PermalinkPage}
  853. {/block:ifHoverForTags}
  854. transition-duration:0.7s;
  855. -moz-transition-duration:0.7s;
  856. -webkit-transition-duration:0.7s;
  857. -o-transition-duration:0.7s;
  858. }
  859.  
  860. #posts:hover .tags {
  861. {block:ifHoverForTags}
  862. opacity:1;
  863. {/block:ifHoverForTags}
  864. {block:IndexPage}
  865. {block:ifTwoColumns}
  866. opacity:1;
  867. {/block:ifTwoColumns}
  868. {/block:IndexPage}
  869. transition-duration:0.7s;
  870. -moz-transition-duration:0.7s;
  871. -webkit-transition-duration:0.7s;
  872. -o-transition-duration:0.7s;
  873. }
  874.  
  875. .tags a {
  876. {block:IndexPage}
  877. {block:ifTwoColumns}
  878. {/block:ifTwoColumns}
  879. {/block:IndexPage}
  880. padding:5px 7px;
  881. color:{color:Tags};
  882. line-height:26px;
  883. margin-left:8px;
  884. }
  885.  
  886. .tags a:hover {
  887. color:{color:Tags Hover};
  888. }
  889.  
  890.  
  891. /* Selection metatags */
  892.  
  893. .left {
  894. text-align:left;
  895. }
  896.  
  897. .center {
  898. text-align:center;
  899. }
  900.  
  901. .right {
  902. text-align:right;
  903. }
  904.  
  905. .small {
  906. font-size:12px;
  907. border:2px solid {color:Title};
  908. }
  909.  
  910. .medium {
  911. font-size:16px;
  912. border:3px solid {color:Title};
  913. }
  914.  
  915. .large {
  916. font-size:21px;
  917. border:4px solid {color:Title};
  918. }
  919.  
  920. {CustomCSS}
  921.  
  922. </style>
  923.  
  924. </head>
  925.  
  926. <body>
  927.  
  928. <!-- DO NOT ALTER THE THEME CREDIT --><div id="credit"><a href="http://heytonks.tumblr.com/" title="heytonks">&copy;</a></div> <!-- DO NOT ALTER THE THEME CREDIT -->
  929.  
  930. <a href="/"><div id="header"><center>
  931.  
  932. <div class="{select:Header Image Position}"><img src="{image:Header}"/></div>
  933.  
  934. </center></div></a>
  935.  
  936. <div id="bottombar"><center>
  937.  
  938. <div class="{select:Title Size}" id="title">{Title}</div>
  939.  
  940. <div id="description">{Description}</div>
  941.  
  942. <div id="links">
  943. {block:iflink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  944. {block:iflink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:iflink1}
  945. {block:iflink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:iflink3}
  946. {block:iflink4}<br/><a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:iflink4}
  947. {block:iflink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:iflink5}
  948. {block:iflink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:iflink6}
  949. </div>
  950.  
  951. {block:ifTwoColumns}
  952. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  953. </div>
  954. {/block:ifTwoColumns}
  955.  
  956. </center></div>
  957.  
  958.  
  959.  
  960. <!-- posts -->
  961.  
  962. <div id="centergrid">
  963.  
  964. <div id="content">
  965.  
  966. {block:Posts}
  967.  
  968. <div id="posts">
  969.  
  970. {block:IndexPage}{block:ifTwoColumns}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifTwoColumns}
  971. {/block:IndexPage}
  972.  
  973. {block:ContentSource}
  974. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  975. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  976. {/block:SourceLogo}
  977. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  978. {/block:ContentSource}
  979.  
  980. {block:Text}
  981. {block:Title}<h2>{Title}</h2>{/block:Title}
  982. {block:Title}<div style="margin-top:20px;">{/block:Title}<div style="margin-top:-10px;">{Body}</div>{block:Title}</div>{/block:Title}
  983. {/block:Text}
  984.  
  985. {block:Photo}
  986. {block:PermalinkPage}
  987. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  988. {/block:PermalinkPage}
  989. {block:IndexPage}{block:ifTwoColumns}
  990. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}
  991. {/block:ifTwoColumns}{/block:IndexPage}
  992. {block:IndexPage}{block:ifNotTwoColumns}
  993. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  994. {/block:ifNotTwoColumns}{/block:IndexPage}
  995. {block:Caption}{Caption}{/block:Caption}
  996. {/block:Photo}
  997.  
  998. {block:Panorama}
  999. {LinkOpenTag}<img src="{PhotoURL-Panorama}">{LinkCloseTag}
  1000. {block:Caption}{Caption}{/block:Caption}
  1001. {/block:Panorama}
  1002.  
  1003. {block:Photoset}
  1004. {block:PermalinkPage}
  1005. {Photoset-500}
  1006. {/block:PermalinkPage}
  1007. {block:IndexPage}{block:ifTwoColumns}
  1008. {Photoset-400}
  1009. {/block:ifTwoColumns}{/block:IndexPage}
  1010. {block:IndexPage}{block:ifNotTwoColumns}
  1011. {Photoset-500}
  1012. {/block:ifNotTwoColumns}{/block:IndexPage}
  1013. {block:Caption}{Caption}{/block:Caption}
  1014. {/block:Photoset}
  1015.  
  1016. {block:Quote}
  1017. <div id="quotemark">❝</div>
  1018. <div id="quote">{Quote}</div>
  1019. {block:Source}<div id="quotesource">— {Source}</div>{/block:Source}
  1020. {/block:Quote}
  1021.  
  1022. {block:Link}
  1023. <h2><a href="{URL}">{Name}</a></h2>
  1024. {block:Description}{Description}{/block:Description}
  1025. {/block:Link}
  1026.  
  1027. {block:Chat}
  1028. <div id="chatpost">
  1029. {block:Title}<h2 id="titlechat">{Title}</h2>{/block:Title}
  1030. <ul class="chat">
  1031. {block:Lines}
  1032. <li class="{Alt} user_{UserNumber}">
  1033. {block:Label}<b>{Label}</b>{/block:Label}
  1034. {Line}</li>{/block:Lines}</ul>
  1035. </div>
  1036. {/block:Chat}
  1037.  
  1038. {block:Audio}<center><table><tr>
  1039. <td style="vertical-align:middle; width:100px;">
  1040. <div id="defaultart"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="100" alt="default album art"/></div>
  1041. {block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}" width="100px"></div>{/block:AlbumArt}
  1042. <div id="playerbg"><div id="player">{AudioPlayerWhite}</div></div>
  1043. </td>
  1044. {block:IndexPage}
  1045. {block:ifNotTwoColumns}<td style="vertical-align:middle; background-color:{color:Post Info Background}; width:290px; text-align:center; text-align:center;">{/block:ifNotTwoColumns}
  1046. {block:ifTwoColumns}<td style="vertical-align:middle; background-color:{color:Post Info Background}; width:160px; text-align:center; text-align:center; padding:0px 20px">{/block:ifTwoColumns}
  1047. {/block:IndexPage}
  1048. {block:PermalinkPage}
  1049. <td style="vertical-align:middle; background-color:{color:Post Info Background}; width:290px; text-align:center; text-align:center;">
  1050. {/block:PermalinkPage}
  1051. {block:TrackName}<span style="font-weight:700; font-family:'Roboto', sans-serif; text-transform:uppercase; font-size:13px; padding:30px 0px;">{TrackName}</span><br/>{/block:TrackName}
  1052. {block:Artist}{Artist}<br/>{/block:Artist}
  1053. {PlayCountWithLabel}
  1054. </td>
  1055. </tr></table></center>
  1056. {block:Caption}{Caption}{/block:Caption}
  1057. {/block:Audio}
  1058.  
  1059. {block:Video}
  1060. {block:PermalinkPage}
  1061. {Video-500}
  1062. {/block:PermalinkPage}
  1063. {block:IndexPage}{block:ifTwoColumns}
  1064. {Video-400}
  1065. {/block:ifTwoColumns}{/block:IndexPage}
  1066. {block:IndexPage}{block:ifNotTwoColumns}
  1067. {Video-500}
  1068. {/block:ifNotTwoColumns}{/block:IndexPage}
  1069. {block:Caption}{Caption}{/block:Caption}
  1070. {/block:Video}
  1071.  
  1072. {block:Answer}<center>
  1073. <div id="question"><span style="font-weight:700; text-transform:uppercase; font-size:13px; font-family:'Roboto Slab Bold', 'Roboto Slab', serif;">{Asker} asked:<br/></span>{Question}</div>
  1074. {block:ifShowAskerIcon}<div id="askerimg"><img src="{AskerPortraitURL-40}"></div>{/block:ifShowAskerIcon}
  1075. </center>
  1076. {block:ifShowAskerIcon}<div style="margin-top:40px;">{Answer}</div>{/block:ifShowAskerIcon}
  1077. {block:ifNotShowAskerIcon}<div style="margin-top:20px;">{Answer}</div>{/block:ifNotShowAskerIcon}
  1078. {/block:Answer}
  1079.  
  1080. <!-- post info -->
  1081.  
  1082. {block:IndexPage}<center><div class="postinfo">
  1083. {block:Date}<span class="like_and_reblog_buttons"><li>{ReblogButton color="gray" size="15"}</li></span>{/block:Date}
  1084. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonth} ({TimeAgo})</a>{/block:Date} {block:NoteCount}<span style="vertical-align:middle;">with</span> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} - <a href="{ReblogParentURL}">via</a> / <a href="{ReblogRootURL}">src</a>{/block:RebloggedFrom}
  1085. {block:Date}<span class="like_and_reblog_buttons"><li>{LikeButton color="gray" size="14"}</li></span>{/block:Date}
  1086. </div></center>
  1087. {block:ifNotTwoColumns}<div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:ifNotTwoColumns}
  1088. {/block:IndexPage}
  1089.  
  1090. {block:PermalinkPage}<center><div class="postinfo">
  1091. {block:Date}<span class="like_and_reblog_buttons"><li>{ReblogButton color="gray" size="15"}</li></span>{/block:Date}
  1092. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonth} ({TimeAgo})</a>{/block:Date} {block:NoteCount}<span style="vertical-align:middle;">with</span> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} - <a href="{ReblogParentURL}">via</a> / <a href="{ReblogRootURL}">src</a>{/block:RebloggedFrom}
  1093. {block:Date}<span class="like_and_reblog_buttons"><li>{LikeButton color="gray" size="14"}</li></span>{/block:Date}
  1094. </div></center>
  1095. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1096. {/block:PermalinkPage}
  1097.  
  1098. </div> <!-- end posts -->
  1099.  
  1100. {/block:Posts}
  1101.  
  1102. {block:PostNotes}<div id="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1103.  
  1104. </div> <!-- end content -->
  1105.  
  1106. </div>
  1107.  
  1108. <center>
  1109. {block:ifNotTwoColumns}
  1110. {block:Pagination}
  1111. <div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  1112. {block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}</div>
  1113. {/block:Pagination}
  1114. {/block:ifNotTwoColumns}
  1115. </center>
  1116.  
  1117. </body>
  1118.  
  1119. </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!