API tools faq
paste
Advertisement
vierawood

Theme #01: Heartkey

vierawood
Apr 18th, 2014
2,197
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.59 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--
  4.        ♥ THEME #01 | H E A R T K E Y BY VIERAWOOD@TUMBLR ♥
  5.        ------------------ do not remove ------------------
  6. -->
  7.  
  8. <head>
  9.  
  10.         <title>{Title}</title>
  11.         <link rel="shortcut icon" href="{Favicon}">
  12.         <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  13.         <meta name="description" content="" />
  14.         <meta http-equiv="x-dns-prefetch-control" content="off"/>
  15.         <meta name="text:Link 01" content="">
  16.         <meta name="text:Link 01 URL" content="http://">
  17.         <meta name="text:Link 02" content="">
  18.         <meta name="text:Link 02 URL" content="http://">
  19.         <meta name="text:Link 03" content="">
  20.         <meta name="text:Link 03 URL" content="http://">
  21.         <meta name="text:Link 04" content="">
  22.         <meta name="text:Link 04 URL" content="http://">
  23.         <meta name="color:Background" content="#f1f1f3"/>
  24.         <meta name="color:Links" content="#d62120"/>
  25.         <meta name="color:Hover" content="#130b16"/>
  26.         <meta name="color:Left Panel" content="#130b16"/>
  27.         <meta name="color:Right Panel" content="#130b16"/>
  28.         <meta name="color:Title" content="#e7b10b"/>
  29.         <meta name="color:Title Hover" content="#d62120"/>
  30.         <meta name="color:Description" content="#f1f1f3"/>
  31.         <meta name="color:Description Links" content="#d62120"/>
  32.         <meta name="color:Description Links Hover" content="#f1f1f3"/>
  33.         <meta name="color:Custom Links" content="#f1f1f3"/>
  34.         <meta name="color:Custom Links Background" content="#130b16"/>
  35.         <meta name="color:Custom Links Hover" content="#d62120"/>
  36.         <meta name="color:Posts" content="#ffffff"/>
  37.         <meta name="color:Post Text" content="#130b16"/>
  38.         <meta name="color:Post Footer" content="#130b16"/>
  39.         <meta name="color:Post Info" content="#f1f1f3"/>
  40.         <meta name="color:Permalink" content="#e7b10b"/>
  41.         <meta name="color:Permalink Hover" content="#f1f1f3"/>
  42.         <meta name="image:Sidebar" content="http://static.tumblr.com/35f0434eeda6d6e97f2da35150e0aecb/rwxr1bk/Gpzn48vrk/tumblr_static_4k1qkhz4c7msc4gskckcwgcw8.png"/>
  43.    
  44. <style type="text/css">
  45.  
  46.  
  47. /* --------------- SCROLLBAR --------------- */
  48. /* ----------------------------------------- */
  49.  
  50. ::-webkit-scrollbar {
  51.         width: 6px;
  52.         height: 4px;
  53.         background: {color:Background};}
  54.  
  55. ::-webkit-scrollbar-thumb {
  56.         background-color: {color:Right Panel};}
  57.  
  58.  
  59. /* --------------- BODY STYLE --------------- */
  60. /* ------------------------------------------ */
  61.  
  62. body {
  63.         background-color: {color:Background};}
  64.  
  65. a {
  66.         color: {color:Links};
  67.         text-decoration: none;
  68.         -moz-transition-duration: 0.5s;
  69.         -o-transition-duration: 0.5s;
  70.         -webkit-transition-duration: 0.5s;
  71.         transition-duration: 0.5s;}
  72.  
  73. a:hover {
  74.         color: {color:Hover};
  75.         -moz-transition-duration: 0.5s;
  76.         -o-transition-duration: 0.5s;
  77.         -webkit-transition-duration: 0.5s;
  78.         transition-duration: 0.5s;}
  79.        
  80.  
  81. /* --------------- SIDEBAR STYLE --------------- */
  82. /* --------------------------------------------- */
  83.  
  84. #leftpanel {
  85.         position: fixed;
  86.         left: 0px;
  87.         top: 0px;
  88.         width: 250px;
  89.         height: 100%;
  90.         background-color: {color:Left Panel};
  91.         background-image: url('{image:Sidebar}');
  92.         background-repeat: no-repeat;
  93.         z-index: 100;}
  94.  
  95. #rightpanel {
  96.         position: fixed;
  97.         left: 250px;
  98.         top: 0px;
  99.         width: 200px;
  100.         height: 100%;
  101.         background-color: {color:Right Panel};}
  102.  
  103. #side {
  104.         position: fixed;
  105.         left: 260px;
  106.         top: 200px;
  107.         width: 168px;
  108.         z-index: 200;}
  109.  
  110. #desc {
  111.         margin-bottom: 15px;
  112.         width: 168px;
  113.         font-family: Calibri, Verdana, sans-serif;
  114.         color: {color:Description};
  115.         font-size: 10px;
  116.         letter-spacing: 1px;
  117.         text-align: left;
  118.         padding-left: 5px;
  119.         border-left: 7px solid {color:Title};}
  120.  
  121. #desc a,b {
  122.         color: {color:Description Links};
  123.         text-decoration: none;
  124.         -moz-transition-duration: 0.5s;
  125.         -o-transition-duration: 0.5s;
  126.         -webkit-transition-duration: 0.5s;
  127.         transition-duration: 0.5s;}
  128.  
  129. #desc a:hover {
  130.         color: {color:Description Links Hover};
  131.         -moz-transition-duration: 0.5s;
  132.         -o-transition-duration: 0.5s;
  133.         -webkit-transition-duration: 0.5s;
  134.         transition-duration: 0.5s;}
  135.  
  136. #descheading {
  137.         margin-left: 8px;
  138.         margin-bottom: 10px;
  139.         font-family: Calibri, Verdana, sans-serif;
  140.         color: {color:Title};
  141.         font-size: 15px;
  142.         letter-spacing: 9px;
  143.         text-align: center;
  144.         text-transform: uppercase;}
  145.  
  146. #descheading a {
  147.         color: {color:Title};
  148.         text-decoration: none;
  149.         -moz-transition-duration: 0.5s;
  150.         -o-transition-duration: 0.5s;
  151.         -webkit-transition-duration: 0.5s;
  152.         transition-duration: 0.5s;}
  153.  
  154. #descheading a:hover {
  155.         color: {color:Title Hover};
  156.         text-decoration: none;
  157.         -moz-transition-duration: 0.5s;
  158.         -o-transition-duration: 0.5s;
  159.         -webkit-transition-duration: 0.5s;
  160.         transition-duration: 0.5s;}
  161.  
  162. #sidelinks {
  163.         margin-left: 5px;
  164.         margin-bottom: 10px;
  165.         width: 180px;}
  166.  
  167. #sidelinks a {
  168.         margin-bottom: 3px;
  169.         width: 75px;
  170.         background-color: #221726;
  171.         font-family: Calibri, Verdana, sans-serif;
  172.         color: {color:Custom Links};
  173.         font-size: 10px;
  174.         letter-spacing: 2px;
  175.         text-align: center;
  176.         text-transform: uppercase;
  177.         text-decoration: none;
  178.         padding: 4px;
  179.         -moz-transition-duration: 0.5s;
  180.         -o-transition-duration: 0.5s;
  181.         -webkit-transition-duration: 0.5s;
  182.         transition-duration: 0.5s;
  183.         display: inline-block;}
  184.  
  185. #sidelinks a:hover {
  186.         background-color: {color:Custom Links Hover};
  187.         color: {color:Custom Links};
  188.         -moz-transition-duration: 0.5s;
  189.         -o-transition-duration: 0.5s;
  190.         -webkit-transition-duration: 0.5s;
  191.         transition-duration: 0.5s;}
  192.        
  193.  
  194. /* --------------- POSTING STYLE --------------- */
  195. /* --------------------------------------------- */
  196.  
  197. .posting {
  198.         margin-left: 460px;
  199.         margin-top: 10px;
  200.         width: 520px;
  201. }
  202.  
  203. .posts {
  204.         padding: 10px;
  205.         background-color: {color:Posts};
  206.         font-family: Calibri, Verdana, sans-serif;
  207.         font-size: 10px;
  208.         letter-spacing: 1px;}
  209.  
  210. .posts h1 {
  211.         font-family: Calibri, Verdana, sans-serif;
  212.         font-size: 20px;
  213.         letter-spacing: 5px;
  214.         text-transform: uppercase;
  215.         padding-left: 10px;
  216.         border-left: 10px solid {color:Title};}
  217.  
  218. .posts h2 {
  219.         font-family: Calibri, Verdana, sans-serif;
  220.         font-size: 20px;
  221.         letter-spacing: 5px;
  222.         text-transform: uppercase;
  223.         padding-left: 10px;}
  224.  
  225. .posts ul {
  226.         list-style-type: square;}
  227.  
  228. .posts blockquote {
  229.         border-left: 5px solid {color:Links};
  230.         padding-left: 5px;}
  231.  
  232. .posts img, .posts li, .posts blockquote {
  233.         max-width: 100%;}
  234.  
  235. .posttime {
  236.         margin-bottom: 20px;
  237.         background-color: {color:Post Footer};
  238.         font-family: Calibri, Verdana, sans-serif;
  239.         color: {color:Post Info};
  240.         font-size: 9px;
  241.         letter-spacing: 1px;
  242.         text-transform: uppercase;
  243.         padding: 5px;}
  244.    
  245. .posttime a{
  246.         color: {color:Permalink};
  247.         text-decoration: none;
  248.         -moz-transition-duration: 0.5s;
  249.         -o-transition-duration: 0.5s;
  250.         -webkit-transition-duration: 0.5s;
  251.         transition-duration: 0.5s;}
  252.  
  253. .posttime a:hover{
  254.         color: {color:Permalink Hover};
  255.         -moz-transition-duration: 0.5s;
  256.         -o-transition-duration: 0.5s;
  257.         -webkit-transition-duration: 0.5s;
  258.         transition-duration: 0.5s;}
  259.  
  260. .viasource {
  261.         float: right;}
  262.        
  263.  
  264. /* --------------- REPLIES --------------- */
  265. /* --------------------------------------- */
  266.  
  267. .replies {
  268.         min-height: 50px;
  269.         background-color: {color:Right Panel};
  270.         color: {color:Description};
  271.         text-transform: uppercase;
  272.         padding: 20px;}  
  273.  
  274. .replies img {
  275.         float: left;
  276.         margin-right: 10px;
  277.         padding: 5px;
  278.         border: 1px solid {color:Background};}
  279.        
  280. .replies a {
  281.         color: #e7b10b;
  282.         text-decoration: none;}
  283.  
  284.  
  285. /* --------------- PAGINATION --------------- */
  286. /* ------------------------------------------ */
  287.  
  288. #nextpage {
  289.         font-family: Calibri, Verdana, sans-serif;
  290.         color: {color:Description};
  291.         font-size: 10px;
  292.         text-align: center;
  293.         text-transform: uppercase;
  294.         letter-spacing: 1px;
  295. }
  296.        
  297. #nextpage a {
  298.         color: {color:Description};
  299.         text-decoration: none;
  300.         -moz-transition-duration: 0.5s;
  301.         -o-transition-duration: 0.5s;
  302.         -webkit-transition-duration: 0.5s;
  303.         transition-duration: 0.5s;}
  304.  
  305.  
  306. /* --------------- NOTES --------------- */
  307. /* ------------------------------------- */
  308.  
  309. .tagsinfo {
  310.         margin-top: -15px;
  311.         margin-bottom: 20px;
  312.         font-family: Calibri, Verdana, sans-serif;
  313.         color: {color:Post Info};
  314.         font-size: 9px;
  315.         letter-spacing: 1px;
  316.         text-transform: uppercase;
  317.         padding: 5px;
  318.         padding-right: 10px;}
  319.  
  320. .notesinfo {
  321.         margin-bottom: 10px;
  322.         font-family: Calibri, Verdana, sans-serif;
  323.         color: {color:Post Text};
  324.         font-size: 10px;
  325.         letter-spacing: 1px;}
  326.        
  327. .notesinfo ol {
  328.         width: 500px;
  329.         list-style: none;
  330.         line-height: 30px;
  331. }
  332.  
  333. .notesinfo a {
  334.         color: {color:Links};
  335.         text-decoration: none;}
  336.        
  337. .notesinfo img {
  338.         float:left;
  339.         border: 4px solid {color:Right Panel};
  340.         margin-right: 5px;
  341. }
  342.  
  343. .notesinfo blockquote {
  344.         border-left: 5px solid {color:Links};
  345.         padding-left: 5px;
  346. }
  347.  
  348. .notesinfo blockquote a {
  349.         color: {color:Right Panel};
  350.         text-decoration: none;
  351. }
  352.  
  353. </style>
  354.  
  355. </head>
  356.  
  357. <body>
  358.  
  359.  
  360. <!-- SIDEBAR -->
  361. <div id="leftpanel"></div>
  362. <div id="rightpanel"></div>
  363. <div id="side">
  364. <div id="descheading">
  365. <a href="/">{title}</a>
  366. </div>
  367. <div id="desc">
  368. <i>{description}</i>
  369. </div>
  370. <div id="sidelinks">
  371. <a href="/">Home</a>
  372. <a href="/ask">Message</a>
  373. <a href="/archive">Archive</a>
  374. {block:IfLink01}<a href="{text:Link 01 URL}">{text:Link 01}</a>
  375. {/block:IfLink01}
  376. {block:IfLink02}<a href="{text:Link 02 URL}">{text:Link 02}</a>
  377. {/block:IfLink02}
  378. {block:IfLink03}<a href="{text:Link 03 URL}">{text:Link 03}</a>
  379. {/block:IfLink03}
  380. {block:IfLink04}<a href="{text:Link 04 URL}">{text:Link 04}</a>
  381. {/block:IfLink04}
  382. <a href="http://vierawood.tumblr.com">Theme</a>
  383. </div>
  384.  
  385.  
  386. <!-- PAGINATION -->    
  387. <div id="nextpage">
  388. {block:PreviousPage}
  389. <a href="{PreviousPage}">←</a>
  390. {/block:PreviousPage}
  391. Page
  392. {CurrentPage}
  393. {block:NextPage}
  394. <a href="{NextPage}"> →</a>
  395. {/block:NextPage}
  396. </div>
  397. </div>
  398.  
  399.  
  400. <!-- POSTING -->
  401. <div class="posting">
  402. {block:Posts}
  403. <div class="posts">
  404.  
  405.  
  406. <!-- TEXT POSTS -->
  407. {block:Text}
  408. {block:Title}
  409. <h1>{Title}</h1>
  410. {/block:Title}
  411. {Body}
  412. {/block:Text}
  413.  
  414.  
  415. <!-- PHOTO POSTS -->
  416. {block:Photo}
  417. {LinkOpenTag}
  418. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">
  419. {LinkCloseTag}
  420. {block:Caption}
  421. {Caption}
  422. {/block:Caption}
  423. {/block:Photo}
  424.  
  425.  
  426. <!-- PHOTOSET -->
  427. {block:Photoset}
  428. {Photoset-500}
  429. {block:Caption}
  430. {Caption}
  431. {/block:Caption}
  432. {/block:Photoset}
  433.  
  434. <!-- REPLIES -->
  435. {block:Answer}
  436. <div class="replies">
  437. <img src="{AskerPortraitURL-40}">
  438. {Asker} asked: <i>{Question}</i>
  439. </div>
  440. {Answer}
  441. {/block:Answer}  
  442.  
  443.  
  444. <!-- LINKED POSTS -->
  445. {block:Link}
  446. <h1><a href="{URL}">{Name}</a></h1>
  447. {block:Description}
  448. {Description}
  449. {/block:Description}    
  450. {/block:Link}
  451.  
  452.  
  453. <!-- VIDEO -->
  454. {block:Video}
  455. {Video-500}
  456. {block:Caption}
  457. {Caption}
  458. {/block:Caption}
  459. {/block:Video}
  460.  
  461.  
  462. <!-- AUDIO -->
  463. {block:Audio}
  464. {AudioPlayer}
  465. {block:TrackName}
  466. {TrackName}
  467. {/block:TrackName}
  468. {block:Artist}
  469. - <i>{Artist}</i>
  470. {/block:Artist}
  471. {block:IfShowCaptions}
  472. {block:Caption}
  473. <br />
  474. {Caption}
  475. {/block:Caption}
  476. {/block:IfShowCaptions}
  477. {block:IfNotShowCaptions}
  478. {block:PermalinkPage}
  479. {block:Caption}
  480. <br />
  481. {Caption}
  482. {/block:Caption}
  483. {/block:PermalinkPage}
  484. {/block:IfNotShowCaptions}
  485. {/block:Audio}
  486.  
  487.  
  488. <!-- QUOTES -->
  489. {block:Quote}
  490. <div class="quote">
  491. <div class="quotetext_{Length}">
  492. <h2><i>"{Quote}"</i></h2>
  493. </div>
  494. {block:Source}
  495. <div class="source" style="text-align:right">
  496. - {Source}
  497. </div>
  498. {/block:Source}
  499. </div>
  500. {/block:Quote}
  501.  
  502.  
  503. <!-- CHAT -->
  504. {block:Chat}
  505. {block:Title}
  506. <h1>{Title}</h1>
  507. {/block:Title}
  508. <ul class="convo">
  509. {block:Lines}
  510. <li class="line">
  511. {block:Label}
  512. <span class="label">
  513. {Label}
  514. </span>
  515. {/block:Label}
  516. {Line}
  517. </li>
  518. {/block:Lines}
  519. </ul>
  520. {/block:Chat}
  521. </div>
  522.  
  523.  
  524. <!-- FOOTER -->
  525. <div class="posttime">
  526. <a href="{Permalink}">{block:Date} {TimeAgo}{/block:Date}</a>  
  527. ♥
  528. <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
  529. <div class="viasource">
  530. {block:RebloggedFrom}
  531. <a href="{ReblogParentURL}">VIA</a>
  532. //
  533. <a href="{ReblogRootURL}">SOURCE</a>
  534. {/block:RebloggedFrom}
  535. </div>
  536. </div>
  537.  
  538. {block:PermalinkPage}
  539. <div class="permalink">
  540.  
  541.  
  542. <!-- NOTES -->
  543. <div class="tagsinfo">
  544. <div class="tagslist">
  545. {block:HasTags}{block:Tags}
  546. <a href="{TagURL}">#{Tag}</a>
  547. &nbsp;
  548. {/block:Tags}
  549. {/block:HasTags}
  550. </div>
  551. <div class="notesinfo">
  552. {block:PostNotes}
  553. {PostNotes}
  554. {/block:PostNotes}
  555. </div>
  556. </div>
  557. {/block:PermalinkPage}
  558.  
  559. {/block:Posts}
  560. </div>
  561. </div>
  562.  
  563. </body>
  564. </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!