API tools faq
paste
Advertisement
Korra

Theme: Gentle Heart

Korra
Apr 18th, 2012
17,036
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.51 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!---
  4.  
  5.  
  6. THEME: GENTLE HEART BY HEARTENS (HEARTENS.TUMBLR.COM)
  7.  
  8. - DO NOT REMOVE THE CREDITS OR MOVE IT TO A SECONDARY PAGE
  9. - DO NOT REUPLOAD OR REDISTRIBUTE
  10. - DO NOT USE AS A BASE CODE
  11.  
  12. - BACKGROUND CREDIT: SUBTLEPATTERNS.COM
  13. ____________________________________
  14. *********** INSTRUCTION ************
  15.  
  16. - TRY TO KEEP THE DESCRIPTION SHORT :)
  17. - WHEN ADDING THE MUSIC PLAYER PASTE THE /ENTIRE/ URL INTO THE INPUT BOX.
  18. ____________________________________
  19.  
  20.  
  21. --->
  22.  
  23. <head>
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30.  
  31. <meta name="color:background" content="#f4ebff" />
  32. <meta name="color:scroll" content="#b1abb8" />
  33. <meta name="color:entry" content="#ffffff" />
  34. <meta name="color:text" content="#726e77" />
  35. <meta name="color:menu" content="#b1abb8" />
  36. <meta name="color:menu text" content="#726e77" />
  37. <meta name="color:menu link" content="#f5f1fa" />
  38. <meta name="color:permalink" content="#eee" />
  39. <meta name="color:link" content="#AAAAAA" />
  40. <meta name="color:border" content="#b1abb8" />
  41. <meta name="color:hover" content="#ebe3f6" />
  42. <meta name="color:bold" content="#b1abb8" />
  43. <meta name="color:sidebar" content="#ffffff" />
  44. <meta name="color:sidebar border 1" content="#b1abb8" />
  45. <meta name="color:sidebar border 2" content="#ffffff" />
  46.  
  47. <meta name="text:Player URL" content=""/>
  48. <meta name="text:Background Repeat" content="no-repeat"/>
  49.  
  50. <meta name="font:body" content="arial" />
  51.  
  52. <meta name="if:InfiniteScrolling" content="0" />
  53. <meta name="if:ShowCaption" content="1" />
  54. <meta name="if:ShowMusicPlayer" content="1" />
  55. <meta name="if:WiderSidebar" content="0" />
  56.  
  57. <meta name="image:Sidebar" content="http://static.tumblr.com/4hejznv/tKnm2n2wk/o.png"/>
  58. <meta name="image:Background" content="http://static.tumblr.com/4hejznv/EO1m2oh70/untitled-1.png"/>
  59.  
  60.  
  61. <meta name="text:Link1" content="" />
  62. <meta name="text:Link1 URL" content="/"/>
  63. <meta name="text:Link2" content="" />
  64. <meta name="text:Link2 URL" content="/"/>
  65. <meta name="text:Link3" content="" />
  66. <meta name="text:Link3 URL" content="/"/>
  67. <meta name="text:Link4" content="" />
  68. <meta name="text:Link4 URL" content="/"/>
  69.  
  70. <style type="text/css">
  71.  
  72. body {
  73. background-image: url('{image:background}');
  74. background-color: {color:background};
  75. background-attachment: fixed;
  76. background-repeat: {text:Background Repeat};
  77. color: {color:text};
  78. font-family: {font:body};
  79. font-size: 10px;
  80. }
  81.  
  82. ::-webkit-scrollbar {
  83. height: 6px;
  84. width: 6px;
  85. background-color: {color:background};
  86. }
  87. ::-webkit-scrollbar-thumb:vertical {
  88. height: 6px;
  89. background-color: {color:scroll};
  90. }
  91. ::-webkit-scrollbar-thumb:vertical:hover { 
  92. background-color: {color:scroll};
  93. }
  94. ::-webkit-scrollbar-thumb:horizontal:hover { 
  95. background-color: {color:scroll};
  96. }
  97.  
  98. @font-face {
  99. font-family: "Halo";
  100. src: url(http://static.tumblr.com/4hejznv/aSem2obzp/ostrich.ttf) format("truetype");
  101. }
  102.  
  103. a {
  104. text-decoration:none;
  105. outline:none;
  106. color: {color:link};
  107. -moz-outline-style:none;
  108. -webkit-transition: all 0.8s ease;
  109. -moz-transition: all 0.8s ease;
  110. -o-transition: all 0.8s ease;}
  111.  
  112. a:hover {
  113. color: {color:hover};
  114. -webkit-transition: all 0.8s ease;
  115. -moz-transition: all 0.8s ease;
  116. -o-transition: all 0.8s ease;}
  117.  
  118. #title {
  119. font-family:"Halo";
  120. font-size: 30px;
  121. position: fixed;
  122. margin-left: 555px;
  123. margin-top: 10px;
  124. position: fixed;
  125. z-index: 999;
  126. font-weight: bold;
  127. text-align: center;
  128. max-width: 300px;
  129. color: {color:link};
  130. line-height: 22px;
  131. text-transform: uppercase;
  132. }
  133.  
  134. #entry b, #desc b, strong {
  135. color: {color:bold};
  136. }
  137.  
  138. #main {
  139. margin-left: 30px;
  140. margin-top: 30px;
  141. width:500px;
  142. }
  143.  
  144. .origin {
  145. float: right;
  146. margin-top: -12px;
  147. }
  148.  
  149. #tags {
  150. margin-top: 1px;
  151. }
  152.  
  153. #perma {
  154. background-color: {color:permalink};
  155. border-top: 1px {color:border} dotted;
  156. font-family: {font:body};
  157. font-size: 9px;
  158. padding: 3px;
  159. margin: 10px 0px 0px 0px;
  160. text-transform: lowercase;
  161. font-style: none;
  162. }
  163.  
  164. #perma a:link {
  165. color: {color:link};
  166. }
  167.  
  168. #perma a:hover {
  169. color: {color:hover};
  170. -webkit-transition: all 0.8s ease;
  171. -moz-transition: all 0.8s ease;
  172. -o-transition: all 0.8s ease;}
  173.  
  174. #renotes {
  175. background-color: {color:entry};
  176. font-family: {font:body};
  177. letter-spacing: 1px;
  178. display:block;
  179. font-size: 9px;
  180. letter-spacing: 1px;
  181. font-style: none;
  182. opacity: 0;
  183. width: auto;
  184. height: auto;
  185. margin: -2px 0px 1px 2px;
  186. padding: 8px 6px 6px 4px;
  187. margin-left: 460px;
  188. margin-top: -5px;
  189. filter:alpha(opacity=0);
  190. -webkit-transition: all 0.5s ease;
  191. -moz-transition: all 0.5s ease;
  192. -o-transition: all 0.5s ease;
  193. position:absolute;
  194. border-bottom: 1px {color:border} dotted;
  195. border-left: 1px {color:border} dotted;
  196. border-right: 1px {color:border} dotted;
  197. border-up: 1px {color:border} dotted;
  198. border-top: 1px {color:border} dotted;
  199. z-index: 999;
  200. }
  201.  
  202. #reblog a:link {
  203. color: {color:link};
  204. }
  205.  
  206. #entry blockquote {
  207. font-size: 10px;
  208. border-left: 2px {color:border} solid;
  209. padding-left: 5px; }
  210.  
  211. #entry:hover #renotes{
  212. width: auto;
  213. height: auto;
  214. font-size: 9px;
  215. letter-spacing: 1px;
  216. display:block;
  217. margin: -2px 0px 1px 2px;
  218. padding: 8px 6px 6px 4px;
  219. margin-left: 460px;
  220. margin-top: -5px;
  221. opacity: 0.9;
  222. filter:alpha(opacity=90);
  223. -moz-opacity: 0.9;
  224. -webkit-transition: all 0.5s ease;
  225. -moz-transition: all 0.5s ease;
  226. -o-transition: all 0.5s ease;
  227. }
  228.  
  229. #entry {
  230. width:500px;
  231. padding: 5px;
  232. margin-top: 10px;
  233. background-color: {color:entry};
  234. overflow:hidden;
  235. }
  236.  
  237. #page {
  238. color: {color:text};
  239. font-family: {font:body};
  240. font-size: 10px;
  241. line-height: 100%;
  242. z-index: 999;
  243. margin-top: 5px;
  244. padding: 2px;
  245. text-transform: uppercase;
  246. {block:IfWiderSidebar}width: 280px;{/block:IfWiderSidebar}
  247. {block:IfNotWiderSidebar}width: 240px;{/block:IfNotWiderSidebar}
  248. text-align: center;
  249. background-color: {color:permalink};
  250. }
  251.  
  252. #page a {
  253. font-size: 13px;
  254. }
  255.  
  256. #sidebar {
  257. margin-top: 60px;
  258. {block:IfWiderSidebar}width: 300px;
  259. margin-left: 550px;{/block:IfWiderSidebar}
  260. {block:IfNotWiderSidebar}width: 260px;
  261. margin-left: 580px;{/block:IfNotWiderSidebar}
  262. position: fixed;
  263. padding-top: 4px;
  264. background-color: {color:sidebar};
  265. text-align: justify;
  266. border-bottom: 1px {color:border} dashed;
  267. font-size: 10px;
  268. line-height: 138%;
  269. position: fixed;
  270. }
  271.  
  272. #desc {
  273. padding: 6px;
  274. position: relative;
  275. line-height: 10px;
  276. }
  277.  
  278. #sideimage img {
  279. {block:IfWiderSidebar}max-width:290px;{/block:IfWiderSidebar}
  280. {block:IfNotWiderSidebar}max-width:250px;{/block:IfNotWiderSidebar}
  281. padding: 5px;
  282. }
  283.  
  284. .links {
  285. font-family: arial;
  286. text-align: left;
  287. text-transform: uppercase;
  288. background-color: {color:menu link};
  289. color: {color:text};
  290. -webkit-transition: all 0.8s ease;
  291. -moz-transition: all 0.8s ease;
  292. -o-transition: all 0.8s ease;
  293. display:block;
  294. font-size: 9px;
  295. letter-spacing: 1px;
  296. padding: 3px;
  297. padding-left: 10px;
  298. z-index: 999;
  299. opacity: 0.7;
  300. filter:alpha(opacity=7);
  301. -moz-opacity: 0.7;
  302. -webkit-transition: all 0.8s ease;
  303. -moz-transition: all 0.8s ease;
  304. -o-transition: all 0.8s ease;
  305. border-left: 10px {color:border} solid;
  306. margin-bottom: 1px;
  307. }
  308.  
  309. .links:hover {
  310. background-color: {color:hover};
  311. color: {color:text};
  312. opacity: 1;
  313. filter:alpha(opacity=100);
  314. -moz-opacity: 1;
  315. border-left: 30px {color:border} solid;
  316. -webkit-transition: all 0.8s ease;
  317. -moz-transition: all 0.8s ease;
  318. -o-transition: all 0.8s ease;
  319. }
  320.  
  321. #menu {
  322. {block:IfWiderSidebar}width:290px;{/block:IfWiderSidebar}
  323. {block:IfNotWiderSidebar}width:250px;{/block:IfNotWiderSidebar}
  324. margin-top: 6px;
  325. background-color: {color:entry};
  326. height:10px;
  327. overflow:hidden;
  328. -webkit-transition: all 2s ease;
  329. -moz-transition: all 2s ease;
  330. -o-transition: all 2s ease;
  331. margin-left: 0px;
  332. position: fixed;
  333. z-index: 1;
  334. padding: 5px;
  335. border-top: 3px {color:entry} solid;
  336. border-bottom: 1px {color:border} dotted;
  337. color: {color:menu text};
  338. font-family: arial;
  339. font-size: 12px;
  340. letter-spacing: 5px;
  341. text-align: center;
  342. opacity: 0.7;
  343. filter:alpha(opacity=7);
  344. -moz-opacity: 0.7;
  345. line-height: 15px;
  346. }
  347.  
  348. #menu:hover{
  349. height: 98px;
  350. opacity: 1;
  351. filter:alpha(opacity=100);
  352. -moz-opacity: 1;
  353. }
  354.  
  355. #portrait {
  356. height: 100px;
  357. z-index: 999;
  358. position: fixed;
  359. -webkit-border-radius: 100px;
  360. -moz-border-radius: 100px;
  361. border-radius: 100px;
  362. border: solid {color:entry} 10px;
  363. background-color: {color:entry};
  364. margin-left: 785px;
  365. margin-top: 35px;
  366. }
  367.  
  368. #portrait img {
  369. width: 96px;
  370. background-color:{color:entry};
  371. -webkit-border-radius: 96px;
  372. -moz-border-radius: 96px;
  373. border-radius: 96px;
  374. }
  375.  
  376. #source {
  377. font-family: {font:body};
  378. font-size:7pt;
  379. text-align: right;
  380. margin-top: 5px;
  381. font-style: italic;
  382. margin-top: -15px;
  383. }
  384.  
  385. #border {
  386. width: 290px;
  387. position: fixed;
  388. border: solid {color:sidebar border 1} 10px;
  389. margin-top: 40px;
  390. {block:IfWiderSidebar}margin-left: 545px;{/block:IfWiderSidebar}
  391. {block:IfNotWiderSidebar}margin-left: 550px;{/block:IfNotWiderSidebar}
  392. }
  393.  
  394. #border2 {
  395. width: 240px;
  396. position: fixed;
  397. border: solid {color:sidebar border 2} 5px;
  398. margin-top: 60px;
  399. {block:IfWiderSidebar}margin-left: 550px;{/block:IfWiderSidebar}
  400. {block:IfNotWiderSidebar}margin-left: 560px;{/block:IfNotWiderSidebar}
  401. z-index: 1;
  402. }
  403.  
  404. #border3 {
  405. height: 290px;
  406. position: fixed;
  407. border: solid {color:sidebar border 1} 10px;
  408. margin-top: 50px;
  409. margin-left: 850px;
  410. }
  411.  
  412. #border4 {
  413. height: 230px;
  414. position: fixed;
  415. border: solid {color:sidebar border 2} 5px;
  416. margin-top: 60px;
  417. margin-left: 870px;
  418. }
  419.  
  420. .header {
  421. color: {color:title};
  422. font-family: "Halo" serif;
  423. text-transform: uppercase;
  424. font-size: 28px;
  425. border-bottom: 1px {color:border} solid;
  426. border-left: 5px {color:border} solid;
  427. padding: 4px;
  428. padding-bottom: 4px;
  429. margin-bottom: 4px;
  430. margin-top: 4px;
  431. padding-left: 6px;
  432. line-height: 20px;
  433. }
  434.  
  435. .header:first-letter {
  436. font-size: 42px;
  437. font-family: "Halo";
  438. }
  439.  
  440. #quote {
  441. color: {color:title};
  442. font-family: "Halo" serif;
  443. text-transform: uppercase;
  444. font-size: 28px;
  445. padding: 4px;
  446. padding-bottom: 4px;
  447. margin-bottom: 4px;
  448. margin-top: 4px;
  449. padding-left: 6px;
  450. line-height: 20px;
  451. }
  452.  
  453. #quote:first-letter {
  454. font-size: 42px;
  455. font-family: "Halo";
  456. }
  457.  
  458. .ask {
  459. position: relative;
  460. background-color: {color:permalink};
  461. margin: 0;
  462. padding: 10px;
  463. text-align: left;
  464. width: 480px;
  465. display: block;
  466. }
  467.  
  468. #question, #question a {
  469. font-size: 9px;
  470. color: {color:bold};
  471. z-index: 999;
  472. width: 480px;
  473. font-weight: bold;
  474. text-align: center;
  475. margin-top: 10px;
  476. text-transform: uppercase;
  477. }
  478.  
  479. .qarrow {
  480. font-size: 30px;
  481. color: {color:permalink};
  482. margin-left: 240px;
  483. z-index: 999;
  484. margin-top: -15px;
  485. margin-bottom: -10px;
  486. }
  487.  
  488. #melody {
  489. margin-left: 885px;
  490. margin-top: 40px;
  491. width: 16px;
  492. height: 16px;
  493. position: fixed;
  494. float:right;
  495. z-index: 999;
  496. padding: 5px;
  497. -webkit-border-radius: 100px;
  498. -moz-border-radius: 100px;
  499. border-radius: 100px;
  500. overflow: hidden;
  501. background-color: {color:entry};
  502. -webkit-transition: all 0.5s ease-in-out;
  503. -moz-transition: all 0.5s ease-in-out;
  504. -o-transition: all 0.5s ease-in-out;
  505. }
  506.  
  507. #melody:hover {
  508. width: 215px;
  509. height: 16px;
  510. display: block;
  511. float: right;
  512. overflow: hidden;
  513. border-bottom-right-radius: 100px;
  514. -webkit-transition: all 0.5s ease-in-out;
  515. -moz-transition: all 0.5s ease-in-out;
  516. -o-transition: all 0.5s ease-in-out; }
  517.  
  518. #player {
  519. margin-top: -11px;
  520. margin-left: 22px;
  521. }
  522.  
  523. ol.notes, .notes li {
  524. list-style: none;
  525. padding: 0px;
  526. margin: 0px;
  527. }
  528.  
  529. .notes img {
  530. display: none; }
  531.  
  532.  
  533. .music {
  534. background: #fff;
  535. display:block;
  536. margin-bottom:0px;
  537.  
  538. }
  539.  
  540. .linkage {
  541. {block:IfWiderSidebar}width: 63px;{/block:IfWiderSidebar}
  542. {block:IfNotWiderSidebar}width: 52px;{/block:IfNotWiderSidebar}
  543. height: 10px;
  544. font-size: 9px;
  545. letter-spacing: 1px;
  546. display:block; 
  547. text-align: center;
  548. font-family: consolas;
  549. text-transform: uppercase;
  550. overflow: hidden;
  551. padding: 4px;
  552. float: left;
  553. background-color: {color:permalink};
  554. color: {color:link};
  555. margin: -14px 0px 0px 1px; 
  556. }
  557.  
  558. .linkage:hover {
  559. background-color: #fff;
  560. height: 10px;
  561. text-align: center;
  562. }
  563.  
  564. {CustomCSS}
  565. </style>
  566. {block:IfInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  567. </head>
  568. <body>
  569.  
  570. {block:IfShowMusicPlayer}
  571. <div id="melody"><img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">
  572. <div id="player">{text:Player URL}</div>
  573. </div>
  574. {/block:IfShowMusicPlayer}
  575.  
  576. <div id="border"></div><div id="border2"></div><div id="border3"></div><div id="border4"></div>
  577. <div id="title"><a href="/">{Title}</a></div>
  578. <div id="portrait"><img src="{PortraitURL-96}"></div>
  579.  
  580. <div id="sidebar">
  581. <div id="menu" class="list">NAVIGATION</a>
  582. {block:ifLink1}<a href="{text:Link1 URL}" class="links">{text:Link1}</a>{/block:ifLink1}
  583. {block:ifLink2}<a href="{text:Link2 URL}" class="links">{text:Link2}</a>{/block:ifLink2}
  584. {block:ifLink3}<a href="{text:Link3 URL}" class="links">{text:Link3}</a>{/block:ifLink3}
  585. {block:ifLink4}<a href="{text:Link4 URL}" class="links">{text:Link4}</a>{/block:ifLink4}
  586. </div>
  587.  
  588. <div id="sideimage"><img src="{image:Sidebar}"></div>
  589. <div id="desc"><center>
  590. <a href="/" class="linkage">home</a>
  591. <a href="/ask" class="linkage">message</a>
  592. <a href="/archive" class="linkage">archive</a>
  593. <a href="http://heartens.tumblr.com" class="linkage">theme</a></center>
  594. {Description}
  595.  
  596. {block:IfNotInfiniteScrolling}{block:Pagination}<center><div id="page">
  597. {block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{CurrentPage} of {TotalPages}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}
  598. </center></div>{/block:Pagination}{block:IfNotInfiniteScrolling}</div></div>
  599.  
  600. <div id="main">{block:Posts}
  601.  
  602. <div id="entry"> {block:NoteCount}<div id="renotes"><center>
  603. &hearts; <a href="{Permalink}">{NoteCount}</a><br>
  604. <a href="{ReblogURL}">Reblog</a></center></div>{/block:NoteCount}
  605.  
  606. {block:Text}{block:Title}<div class="header">{Title}</div>{/block:Title}{Body}{/block:Text}
  607.  
  608. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  609. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  610. {/block:Photo}
  611.  
  612. {block:Photoset}{Photoset-500}
  613. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:Photoset}
  614.  
  615. {block:Quote}<div id="quote">{Quote}</div>
  616. {block:Source}<div id="source"> —{Source}</div>{/block:Source}
  617. {/block:Quote}
  618.  
  619. {block:Link}
  620. <div class="header"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}
  621. {/block:Link}
  622.  
  623. {block:Chat}
  624. {block:Title}<div class="header">{Title}</div>{/block:Title}
  625. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}
  626. <br>{/block:Lines}
  627. {/block:Chat}
  628.  
  629. {block:Audio}<div class="music">{AudioPlayerWhite}</div>
  630. {block:Caption}{Caption}{/block:Caption}
  631. {/block:Audio}
  632.  
  633. {block:Video}{Video-500}
  634. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  635. {/block:Video}
  636.  
  637. {block:Answer}<div class="ask">{Question}</div><div class="qarrow">◤
  638. </div><div id="question"> {Asker}</div>
  639. {Answer}{/block:Answer}
  640.  
  641. {block:Date}<div id="perma">
  642. posted <a href="{Permalink}">{TimeAgo}</a>, {DayOfMonth} {Month} {Year}<br>
  643. {block:RebloggedFrom}
  644. <div class="origin">origin: <a href="{ReblogRootURL}"> {ReblogRootName}</a> · via: <a href="{ReblogParentURL}"> {ReblogParentName}</a></div>
  645. {/block:RebloggedFrom}
  646. {block:HasTags}
  647. <div id="tags">tags: {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  648. </div>{/block:Date}
  649.  
  650. </div>{/block:Posts}
  651. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  652.  
  653. </body>
  654. </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!