API tools faq
paste
Advertisement
rileypyrope

05 elegant

rileypyrope
Jan 26th, 2015
213
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5.  
  6.  
  7. <title>{Title}</title>
  8.  
  9.  
  10. <meta name="color:Background" content="#cacaca"/>
  11.     <meta name="color:Text" content="#000000"/>
  12.     <meta name="color:Link" content="#0f77bf"/>
  13.     <meta name="color:Link Hover"content="#5ebcfe"/>
  14.     <meta name="color:Button Link" content="#31729f"/>
  15.     <meta name="color:Button Link Hover"content="#0f77bf"/>
  16.     <meta name="color:Post Background"content="#c2ebff"/>
  17.     <meta name="color:Sidebar Background"content="#c2ebff"/>
  18.     <meta name="color:Button Background"content="#cacaca"/>
  19.     <meta name="color:Button Hover Background"content="#888888"/>
  20.     <meta name="color:Ask Background"content="#cacaca"/>
  21.    
  22.    <meta name= "font:body" conent="verdana"/>
  23.  
  24.     <meta name="image:Background" content="http://blog.thornyeternity.com/wp-content/uploads/2011/03/thin-sketchy-lace-inverted.jpg" />
  25.     <meta name="image:Right Image" content=""/>
  26.     <meta name="image:Sidebar Image" content="http://nsm01.casimages.com/img/2008/10/01/08100109033746222561261.jpg"/>
  27.    
  28.     <meta name="text:Sidebar Image Top Position"content="10"/>
  29.    
  30.     <meta name="if:Shadow" content="0"/>
  31.    
  32.     <meta name="text:Link 1 URL" content="">
  33.     <meta name="text:Link 1" content="Link1">
  34.     <meta name="text:Link 2 URL" content="">
  35.     <meta name="text:Link 2" content="Link2">
  36.     <meta name="text:Link 3 URL" content="">
  37.     <meta name="text:Link 3" content="Link3">
  38.     <meta name="text:Link 4 URL" content="">
  39.     <meta name="text:Link 4" content="Link4">
  40.     <meta name="text:Link 5 URL" content="">
  41.     <meta name="text:Link 5" content="Link5">
  42.     <meta name="text:Link 6 URL" content="">
  43.     <meta name="text:Link 6" content="Link6">
  44.     <meta name="text:Link 7 URL" content="">
  45.     <meta name="text:Link 7" content="Link7">
  46.     <meta name="text:Link 8 URL" content="">
  47.     <meta name="text:Link 8" content="Link8">
  48.     <meta name="text:Link 9 URL" content="">
  49.     <meta name="text:Link 9" content="Link9">
  50.     <meta name="text:Link 10 URL" content="">
  51.     <meta name="text:Link 10" content="Link10">
  52.     <meta name="text:Link 11 URL" content="">
  53.     <meta name="text:Link 11" content="Link11">
  54.     <meta name="text:Link 12 URL" content="">
  55.     <meta name="text:Link 12" content="Link12">
  56.     <meta name="text:Link 13 URL" content="">
  57.     <meta name="text:Link 13" content="Link13">
  58.     <meta name="text:Link 14 URL" content="">
  59.     <meta name="text:Link 14" content="Link14">
  60.  
  61.    
  62.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  63.  
  64.  
  65.  
  66. <style type="text/css">
  67.  
  68. body {
  69.     background: {color:Background} url('{image:Background}') top left fixed repeat;
  70.     font-family:{font:body};
  71.     font-size: 12px;
  72.     color: {color:text};
  73. }
  74.  
  75. a {
  76.     color:{color:Link};
  77.     -webkit-transition: 0.2s ease;transition: 0.2s ease;
  78.     -o-transition: 0.2s ease;-moz-transition: 0.2s ease;
  79.     text-decoration:none;
  80.     }
  81. a:hover {
  82.     color:{color:Link Hover};
  83.     -webkit-transition: 0.2s ease;transition: 0.2s ease;
  84.     -o-transition: 0.2s ease;-moz-transition: 0.2s ease;
  85.     text-decoration:none;
  86.     }
  87.    
  88. #post {
  89.     background: {color:Post Background};
  90.     margin:20px 0px 0px 25px;
  91.     width: 500px;
  92.     padding:10px;  
  93.     padding-bottom:20px;
  94.     background-image: url('{image:Divider}');
  95.     background-repeat: no-repeat;
  96.     background-position: bottom center;
  97.  
  98.     {block:ifShadow}
  99. -moz-box-shadow: -5px -5px #888;
  100. -webkit-box-shadow: -5px -5px #888;
  101. box-shadow: -5px -5px #888;
  102.     {/block:ifShadow}
  103.  
  104. }
  105.  
  106.            
  107.        
  108. #post img {
  109.     max-width: 100%;
  110.     }  
  111.  
  112.  
  113. blockquote {
  114.     margin-left: 2px;
  115.     border-left: 2px solid #000;
  116.     padding-left: 5px;
  117.     }
  118.        
  119.        
  120.  
  121. .ask {
  122.     background:{color:Ask Background};
  123.    
  124.     padding: 10px;
  125.  
  126. }  
  127.        
  128. #tags{
  129.             text-decoration:none;
  130.             color:{color:Link};
  131.             margin-top:-7px;
  132.         }      
  133.        
  134. .like-reblog {
  135.                 list-style: none;
  136.                 border: 1px solid #000;
  137.         }
  138. .like-reblog li {
  139.                 float: right;
  140.                 padding: 6px;
  141.                 height: 10px;
  142.         }    
  143.        
  144.  
  145.  
  146.  
  147. #sidebar {
  148.     position:fixed;
  149.     width:240px;
  150.     top:83px;
  151.     left:590px;
  152.     height:150px;
  153.     background: {color:Sidebar Background};
  154.     padding:3px 9px;
  155.     text-align:center;
  156.         {block:ifShadow}
  157. -moz-box-shadow: -5px -5px #888;
  158. -webkit-box-shadow: -5px -5px #888;
  159. box-shadow: -5px -5px #888;
  160.     {/block:ifShadow}
  161. }  
  162.  
  163. #sidebarimage {
  164.     position:fixed;
  165.     width:160px;
  166.     top:83px;
  167.     left:862px;
  168.     height:150px;
  169.     background: {color:Sidebar Background};
  170.     padding:3px 9px;
  171.     {block:ifShadow}
  172. -moz-box-shadow: -5px -5px #888;
  173. -webkit-box-shadow: -5px -5px #888;
  174. box-shadow: -5px -5px #888;}
  175.     {/block:ifShadow}
  176. }
  177.  
  178. #sidebar img {
  179.       max-width: 160px;
  180.       height: auto;
  181.       padding-top:{text:Sidebar Image Top Position}px;
  182. }
  183.  
  184.  
  185. .pagenav {
  186.     font-size: 20px;
  187.     font-weight:bold;
  188. }
  189.  
  190. #pagenavbox {
  191.     position:fixed;
  192.     width:50px;
  193.     top:406px;
  194.     left:815px;
  195.     background: {color:Sidebar Background};
  196.     text-align:center;
  197.   {block:ifShadow}
  198. -moz-box-shadow: -5px -5px #888;
  199. -webkit-box-shadow: -5px -5px #888;
  200. box-shadow: -5px -5px #888;}
  201.     {/block:ifShadow}
  202. }  
  203.  
  204. #chat {
  205.     text-align:left;
  206. }
  207.  
  208.  
  209. .buttons {  
  210.     text-align:center;
  211.    
  212.     margin:10px 5px 10px 5px;
  213.     text-transform:uppercase;
  214.     background: {color:Sidebar Background};
  215.     line-height:40px;
  216.     -webkit-transition: 0.2s ease;transition: 0.2s ease;
  217.     -o-transition: 0.2s ease;-moz-transition: 0.2s ease;
  218. }
  219.  
  220. .buttons:hover {  
  221.     margin:10px 5px 10px 5px;
  222.     text-transform:uppercase;
  223.     line-height:40px;
  224.     -webkit-transition: 0.2s ease;transition: 0.2s ease;
  225.     -o-transition: 0.2s ease;-moz-transition: 0.2s ease;
  226. }
  227.  
  228. .buttons a {
  229.     color:{color:Button Link};
  230.     background: {color:Button Background};
  231.     margin: 5pc 5px 5px 5px;
  232.     text-align:center;
  233.     padding: 3px 3px;
  234.    -webkit-transition: 0.2s ease;transition: 0.2s ease;
  235.     -o-transition: 0.2s ease;-moz-transition: 0.2s ease;
  236.     text-decoration:none;
  237.      width: 90px;
  238.    
  239.    
  240.    
  241. }  
  242.  
  243. .buttons a:hover {
  244.   margin: 5pc 5px 5px 5px;
  245.     color:{color:Button Link Hover};
  246.     background: {color:Button Hover Background};
  247.     text-align:center;
  248.     padding: 3px 3px;
  249.    -webkit-transition: 0.2s ease;transition: 0.2s ease;
  250.     -o-transition: 0.2s ease;-moz-transition: 0.2s ease;
  251.     text-decoration:none;
  252.      width: 90px;
  253.     }
  254.    
  255.  
  256. #customizablelinks {
  257.     position:fixed;
  258.     width:450px;
  259.     top:252px;
  260.     left:590px;
  261.     background: {color:Sidebar Background};
  262.     text-align:center;
  263.   {block:ifShadow}
  264. -moz-box-shadow: -5px -5px #888;
  265. -webkit-box-shadow: -5px -5px #888;
  266. box-shadow: -5px -5px #888;}
  267.     {/block:ifShadow}
  268. }  
  269.  
  270. #links {
  271.     position:fixed;
  272.     width:450px;
  273.     height: 50px;
  274.     top:20px;
  275.     left:590px;
  276.     line-height:50px;
  277.     text-transform:uppercase;
  278.     background: {color:Sidebar Background};
  279.     text-align:center;
  280.     {block:ifShadow}
  281. -moz-box-shadow: -5px -5px #888;
  282. -webkit-box-shadow: -5px -5px #888;
  283. box-shadow: -5px -5px #888;}
  284.     {/block:ifShadow}
  285. }    
  286.  
  287. #links:hover {  
  288.     top:20px;
  289.     left:590px;
  290.     text-transform:uppercase;
  291.     line-height:50px;
  292.     -webkit-transition: 0.2s ease;transition: 0.2s ease;
  293.     -o-transition: 0.2s ease;-moz-transition: 0.2s ease;
  294. }
  295.  
  296. #links a {
  297.     color:{color:Button Link};
  298.     background: {color:Button Background};
  299.     margin: 5pc 5px 5px 5px;
  300.     text-align:center;
  301.     padding: 3px 3px;
  302.    -webkit-transition: 0.2s ease;transition: 0.2s ease;
  303.     -o-transition: 0.2s ease;-moz-transition: 0.2s ease;
  304.     text-decoration:none;
  305.      width: 90px;
  306.    
  307.    
  308. }  
  309.  
  310. #links a:hover {
  311.     margin: 5pc 5px 5px 5px;
  312.     color:{color:Button Link Hover};
  313.     background: {color:Button Hover Background};
  314.     text-align:center;
  315.     padding: 3px 3px;
  316.    -webkit-transition: 0.2s ease;transition: 0.2s ease;
  317.     -o-transition: 0.2s ease;-moz-transition: 0.2s ease;
  318.     text-decoration:none;
  319.      width: 90px;
  320.     }
  321.    
  322.  
  323. </style>
  324.  
  325.  
  326. </head>
  327. <body>
  328.  
  329. <div style="position:fixed; bottom:0px; right:0px";>
  330. <img src="{image:Right Image}" /> <br></div>
  331.  
  332. <div id="sidebar">
  333. <div id="desc">{block:Description}{Description}{/Block:Description}</div>
  334. <div id="sidebarimage"><img class="image" src="{image:Sidebar Image}" /></div>
  335. </div>
  336.  
  337.  
  338. <div id= "links">
  339. <a href="/">Home</a>
  340. <a href="/ask">Ask</a>
  341. <a href="/submit">Submit</a>
  342. <a href="/archive">Archive</a>
  343. <a href="http://realterezipyrope.tumblr.com/">Theme</a></div>
  344.  
  345. <div id="customizablelinks">
  346. <div class="buttons">
  347. {block:ifLink1} <a href="{text:Link 1 URL}">{text:Link 1}</a> {/block:ifLink1}
  348. {block:ifLink2} <a href="{text:Link 2 URL}">{text:Link 2}</a> {/block:ifLink2}
  349. {block:ifLink3} <a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  350. {block:ifLink4} <a href="{text:Link 4 URL}">{text:Link 4}</a> {/block:ifLink4}
  351. {block:ifLink5} <a href="{text:Link 5 URL}">{text:Link 5}</a> {/block:ifLink5}
  352. {block:ifLink6} <a href="{text:Link 6 URL}">{text:Link 6}</a> {/block:ifLink6}
  353. {block:ifLink7} <a href="{text:Link 7 URL}">{text:Link 7}</a> {/block:ifLink7}
  354. {block:ifLink8} <a href="{text:Link 8 URL}">{text:Link 8}</a> {/block:ifLink8}
  355. {block:ifLink9} <a href="{text:Link 9 URL}">{text:Link 9}</a> {/block:ifLink9}
  356. {block:ifLink10} <a href="{text:Link 10 URL}">{text:Link 10}</a> {/block:ifLink10}
  357. {block:ifLink11} <a href="{text:Link 11 URL}">{text:Link 11}</a> {/block:ifLink11}
  358. {block:ifLink12} <a href="{text:Link 12 URL}">{text:Link 12}</a> {/block:ifLink12}
  359. {block:ifLink13} <a href="{text:Link 13 URL}">{text:Link 13}</a> {/block:ifLink13}
  360. {block:ifLink14} <a href="{text:Link 14 URL}">{text:Link 14}</a> {/block:ifLink14}    
  361. </div>
  362.  </div>
  363.  
  364. <div id="pagenavbox">
  365.  {block:Pagination}
  366. <div class="pagenav">
  367. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  368. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  369. </div>
  370. {/block:Pagination}
  371. </div>
  372.  
  373. {block:Posts}
  374.  
  375.  
  376. {block:Text}
  377. <div id="post">
  378. <div id="text">
  379. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  380. {Body}
  381. <div class="footer">
  382. {block:Date}<ul class="like-reblog">
  383. <li>{LikeButton color="black"}</li>
  384. <li>{ReblogButton color="black"}</li>
  385. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  386. <li>{block:Date}<a href="{Permalink}"> {TimeAgo} </a>{/block:Date}</li>
  387. </ul>{/block:Date}
  388. {block:HasTags}
  389. <div id="tags">
  390. {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}
  391. </div>{/block:HasTags}</div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>
  392. {/block:Text}
  393.                
  394. {block:Photo}
  395. <div id="post">
  396. <div id="photo">
  397. <center><img src="{PhotoURL-500}"></center>
  398. {block:Caption}{Caption}{/block:Caption}
  399. <div class="footer">
  400. {block:Date}<ul class="like-reblog">
  401. <li>{LikeButton color="black"}</li>
  402. <li>{ReblogButton color="black"}</li>
  403. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  404. <li>{block:Date}<a href="{Permalink}"> {TimeAgo} </a>{/block:Date}</li>
  405. </ul>{/block:Date}
  406. {block:HasTags}
  407. <div id="tags">
  408. {block:Tags}<a href="{TagURL}"> #{Tag} </a>{/block:Tags}
  409. </div>{/block:HasTags}</div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  410. {/block:Photo}
  411.  
  412. {block:Quote}
  413. <div id="post">
  414. <div id="quote">
  415. {Quote}
  416. {block:Source}<br>&mdash;{Source}{/block:Source}
  417. <div class="footer">
  418. {block:Date}<ul class="like-reblog">
  419. <li>{LikeButton color="black"}</li>
  420. <li>{ReblogButton color="black"}</li>
  421. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  422. <li>{block:Date}<a href="{Permalink}"> {TimeAgo} </a>{/block:Date}</li>
  423. </ul>{/block:Date}
  424. {block:HasTags}
  425. <div id="tags">
  426. {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}
  427. </div>{/block:HasTags}</div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  428. {/block:Quote}
  429.  
  430. {block:Link}
  431. <div id="post">
  432. <div id="link">
  433. <a href="{URL}" {Target}>{Name}</a>
  434. {block:Description}{Description}{/block:Description}
  435. <div class="footer">
  436. {block:Date}<ul class="like-reblog">
  437. <li>{LikeButton color="black"}</li>
  438. <li>{ReblogButton color="black"}</li>
  439. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  440. <li>{block:Date}<a href="{Permalink}"> {TimeAgo} </a>{/block:Date}</li>
  441. </ul>{/block:Date}
  442. {block:HasTags}
  443. <div id="tags">
  444. {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}
  445. </div>{/block:HasTags}</div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  446. {/block:Link}
  447.  
  448. {block:Chat}
  449. <div id="post">
  450. <div id="chat">
  451. {block:Title}{Title}{/block:Title}
  452. <table>
  453. {block:Lines}
  454. <tr><th>{block:Label}{Label}{/block:Label}</th><td>{Line}</td></tr>
  455. {/block:Lines}
  456. </table>
  457. <div class="footer">
  458. {block:Date}<ul class="like-reblog">
  459. <li>{LikeButton color="black"}</li>
  460. <li>{ReblogButton color="black"}</li>
  461. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  462. <li>{block:Date}<a href="{Permalink}"> {TimeAgo} </a>{/block:Date}</li>
  463. </ul>{/block:Date}
  464. {block:HasTags}
  465. <div id="tags">
  466. {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}
  467. </div>{/block:HasTags}</div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  468. {/block:Chat}
  469.  
  470. {block:Audio}
  471. <div id="post">
  472. <div id="audio">
  473. {block:AlbumArt}
  474. <div class="album_art">
  475. <center><img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" /></center>
  476.  </div>
  477. {/block:AlbumArt}
  478. <center>{AudioPlayer}</center>
  479. {block:Caption}{Caption}{/block:Caption}
  480. <div class="footer">
  481. {block:Date}<ul class="like-reblog">
  482. <li>{LikeButton color="black"}</li>
  483. <li>{ReblogButton color="black"}</li>
  484. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  485. <li>{block:Date}<a href="{Permalink}"> {TimeAgo} </a>{/block:Date}</li>
  486. </ul>{/block:Date}
  487. {block:HasTags}
  488. <div id="tags">
  489. {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}
  490. </div>{/block:HasTags}</div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  491. {/block:Audio}
  492.  
  493.  
  494. {block:Video}
  495. <div id="post">
  496. <div id="video">
  497. {Video-500}
  498. {block:Caption}{Caption}{/block:Caption}
  499. <div class="footer">
  500. {block:Date}<ul class="like-reblog">
  501. <li>{LikeButton color="black"}</li>
  502. <li>{ReblogButton color="black"}</li>
  503. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  504. <li>{block:Date}<a href="{Permalink}"> {TimeAgo} </a>{/block:Date}</li>
  505. </ul>{/block:Date}
  506. {block:HasTags}
  507. <div id="tags">
  508. {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}
  509. </div>{/block:HasTags}</div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  510. {/block:Video}
  511.                
  512. {block:Answer}
  513. <div id="post">
  514. <div class="ask">
  515. {Asker} said: {Question}</div>
  516. {Answer}
  517. <div class="footer">
  518. {block:Date}<ul class="like-reblog">
  519. <li>{LikeButton color="black"}</li>
  520. <li>{ReblogButton color="black"}</li>
  521. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  522. <li>{block:Date}<a href="{Permalink}"> {TimeAgo} </a>{/block:Date}</li>
  523. </ul>{/block:Date}
  524. {block:HasTags}
  525. <div id="tags">
  526. {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}
  527. </div>{/block:HasTags}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  528. {/block:Answer} </div>
  529.  
  530.         {/block:Posts}
  531.        
  532.  
  533. </div>
  534.  
  535.        
  536. </div>
  537.         {/block:Posts}
  538.        
  539.  
  540. </div>
  541.  
  542. </div>
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!