API tools faq
paste
Advertisement
beccascalante11

theme--

beccascalante11
Jun 25th, 2017
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.41 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme 02 by karazorel.tumblr.com
  4.  
  5. --
  6.  
  7. photoset resizing script by http://oddhour.tumblr.com
  8.  
  9. -->
  10.  
  11. <!DOCTYPE html>
  12.  
  13.  
  14. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  15.  
  16.  
  17. <head>
  18.  
  19. <title>{Title}</title>
  20.  
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <!--Default Variables-->
  26.  
  27. <meta name="color:background" content="#ffffff"/>
  28. <meta name="color:text" content="#2b2b2b"/>
  29. <meta name="color:link" content="#2b2b2b"/>
  30. <meta name="color:link hover" content="#949494"/>
  31. <meta name="color:blockquote" content="#dadada"/>
  32. <meta name="color:sidebar link border" content="#F4F4F4">
  33.  
  34. <meta name="text:body font" content="helvetica"/>
  35. <meta name="text:font size" content="12px"/>
  36.  
  37. <meta name="image:sidebar" content=""/>
  38.  
  39. <meta name="text:link 1 URL" content="" />
  40. <meta name="text:link 1" content="" />
  41. <meta name="text:link 2 URL" content="" />
  42. <meta name="text:link 2" content="" />
  43. <meta name="text:link 3 URL" content="" />
  44. <meta name="text:link 3" content="" />
  45.  
  46. <!--CSS customization here. -->
  47.  
  48. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  49.  
  50.  
  51. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  52.  
  53. <style type="text/css">
  54. a {text-decoration:none;}
  55. </style>
  56.  
  57. <style type="text/css">
  58.  
  59.  
  60.  
  61. #s-m-t-tooltip{
  62. position:absolute;
  63. margin-top: 15px;
  64. z-index:9999;
  65. background:{color:background};
  66. }
  67.  
  68. /*basics*/
  69.  
  70. blockquote {
  71. padding-left:12px;
  72. border-left:3px solid {color:blockquote};
  73. margin-left:8px;
  74. }
  75.  
  76. ul {
  77. list-style:none;
  78. text-align:left;
  79. padding-left:0;
  80. }
  81.  
  82. li {
  83. position:relative;
  84. padding-left:30px;
  85. }
  86.  
  87. ul li:before {
  88. position:absolute;
  89. left:15px;
  90. vertical-align:baseline!important;
  91. content:'›';
  92. }
  93.  
  94. body {
  95. background:{color:background};
  96. color:{color:text};
  97. font-family: {text:body font};
  98. font-size: {text:font size};
  99. text-decoration: none;
  100. margin:0;
  101. text-align:justify;
  102. line-height:16px;
  103. }
  104.  
  105. a {
  106. color:{color:link};
  107. -moz-transition-duration:0.4s;
  108. -webkit-transition-duration:0.4s;
  109. -o-transition-duration:0.4s;
  110. }
  111.  
  112. a:hover {
  113. color:{color:link hover};
  114. text-decoration:none;
  115. -moz-transition-duration:0.4s;
  116. -webkit-transition-duration:0.4s;
  117. -o-transition-duration:0.4s;
  118. }
  119.  
  120. img {
  121. opacity:1;
  122. border:none;
  123. text-decoration:none;
  124. }
  125.  
  126. small {
  127. font-size:11px;
  128. }
  129.  
  130. big {
  131. font-size:11px;
  132. }
  133.  
  134. #title {font-size:16px;
  135. line-height:18px;
  136. margin-bottom:10px;
  137. font-weight:bold;
  138. text-transform:none;
  139. text-align:left;
  140. }
  141.  
  142. /*sidebar*/
  143.  
  144. #sidebar {
  145. text-align:left;
  146. position:fixed;
  147. margin-left:-350px;
  148. margin-top:110px;
  149. width:268px;
  150. }
  151.  
  152. #sidebar img {
  153. width:268px;
  154. }
  155.  
  156. #links {
  157. font-family: {text:body font};
  158. margin-top:10px;
  159. text-align:center;
  160. text-transform:lowercase;
  161. font-weight:bold;
  162. text-decoration: none;
  163. }
  164.  
  165. #links a {
  166. margin-bottom:0px;
  167. -moz-transition-duration:0.4s;
  168. -webkit-transition-duration:0.4s;
  169. -o-transition-duration:0.4s;
  170. }
  171.  
  172. #description {
  173. margin-top:10px;
  174. text-align:center;
  175. }
  176.  
  177. /*pagination*/
  178.  
  179. #pagination {
  180. text-transform:lowercase;
  181. text-align:center;
  182. font-size:12px;
  183. margin-top:10px;
  184.  
  185. }
  186.  
  187. #pagination a {
  188. padding:0 3px;
  189. }
  190.  
  191. /*container*/
  192.  
  193. #con {
  194. left:50%;
  195. margin-left:-140px;
  196. position:absolute;
  197. }
  198.  
  199. /*posts*/
  200.  
  201. #entries {
  202. margin-top:95px;
  203. width:540px;
  204. }
  205.  
  206. #posts {
  207. width:540px;
  208. {block:IndexPage}
  209. margin-bottom:80px;
  210. {/block:IndexPage}
  211. {block:PermalinkPage}
  212. margin-bottom:50px;
  213. {/block:PermalinkPage}
  214. }
  215.  
  216.  
  217.  
  218.  
  219. #posts img {
  220. max-width:540px;
  221. }
  222.  
  223. #posts img, #posts li, #posts blockquote {
  224. max-width: 100%;
  225. }
  226.  
  227. .caption {
  228. width:100%;
  229. margin-top:13px;
  230. margin-bottom:12px;
  231. }
  232.  
  233.  
  234.  
  235.  
  236. }
  237. a.tumblr_blog {
  238. font-weight:bold;
  239. -moz-transition-duration:0.4s;
  240. -webkit-transition-duration:0.4s;
  241. -o-transition-duration:0.4s;
  242. }
  243.  
  244.  
  245. /*quote*/
  246.  
  247. #titlequote {
  248. text-align:left;
  249. font-size:12px;
  250. line-height:17px;
  251. font-weight:bold;
  252. }
  253.  
  254. #source {
  255. margin-top:0px;
  256. margin-bottom:11px;
  257. margin-left:0px;
  258. }
  259.  
  260. /*asks*/
  261.  
  262.  
  263.  
  264. .q {
  265.  
  266. line-height:17px;
  267. font-size: {text:font size};
  268. }
  269.  
  270. .as {
  271. font-weight:normal;
  272. }
  273.  
  274. .a {
  275. margin-top:13px;
  276. }
  277.  
  278.  
  279. .askimg {
  280. width: 48px;
  281. float: left;
  282. display:inline;
  283. border-radius:100%;
  284. margin-left:0px;
  285. }
  286.  
  287. .answer .icon {display:none;}
  288. .answer a.tumblr_blog {font-weight:normal;margin:0;}
  289. .answer a.tumblr_blog::after{
  290. content:" answered:";
  291. }
  292.  
  293.  
  294. /*audio*/
  295.  
  296. .tumblr_audio_player {
  297. height:100px;
  298. width:500px;
  299. }
  300.  
  301.  
  302. /*chat*/
  303.  
  304. .chat ol {
  305. padding:0;
  306. list-style:none;
  307. }
  308.  
  309. .line {
  310. padding:0px 0;
  311. }
  312.  
  313. .label {
  314. font-weight:bold;
  315. }
  316.  
  317. /*permalink and notes*/
  318.  
  319. #permalink {
  320. font-size: {text:font size};
  321. text-align:left;
  322. margin-top:30px;
  323. padding-top:10px;
  324. text-transform:lowercase;
  325. border-top:1px solid {color:sidebar link border};
  326. }
  327.  
  328. #permalink a {
  329. margin-right:0px;
  330. }
  331.  
  332. .tags {
  333. font-size: {text:font size};
  334. text-transform:none;
  335. text-decoration:none;
  336. }
  337.  
  338.  
  339. .pagenotes {
  340. {block:IndexPage}
  341. display: none!important;
  342. {/block:IndexPage}
  343. width:540px;
  344. text-align:left;
  345. }
  346.  
  347. .pagenotes img {
  348. display:none!important;
  349. }
  350.  
  351. .pagenotes li {
  352. list-style-type:none;
  353. padding:2px 0px;
  354. text-align:left;
  355. margin:0 0 0 -40px;
  356. }
  357.  
  358. /*credit*/
  359.  
  360. .credit {
  361. position:fixed;
  362. font-family: {text:body font};
  363. font-size:9px;
  364. font-weight:normal;
  365. line-height:150%;
  366. letter-spacing:0px;
  367. right:5px;
  368. bottom:20px;
  369. text-decoration:none;
  370. text-transform:lowercase;
  371. text-align:center;
  372. }
  373.  
  374.  
  375. /* tooltip */
  376.  
  377. #s-m-t-tooltip {
  378. z-index:999;
  379. max-width: 300px;
  380. margin:15px 0px 0px 15px;
  381. text-transform: lowercase;
  382. font-size: 12px;
  383. color: {color:text};
  384. background-color:{color:background};
  385. border:1px solid;
  386. padding: 5px;
  387. }
  388.  
  389. {CustomCSS}
  390.  
  391. </style>
  392.  
  393. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  394. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  395.  
  396.  
  397. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  398.  
  399. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  400.  
  401.  
  402.  
  403.  
  404. <script>
  405. (function($){
  406. $(document).ready(function(){
  407. $("[title]").style_my_tooltips({
  408. tip_follows_cursor:true,
  409. tip_delay_time:200,
  410. tip_fade_speed:300
  411. }
  412. );
  413. });
  414. })(jQuery);
  415. </script>
  416.  
  417.  
  418.  
  419. </head>
  420.  
  421. <body>
  422.  
  423. <div id="con">
  424.  
  425. <div id="sidebar">
  426. <div id="sidebar img"><img src="{image:sidebar}"></div>
  427.  
  428.  
  429. <div id="description">{Description}</div>
  430.  
  431. <div id="links">
  432. <a href="/">home</a>&nbsp;&nbsp;
  433. <a href="/ask">ask</a>&nbsp;&nbsp;
  434. {block:iflink1}<a href="{text:link 1 URL}">{text:link 1}</a>{/block:iflink1}&nbsp;&nbsp;
  435. {block:iflink2}<a href="{text:link 2 URL}" >{text:link 2}</a>{/block:iflink2}&nbsp;&nbsp;
  436. {block:iflink3}<a href="{text:link 3 URL}" >{text:link 3}</a>{/block:iflink3}
  437.  
  438. </div>
  439. <br>
  440. <div id="pagination">
  441.  
  442. {block:PreviousPage}
  443. <a href="{PreviousPage}">❮</a>
  444. {/block:PreviousPage}
  445.  
  446.  
  447.  
  448. {block:NextPage}
  449. <a href="{NextPage}">❯</a>
  450. {/block:NextPage}
  451.  
  452.  
  453. </div>
  454.  
  455. </div>
  456.  
  457. <div id="entries">
  458.  
  459. {block:Posts}
  460.  
  461. <div id="posts">
  462.  
  463. {block:Quote}
  464. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  465. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  466. {/block:Quote}
  467.  
  468. {block:Text}
  469. {block:Title}
  470. <div id="title">{Title}</div>{/block:Title}
  471. {Body}
  472. {/block:Text}
  473.  
  474. {block:link}
  475. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  476. {block:Description}{Description}{/block:Description}
  477. {/block:link}
  478.  
  479. {block:Chat}
  480. {block:Title}
  481. <div id="title">{Title}</div>{/block:Title}
  482. {/block:Text}
  483. {block:lines}
  484. {block:label}
  485. <br><b>{label}</b>
  486. {/block:label}
  487. {line}
  488. {/block:lines}
  489. {/block:Chat}
  490.  
  491. {block:Photo}
  492. {linkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{linkCloseTag}
  493. {/block:Photo}
  494.  
  495. {block:Photoset}
  496. {Photoset}
  497. {/block:Photoset}
  498.  
  499. <div class="video">{Video-500}</div>
  500.  
  501. {block:Audio}
  502. {block:AudioEmbed}{AudioEmbed-540}{/block:AudioEmbed}
  503. {/block:Audio}
  504.  
  505. {block:Answer}
  506. <div class="q">
  507. <div class="as"> <b>{Asker} said:</b>
  508. {Question}</div></div>
  509. <div class="a">{Answer}</div>
  510. {/block:Answer}
  511.  
  512. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  513.  
  514. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  515.  
  516. {block:Date}
  517. <div id="permalink">
  518. <b><a href="{Permalink}" >{month} {DayOfMonth}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a> </b>
  519.  
  520. <div style="float:right;">
  521. <a class="reblog-b" target="_blank" href="{ReblogURL}"><i class="fa fa-retweet" aria-hidden="true"></i>
  522. </a></span></a></div>
  523.  
  524. <br><i class="fa fa-tag" aria-hidden="true"></i> {block:HasTags}{block:Tags}<a class="tags" href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  525.  
  526.  
  527. <br><br>
  528. {block:PermalinkPage}
  529. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}, <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}
  530.  
  531.  
  532.  
  533.  
  534. </div>
  535.  
  536. {/block:Date}
  537.  
  538. </div>
  539.  
  540. {block:PostNotes}
  541. <div class="pagenotes">
  542. {PostNotes}
  543. </div>
  544. {/block:PostNotes}
  545.  
  546. {/block:Posts}
  547.  
  548.  
  549.  
  550. <div class="credit"><div class="credit"><a href="http://karazorel.tumblr.com/">cr.</a></div>
  551.  
  552. </div>
  553.  
  554.  
  555.  
  556. </div>
  557.  
  558.  
  559.  
  560.  
  561. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  562. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  563.  
  564.  
  565. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  566. <script>
  567. /* questions? ask oddhour.tumblr.com */
  568. var updatePhotosetCss = "<style id='updatePhotosetStyle'> .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: 177px; } .photoset .photoset_row .photoset_photo { margin-left: 4px; } .photoset .photoset_row { text-align: center; width: 540px; } .photoset { width: 540px; }</style>";
  569. function updatePhotoset() {
  570.  
  571. $(".photoset:not(.540-resized)").each( function (i, e) {
  572. if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
  573. $(this.contentDocument).find("head").append(updatePhotosetCss);
  574. var photoset = $(this.contentDocument).find(".photoset");
  575. var photosetRows = photoset.find(".photoset_row");
  576. photoset.find(".photoset_photo")
  577. .each(function () {
  578. var hiResSrc = $(this).attr("href");
  579. var img = $(this).find('img');
  580. img.attr("src", hiResSrc );
  581. img.attr("style", "");
  582. });
  583. photosetRows.attr("style", "").css("margin-bottom", "-11px");
  584. photoset.attr("style","");
  585. photoset.addClass("540-resized");
  586. $(this).height($(this.contentDocument.body).height());
  587. });
  588. }
  589.  
  590. updatePhotoset();
  591.  
  592. var photosetTimer = setInterval(updatePhotoset, 1500);
  593. $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
  594. </script>
  595.  
  596.  
  597.  
  598. </body></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!