API tools faq
paste
fantasy1x1

Theme 002

fantasy1x1
Sep 6th, 2013
3,863
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.71 KB | None | 0 0
raw download clone embed print report
  1. <!-- theme number two by fantasy1x1 (or kyla) please follow the rules. don't steal or redistribute. don't claim as your own. please keep the credit in tact. thank you ♥ and yes, theme 2 is getting put out before theme 1 because i don't see myself using theme 2-->
  2.  
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Sidebar" content="#ffffff"/>
  12. <meta name="color:Text" content="#a8a8a8"/>
  13. <meta name="color:Link" content="#b8b8b8"/>
  14. <meta name="color:Tags" content="f0f0f0"/>
  15. <meta name="color:Hover" content="#f2f2f2"/>
  16. <meta name="color:Border" content="#e4e4e4"/>
  17. <meta name="color:Post" content="#ffffff"/>
  18. <meta name="color:Answer" content="#f8f8f8"/>
  19. <meta name="color:InfoBG" content="#ffbebe"/>
  20. <meta name="color:Title" content="#ffbebe"/>
  21. <meta name="color:Scrollbar" content="#ffbebe"/>
  22. <meta name="color:ScrollbarBG" content="#ffffff"/>
  23. <meta name="color:Links 1 Title" content="#ffbebe"/>
  24. <meta name="color:Links 2 Title" content="#e7e7e7"/>
  25. <meta name="color:Links 3 Title" content="#00b00"/>
  26.  
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="image:bg" content=""/>
  29.  
  30. <meta name="text:Link 1" content="" />
  31. <meta name="text:Link 1 Text" content="" />
  32. <meta name="text:Link 2" content="" />
  33. <meta name="text:Link 2 Text" content="" />
  34. <meta name="text:Link 3" content="" />
  35. <meta name="text:Link 3 Text" content="" />
  36. <meta name="text:Link 4" content="" />
  37. <meta name="text:Link 4 Text" content="" />
  38. <meta name="text:Link 5" content="" />
  39. <meta name="text:Link 5 Text" content="" />
  40. <meta name="text:Link 6" content="" />
  41. <meta name="text:Link 6 Text" content="" />
  42. <meta name="text:Link 7" content="" />
  43. <meta name="text:Link 7 Text" content="" />
  44. <meta name="text:Link 8" content="" />
  45. <meta name="text:Link 8 Text" content="" />
  46. <meta name="text:Link 9" content="" />
  47. <meta name="text:Link 9 Text" content="" />
  48. <meta name="text:Link 10" content="" />
  49. <meta name="text:Link 10 Text" content="" />
  50. <meta name="text:Link 11" content="" />
  51. <meta name="text:Link 11 Text" content="" />
  52. <meta name="text:Link 12" content="" />
  53. <meta name="text:Link 12 Text" content="" />
  54. <meta name="text:Link 13" content="" />
  55. <meta name="text:Link 13 Text" content="" />
  56. <meta name="text:Link 14" content="" />
  57. <meta name="text:Link 14 Text" content="" />
  58. <meta name="text:Link 15" content="" />
  59. <meta name="text:Link 15 Text" content="" />
  60. <meta name="text:Link 16" content="" />
  61. <meta name="text:Link 16 Text" content="" />
  62.  
  63.  
  64. <style type="text/css">
  65.  
  66.  
  67.  
  68. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height: 5px;}
  69. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:5px!important;}
  70. ::-webkit-scrollbar {background-color:#fdfdfd; height:5px; width:5px;}
  71.  
  72.  
  73.  
  74. body {
  75.     background:{color:background};
  76.     margin:0px;
  77.     color:{color:text};
  78.     font-family:Calibri;
  79.     font-size:9px;
  80.     line-height:100%;
  81. }
  82.  
  83. a {
  84.     text-decoration:none;
  85.     outline:none;
  86.     -moz-outline-style:none;
  87.     color:{color:link};
  88. }
  89.  
  90. img {
  91.     border:none;
  92. }
  93.  
  94. blockquote {
  95.     padding-left:5px;
  96.     border-left:2px solid;
  97. }
  98.    
  99. blockquote blockquote {
  100.     padding-left:5px;
  101.     border-left:2px solid;
  102. }
  103.  
  104. h1 {
  105.     font-size:9px;
  106.     text-transform:uppercase;
  107. }
  108.  
  109. a:hover {
  110.     opacity:10;
  111.     color:{color:hover};
  112.      -webkit-transition: all 0.7s ease;
  113.     -moz-transition: all 0.7s ease;
  114.     -o-transition: all 0.7s ease
  115. }
  116.  
  117. #audiopost {
  118.     width:500px;
  119.     height:70px;
  120.     margin-bottom:0px;
  121. }
  122.    
  123. .albumart {
  124.     width:70px;
  125.     height:70px;
  126.     margin-left:0px;
  127.     position:absolute;
  128. }
  129.  
  130. .albumart img {
  131.     float:left;
  132.     width:70px;
  133.     height:70px;
  134. }
  135.  
  136. .player {
  137.     opacity:0.9;
  138.     display:block;
  139.     position:absolute;
  140.     margin-top:5px;
  141.     margin-left:435px;
  142.     width:60px;
  143.     height:60px;
  144.     -webkit-transition:all 0.6s;
  145.     -moz-transition:all 0.6s;
  146.     -o-transition:all 0.6s;
  147.     -ms-transition: all 0.6s;
  148.     transition:all 0.5s;
  149.     background:transparent;
  150.     z-index:1;
  151. }
  152.  
  153. .audioplayer {
  154.     margin-top:14px;
  155.     margin-left:-415px;
  156.     overflow:hidden;
  157.     width:24px;
  158.     height:24px;
  159.     padding:3px;
  160. }
  161.  
  162. .audioinfo {
  163.     display:block;
  164.     width:422px;
  165.     height:48px;
  166.     padding-top:22px;
  167.     padding-left:80px;
  168.     font-family:helvetica;
  169.     font-style:italic;
  170.     font-weight:bold;
  171.     font-size:20px;
  172.     letter-spacing:-2px;
  173.     text-transform:lowercase;
  174.     text-align:center;
  175.     color:#a8a8a8;
  176.     background:#f8f8f8;
  177. }
  178.  
  179. .audioinfo1 {
  180.     margin-top:5px;
  181.     font-family:helvetica;
  182.     font-size:10px;
  183.     text-transform:lowercase;
  184.     letter-spacing:0px;
  185. }
  186.  
  187.  
  188. #entries {
  189.     padding:10px;
  190.     width:500px;
  191.     margin-left:530px;
  192.     margin-top:100px;
  193.     font-size:10px;
  194. }
  195.  
  196.  
  197.  
  198. #post {
  199.     width:500px;
  200.     padding-bottom:20px;
  201.     padding:10px;
  202.     margin-top:45px;
  203.     background-color:{color:Post};
  204. }
  205.  
  206.  
  207. #title {
  208.     position:fixed;
  209.     text-align:center;
  210.     margin-left:200px;
  211.     margin-top:20px;
  212.     margin-bottom:30px;
  213.     width:250px;
  214.     font-size:30px;
  215.     height:50px;
  216.     line-height:15px;
  217.     font-family:baskerville;
  218.     font-style:italic;
  219.     text-transform:lowercase;
  220.     color:{color:Title};
  221.     ransform: rotate(-5deg);
  222.     -ms-transform: rotate(-5deg);
  223.     -webkit-transform: rotate(-5deg);
  224.     -o-transform: rotate(-5deg);
  225.     -moz-transform: rotate(-5deg);
  226. }
  227.  
  228. #sidebar {
  229.     width:1px;
  230.     height:700px;
  231.     position:fixed;
  232.     margin-left:360px;
  233.     margin-top:-100px;
  234.     opacity:.80;
  235.     background-color:{color:Sidebar};
  236. }
  237.  
  238. #sidebarimage {
  239.     width:150px;
  240.     position:fixed;
  241. }
  242.  
  243. #sidebarimage img {
  244.     position:fixed;
  245.     margin-left:-160px;
  246.     margin-top:175px;
  247.     width:250px;
  248.     height:160px;
  249. }
  250.  
  251. .links1title {
  252.     position:fixed;
  253.     background-color:{color:Links 1 Title};
  254.     color:white;
  255.     font-size:12px;
  256.     padding:9px;
  257.     width:135px;
  258.     text-align:center;
  259.     margin-left:-337px;
  260.     margin-top:50px;
  261. }
  262.  
  263. .links1 {
  264.     display:inline-block;
  265.     padding:6px;
  266.     font-size:10px;
  267.     font-family:times;
  268.     text-align:center;
  269.     margin-top:80px;
  270.     margin-left:-325px;
  271.     text-align:center;
  272.     text-transform:lowercase;
  273.     word-spacing:0px;
  274.     position:fixed;
  275. }
  276.  
  277. .links1 a {
  278.     display:inline-block;
  279.     font-size:10px;
  280.     width:100px;
  281.     margin-top:5px;
  282.     color:black;
  283.     background-color:white;
  284.     padding:7px;
  285. }
  286.  
  287. .links1 a:hover {
  288.    color:white;
  289.    background-color:black;
  290.    -moz-transition-duration:0.6s;
  291.    -webkit-transition-duration:0.6s;
  292.    -o-transition-duration:0.6s;
  293. }  
  294.  
  295. .links2title {
  296.     position:fixed;
  297.     background-color:{color:Links 2 Title};
  298.     color:white;
  299.     font-size:12px;
  300.     padding:9px;
  301.     width:135px;
  302.     text-align:center;
  303.     margin-left:-337px;
  304.     margin-top:240px;
  305. }
  306.  
  307. .links2 {
  308.     display:inline-block;
  309.     width:75px;
  310.     padding:6px;
  311.     font-size:10px;
  312.     font-family:times;
  313.     text-align:center;
  314.     margin-top:270px;
  315.     margin-left:-325px;
  316.     text-align:center;
  317.     text-transform:lowercase;
  318.     word-spacing:0px;
  319.     position:fixed;
  320. }
  321.  
  322. .links2 a {
  323.     display:inline-block;
  324.     font-size:10px;
  325.     width:100px;
  326.     margin-top:5px;
  327.     color:black;
  328.     background-color:white;
  329.     padding:7px;
  330. }
  331.  
  332. .links2 a:hover {
  333.    color:white;
  334.    background-color:black;
  335.    -moz-transition-duration:0.6s;
  336.    -webkit-transition-duration:0.6s;
  337.    -o-transition-duration:0.6s;
  338. }  
  339.  
  340. .links3title {
  341.     position:fixed;
  342.     background-color:{color:Links 3 Title};
  343.     color:white;
  344.     font-size:12px;
  345.     padding:9px;
  346.     width:135px;
  347.     text-align:center;
  348.     margin-left:-337px;
  349.     margin-top:435px;
  350. }
  351.  
  352. .links3 {
  353.     display:inline-block;
  354.     width:75px;
  355.     padding:6px;
  356.     font-size:10px;
  357.     font-family:times;
  358.     text-align:center;
  359.     margin-top:465px;
  360.     margin-left:-325px;
  361.     text-align:center;
  362.     text-transform:lowercase;
  363.     word-spacing:0px;
  364.     position:fixed;
  365. }
  366.  
  367. .links3 a {
  368.     display:inline-block;
  369.     font-size:10px;
  370.     width:100px;
  371.     margin-top:5px;
  372.     color:black;
  373.     background-color:white;
  374.     padding:7px;
  375. }
  376.  
  377. .links3 a:hover {
  378.    color:white;
  379.    background-color:black;
  380.    -moz-transition-duration:0.6s;
  381.    -webkit-transition-duration:0.6s;
  382.    -o-transition-duration:0.6s;
  383. }  
  384.  
  385.  
  386.  
  387. #description {
  388.     position:fixed;
  389.     font-family:times;
  390.     line-height:100%;
  391.     font-size:10px;
  392.     width:226px;
  393.     margin-top:370px;
  394.     padding:12px;
  395.     margin-left:-160px;
  396.     text-align:justify;
  397.     color:white;
  398.     background-color:black
  399.     }
  400.  
  401. #pagination {
  402.     width:236px;
  403.     font-size:8px;
  404.     text-align:center;
  405.     margin-left:-160px;
  406.     margin-top:335px;
  407.     position:fixed;
  408.     font-family:georgia;
  409.     letter-spacing:0px;
  410.     word-spacing:5px;
  411.     background-color:black;
  412.     color:white;
  413.     padding:7px;
  414.     height:7px;
  415. }
  416.  
  417. #pagination a {
  418.     color:white;
  419. }
  420.  
  421. .asker {
  422.     width:auto;
  423.     font-style:italic;
  424.     font-size:18px;
  425.     background-color:{color:InfoBG};
  426.     padding:30px;
  427.     color:white;
  428.     text-align:left;
  429. }
  430. .asker a {
  431.     padding:0px;
  432.     margin-left:-10px;
  433. }
  434. .asker a:hover {
  435.     text-decoration:underline;
  436.     color:white;
  437. }
  438.  
  439. .answer {
  440.     width:auto;
  441.     font-size:12px;
  442.     background-color:#f8f8f8;
  443.     color:black;
  444.     padding:15px;
  445.     text-align:left;
  446. }
  447.  
  448. .answer a:hover {
  449.     color:black;
  450. }
  451.    
  452. #info {
  453.     padding:10px;
  454.     margin-top:10px;
  455.     margin-bottom:30px;
  456.     width:auto;
  457.     color:white;
  458.     background-color:{color:InfoBG};
  459. }
  460.    
  461. #info a {
  462.     color:white;
  463. }
  464.  
  465. #info a:hover {
  466.     color:black;
  467. }
  468.    
  469. #tags {
  470.     padding:5px;
  471.     width:auto;
  472.     margin-left:0px;
  473.     margin-top:-30px;
  474.     margin-bottom:15px;
  475.     background-color:#2B2B2B;
  476. }
  477.  
  478. #tags a {
  479.     color:white;
  480. }
  481.  
  482. #tags a:hover {
  483.     color:{color:tag hover};
  484. }
  485.  
  486.  
  487. {CustomCSS}
  488.    
  489. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  490.  
  491. </style></head><body>
  492.  
  493. <div id="title"><b>{Title}</b>
  494. </div>
  495. <div id="sidebar">
  496. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  497.  
  498.  
  499. <div id="description">
  500. {Description}
  501. </div>
  502.  
  503. <div class="links1title">ABOUT</div>
  504. <div class="links1" div style="overflow:auto; width:120px; height:125px; text-align: center;">
  505. <a href="/">home</a>
  506. <a href="/ask">ask</a>
  507. {block:IfLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfLink1}
  508. {block:IfLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfLink2}
  509. {block:IfLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfLink3}
  510. {block:IfLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfLink4}</div>
  511. <div class="links2title">NAVI</div>
  512. <div class="links2" div style="overflow:auto; width:120px; height:125px; text-align: center; color:skyblue;">
  513. {block:IfLink5}<a href="{text:Link 5}">{text:Link 5 Text}</a>{/block:IfLink5}
  514. {block:IfLink6}<a href="{text:Link 6}">{text:Link 6 Text}</a>{/block:IfLink6}
  515. {block:IfLink7}<a href="{text:Link 7}">{text:Link 7 Text}</a>{/block:IfLink7}
  516. {block:IfLink8}<a href="{text:Link 8}">{text:Link 8 Text}</a>{/block:IfLink8}
  517. {block:IfLink9}<a href="{text:Link 9}">{text:Link 9 Text}</a>{/block:IfLink9}
  518. {block:IfLink10}<a href="{text:Link 10}">{text:Link 10 Text}</a>{/block:IfLink10}
  519. {block:IfLink11}<a href="{text:Link 11}">{text:Link 11 Text}</a>{/block:IfLink11}
  520. {block:IfLink12}<a href="{text:Link 12}">{text:Link 12 Text}</a>{/block:IfLink12}
  521. </div>
  522. <div class="links3title">MISC.</div>
  523. <div class="links3" div style="overflow:auto; width:120px; height:125px; text-align: center;">
  524. {block:IfLink13}<a href="{text:Link 13}">{text:Link 13 Text}</a>{/block:IfLink13}
  525. {block:IfLink14}<a href="{text:Link 14}">{text:Link 14 Text}</a>{/block:IfLink14}
  526. {block:IfLink15}<a href="{text:Link 15}">{text:Link 15 Text}</a>{/block:IfLink15}
  527. {block:IfLink16}<a href="{text:Link 16}">{text:Link 16 Text}</a>{/block:IfLink16}</div>
  528.  
  529.  
  530. <div id="pagination">
  531. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}  {block:NextPage}<a href="{NextPage}">-- next</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  532. </div></div></div>
  533.  
  534. </div>
  535.  
  536. <div id="entries">{block:Posts}<div id="post">
  537.  
  538. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  539.  
  540. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  541.  
  542. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  543.  
  544. {block:Quote}{Quote}{/block:Quote}
  545.  
  546. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  547.  
  548. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  549.  
  550. {block:Audio}<div id="audiopost">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div><div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<div class="audioinfo1">{block:Artist} by {Artist}{/block:Artist} with {FormattedPlayCount} plays </div></div></div>{block:Caption}{/block:Caption}
  551. {/block:Audio}
  552.  
  553. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  554.  
  555. {block:Answer}<div class="asker"><b>{Asker} asked:</b> <small>{Question}</small></div><center><div class="answer">{Answer}</div>{/block:Answer}
  556.  
  557. <div id="info">
  558. {block:Date} {TimeAgo}{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}"
  559. title="{ReblogParentTitle}">VIA</a> - <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{SOURCE}</a>{/block:RebloggedFrom}</div>
  560. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  561. {/block:Posts}
  562. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  563. {/block:Posts}</div></div></div>
  564.  
  565.  
  566.  
  567.  
  568. <div style="position:fixed; bottom:3px; right:3px; font-size:9px; border:1px solid #e0e0e0; padding:3px; padding-left:2px; padding-right:2px; font-family:cambria;"><a href="http://fantasy1x1.tumblr.com/">fantasy1x1</a></center></div>
  569.  
  570.  
  571.    
  572. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!