Advertisement
williamhiddles

THEME 13

May 17th, 2018
216
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.22 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----------base code by clumhood
  5. ADAPTED BY @ joesmazzellos
  6. ------------>
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14.  
  15. <!--------DEFAULT VARIABLES-------->
  16.  
  17. <meta name="color:background" content="#ffffff"/>
  18. <meta name="color:text" content="#333333"/>
  19. <meta name="color:links" content="#5b5b5b"/>
  20. <meta name="color:links hover" content="#c9c9c9"/>
  21. <meta name="color:scrollbar bg" content="#ffffff"/>
  22. <meta name="color:scrollbar" content="#eeeeee">
  23. <meta name="color:accent" content="#000000"/>
  24. <meta name="color:bold" content="#333333"/>
  25.  
  26. <meta name="image:sidebar image" content=""/>
  27. <meta name="image:background image" content=""/>
  28.  
  29. <meta name="text:link 1 title" content="link">
  30. <meta name="text:link 1 url" content=" ">
  31. <meta name="text:link 2 title" content="link">
  32. <meta name="text:link 2 url" content=" ">
  33. <meta name="text:link 3 title" content="link">
  34. <meta name="text:link 3 url" content=" ">
  35.  
  36. <meta name="if:show link 1" content="1" />
  37. <meta name="if:show link 2" content="1" />
  38. <meta name="if:show link 3" content="1" />
  39. <meta name="if:show sidebar image" content="1" />
  40. <meta name="if:show side title" content="1" />
  41.  
  42.  
  43. <!----------------SCRIPTS---------------->
  44.  
  45. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  46. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  47. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  48. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  49. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  50. <script>
  51. (function($){
  52. $(document).ready(function(){
  53. $("[title]").style_my_tooltips({
  54. tip_follows_cursor:true,
  55. tip_delay_time:200,
  56. tip_fade_speed:300
  57. });
  58. });
  59. })(jQuery);
  60. </script>
  61.  
  62. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  63. <script>
  64. /* questions? ask oddhour.tumblr.com */
  65. /* Script edited by arianagrandes.tumblr.com, all credits goes to oddhour */
  66. var updatePhotosetCss = "<style id='updatePhotosetStyle'> .photoset .photoset_row img { display: block; } .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_2 img { max-width: 268px; } .photoset .photoset_row.photoset_row_3 img { max-width: 178px; } .photoset .photoset_row .photoset_photo { margin-left: 2px; } .photoset .photoset_row { text-align: center; width: 540px; } .photoset { width: 540px; }</style>";
  67. function updatePhotoset() {
  68.  
  69. $(".photoset:not(.540-resized)").each( function (i, e) {
  70. if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
  71. $(this.contentDocument).find("head").append(updatePhotosetCss);
  72. var photoset = $(this.contentDocument).find(".photoset");
  73. var photosetRows = photoset.find(".photoset_row");
  74. photoset.find(".photoset_photo")
  75. .each(function () {
  76. var hiResSrc = $(this).attr("href");
  77. var img = $(this).find('img');
  78. img.attr("src", hiResSrc );
  79. img.attr("style", "");
  80. });
  81. photosetRows.attr("style", "").css("margin-bottom", "-8px");
  82. photoset.attr("style","");
  83. photoset.addClass("540-resized");
  84. $(this).height($(this.contentDocument.body).height());
  85. });
  86. }
  87.  
  88. updatePhotoset();
  89.  
  90. var photosetTimer = setInterval(updatePhotoset, 1500);
  91. $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
  92. </script>
  93. <!-------------------------------------------------------------------->
  94.  
  95.  
  96. <!------------------------UNNEST SCRIPT--------------------->
  97. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  98. </script><script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  99. <script>
  100. $(function(){ $('.posts').unnest({
  101. yourCaption: ".caption",
  102. wrapName: ".cap",
  103. newCaptionUsername: true,
  104. originalPostCaptionUsername: false,
  105. tumblrAvatars: true,
  106. tumblrAvatarClass: ".icon",
  107. usernameColon: false
  108. }); }); </script>
  109. <!------------------------TOOLTIPS SCRIPT--------------------->
  110.  
  111. <link href="https://fonts.googleapis.com/css?family=Quantico:400,400i,700" rel="stylesheet">
  112. <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i" rel="stylesheet">
  113. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  114. <link href="https://fonts.googleapis.com/css?family=AbeeZee" rel="stylesheet">
  115.  
  116. <style type="text/css">
  117. ul {
  118. list-style: none;
  119. }
  120.  
  121. ul li:before {
  122. content: "› ";
  123. }
  124.  
  125. /*----------tooltips---------*/
  126.  
  127. #s-m-t-tooltip {
  128. max-width:300px;
  129. margin:15px;
  130. padding:5px;
  131. border:1px solid #eeeeee;
  132. border-radius:0px;
  133. background:#ffffff;
  134. color:{color:text};
  135. z-index:999999;
  136. font-size:9px;
  137. font-style:bold;
  138. font-weight:lighter;
  139. letter-spacing:2px;
  140. font-family:'roboto', lato;
  141. text-transform:uppercase;
  142. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  143. }
  144.  
  145. /*----------SCROLLBAR---------*/
  146.  
  147. ::-webkit-scrollbar {
  148. background-color: {color:scrollbar bg};
  149. height:8px;
  150. width:5px;
  151. }
  152.  
  153. ::-webkit-scrollbar-thumb:vertical {
  154. background-color:{color:scrollbar};
  155. height:50px;
  156. }
  157.  
  158. ::-webkit-scrollbar-thumb:horizontal {
  159. background-color:{color:scrollbar bg};
  160. height:8px;
  161. }
  162.  
  163. /*----------unnest---------*/
  164.  
  165. .tumblr_blog {
  166. display:block;
  167. vertical-align:middle; /* this is to center the url to the height of the icon */
  168. line-height:20px; /* change this to the height of the icon */
  169. margin-bottom:5px;
  170. font-family:'quantico';
  171. font-size:12px;
  172. text-transform:uppercase;
  173. font-weight:bold!important;
  174. color:{color:links};
  175. }
  176.  
  177. .tumblr_blog a:hover {
  178. text-decoration:underline;
  179. color:{color:links hover};
  180. }
  181.  
  182. .icon {
  183. width:22px; /* size of the icon */
  184. height:22px; /* size of the icon */
  185. margin-right:10px; /* space between icon and url */
  186. display:inline-block;
  187. float:left;
  188. border-radius:30px; /* change to 100% for circular icon */
  189. }
  190.  
  191. .cap {
  192. margin-left:0px;
  193. width:540px;
  194. }
  195.  
  196. .cap blockquote {
  197. width:540px;
  198. margin-left:0px;
  199. }
  200.  
  201. /*----------BASICS---------*/
  202.  
  203. body {
  204. background:{color:background} url({image:background image}) repeat right top fixed;
  205. color:{color:text};
  206. font-family:'lato';
  207. line-height:15px;
  208. font-size:11px;
  209. margin:0;
  210. text-align:left;
  211. }
  212.  
  213. blockquote {
  214. padding-left:10px;
  215. border-left:1px solid;
  216. border-color:#eeeeee;
  217. margin:10px;
  218. }
  219.  
  220. a {
  221. color:{color:links};
  222. text-decoration:none;
  223. }
  224.  
  225. a:hover {
  226. text-decoration:none;
  227. color: {color:links hover};
  228. -webkit-transition:all 0.5s;
  229. -moz-transition:all 0.5s;
  230. -ms-transition:all 0.5s;
  231. -o-transition:all 0.5s;
  232. transition:all 0.5s;
  233. }
  234.  
  235. img {
  236. opacity:1;
  237. text-decoration:none;
  238. }
  239.  
  240. small {
  241. font-size:10px;
  242. font-weight:none;
  243. }
  244.  
  245. h1 {
  246. font-size:15px;
  247. font-weight:bold;
  248. }
  249.  
  250. /*----------SELECTION---------*/
  251.  
  252. ::-moz-selection {
  253. color: {color:background};
  254. background: {color:accent};
  255. }
  256.  
  257. ::selection {
  258. color: {color:background};
  259. background: {color:accent};
  260. }
  261.  
  262. /*----------SIDEBAR---------*/
  263.  
  264. .sidebar {
  265. position:fixed;
  266. top:180px;
  267. width:245px;
  268. margin-left:215px;
  269. }
  270.  
  271. .sidebarimage {
  272. width:245px;
  273. }
  274.  
  275. .title {
  276. font-size:18px;
  277. text-align:center;
  278. text-transform:uppercase;
  279. font-family:'roboto';
  280. font-weight:bold;
  281. letter-spacing:2px;
  282. color:{color:links};
  283. margin-top:10px;
  284. width:250px;
  285. }
  286.  
  287. .description {
  288. width:245px;
  289. text-align:justify;
  290. font-family:'lato';
  291. margin-top:10px;
  292. }
  293.  
  294. .links {
  295. margin-top:10px;
  296. text-align:center;
  297. font-size:8px;
  298. width:245px;
  299. text-transform:uppercase;
  300. font-family:'Quantico';
  301. font-weight:bold;
  302. color:{color:links};
  303. }
  304.  
  305. .links a {
  306. display:inline-block;
  307. padding:5px;
  308. font-size:10px;
  309. color:{color:links};
  310. letter-spacing:0px;
  311. border-bottom:0px solid #eee;
  312. }
  313.  
  314. .links a:hover {
  315. font-size:10px;
  316. padding:5px;
  317. color:{color:background};
  318. background-color: {color:accent};
  319. letter-spacing:0px;
  320.  
  321. }
  322.  
  323. /*----------PAGINATION---------*/
  324.  
  325. .pagination {
  326. padding:10px;
  327. margin-top:10px;
  328. text-align:center;
  329. letter-spacing:1px;
  330. }
  331.  
  332. /*----------POSTS---------*/
  333.  
  334. .entries {
  335. margin-left:580px;
  336. margin-top:50px;
  337. width:540px;
  338. }
  339.  
  340. .posts {
  341. width:540px;
  342. margin-bottom:70px;
  343. }
  344.  
  345. .oddhour-high-res { width: 540px; text-align: center; }
  346. .oddhour-high-res img { max-width: 100%; }
  347.  
  348. /*----------quotes---------*/
  349.  
  350. .quote {
  351. text-transform:uppercase;
  352. font-size:14px;
  353. font-weight:bold;
  354. text-align:center;
  355. }
  356.  
  357. .quotesource {
  358. text-align:center;
  359. margin-top:10px;
  360. }
  361.  
  362. /*----------CHAT---------*/
  363.  
  364. .chat {
  365. line-height:150%;
  366. list-style:none;
  367. }
  368.  
  369. .line.odd {
  370. padding:10px;
  371. background:#f8f8f8;
  372. }
  373.  
  374. .line.even {
  375. padding:10px;
  376. }
  377.  
  378. .label {
  379. text-transform:uppercase;
  380. font-size:10px;
  381. letter-spacing:1px;
  382. font-weight:bold;
  383. }
  384.  
  385. /*----------AUDIO---------*/
  386.  
  387. .cover {
  388. position:relative;
  389. z-index:1;
  390. max-width:100px;
  391. padding:10px;
  392. float:left;
  393. }
  394.  
  395. .playerbutton {
  396. position:relative;
  397. width:30px;
  398. height:35px;
  399. overflow:hidden;
  400. }
  401.  
  402. .playerbuttonhug {
  403. position: absolute;
  404. top:-7px;
  405. left:2px;
  406. }
  407.  
  408. .tumblr_audio_player {
  409. height:50px;
  410. width:500px;
  411. }
  412.  
  413. .playerbuttonbg {
  414. position:absolute;
  415. width:35px;
  416. height:35px;
  417. background-color:#e4e4e4;
  418. padding:10px;
  419. }
  420.  
  421. .trackdetails {
  422. width:auto;
  423. display:inline-block;
  424. margin-left:70px;
  425. font-size:10px;
  426. letter-spacing:1px;
  427. text-transform:lowercase;
  428. padding:5px;
  429. line-height:15px;
  430. }
  431.  
  432. .audiowrapper {
  433. position:relative;
  434. display:inline-block;
  435. }
  436.  
  437. .spotify_audio_player {
  438.  
  439. height: 80px !important;
  440.  
  441. }
  442.  
  443. /*----------questions---------*/
  444.  
  445. .question {
  446. background:transparent;
  447. padding:10px;
  448. }
  449.  
  450. .asker {width:540px; margin-bottom:5px; padding-left:7px; text-align:left; font-family:'roboto'; color:{color:links}; text-overflow:ellipsis}
  451.  
  452.  
  453. .answer {
  454. padding:10px;
  455. margin-top:-15px;
  456. }
  457.  
  458.  
  459. /*----------INFO---------*/
  460.  
  461. .info {
  462. padding:10px;
  463. font-family:'roboto';
  464. font-size:10px;
  465. font-weight:bold;
  466. color:{color:accent};
  467. text-transform:uppercase;
  468. border-top:1px solid #eee;
  469. margin-top:25px;
  470. }
  471.  
  472.  
  473. .tags {
  474. margin-left:10px;
  475. margin-top:-5px;
  476. font-size:11px;
  477. font-family:'lato';
  478. letter-spacing:0px;
  479. font-style:italic;
  480. text-transform:lowercase;
  481. }
  482.  
  483. .tags a {
  484. margin-right:10px;
  485. letter-spacing:0px;
  486. }
  487. .tags a:hover {
  488. color:{color:background};
  489. background-color: {color:accent};
  490. }
  491. /*----------POST NOTES---------*/
  492.  
  493. ol.notes {
  494. padding:0px;
  495. margin:25px 0px 0px -10px;
  496. list-style-type:none;
  497. }
  498.  
  499. ol.notes li.note {
  500. padding:10px;
  501. }
  502.  
  503. ol.notes li.note img.avatar {
  504. vertical-align:-4px;
  505. margin-right:10px;
  506. width:20px;
  507. height:20px;
  508. border-radius:50px;
  509. }
  510.  
  511. ol.notes li.note span.action {
  512. font-weight:none;
  513. }
  514.  
  515. ol.notes li.note .answer_content {
  516. font-weight:normal;
  517. }
  518.  
  519. ol.notes li.note blockquote {
  520. padding:4px 10px;
  521. margin:10px 0px 0px 25px;
  522. }
  523.  
  524. ol.notes li.note blockquote a {
  525. text-decoration:none;
  526. }
  527.  
  528.  
  529. /*----------credit---------*/
  530.  
  531. .credit {
  532. font-size:13px;
  533. position:fixed;
  534. font-weight:bold;
  535. bottom:7px;
  536. right:15px;
  537. z-index:10;
  538. text-align:right;
  539. letter-spacing:1px;
  540. padding:2px;
  541. }
  542.  
  543. .credit a {
  544. color:{color:links};
  545. text-decoration:none;
  546. }
  547.  
  548. .credit a:hover {
  549. color:{color:links hover};
  550. text-decoration:none;
  551. }
  552.  
  553. /*----------tumblr controls---------*/
  554. iframe.tmblr-iframe {
  555. z-index:99999999999999!important;
  556. top:0!important;
  557. right:0!important;
  558. opacity:0.4;
  559. /* delete invert(1) from here */
  560. filter:invert(1) contrast(150%);
  561. -webkit-filter:invert(1) contrast(150%);
  562. -o-filter:invert(1) contrast(150%);
  563. -moz-filter:invert(1) contrast(150%);
  564. -ms-filter:invert(1) contrast(150%);
  565. /* to here if your blog has a dark background */
  566. transform:scale(0.65);
  567. transform-origin:100% 0;
  568. -webkit-transform:scale(0.65);
  569. -webkit-transform-origin:100% 0;
  570. -o-transform:scale(0.65);
  571. -o-transform-origin:100% 0;
  572. -moz-transform:scale(0.65);
  573. -moz-transform-origin:100% 0;
  574. -ms-transform:scale(0.65);
  575. -ms-transform-origin:100% 0;}
  576.  
  577. iframe.tmblr-iframe:hover {
  578. opacity:0.6!important;}
  579.  
  580.  
  581. </style>
  582. </head>
  583.  
  584. <body>
  585.  
  586. <div class="credit">
  587. <a title="theme by joesmazzellos" href="http://joesmazzellos.tumblr.com/" target="_blank"><i class="fa fa-star" aria-hidden="true"></i></a></div>
  588.  
  589. <div class="sidebar">
  590. {block:IfShowSidebarImage}
  591. <div class="sidebarimage">
  592. <img src="{image:sidebar image}">
  593. </a></div>
  594. {/block:IfShowSidebarImage}
  595.  
  596. {block:IfShowSideTitle}
  597. <div class="title">{Title}</div>
  598. {/block:IfShowSideTitle}
  599.  
  600. <div class="links">
  601. <a href="/">home</a>
  602. <a href="/ask">ask</a>
  603. {block:IfShowLink1}
  604. <a href="{text:link 1 url}">{text:link 1 title}</a>
  605. {/block:IfShowLink1}
  606.  
  607. {block:IfShowLink2}
  608. <a href="{text:link 2 url}">{text:link 2 title}</a>
  609. {/block:IfShowLink2}
  610.  
  611. {block:IfShowLink3}
  612. <a href="{text:link 3 url}">{text:link 3 title}</a>
  613. {/block:IfShowLink3}
  614. </div>
  615.  
  616. <div class="description">{Description}</div>
  617.  
  618.  
  619. <div class="pagination">
  620. {block:Pagination}
  621. {block:PreviousPage}
  622. <a href="{PreviousPage}"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>{/block:PreviousPage}&nbsp; &nbsp;&nbsp;
  623.  
  624. {block:NextPage}
  625. <a href="{NextPage}"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
  626. {/block:NextPage}
  627. {/block:Pagination}
  628. </div>
  629. </div>
  630.  
  631. <div class="entries">
  632. {block:Posts}
  633. <div class="posts">
  634.  
  635. {block:Text}
  636. <h1>{block:Title}{Title}{/block:Title}</h1>
  637. <div class="caption">
  638. {Body}
  639. </div>
  640. {/block:Text}
  641.  
  642.  
  643. {block:Photo}
  644. {LinkOpenTag}<div class="oddhour-high-res">
  645. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  646. </div>{LinkCloseTag}
  647. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  648. {/block:Photo}
  649.  
  650.  
  651. {block:Photoset}
  652. <div class="media">{photoset}</div>
  653. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  654. {/block:Photoset}
  655.  
  656.  
  657. {block:Quote}
  658. <div class="quote">"{Quote}"</div>
  659. {block:Source}<div class="quotesource"> — {Source}</div>
  660. {/block:Source}{/block:Quote}
  661.  
  662.  
  663. {block:Link}
  664. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  665. {block:Description}{Description}{/block:Description}
  666. {/block:Link}
  667.  
  668.  
  669. {block:Chat}
  670. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  671. {/block:Chat}
  672.  
  673.  
  674. {block:Audio}
  675. {block:AudioPlayer}
  676. <div class="audiowrapper">
  677. <div class="playerbuttonbg">
  678. <div class="playerbutton">
  679. <div class="playerbuttonhug">
  680. {AudioPlayerGrey}
  681. </div></div></div>
  682.  
  683. <div class="trackdetails">
  684. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  685.  
  686. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  687.  
  688. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  689. {/block:AudioPlayer}
  690.  
  691. {block:Caption}
  692. <div class="caption">{Caption}</div>
  693. {/block:Caption}
  694. {/block:Audio}
  695.  
  696.  
  697. {block:Video}
  698. {Video-500}
  699. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  700. {/block:Video}
  701.  
  702.  
  703. {block:Answer}
  704. <img align="left" src="{AskerPortraitURL-30}"style="border-radius:80px;"> <div id="question" style="width:450px;font-style:bold;"> {Asker} said: {Question}</div> <br>
  705. <div class="caption">
  706. {Answer}
  707. </div>
  708. {/block:Answer}
  709.  
  710.  
  711. <div class="info">
  712. {block:Date}<a href="{Permalink}" title="{TimeAgo}"><font style="color:{color:bold}">{Month} {DayOfMonth}</font></a>
  713.  
  714. &nbsp;&nbsp;
  715. <a href="{Permalink}">{NoteCount} <font style="color:{color:accent}">♥</font></a>
  716. &nbsp;&nbsp;
  717.  
  718. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-refresh" aria-hidden="true"></i></a>
  719.  
  720. <font style="float:right">
  721. {block:RebloggedFrom}
  722. <a href="{ReblogParentURL}" title="{ReblogParentName}"><b>via</b> </a>
  723. {block:ContentSource}
  724. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ <b>source</b></a>
  725. {/block:ContentSource}
  726. {/block:RebloggedFrom}
  727.  
  728. </font style>
  729.  
  730.  
  731. </div>
  732.  
  733.  
  734. {block:HasTags}
  735. <div class="tags">
  736. {block:Tags}
  737. <a href="{TagURL}">{Tag}</a>
  738. {/block:Tags}
  739. </div>
  740. {/block:HasTags}
  741.  
  742. </div> {/block:Date}
  743.  
  744.  
  745. {block:PostNotes}
  746. {PostNotes}
  747. {/block:PostNotes}
  748.  
  749. {/block:Posts}
  750.  
  751. {block:ContentSource}
  752. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  753. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  754. {/block:SourceLogo}
  755. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  756. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  757.  
  758. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement