API tools faq
paste
Isandria

Primrose Original Code

Isandria
Jan 24th, 2016
143
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.39 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html>
  4. <head>
  5.  
  6. <!--
  7.  
  8. theme 21: prongs;
  9. coded from scratch
  10. by irma at primrosetylers.tumblr.com
  11. do not steal, remove the credit, or use as a base
  12.  
  13. -->
  14.  
  15. <title>{Title}</title>
  16. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. <!-- meta stuffs go here -->
  21.  
  22. <meta name="color:background" content="#fff">
  23. <meta name="color:title" content="#fff">
  24. <meta name="color:title outline" content="#aaa">
  25. <meta name="color:title hover" content="#e3e3e3">
  26. <meta name="color:description" content="#aaa">
  27. <meta name="color:tooltip bg" content="#fff">
  28. <meta name="color:tooltip text" content="#000">
  29. <meta name="color:circle" content="#fff">
  30. <meta name="color:circle border" content="#aaa">
  31. <meta name="color:circle hover" content="#aaa">
  32. <meta name="color:sidebar link" content="#aaa">
  33. <meta name="color:sidebar link hover" content="#000">
  34. <meta name="color:pagination" content="#000">
  35. <meta name="color:pagination hover" content="#aaa">
  36. <meta name="color:post text" content="#000">
  37. <meta name="color:post info" content="#000">
  38. <meta name="color:post info hover" content="#aaa">
  39. <meta name="color:posts link" content="#aaa">
  40. <meta name="color:posts link hover" content="#000">
  41.  
  42. <meta name="if:500px posts" content="1">
  43. <meta name="if:400px posts" content="0">
  44. <meta name="if:250px posts" content="0">
  45. <meta name="if:tiny cursor" content="1">
  46. <meta name="if:infinite scroll" content="0">
  47.  
  48. <meta name="text:url" content="YOURURL.tumblr.com">
  49. <meta name="text:post opacity" content="0.8">
  50. <meta name="text:link 1" content="archive">
  51. <meta name="text:link 1 url" content="/archive">
  52. <meta name="text:link 2" content="">
  53. <meta name="text:link 2 url" content="/">
  54. <meta name="text:link 3" content="">
  55. <meta name="text:link 3 url" content="/">
  56. <meta name="text:link 4" content="">
  57. <meta name="text:link 4 url" content="/">
  58. <meta name="text:link 5" content="">
  59. <meta name="text:link 5 url" content="/">
  60. <meta name="text:link 6" content="">
  61. <meta name="text:link 6 url" content="/">
  62. <meta name="text:link 7" content="">
  63. <meta name="text:link 7 url" content="/">
  64. <meta name="text:link 8" content="">
  65. <meta name="text:link 8 url" content="/">
  66.  
  67. <!-- metas end-->
  68.  
  69. <!-- lazy load script -->
  70. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  71. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  72. <script type="text/javascript" charset="utf-8">
  73. var $j = jQuery.noConflict();
  74. $j(function() {
  75. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  76. $j("img").lazyload({
  77. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  78. effect: "fadeIn",
  79. });
  80. });
  81. </script>
  82. <!-- tooltip script-->
  83.  
  84. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  85.  
  86. <!-- click effect script -->
  87.  
  88. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
  89. </script>
  90. <script>
  91. $(document).ready(function(){
  92. $("#clicky").click(function(){
  93. $("#displaybx").slideToggle();
  94. });
  95. });
  96. </script>
  97.  
  98. <script>
  99. $(document).ready(function(){
  100. $("#clicky").click(function(){
  101. $("#displaybx1").hide();
  102. });
  103. });
  104. </script>
  105.  
  106. <script>
  107. $(document).ready(function(){
  108. $("#clicky").click(function(){
  109. $("#displaybx2").hide();
  110. });
  111. });
  112. </script>
  113.  
  114.  
  115. <script>
  116. $(document).ready(function(){
  117. $("#clicky1").click(function(){
  118. $("#displaybx1").slideToggle();
  119. });
  120. });
  121. </script>
  122.  
  123. <script>
  124. $(document).ready(function(){
  125. $("#clicky1").click(function(){
  126. $("#displaybx").hide();
  127. });
  128. });
  129. </script>
  130.  
  131. <script>
  132. $(document).ready(function(){
  133. $("#clicky1").click(function(){
  134. $("#displaybx2").hide();
  135. });
  136. });
  137. </script>
  138.  
  139.  
  140. <script>
  141. $(document).ready(function(){
  142. $("#clicky2").click(function(){
  143. $("#displaybx2").slideToggle();
  144. });
  145. });
  146. </script>
  147.  
  148. <script>
  149. $(document).ready(function(){
  150. $("#clicky2").click(function(){
  151. $("#displaybx").hide();
  152. });
  153. });
  154. </script>
  155.  
  156. <script>
  157. $(document).ready(function(){
  158. $("#clicky2").click(function(){
  159. $("#displaybx1").hide();
  160. });
  161. });
  162. </script>
  163.  
  164.  
  165. <style>
  166.  
  167. /*tooltip css*/
  168. div#qTip {
  169. padding: 3px;
  170. display: none;
  171. text-align: center;
  172. position: absolute;
  173. font-size:8px;
  174. line-height:9px;
  175. font-family:arial;
  176. z-index: 1000;
  177. background-color:{color:tooltip bg}; /*temp*/
  178. color:{color:tooltip text}; /*temp*/
  179. border-radius:3px;
  180. text-transform:uppercase;
  181. letter-spacing: 1px;
  182. }
  183.  
  184. iframe#tumblr_controls {
  185. top: 0% !important;
  186. right:0% !important;
  187. opacity:0.3;
  188. position: fixed !important;
  189. filter:alpha(opacity=30);
  190. -webkit-transition: all 0.7s ease;
  191. -moz-transition: all 0.7s ease;
  192. -o-transition: all 0.7s ease;
  193. }
  194. iframe#tumblr_controls:hover{
  195. top:0% !important;
  196. right:0% !important;
  197. opacity:0.8;
  198. position: fixed !important;
  199. filter:alpha(opacity=80);
  200. -webkit-transition: all 0.7s ease;
  201. -moz-transition: all 0.7s ease;
  202. -o-transition: all 0.7s ease;
  203. }
  204.  
  205. body {
  206. background-color:{color:background};
  207. font-family:arial;
  208. color:{color:post text};
  209. font-size:11px;
  210. }
  211.  
  212. a {
  213. text-decoration:none;
  214. color:{color:posts link};
  215. -webkit-transition:0.5s;
  216. -moz-transition:0.5s;
  217. -ms-transition:0.5s;
  218. -o-transition:0.5s;
  219. }
  220.  
  221. blockquote {
  222. border-left:1px solid {color:posts link};
  223. padding-left:10px;
  224. }
  225.  
  226. a:hover {
  227. color:{color:posts link hover};
  228. }
  229.  
  230. h2 {
  231. text-align:center;
  232. }
  233.  
  234. /*sidebar*/
  235.  
  236. .speshul {
  237. display:inline-block;
  238. margin-top:10px;
  239. width:10px;
  240. height:10px;
  241. margin-left:3px;
  242. margin-right:3px;
  243. transition:all 0.5s ease;
  244. border-radius:100%;
  245. background-color:{color:circle}; /*temp*/
  246. border:1px solid {color:circle border}; /*temp*/
  247. }
  248.  
  249. .speshul:hover {
  250. background-color:{color:circle hover};
  251. }
  252.  
  253. .boxes {
  254. position:absolute;
  255. display:none;
  256. }
  257.  
  258. #description {
  259. color:{color:description};
  260. margin-top:-4px;
  261. }
  262.  
  263. #sidebar {
  264. width:225px;
  265. text-align:center;
  266. position:fixed;
  267. top:220px;
  268. left:220px;
  269. font-family:arial;
  270. font-size:10px;
  271. }
  272.  
  273. #title a {
  274. font-weight:900;
  275. text-transform:uppercase;
  276. font-size:30px;
  277. text-shadow:0 0 3px {color:title outline}; /*temp*/
  278. color:{color:title};
  279. }
  280.  
  281. #title a:hover {
  282. color:{color:title hover}; /*temp*/
  283. }
  284.  
  285. #links {
  286. font-size:11px;
  287. text-transform:uppercase;
  288. text-align:center;
  289. width:225px;
  290. }
  291.  
  292. #links a {
  293. display:block;
  294. margin:4px;
  295. color:{color:sidebar link};
  296. }
  297.  
  298. #links a:hover {
  299. text-decoration:underline;
  300. color:{color:sidebar link hover};
  301. }
  302.  
  303. #pag {
  304. text-transform:uppercase;
  305. text-align:center;
  306. padding-top:80px;
  307. padding-bottom:30px;
  308. font-size:12px;
  309. }
  310.  
  311. #pag a {color:{color:pagination};}
  312. #pag a:hover {color:{color:pagination hover};}
  313.  
  314. /*posts*/
  315.  
  316. #postage {
  317. {block:If500pxPosts}width:500px;{/block:If500pxPosts}
  318. {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  319. {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  320. margin-left:490px;
  321. margin-top:30px;
  322. margin-bottom:30px;
  323. opacity:{text:post opacity};
  324. -webkit-transition:0.5s;
  325. -moz-transition:0.5s;
  326. -ms-transition:0.5s;
  327. -o-transition:0.5s;
  328. }
  329.  
  330. #words {
  331. font-style:italic;
  332. font-size:15px;
  333. }
  334.  
  335. .source {
  336. text-align:right;
  337. padding-right:5px;
  338. }
  339.  
  340. #linkpost {
  341. text-align:center;
  342. font-size:11px;
  343. }
  344.  
  345. .linkety {
  346. font-size:15px;
  347. }
  348.  
  349. #chat ul {
  350. list-style:none;
  351. font-family:consolas, arial;
  352. margin-left:-30px;
  353. }
  354.  
  355. .label {
  356. text-transform:uppercase;
  357. font-weight:bold;
  358. }
  359.  
  360. #audioplayer {
  361. width:30px;
  362. height:30px;
  363. overflow:hidden;
  364. position:absolute;
  365. margin-top:35px;
  366. margin-left:35px;
  367. opacity:0.7;
  368. }
  369.  
  370. #albumart {
  371. width:100px;
  372. height:100px;
  373. background-color:#e3e3e3;
  374. }
  375.  
  376. #ask span {
  377. font-style:italic;
  378. }
  379.  
  380. #postage:hover {
  381. opacity:1;
  382. }
  383.  
  384. #postage:hover .info {
  385. opacity:1;
  386. }
  387.  
  388. .info {
  389. text-align:center;
  390. text-transform:uppercase;
  391. {block:If500pxPosts}width:500px;{/block:If500pxPosts}
  392. {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  393. {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  394. margin-bottom:50px;
  395. font-size:10px;
  396. opacity:0;
  397. -webkit-transition:0.6s;
  398. -moz-transition:0.6s;
  399. -ms-transition:0.6s;
  400. -o-transition:0.6s;
  401. }
  402.  
  403. .info a {
  404. color:{color:post info};
  405. }
  406.  
  407. .info a:hover {
  408. color:{color:post info hover};
  409. }
  410.  
  411. .tags {
  412. font-size:10px;
  413. text-transform:none;
  414. opacity:0.7;
  415. }
  416.  
  417. #credit {
  418. right:10px;
  419. bottom:15px;
  420. font-size:11px;
  421. padding:0 5px 2px 5px;
  422. text-transform:uppercase;
  423. text-align:center;
  424. background-color:#000;
  425. position:fixed;
  426. font-family:arial;
  427. opacity:0.8;
  428. }
  429.  
  430. #credit:hover {
  431. text-shadow:0 0 2px #fff;
  432. color:transparent;
  433. opacity:1;
  434. }
  435.  
  436. {block:IfTinyCursor}
  437. /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;} /* End http://www.cursors-4u.com */
  438. {/block:IfTinyCursor}
  439.  
  440. {CustomCSS}
  441. </style>
  442. </head>
  443. <body>
  444.  
  445. <div id="sidebar">
  446.  
  447. <div id="title"><a title="home" href="/">{Title}</a></div>
  448.  
  449. <a title="about" id="clicky" class="speshul"></a>
  450. <div id="displaybx" class="boxes">
  451. <div id="description">
  452. <p>{Description}</p>
  453. {block:IfNotInfiniteScroll}{/block:IfNotInfiniteScroll}
  454. {block:IfInfiniteScroll}
  455. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  456. {/block:IfInfiniteScroll}
  457. </div>
  458. </div>
  459.  
  460. <a title="contact" id="clicky1" class="speshul"></a>
  461. <div id="displaybx1" class="boxes">
  462. <p></p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:url}" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  463. </div>
  464.  
  465. <a title="more" id="clicky2" class="speshul"></a>
  466. <div id="displaybx2" class="boxes">
  467. <div id="links">
  468. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  469. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  470. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  471. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  472. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  473. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  474. {block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}
  475. {block:iflink8}<a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}
  476. </div> <!--links-->
  477. </div>
  478.  
  479.  
  480. </div> <!--sidebar-->
  481.  
  482. <div class = "autopagerize_page_element" >
  483. {block:Posts}
  484. <div id="postage">
  485.  
  486. {block:Text}
  487. <div id="text">
  488. <h2><a href="{Permalink}">{Title}</a></h2>
  489. {Body}
  490. </div> <!--text post-->
  491. {/block:Text}
  492.  
  493. {block:Photo}
  494. <div id="photo">
  495. {block:If500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:If500pxPosts}
  496. {block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxPosts}
  497. {block:If250pxPosts}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:if250pxPosts}
  498. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  499. </div> <!--photo post-->
  500. {/block:Photo}
  501.  
  502. {block:Panorama}
  503. <div id="panorama">
  504. {LinkOpenTag}
  505. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  506. {LinkCloseTag}
  507. {block:Caption}
  508. <div class="caption">{Caption}</div>
  509. {/block:Caption}
  510. </div> <!--panorama post-->
  511. {/block:Panorama}
  512.  
  513. {block:Photoset}
  514. <div id="photoset">
  515. {block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
  516. {block:If400pxPosts}{Photoset-400}{/block:if400pxPosts}
  517. {block:If250pxPosts}{Photoset-250}{/block:if250pxPosts}
  518. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  519. </div> <!--photoset-->
  520. {/block:Photoset}
  521.  
  522. {block:Quote}
  523. <div id="quote">
  524. <div id="words">{Quote}</div>
  525. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  526. </div> <!--quote-->
  527. {/block:Quote}
  528.  
  529. {block:Link}
  530. <div id="linkpost">
  531. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  532. <a href="{URL}" class="linkety" {Target}>{Name}</a>
  533. {block:Description}
  534. <div class="linkdesc">{Description}</div>
  535. {/block:Description}
  536. </div> <!--link-->
  537. {/block:Link}
  538.  
  539. {block:Chat}
  540. <div id="chat">
  541. <h2><a href="{Permalink}">{Title}</a></h2>
  542. <ul>
  543. {block:Lines}
  544. <li class="{Alt} user_{UserNumber}">
  545. {block:Label}
  546. <span class="label">{Label}</span>
  547. {/block:Label}{Line}
  548. </li>
  549. {/block:Lines}
  550. </ul>
  551. </div> <!--chat-->
  552. {/block:Chat}
  553.  
  554. {block:Video}
  555. <div id="video">
  556. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  557. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  558. {block:If400pxPosts}{Video-400}{/block:if400pxPosts}
  559. {block:If250pxPosts}{Video-250}{/block:if250pxPosts}
  560. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  561. </div> <!--video-->
  562. {/block:Video}
  563.  
  564. {block:Audio}
  565. <div id="audio">
  566. <table style="padding:5px; background-color:#fff;margin-bottom:5px;">
  567. <tr>
  568. <td style="vertical-align:top;padding-right:10px;"><div id="audioplayer">{AudioPlayerWhite}</div>
  569. <div id="albumart">
  570. {block:AlbumArt}
  571. <img src="{AlbumArtURL}" style="width:100px;">
  572. {/block:AlbumArt}</div></td>
  573. <td style="vertical-align:top; font-size:11px; line-height:12px"> {block:TrackName}<i>title:</i> {TrackName} <br />{/block:TrackName}
  574. {block:Artist}<i>artist:</i> {Artist} <br />{/block:Artist}
  575. {block:Album}<i>album:</i> {Album} <br />{/block:Album}
  576. {block:PlayCount}<i>played:</i> {FormattedPlayCount} times{/block:PlayCount}
  577. </td>
  578. </tr>
  579. </table>
  580. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  581. </div> <!--audio-->
  582. {/block:Audio}
  583.  
  584. {block:Answer}
  585. <div id="ask">
  586. <p><img style="margin-top:4px; margin-right:4px; float:left;" src="{AskerPortraitURL-16}"><span>{Asker}</span> asked: {Question}</p>
  587. <p>{block:Answerer}<span>{Answerer}</span> replied: {/block:Answerer}{Answer}</p>
  588. </div> <!--ask-->
  589. {/block:Answer}
  590.  
  591. <div class="info">
  592. <a href="{Permalink}">{TimeAgo}</a>
  593. {block:RebloggedFrom} - <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}, <a title="{SourceTitle}" href="{SourceURL}">src</a>{/block:ContentSource} <a href="{Permalink}">(♥ {NoteCount})</a> <a href="{ReblogURL}" title="reblog" target="_blank">↺</a>
  594. {block:HasTags}
  595. <div class="tags">
  596. tagged {block:Tags} - <a href="{TagURL}">{Tag}</a>{/block:Tags}
  597. </div>
  598. {/block:HasTags}
  599. </div> <!--info-->
  600.  
  601. {block:PermalinkPage}
  602. {PostNotes}
  603. {/block:PermalinkPage}
  604.  
  605. </div> <!--postage-->
  606. {/block:Posts}
  607. </div>
  608.  
  609. {block:IfNotInfiniteScroll}
  610. {block:Pagination}
  611. <div id="pag">
  612. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} {block:NextPage} - <a href="{NextPage}">forth</a>{/block:NextPage}
  613. </div>
  614. {/block:Pagination}
  615. {/block:IfNotInfiniteScroll}
  616. {block:IfInfiniteScroll}{/block:IfInfiniteScroll}
  617.  
  618.  
  619. <div id="credit"><a href="http://primrosetylers.tumblr.com">✿THEME</a></div>
  620. </body>
  621. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!