API tools faq
paste
Advertisement
Korra

Theme: New Future

Korra
Apr 22nd, 2012
12,214
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.59 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!---
  4.  
  5.  
  6. THEME: A NEW FUTURE 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.  
  15.  
  16. --->
  17.  
  18. <head>
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}" />
  24. {/block:Description}
  25.  
  26. <meta name="color:Background" content="#fcf7fa" />
  27. <meta name="color:Text" content="#9f6c76" />
  28. <meta name="color:Entry" content="#fff" />
  29. <meta name="color:Bold" content="#DA9BA8" />
  30. <meta name="color:Hover" content="#fcdeeb" />
  31. <meta name="color:Link" content="#e297a6" />
  32. <meta name="color:Title" content="#ecb8c3" />
  33. <meta name="color:Sidebar" content="#fff" />
  34. <meta name="color:Sideborder 1" content="#fef0ff" />
  35. <meta name="color:Sideborder 2" content="#fcdeeb" />
  36. <meta name="color:Border" content="#f7d4db" />
  37. <meta name="color:Permalink" content="#fcdeeb" />
  38. <meta name="color:Scroll" content="#f7d4db" />
  39. <meta name="color:Custom Link" content="#F7EBED" />
  40.  
  41. <meta name="font:body" content="georgia" />
  42.  
  43. <meta name="if:ShowSidebarImage" content="1" />
  44. <meta name="if:ShowPortrait" content="1" />
  45. <meta name="if:InfiniteScrolling" content="0" />
  46.  
  47. <meta name="image:Sidebar" content="http://static.tumblr.com/ima4vag/lMGm2wady/ah.png"/>
  48. <meta name="image:Background" content="http://static.tumblr.com/ima4vag/gm7m2w796/project_papper.png"/>
  49. <meta name="image:EntryBackground" content="http://static.tumblr.com/ima4vag/jppm2w9zj/z.png"/>
  50.  
  51. <meta name="text:Background Repeat" content="repeat"/>
  52.  
  53. <meta name="text:Link1" content="" />
  54. <meta name="text:Link1 URL" content="/"/>
  55. <meta name="text:Link2" content="" />
  56. <meta name="text:Link2 URL" content="/"/>
  57. <meta name="text:Link3" content="" />
  58. <meta name="text:Link3 URL" content="/"/>
  59. <meta name="text:Link4" content="" />
  60. <meta name="text:Link4 URL" content="/"/>
  61.  
  62. <style type="text/css">
  63.  
  64. body {
  65. background-image: url('{image:background}');
  66. background-color: {color:background};
  67. background-attachment: fixed;
  68. background-position: right bottom;
  69. background-repeat: {text:Background Repeat};
  70. color: {color:text};
  71. font-family: {font:body};
  72. font-size: 10px;
  73. }
  74.  
  75. @font-face {
  76. font-family: "Times";
  77. src: url(http://static.tumblr.com/4hejznv/PvRm2d82f/times_.ttf) format("truetype");
  78. }
  79.  
  80. ::-webkit-scrollbar {
  81. height: 5px;
  82. width: 5px;
  83. background-color: {color:background};
  84. }
  85. ::-webkit-scrollbar-thumb:vertical {
  86. height: 5px;
  87. background-color: {color:scroll};
  88. }
  89. ::-webkit-scrollbar-thumb:vertical:hover{
  90. background-color: {color:scroll};
  91. }
  92. ::-webkit-scrollbar-thumb:horizontal:hover{
  93. background-color: {color:scroll};
  94. }
  95.  
  96. a {
  97. color: {color:link};
  98. text-decoration: none;
  99. -webkit-transition: all 0.5s linear;
  100. -moz-transition: all 0.5s linear;
  101. -o-transition: all 0.5s linear;
  102. }
  103.  
  104. a:hover {
  105. color: {color:hover};
  106. }
  107.  
  108. #sidebar {
  109. width: 270px;
  110. position: fixed;
  111. height: 1100px;
  112. margin-top: -10px;
  113. margin-left: 40px;
  114. padding: 10px;
  115. background-color: {color:sidebar};
  116. text-align: justify;
  117. border-left: 26px {color:border} solid;
  118. font-size: 10px;
  119. line-height: 100%;
  120. }
  121.  
  122. #linkbox {
  123. max-width: 280px;
  124. margin-left: 1px;
  125. }
  126.  
  127. #sbrborder {
  128. width: 10px;
  129. position: fixed;
  130. height: 1100px;
  131. margin-top: -10px;
  132. margin-left: 40px;
  133. padding-top: 4px;
  134. z-index:999;
  135. text-align: justify;
  136. border-left: 16px {color:Sideborder 1} solid;
  137. }
  138.  
  139. #sbrborder2 {
  140. width: 10px;
  141. position: fixed;
  142. height: 1100px;
  143. margin-top: -10px;
  144. margin-left: 30px;
  145. padding-top: 4px;
  146. z-index:999;
  147. text-align: justify;
  148. border-left: 6px {color:Sideborder 2} solid;
  149. }
  150.  
  151. #sidebar img {
  152. max-width:270px;
  153. margin-bottom: 4px;
  154. }
  155.  
  156. #portrait {
  157. height: 96px;
  158. width: 96px;
  159. z-index: 999;
  160. position: fixed;
  161. -webkit-border-top-right-radius: 50px;
  162. -webkit-border-bottom-right-radius: 50px;
  163. -moz-border-radius-topright: 50px;
  164. -moz-border-radius-bottomright: 50px;
  165. border-top-right-radius: 50px;
  166. border-bottom-right-radius: 50px;
  167. border: solid {color:sidebar} 10px;
  168. margin-left: 355px;
  169. margin-top: 85px;
  170. }
  171.  
  172. #portrait img {
  173. width: 96px;
  174. height: 96px;
  175. background-color:{color:sidebar};
  176. -webkit-border-top-right-radius: 40px;
  177. -webkit-border-bottom-right-radius: 40px;
  178. -moz-border-radius-topright: 40px;
  179. -moz-border-radius-bottomright: 40px;
  180. border-top-right-radius: 40px;
  181. border-bottom-right-radius: 40px;
  182. }
  183.  
  184. #pearl {
  185. font-size: 10px;
  186. letter-spacing: 1px;
  187. float: left;
  188. height: 15px;
  189. width: 100px;
  190. position: fixed;
  191. margin-left: 350px;
  192. margin-top: 245px;
  193. background-color: {color:sidebar};
  194. border-bottom: 2px {color:border} solid;
  195. padding-top: 5px;
  196. padding-left: 10px;
  197. -webkit-transition: all 0.5s linear;
  198. -moz-transition: all 0.5s linear;
  199. -o-transition: all 0.5s linear;
  200. }
  201.  
  202. #ruby {
  203. font-size: 10px;
  204. letter-spacing: 1px;
  205. float: left;
  206. height: 15px;
  207. display:block;
  208. width: 80px;
  209. position: fixed;
  210. margin-left: 350px;
  211. margin-top: 269px;
  212. background-color: {color:sidebar};
  213. border-bottom: 2px {color:border} solid;
  214. padding-top: 5px;
  215. padding-left: 10px;
  216. -webkit-transition: all 0.5s linear;
  217. -moz-transition: all 0.5s linear;
  218. -o-transition: all 0.5s linear;
  219. }
  220.  
  221. #sapphire {
  222. font-size: 10px;
  223. letter-spacing: 1px;
  224. float: left;
  225. height: 15px;
  226. display:block;
  227. width: 120px;
  228. position: fixed;
  229. margin-left: 350px;
  230. margin-top: 220px;
  231. background-color: {color:sidebar};
  232. border-bottom: 2px {color:border} solid;
  233. padding-top: 5px;
  234. padding-left: 10px;
  235. -webkit-transition: all 0.5s linear;
  236. -moz-transition: all 0.5s linear;
  237. -o-transition: all 0.5s linear;
  238. }
  239.  
  240. #topaz {
  241. font-size: 10px;
  242. letter-spacing: 1px;
  243. float: left;
  244. height: 15px;
  245. display:block;
  246. width: 70px;
  247. position: fixed;
  248. margin-left: 350px;
  249. margin-top: 293px;
  250. background-color: {color:sidebar};
  251. border-bottom: 2px {color:border} solid;
  252. padding-top: 5px;
  253. padding-left: 10px;
  254. -webkit-transition: all 0.5s linear;
  255. -moz-transition: all 0.5s linear;
  256. -o-transition: all 0.5s linear;
  257. }
  258.  
  259. #ruby:hover, #sapphire:hover, #pearl:hover, #topaz:hover {
  260. background-color: {color:sidebar};
  261. width: 130px;
  262. letter-spacing: 10px;
  263. font-style: italic;
  264. color: {color: hover};
  265. }
  266.  
  267. iframe#tumblr_controls {
  268. right:3px !important;
  269. position:fixed !important;
  270. opacity: 0.5;
  271. filter:alpha(opacity=0.5);
  272. -moz-opacity: 0.5;
  273. -webkit-transition: all 0.5s linear;
  274. -moz-transition: all 0.5s linear;
  275. -o-transition: all 0.5s linear;
  276. }
  277.  
  278. iframe#tumblr_controls:hover {
  279. opacity: 1;
  280. filter:alpha(opacity=1);
  281. -moz-opacity: 1;
  282. }
  283.  
  284. .entry {
  285. width: 500px;
  286. background-color: {color:entry};
  287. padding: 10px;
  288. margin: 4px;
  289. overflow:hidden;
  290. }
  291.  
  292. .entry b, #desc b, strong {
  293. color: {color:bold};
  294. }
  295.  
  296. .entry blockquote {
  297. font-size: 10px;
  298. border-left: 2px {color:bold} solid;
  299. padding-left: 5px;
  300. }
  301.  
  302. .entry:hover #perma {
  303. height: auto;
  304. font-size: 9px;
  305. letter-spacing: 1px;
  306. margin-top: -8px;
  307. margin-left: -10px;
  308. opacity: 0.9;
  309. filter:alpha(opacity=90);
  310. -moz-opacity: 0.9;
  311. -webkit-transition: all 0.5s ease;
  312. -moz-transition: all 0.5s ease;
  313. -o-transition: all 0.5s ease;
  314. position: absolute;
  315. }
  316.  
  317. #main {
  318. width: 528px;
  319. margin-left: 500px;
  320. margin-top: 0px;
  321. padding: 4px;
  322. background-image: url('{image:EntryBackground}');
  323. background-attachment: fixed;
  324. background-repeat: repeat;
  325. }
  326.  
  327. .title {
  328. color: {color:title};
  329. padding: 5px;
  330. border-bottom: 1px {color:title} dotted;
  331. font-family: "Times";
  332. font-size: 20px;
  333. line-height:100%;
  334. text-transform: uppercase;
  335. letter-spacing: -1px;
  336. }
  337.  
  338. #page {
  339. color: {color:text};
  340. font-family: {font:body};
  341. font-size: 16px;
  342. font-style: italic;
  343. line-height:100%;
  344. width: 100px;
  345. margin-left: 390px;
  346. margin-top: 333px;
  347. position: fixed;
  348. }
  349.  
  350. .custom {
  351. width: 120px;
  352. padding: 5px;
  353. font-size: 9px;
  354. letter-spacing: 1px;
  355. display: block;
  356. text-align: center;
  357. font-family: consolas;
  358. background-color: {color:custom link};
  359. text-transform: uppercase;
  360. float: left;
  361. margin-left: 3px;
  362. margin-bottom: 3px;
  363. color: {color:link};
  364. -webkit-transition: all 0.5s ease-in-out;
  365. -moz-transition: all 0.5s ease-in-out;
  366. -o-transition: all 0.5s ease-in-out;
  367. }
  368.  
  369. .custom:hover {
  370. background-color: {color:permalink};
  371. color: {color:link};
  372. }
  373.  
  374. #sidetitle {
  375. font-family: "Times";
  376. font-size: 12pt;
  377. text-align: center;
  378. text-transform: uppercase;
  379. }
  380.  
  381. #sidetitle a:hover {
  382. color: {color:hover};
  383. }
  384.  
  385. #quote {
  386. color: {color:title};
  387. padding: 5px;
  388. font-family: "Times";
  389. font-size: 20px;
  390. line-height:100%;
  391. text-transform: uppercase;
  392. letter-spacing: -1px;
  393. }
  394.  
  395. #perma {
  396. background-color: {color:permalink};
  397. border-top: 1px {color:border} dotted;
  398. font-family: georgia;
  399. font-size: 9px;
  400. letter-spacing: 1px;
  401. width: 520px;
  402. margin-bottom: -10px;
  403. margin-left: -10px;
  404. text-align: center;
  405. padding-top: 5px;
  406. text-transform: lowercase;
  407. font-style: none;
  408. opacity: 0;
  409. filter:alpha(opacity=0);
  410. -moz-opacity: 0;
  411. -webkit-transition: all 0.5s ease;
  412. -moz-transition: all 0.5s ease;
  413. -o-transition: all 0.5s ease;
  414. position:absolute;
  415. z-index: 999;
  416. }
  417.  
  418. #tags {
  419. width: 500px;
  420. background-color: {color:entry};
  421. padding: 10px;
  422. font-size: 9px;
  423. font-family: {font:body};
  424. margin: 4px;
  425. margin-left: -10px;
  426. text-align: left;
  427. text-transform: lowercase;
  428. font-style: none;
  429. border-top: 1px {color:border} dotted;
  430. }
  431.  
  432. #perma a:link {
  433. color: {color:link};
  434. font-style: italic;
  435. }
  436.  
  437. #perma a:hover {
  438. color: {color:hover};
  439. font-style: italic;
  440. }
  441.  
  442. .ask {
  443. position: relative;
  444. background-color: {color:permalink};
  445. margin: 0;
  446. padding: 10px;
  447. text-align: left;
  448. width: 480px;
  449. display: block;
  450. }
  451.  
  452. #question img {
  453. width: 16px;
  454. height: 16px;
  455. margin: -5px 0px -5px -5px;
  456. -webkit-border-radius: 16px;
  457. -moz-border-radius: 16px;
  458. border-radius: 16px;
  459. }
  460.  
  461. #question, #question a {
  462. font-size: 9px;
  463. color: {color:bold};
  464. font-family: arial;
  465. z-index: 999;
  466. width: 480px;
  467. text-align: center;
  468. margin-top: 10px;
  469. text-transform: uppercase;
  470. }
  471.  
  472. .qarrow {
  473. font-size: 30px;
  474. color: {color:permalink};
  475. margin-left: 240px;
  476. z-index: 999;
  477. margin-top: -15px;
  478. margin-bottom: -10px;
  479. }
  480.  
  481. #source {
  482. font-family: {font:body};
  483. font-size:7pt;
  484. text-align: right;
  485. margin-top: -5px;
  486. }
  487.  
  488. ol.notes, .notes li {
  489. padding: 0px;
  490. margin-left: 25px;
  491. }
  492.  
  493. .notes img {
  494. -webkit-border-radius: 16px;
  495. -moz-border-radius: 16px;
  496. border-radius: 16px;
  497. }
  498.  
  499. .music {
  500. background-color: #e4e4e4; 
  501. display:block;
  502. }
  503.  
  504. {CustomCSS}
  505.  
  506. </style>
  507. </head>
  508.  
  509. {block:IfInfiniteScrolling}
  510. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  511. <body>
  512.  
  513. {block:IfNotInfiniteScrolling}<div id="page">{block:Pagination}
  514. {block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{CurrentPage} of {TotalPages}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}
  515. {/block:Pagination}</div>{/block:IfNotInfiniteScrolling}
  516.  
  517. {block:IfShowPortrait}<div id="portrait"><img src="{PortraitURL-128}"></div>{/block:IfShowPortrait}
  518.  
  519. <a href="/" id="sapphire">home</a>
  520. <a href="/ask" id="pearl">message</a>
  521. <a href="/archive" id="ruby">archive</a>
  522. <a href="http://heartens.tumblr.com" id="topaz">theme</a>
  523.  
  524. <div id="sbrborder"></div> <div id="sbrborder2"></div>
  525. <div id="sidebar"><center><a href="/" id="sidetitle">{title}</a></center><br>
  526. {block:IfShowSidebarImage}<img src="{image:Sidebar}">{/block:IfShowSidebarImage}
  527.  
  528. <div id="linkbox">
  529. {block:ifLink1}<a href="{text:Link1 URL}" class="custom">{text:Link1}</a>{/block:ifLink1}
  530. {block:ifLink2}<a href="{text:Link2 URL}" class="custom">{text:Link2}</a>{/block:ifLink2}
  531. {block:ifLink3}<a href="{text:Link3 URL}" class="custom">{text:Link3}</a>{/block:ifLink3}
  532. {block:ifLink4}<a href="{text:Link4 URL}" class="custom">{text:Link4}</a>{/block:ifLink4}<br>
  533.  
  534. </div>{Description}</div>
  535.  
  536. <div class="autopagerize_page_element">
  537.  
  538. {block:Posts}<div id="main"><div class="entry">
  539.  
  540. {block:Text}
  541. {block:Title}<div class="title">{Title}</div>{/block:Title}{Body}
  542. {/block:Text}
  543.  
  544. {block:Photo}
  545. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  546. {block:Caption}{Caption}{/block:Caption}
  547. {/block:Photo}
  548.  
  549. {block:Photoset}
  550. {Photoset-500}{block:Caption}{Caption}{/block:Caption}
  551. {/block:Photoset}
  552.  
  553. {block:Quote}
  554. <div id="quote">{Quote}</div>{block:Source} <div id="source"> —{Source}</div> {/block:Source}{/block:Quote}
  555.  
  556. {block:Link}
  557. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  558. {block:Description}{Description}{/block:Description}
  559. {/block:Link}
  560.  
  561. {block:Chat}
  562. {block:Title}<div class="title">{Title}</div>
  563. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  564. {/block:Chat}
  565.  
  566. {block:Audio}
  567. <div class="music">{AudioPlayerGrey}</div>
  568. {block:Caption}{Caption}{/block:Caption}
  569. {/block:Audio}
  570.  
  571. {block:Video}
  572. {Video-500}{block:Caption}{Caption}{/block:Caption}
  573. {/block:Video}
  574.  
  575. {block:Answer}<div class="ask">{Question}</div><div class="qarrow">◤
  576. </div><div id="question"><img src="{AskerPortraitURL-16}"> {Asker}</div>
  577. {Answer}{/block:Answer}
  578.  
  579. {block:IndexPage}
  580. {block:Date}<div id="perma">posted <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}with <a href="{Permalink}"> {NoteCountWithLabel}</a>
  581. {/block:NoteCount}
  582. {block:RebloggedFrom}· origin: <a href="{ReblogRootURL}"> {ReblogRootName}</a> via: <a href="{ReblogParentURL}"> {ReblogParentName}</a>{/block:RebloggedFrom}
  583. </div>
  584. {/block:Date}
  585. {/block:IndexPage}
  586.  
  587. {block:PermalinkPage}
  588. <div id="tags">{block:HasTags}
  589. tags: {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
  590. {/block:HasTags}</div>
  591. {/block:PermalinkPage}
  592.  
  593. {block:PostNotes}{PostNotes}{/block:PostNotes}
  594. </div>
  595.  
  596.  
  597. </div>
  598. {/block:Posts}
  599.  
  600. </div>
  601. </body>
  602. </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!