API tools faq
paste
Advertisement
calliearambulo

Siren Theme by Pillow Themes

calliearambulo
Apr 8th, 2018
300
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.94 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!---
  6. ___ ___ _ _ _____ __ _____ _ _ ___ __ __ ___ ___
  7. | _ \_ _| | | | / _ \ \ / / |_ _| || | __| \/ | __/ __|
  8. | _/| || |__| |_| (_) \ \/\/ / | | | __ | _|| |\/| | _|\__ \
  9. |_| |___|____|____\___/ \_/\_/ |_| |_||_|___|_| |_|___|___/
  10.  
  11. BY CARA
  12.  
  13. Rules:
  14. 1. Do not steal snippets or all of my codes.
  15. 2. Do not claim theme as yours.
  16. 3. Do not remove the credit.
  17.  
  18. Credits:
  19. 1. Ask Portrait Tutorial by EXCOLO
  20.  
  21. -->
  22.  
  23. <meta name="color:background" content=""/>
  24. <meta name="color:text" content=""/>
  25. <meta name="color:blog title" content=""/>
  26. <meta name="color:link" content=""/>
  27. <meta name="color:post bg" content=""/>
  28. <meta name="color:post border" content=""/>
  29. <meta name="color:borders" content=""/>
  30.  
  31. <meta name="image:background" content=""/>
  32.  
  33. <meta name="if:infinite scroll" content="1"/>
  34.  
  35. <meta name="text:info" content=""/>
  36.  
  37. <meta name="text:link 1" content=""/>
  38. <meta name="text:link 1 url" content=""/>
  39. <meta name="text:link 2" content=""/>
  40. <meta name="text:link 2 url" content=""/>
  41. <meta name="text:link 3" content=""/>
  42. <meta name="text:link 3 url" content=""/>
  43. <meta name="text:link 4" content=""/>
  44. <meta name="text:link 4 url" content=""/>
  45. <meta name="text:link 5" content=""/>
  46. <meta name="text:link 5 url" content=""/>
  47.  
  48. <link rel="shortcut icon" href="{Favicon}">
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  51. <link href="https://fonts.googleapis.com/css?family=Tajawal" rel="stylesheet">
  52. <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
  53.  
  54. <style type="text/css">
  55.  
  56. ::-webkit-scrollbar {
  57. width: 5px;
  58. background: #fff;
  59. border:1px solid #f6c7b5;
  60. }
  61.  
  62. ::-webkit-scrollbar-thumb {
  63. background-color:{color:borders};
  64. }
  65.  
  66. ::-webkit-scrollbar-track {
  67. background:#fff;
  68. border-top:12px solid #fff;
  69. border-bottom:12px solid #fff;
  70. }
  71.  
  72. @font-face {
  73. font-family: 'Peak Times';
  74. src: url('https://static.tumblr.com/vowb075/umpp8v44y/peak_times.ttf');
  75. }
  76.  
  77. #content {
  78. margin-left:auto;
  79. margin-right:auto;
  80. margin-top:50px;
  81. margin-bottom:50px;
  82. width: 620px; /* Add or remove columns by adjusting the width */
  83. }
  84.  
  85. body {
  86. background-color: {color:background};
  87. font-family: 'Tajawal', sans-serif;
  88. font-size: 12px;
  89. color: {color:text};
  90. }
  91.  
  92. a {
  93. color: {color:link};
  94. text-decoration:none;
  95. }
  96.  
  97. blockquote {
  98. padding-left:5px;
  99. border-left:2px solid;
  100. color: {color:text};
  101. margin-left:3px;
  102. margin-bottom:5px;
  103. }
  104.  
  105. iframe, img, embed, object, video {
  106. max-width: 100%;
  107. }
  108.  
  109. /* Blog Borders */
  110.  
  111. #topb {
  112. top:0;
  113. width:100%;
  114. height:20px;
  115. background-color:{color:borders};
  116. position:fixed;
  117. z-index:99999999999999;
  118. }
  119.  
  120. #topbb {
  121. top:25px;
  122. width:100%;
  123. height:2px;
  124. background-color:{color:borders};
  125. position:fixed;
  126. z-index:99999999;
  127. }
  128.  
  129. /* Top Sidebar */
  130.  
  131. #sidebar {
  132. height:auto;
  133. width:200px;
  134. top:0px;
  135. margin-top:50px;
  136. padding:5px;
  137. padding-right:10px;
  138. margin-left:150px;
  139. position:fixed;
  140. color:{color:text};
  141. z-index:9;
  142. }
  143.  
  144. #blogt {
  145. min-width:30px;
  146. max-width:200px;
  147. font-size:45px;
  148. font-family: 'Peak Times';
  149. text-align:right;
  150. border-bottom:1.5px solid {color:post border};
  151. padding-bottom:0px;
  152. color:{color:blog title};
  153. }
  154.  
  155. #desc {
  156. font-size:12px;
  157. font-family: 'Tajawal', sans-serif;
  158. text-align:right;
  159. color:{color:text};
  160. margin-top:10px;
  161. border-bottom:1.5px solid {color:post border};
  162. padding-bottom:10px;
  163. }
  164.  
  165. /* Bottom Sidebar */
  166.  
  167. #box {
  168. height:auto;
  169. width:200px;
  170. bottom:0px;
  171. margin-bottom:30px;
  172. padding:5px;
  173. padding-right:10px;
  174. margin-left:150px;
  175. position:fixed;
  176. color:{color:text};
  177. z-index:9;
  178. }
  179.  
  180. #info {
  181. font-size:12px;
  182. font-family: 'Tajawal', sans-serif;
  183. text-align:right;
  184. color:{color:text};
  185. margin-top:10px;
  186. border-top:1.5px solid {color:post border};
  187. padding-top:10px;
  188. }
  189.  
  190. #links {
  191. font-size:11px;
  192. font-family: 'Tajawal', sans-serif;
  193. text-align:right;
  194. border-top:1.5px solid {color:post border};
  195. padding-top:10px;
  196. margin-top:10px;
  197. }
  198.  
  199. #links a {
  200. color:{color:blog title};
  201. }
  202.  
  203. /* Individiual Posts */
  204.  
  205. article {
  206. background: {color:post bg};
  207. margin:20px;
  208. padding:5px;
  209. width:250px;
  210. border: 1px solid {color:post border};
  211. {block:Permalink}
  212. width:500px;
  213. margin:0 auto;
  214. {/block:Permalink}
  215. }
  216.  
  217. /* Quote Posts */
  218.  
  219. #q {
  220. font-size:12px;
  221. font-family: 'Tajawal', sans-serif;
  222. text-align:justify;
  223. color:{color:text};
  224. padding:10px;
  225. }
  226.  
  227. #s {
  228. font-size:12px;
  229. font-family: 'Tajawal', sans-serif;
  230. text-align:center;
  231. font-style:italic;
  232. color:{color:text};
  233. margin-bottom:10px;
  234. }
  235.  
  236. /* Text Posts */
  237.  
  238. #textitle {
  239. width:200px;
  240. margin-left:auto;
  241. margin-right:auto;
  242. font-size:14px;
  243. text-align:center;
  244. text-transform:lowercase;
  245. margin-top:5px;
  246. border-bottom:1px solid {color:borders};
  247. padding-bottom:5px;
  248. }
  249.  
  250. #textbod {
  251. font-size:12px;
  252. font-family: 'Tajawal', sans-serif;
  253. text-align:justify;
  254. color:{color:text};
  255. padding:0px 10px 10px 10px;
  256. margin-top:0px;
  257. }
  258.  
  259. /* Question Posts */
  260.  
  261. #asker {
  262. font-size:14px;
  263. text-align:center;
  264. margin-bottom:5px;
  265. }
  266.  
  267. #qstn {
  268. font-size:12px;
  269. font-family: 'Tajawal', sans-serif;
  270. text-align:justify;
  271. color:{color:text};
  272. padding:10px;
  273. margin-bottom:0px;
  274. background-color:{color:borders};
  275. }
  276.  
  277. #ans {
  278. font-size:12px;
  279. font-family: 'Tajawal', sans-serif;
  280. text-align:justify;
  281. color:{color:text};
  282. padding:0px 10px 10px 10px;
  283. margin-top:0px;
  284. }
  285.  
  286. .chat span {
  287. float: left;
  288. margin-right: 10px;
  289. }
  290.  
  291. /* DO NOT TOUCH MY CREDIT */
  292.  
  293. #pillowthemes {
  294. bottom:20px;
  295. right:20px;
  296. font-size:11px;
  297. width:auto;
  298. height:14px;
  299. text-align:center;
  300. background-color:{color:background};
  301. text-transform:uppercase;
  302. color:black;
  303. padding:5px;
  304. position:fixed;
  305. }
  306.  
  307. /* DO NOT TOUCH MY CREDIT */
  308.  
  309. /* Permalinks */
  310.  
  311. #perma {
  312. text-align:left;
  313. background-color:{color:borders};
  314. position: relative;
  315. font-family: 'Tajawal', sans-serif;
  316. padding:5px;
  317. font-size: 11px;
  318. text-transform:uppercase;
  319. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  320. }
  321.  
  322. .tumblr_audio_player {
  323. width: 400px;
  324. height: 30px;
  325. overflow: hidden;
  326. position: relative;
  327. z-index: 1000;
  328. }
  329.  
  330. /* DO NOT TOUCH */
  331.  
  332. {block:ifnotinfinitescroll}
  333. .pagi {
  334. font-size:15px;
  335. font: {select:font};
  336. color: {color:link};
  337. text-align:center;
  338. padding:2px;
  339. padding-top:5px;
  340. }
  341. {/block:ifnotinfinitescroll}
  342.  
  343. {block:ifinfinitescroll}
  344. .pagi {
  345. display:none;
  346. }
  347. {/block:ifinfinitescroll}
  348.  
  349. /* DO NOT TOUCH */
  350.  
  351. </style>
  352.  
  353. </head>
  354. <body>
  355.  
  356. <div id="topb"></div><div id="topbb"></div>
  357.  
  358. <title>{Title}</title>
  359. <div id="sidebar">
  360. <div id="blogt">{Title}</div>
  361. <div id="desc">{Description}</div>
  362. </div>
  363.  
  364. <div id="box">
  365. <div id="info">{text:info}</div>
  366. <div id="links">
  367. <a href="{text:link 1 url}" title="{text:link 1}"><i class="fas fa-home"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  368.  
  369. <a href="{text:link 2 url}" title="{text:link 2}"><i class="fas fa-edit"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  370.  
  371. <a href="{text:link 3 url}" title="{text:link 3}"><i class="fas fa-user"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  372.  
  373. <a href="{text:link 4 url}" title="{text:link 4}"><i class="fas fa-bookmark"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  374.  
  375. <a href="{text:link 5 url}" title="{text:link 5}"><i class="fas fa-archive"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  376.  
  377. <!--- DON'T TOUCH THIS PART --->
  378. <a href="https://pillowthemes.tumblr.com/" title="credit"><i class="fas fa-code"></i></a>
  379. <!--- DON'T TOUCH THIS PART --->
  380.  
  381. </div>
  382. </div>
  383.  
  384. {block:Pagination}
  385. <div class="pagination">
  386. <div class="pagi">
  387. {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}
  388. {block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}
  389. </div></div>
  390. {/block:Pagination}
  391. </div>
  392. <nav>
  393. <ul>
  394. {block:HasPages}
  395. {block:Pages}
  396. <li> <a href="{URL}">{Label}</a></li>
  397. {/block:Pages}
  398. {/block:HasPages}
  399. </ul>
  400. </nav>
  401.  
  402. <div id="content">
  403. {block:Posts}
  404. <article>
  405. {block:Text}
  406. <div class="text">
  407. {block:Title}
  408. <a href="{Permalink}"><div id="textitle">{Title}</a></div>
  409. {/block:Title}
  410. <div id="textbod">{Body}</div>
  411. {/block:Text}
  412.  
  413. {block:Photo}
  414. <div class="photo">
  415. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  416. {/block:Photo}
  417.  
  418. {block:Photoset}
  419. <div class="photoset">
  420. {block:IndexPage}
  421. {Photoset-400}
  422. {/block:IndexPage}
  423. {block:PermalinkPage}
  424. {Photoset-400}
  425. {/block:PermalinkPage}
  426. {/block:Photoset}
  427.  
  428. {block:Quote}
  429. <div class="quote">
  430. <div id="q">"{Quote}"</div>
  431. {block:Source}<div id="s">{Source}</div>{/block:Source}
  432. {/block:Quote}
  433.  
  434. {block:Link}
  435. <div class="link">
  436. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  437. {block:Description}{Description}{/block:Description}
  438. {/block:Link}
  439.  
  440. {block:Chat}
  441. <div class="chat">
  442. <ul>
  443. {block:Lines}
  444. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  445. {/block:Lines}
  446. </ul>
  447. {/block:Chat}
  448.  
  449. {block:Audio}
  450. <div class="audio">
  451. {block:AlbumArt}
  452. <img src="{AlbumArtURL}" width="100px" height="100px"/>
  453. {/block:AlbumArt}
  454. {AudioPlayerWhite}
  455. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  456. {block:TrackName}<b>track:</b> {TrackName}{/block:TrackName}</span><br>
  457. {block:Artist}<b>artist:</b> {Artist}{/block:Artist}
  458. {/block:Audio}
  459.  
  460. {block:Video}
  461. <div class="video">
  462. <div class="video-player">{Video-400}</div>
  463. {/block:Video}
  464.  
  465. {block:Answer}
  466. <div class="answer">
  467. <div id="asker">{Asker} asked:</div>
  468. <div id="qstn">{Question}</div>
  469. <div id="ans">{Answer}</div>
  470. {/block:Answer}
  471. </div>
  472.  
  473. <div id="perma">
  474. <a href="{Permalink}" title="Posted {TimeAgo}" style="margin-left:5px;">{NoteCount}N</a><a href="{ReblogURL}" style="float:right;margin-right:5px;">Reblog</a>
  475. </div>
  476. {block:PermalinkPage}
  477. {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}
  478. {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  479. {block:HasTags}</br>Tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  480. {block:RebloggedFrom}</br>Source: <a href="{ReblogRootURL}">{ReblogRootName}</a> | Via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  481. {block:PostNotes}{PostNotes}{/block:PostNotes}
  482. </div></div>
  483. {/block:PermalinkPage}
  484. </footer>
  485. </article>
  486. {/block:Posts}
  487. </div>
  488.  
  489. <!--- DO NOT TOUCH THIS PART --->
  490. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  491. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  492. {block:IfInfiniteScroll}
  493. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  494. <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  495. {/block:IfInfiniteScroll}
  496. <!--- DO NOT TOUCH THIS PART --->
  497.  
  498. <script>
  499. (function() {
  500. var $tumblelog = $('#content');
  501. {block:IfInfiniteScroll}
  502. $tumblelog.infinitescroll({
  503. navSelector : ".pagination",
  504. nextSelector : ".pagination a:first",
  505. itemSelector : "article",
  506. bufferPx : 50,
  507. done : "",
  508. loading: {
  509. img : "",
  510. msgText: ""
  511. },
  512. },
  513. function( newElements ) {
  514. var $newElems = $( newElements ).css({ opacity: 0 });
  515. $newElems.imagesLoaded(function(){
  516. $newElems.animate({ opacity: 1 });
  517. $tumblelog.masonry( 'appended', $newElems);
  518. });
  519. }
  520. );
  521. {/block:IfInfiniteScroll}
  522. $tumblelog.imagesLoaded( function(){
  523. $tumblelog.masonry({
  524. columnWidth: function( containerWidth ) {
  525. return containerWidth / 100;
  526. }
  527. });
  528. });
  529. })();
  530. </script>
  531.  
  532. <!--- DO NOT TOUCH THIS PART --->
  533. <div id="pillowthemes"><a href="https://pillowthemes.tumblr.com/" title="theme credit">Pillow Themes</a></div>
  534. <!--- DO NOT TOUCH THIS PART --->
  535.  
  536. </body>
  537. </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!