Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

theme #002 - fly away

By: louispalace on Aug 28th, 2012  |  syntax: None  |  size: 15.90 KB  |  hits: 2,958  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.  <!--
  2.  
  3.  theme #002 (louispalace @ tumblr)
  4.  
  5.  PLEASE DO NOT STEAL OR REMOVE CREDIT
  6.  JESUS WILL HUNT U DOWN IF U DO KK
  7.  
  8. -->
  9.  
  10. <html>
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15.  
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <meta name="color:Background" content="#fffffa"/>
  21. <meta name="color:Font" content="#b9b9b9"/>
  22. <meta name="color:Message box" content="#fafafa"/>
  23. <meta name="color:Info" content="#f1f1f1"/>
  24. <meta name="color:Link" content="#d8a0ba"/>
  25. <meta name="color:Link Hover" content="#f0edef"/>
  26. <meta name="color:Menu Link" content="#d8a0ba"/>
  27. <meta name="color:Menu Link Hover" content="#f0edef"/>
  28. <meta name="text:Link 1" content="" />
  29. <meta name="text:Link 1 Text" content="" />
  30. <meta name="text:Link 2" content="" />
  31. <meta name="text:Link 2 Text" content="" />
  32. <meta name="text:Link 3" content="" />
  33. <meta name="text:Link 3 Text" content="" />
  34. <meta name="text:Link 4" content="" />
  35. <meta name="text:Link 4 Text" content="" />
  36. <meta name="image:Sidebar" content=""/>
  37. </head>
  38.  
  39. <body>
  40.  
  41. <style type="text/css">
  42.  
  43. body {
  44.     background-color: {color:Background};
  45.     fixed no-repeat;
  46.     background-position: bottom right;
  47.     background-repeat: no-repeat;
  48.     background-attachment: fixed;
  49.     font-family: calibri;
  50.     font-size: 11px;
  51.     line-height: 14px;
  52.     font-color: {color:Font};
  53. }
  54.  
  55. a:link, a:visited, a:active {
  56.    color: {color:Link};
  57.    text-decoration: none;
  58.    font-weight: normal;
  59.    -webkit-transition:all 0.5s ease-out;
  60.    -moz-transition:all 0.5s ease-out;
  61.    transition:all 0.5s ease-out;
  62. }
  63.  
  64. a:hover {
  65.    color: {color:Link Hover};
  66.    text-decoration: none;
  67.    font-weight: normal;
  68.    -webkit-transition: all 0.3s ease-out;
  69.    -moz-transition: all 0.3s ease-out;
  70.    transition: all 0.3s ease-out;
  71. }
  72.  
  73. small {
  74.     font-size:9px;
  75. }
  76.  
  77. b, em, bold, .question a {
  78.     font-weight:bold;
  79.     color:{color:titles};}
  80.  
  81.  
  82. a:link, a, a:active, a:visited {
  83.     text-decoration:none;
  84.     color:{color:links}; }
  85.  
  86. img { border:0px; max-width: 150px; height: auto;}
  87. img:hover { border:0px;}
  88. a.img, a.img:visited { border:0px;}
  89. a.img:hover { border:0px;}
  90.  
  91. h1, h3, h1 a, h3 a, h1 a:link, h3 a:link {
  92.     font-family: calibri;
  93.     font-size: 11px;
  94.     line-height: 10px;
  95.     padding-bottom: 0px;
  96.     color: {color:Font};
  97.     font-weight: normal;
  98.     letter-spacing: 1px;
  99. }
  100.  
  101. h1 a:hover, h3 a:hover {
  102.     text-decoration: none;
  103.     color: {color:link hover};
  104. }
  105.  
  106. .linkpost {
  107.     font-family: calibri;
  108.     font-size: 12px;
  109.     padding-bottom: 0px;
  110.     color: {color:Font};
  111.     font-weight: normal;
  112.     letter-spacing: 1px;
  113.     text-transform: uppercase;
  114. }
  115.  
  116. .linkpost a:hover {
  117.     text-decoration: none;
  118.     color: {color:link hover};
  119. }
  120.  
  121. #sidebar {
  122.     width: 100px;
  123.     margin-top: 150px;
  124.     position: fixed;
  125.     color: {color:Font};
  126.     margin-left: 0px;
  127.     line-height: 10px;
  128. }
  129.  
  130. #sidemenu {
  131.     position:center;
  132.     float:center;
  133.     padding-right:0px;
  134.     opacity:1;
  135.     outline: none;
  136.     margin-left:0px;
  137.     margin-top:-25px;
  138.     margin-bottom:-25px;
  139.     text-align: center;
  140. }
  141.  
  142. #sidelinks {
  143.     text-align:right;
  144.     color:{color:menu link};
  145.     width:150px;
  146.     outline: none;
  147.     font-size:9px;
  148.     text-transform:uppercase;
  149.     line-height: 8px;
  150. }
  151.  
  152. #sidelinks a:hover {
  153.     font-style:normal;
  154.     letter-spacing:1px;
  155. }
  156.  
  157.  
  158. #container {
  159.     width: 850px;
  160.     margin: auto;
  161.     margin-bottom: 70px;
  162. }
  163.  
  164. #posts:hover #tags {
  165. opacity:1;
  166. display:block;}
  167.  
  168. #tags {
  169. font-size:9px;
  170. color:{color:font};
  171. -webkit-transition:0.4s
  172. linear; position:absolute;
  173. text-transform:uppercase;
  174. border-left: 5px solid;
  175. border-color:{color:info};
  176. float:left;
  177. padding-left: 5px;
  178. position:absolute;
  179. opacity:0;
  180. outline: none;
  181. margin-left:510px;
  182. margin-top:10px;
  183. line-height:8px;
  184. }
  185.  
  186. #tags a {
  187. color:{color:link};
  188. }
  189.  
  190. #tags a:hover {
  191. color:{color:link hover};
  192. }
  193.  
  194. #nextpage {
  195.     font-family:georgia;
  196.     text-align:center;
  197.     font-size:55px;
  198.     margin-top:-25px;
  199.     margin-right:-50px;
  200. }
  201.  
  202. #posts {
  203.     width: 500px;
  204.     margin-left: 290px;
  205. }
  206.  
  207. #posts:hover {
  208.     opacity:1;
  209.     display:block;
  210. }
  211.  
  212. .post {
  213.     margin: auto;
  214.     margin-top: -0px;
  215.     width: 500px;
  216.     padding: 0px;
  217.     padding-top: 10px;
  218.     margin-bottom: 0px;
  219.     background-color: {color:Background};
  220.     font-family: arial;
  221.     font-size: 10px;
  222.     line-height: 14px;
  223.     color: {color:Font};
  224. }
  225.  
  226.  
  227. .caption {
  228.     font-family: calibri;
  229.     font-size: 10px;
  230.     color: {color:Font};
  231.     padding-top: -5px;
  232. }
  233.  
  234. .post text {
  235.     margin-top: 0px;
  236. }
  237.  
  238. .photo img:hover {
  239.     filter: alpha(opacity=100);
  240. }
  241.  
  242. .photo img {
  243.     max-width: 500px;
  244.     border:0px;}
  245.     .photo img:hover {
  246.         max-width: 500px;
  247. }
  248.  
  249. .centeredImage {
  250.     display: block;
  251.     text-align:center;
  252.     margin-top:0px;
  253.     margin-bottom:0px;
  254.     padding:0px;
  255. }
  256.  
  257. .quote {
  258.     width: 500px;
  259.     color: {color:Quote};
  260. }
  261.  
  262. blockquote {
  263.     display: block;
  264.     margin: 10px;
  265.     background: {color:background};
  266.     font-family: arial;
  267.     font-size: 10px;
  268.     padding-left: 5px;
  269.     padding-right: 5px;
  270.     color: {color:font};
  271.     border-left: 2px solid{color:info line};
  272.     font-style: none;
  273.     width: 450px;
  274. }
  275.  
  276. span {
  277.     font-weight: normal;
  278. }
  279.  
  280. .chat ul {
  281.     list-style-type: none;
  282.     width: 500px;
  283.     display: block;
  284.     margin: auto;
  285.     padding: 0px;
  286.     font-style: calibri;
  287.     font-spacing: 1px;
  288.     font-size: 10px;
  289. }
  290.  
  291. .odd {
  292.     padding: 2px;
  293.     color: {color:font};
  294.     background-color: {color:post info};
  295. }
  296.  
  297. .even {
  298.     padding: 2px;
  299.     color: {color:link};
  300. }
  301.  
  302. .source {
  303.     font-family: calibri;
  304.     font-size: 10px;
  305.     line-height: 14px;
  306.     color: {color:font};
  307.     font-style: normal;
  308.     text-transform: uppercase;
  309.     padding-top: 10px;
  310.     text-align: right;
  311. }
  312.  
  313.  
  314. .footer {
  315.     display: none;
  316. }
  317.  
  318.  
  319. #info {
  320.     font-family: calibri;
  321.     font-size: 10px;
  322.     margin-bottom:10px;
  323.     background-color:{color:message box};
  324.     text-transform: uppercase;
  325.     border-top: 2px solid;
  326.     border-color: {color:info};
  327.     color: {color:font};
  328.     line-height:20px;
  329.     text-align: center;
  330.     border-bottom: 2px solid;
  331.     border-color: {color:info};
  332.     border-left: 2px solid;
  333.     border-color: {color:info};
  334.     border-right: 2px solid;
  335.     border-color: {color:info};
  336. }
  337.  
  338.  
  339. #info a {
  340.     color: {color:link};
  341.     text-decoration: none;
  342.     font-weight: normal;
  343.     -webkit-transition:all 0.5s ease-out;
  344.     -moz-transition:all 0.5s ease-out;
  345.     transition:all 0.5s ease-out;
  346. }
  347.  
  348. #info a:hover {
  349.     color: {color:link hover};
  350.     text-decoration: none;
  351.     font-weight: normal;
  352.     -webkit-transition: all 0.3s ease-out;
  353.     -moz-transition: all 0.3s ease-out;
  354.     transition: all 0.3s ease-out;
  355. }
  356.  
  357. .stats {
  358.     font-family: calibri;
  359.     font-size: 10px;
  360.     text-transform: lowercase;
  361.     color: {color:font};
  362.     letter-spacing: 0px;
  363.     font-style: none;
  364.     padding: 2px;
  365.     background-color: {color:ask};
  366.     text-align: left;
  367.     margin-top: 5px;
  368. }
  369.  
  370. .note_count {
  371.     text-align: center;
  372.     font-family: calibri;
  373.     text-transform: uppercase;
  374.     font-size: 10px;
  375. }
  376.  
  377. .fnotes {
  378.     text-align: right;
  379.     font-family: calibri;
  380.     text-transform: lowercase;
  381.     font-size: 10px;
  382.     margin-bottom:-14px;
  383. }
  384.  
  385.  
  386. .meta a {
  387.     font-size: 10px;
  388.     color: {color:link};
  389.     text-decoration: none;
  390.     font-weight: normal;
  391.     -webkit-transition: all 0.3s ease-out;
  392.     -moz-transition: all 0.3s ease-out;
  393.     transition: all 0.3s ease-out;
  394. }
  395.  
  396. .meta a:hover {
  397.     color: {color:link hover};
  398.     text-decoration: none;
  399.     font-weight: normal;
  400.     -webkit-transition: all 0.3s ease-out;
  401.     -moz-transition: all 0.3s ease-out;
  402.     transition: all 0.3s ease-out;
  403. }
  404.  
  405. .meta {
  406.     font-family: calibri;
  407.     font-size: 10px;
  408.     color: {color:font};
  409.     margin-bottom: 5px;
  410.     padding-top: 5px;
  411.     padding-bottom: 5px;
  412. }
  413.  
  414. .albumart img {
  415.     float: left;
  416.     margin-right: 20px;
  417.     width: 26px;
  418.     height: 26px;
  419. }
  420.  
  421. .audioback {
  422.     background-color: White;
  423.     display:block;
  424.     margin-left:30px;
  425. }
  426.  
  427.  
  428. select, textarea, .textfield {
  429.     width: 200px;
  430.     background-color: #FFFFFF;
  431.     font-family: arial;
  432.     font-size: 11px;
  433.     line-height: 14px;
  434.     color: #9F9F9F;
  435.     text-decoration: none;
  436.     text-transform: lowercase;
  437. }
  438.  
  439. .button, input {
  440.     width: 35px;
  441.     background-color: #FFFFFF;
  442.     font-family: arial;
  443.     font-size: 11px;
  444.     line-height: 14px;
  445.     color: #9F9F9F;
  446.     text-decoration: none;
  447.     border: 1px solid;
  448.     border-color: #E4E4E4;
  449.     text-transform: lowercase;
  450. }
  451.  
  452. .post answer {
  453.     background-color: #FFFFFF;
  454.     width: 500px;
  455. }
  456.  
  457. #question {
  458.     background-color: {color:Background};
  459.     width: 500px;
  460.     height: auto;
  461.     margin: auto;
  462.     font-family: calibri;
  463.     font-size: 11px;
  464.     line-height: 22px;
  465.     color:{color:Font};
  466.     font-weight: normal;
  467.     letter-spacing: 0px;
  468.     font-style: italic;
  469. }
  470.  
  471. hr {
  472.     display: none;
  473. }
  474.  
  475. .pagination {
  476.     text-align: center;
  477.     text-transform: uppercase;
  478.     width: 70px;
  479.     font-family: georgia;
  480.     font-size: 15px;
  481.     margin-top:5px;
  482.     padding-bottom: 1px;
  483.     padding-left: 3px;
  484.     padding-right: 3px;
  485. }
  486.  
  487. .pagination a {
  488.     text-align: center;
  489.     color: {color:link};
  490.     text-transform: uppercase;
  491.     width: 200px;
  492.     font-family: georgia;
  493.     margin-top:5px;
  494.     padding-bottom: 1px;
  495.     padding-left: 3px;
  496.     padding-right: 3px;
  497. }
  498.  
  499. .description {
  500.     font-family: calibri;
  501.     font-size: 11px;
  502.     width: 150px;
  503. }
  504.  
  505. .description img {
  506.     margin-bottom: 30px;
  507. }
  508.  
  509. .askbox {
  510.     background: {color:background};
  511.     margin:0px 0px 0px 0px;
  512.     text-align: left;
  513.     font-family: calibri;
  514.     font-size: 11px;
  515.     text-transform: lowercase;
  516. }
  517.  
  518. .sublinks {
  519.     margin-top: 2px;
  520.     font-family: calibri;
  521.     font-size: 9px;
  522.     text-transform: uppercase;
  523.     letter-spacing: 2px;
  524.     color: {color:font};
  525.     padding-bottom: 8px;
  526. }
  527.  
  528. .sublinks a {
  529.     font-family: calibri;
  530.     font-size: 9px;
  531.     text-transform: uppercase;
  532.     letter-spacing: 2px;
  533.     color: {color:font};
  534.     padding-bottom: 8px;
  535. }
  536.  
  537. .sublinks a:hover{
  538.     font-family: calibri;
  539.     font-size: 9px;
  540.     text-transform: uppercase;
  541.     letter-spacing: 2px;
  542.     color: {color:link};
  543.     padding-bottom: 8px;
  544. }
  545.  
  546. ol.notes {
  547.     display : block;
  548.     border-bottom : 1px solid {color:post info};
  549.     background-repeat : no-repeat;
  550.     vertical-align : middle;
  551.     text-decoration : none;
  552.     margin-bottom : 1px;
  553.     font-color: {color:font};
  554.     list-style-type: none;
  555.     margin-left: -40px;
  556.  }
  557. ol.notes li.note {
  558.     padding: 2px;
  559. }
  560. ol.notes li.note img.avatar {display: none; font-color: {color:font};}
  561. ol.notes li.note span.action {font-color: {color:font};}
  562. ol.notes li.note .answer_content {font-weight: normal;font-color: {color:font};}
  563. ol.notes li.note blockquote {border-color: {color:post info};padding: 2px 2px;margin: 10px 0px 0px 25px;font-color: {color:font};}
  564. ol.notes li.note blockquote a {text-decoration: none;font-color: {color:font};}
  565.  
  566. .menu {
  567. }
  568.  
  569. .menu a {
  570.     color: {color:menu link};
  571.     text-transform: uppercase;
  572.     opacity: 1;
  573.     line-height: 0px;
  574.     padding-bottom: 1px;
  575.     width: 70px;
  576.     font-size: 9px;
  577.     letter-spacing: 1px;
  578.     text-align: center;
  579. }
  580.  
  581. .menu a:hover {
  582. color: {color:menu link hover};
  583. }
  584.  
  585. .note {
  586. color: {color:font};
  587. }
  588.  
  589. </style>
  590. </head>
  591.  
  592. <body>
  593.  
  594.  
  595. <div id="container">
  596.  
  597. <div id="sidebar">
  598. <center>
  599. <div class="description">
  600. <img src="{image:sidebar}" width="150">
  601. <div id="sidemenu">
  602. <div class="menu"><a href="/"><img src="http://media.tumblr.com/tumblr_m78px0Ggks1qd615d.png"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  603. <a href="/ask"><img src="http://media.tumblr.com/tumblr_m78pwtNRUw1qd615d.png"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/blogroll"><img src="http://media.tumblr.com/tumblr_m78pzxCdQs1qd615d.png"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/links"><img src="http://media.tumblr.com/tumblr_m78px6xYtu1qd615d.png"></a></div>
  604. </div>
  605. {Description}
  606. </div><br>
  607.  
  608. <div id="sidelinks"><div style="position:right;">
  609. <a href="{text:Link 1}">{text:Link 1 Text}</a><br>
  610. <a href="{text:Link 2}">{text:Link 2 Text}</a><br>
  611. <a href="{text:Link 3}">{text:Link 3 Text}</a><br>
  612. <a href="{text:Link 4}">{text:Link 4 Text}</a>
  613. </div></div>
  614.  
  615. <div id="nextpage">{block:Pagination}
  616. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  617. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  618. {/block:Pagination}
  619. </div></div>
  620.  
  621. {block:Posts}
  622.  
  623. <div id="posts">
  624.  
  625. <div id="tags">
  626. {block:Date}{block:HasTags}<div style="font-size:11px;margin-top:1px;line-height:8px;text-transform:uppercase;">TAGS:</div>{block:Tags} + <a href="/tagged/{Tag}">{Tag}<br></a>{/block:Tags}{/block:HasTags}
  627. {/block:Date}
  628. </div>
  629.  
  630. {block:Text}
  631.  
  632. <div class="post text">
  633. {block:Title}
  634. <div class="linkpost"><a href="{Permalink}">{Title}</a></div>
  635. {/block:Title}
  636. {Body}
  637. </div>
  638. {/block:Text}
  639.  
  640.  
  641.  
  642. {block:Photo}
  643.  
  644. <div class="post photo">
  645. <p class="centeredImage"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></p>
  646. {block:Caption}
  647. <div class="caption">{Caption}</div>
  648. {/block:Caption}
  649. </div>
  650. {/block:Photo}
  651.  
  652.  
  653. {block:Photoset}
  654. <div class="post photoset">
  655. <div style="margin-bottom: 5px;">
  656. {Photoset-500}
  657. {block:Caption}
  658. <div class="caption">{Caption}</div>
  659. {/block:Caption}
  660. </div></div>
  661. {/block:Photoset}
  662.  
  663.  
  664. {block:Quote}
  665. <div class="post quote">
  666. <div style="margin-bottom: 5px;">
  667. <div style="color: {color:font}; font-size: 17px; line-height: 17px;
  668. font-style: italic; font-family: georgia; font-weight: 500; letter-spacing: -1px;">"{Quote}"</div>
  669. {block:Source}
  670. <div class="source">- {Source}</div>
  671. {/block:Source}
  672. </div>
  673. </div>
  674. {/block:Quote}
  675.  
  676.  
  677. {block:Link}
  678. <div class="post link">
  679. <div class="linkpost"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  680. {block:Description}
  681. {Description}
  682. {/block:Description}
  683. </div>
  684. {/block:Link}
  685.  
  686.  
  687. {block:Chat}
  688.  
  689. <div class="post chat">
  690. <div style="margin-bottom: 5px;">
  691. {block:Title}
  692. <div class="linkpost"><a href="{Permalink}">{Title}</a></div>
  693. {/block:Title}
  694. <ul class="chat">
  695. {block:Lines}
  696. <li class="{Alt} user_{UserNumber}">
  697. {block:Label}
  698. <span class="label">{Label}</span>
  699. {/block:Label}
  700. {Line}
  701. </li>
  702. {/block:Lines}
  703. </ul>
  704. </div>
  705. </div>
  706. {/block:Chat}
  707.  
  708.  
  709. {block:Video}
  710. <div class="post video">
  711. <div style="margin-top: 0px;">
  712. <center>{Video-500}</center>
  713. {block:Caption}
  714. <div class="caption">{Caption}</div>
  715. {/block:Caption}
  716. </div></div>
  717. {/block:Video}
  718.  
  719.  
  720. {block:Audio}
  721. <div class="post audio">
  722. <div style="margin-top: 0px;">
  723. {block:AlbumArt}
  724. <div class="albumart"><img src="{AlbumArtURL}"></div>
  725. {/block:AlbumArt}
  726. <span class="audioback"><center>
  727. {AudioPlayerWhite}</center></span>
  728. {block:Caption}
  729. <div class="caption">{Caption}</div>
  730. {/block:Caption}
  731. </div></div>
  732. {/block:Audio}
  733.  
  734. {block:Answer}
  735. <div style="background-color:{color:message box};color:{color:font};padding:10px;"><b>{Asker} asked:</b> {Question}</div>
  736. <div style="color:{color:font};">{Answer}</div>
  737. {/block:Answer}
  738.  
  739. <div class="meta"><div id="info">posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom} » <a href="{ReblogParentURL}">via</a>, {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"> &copy; </a>{/block:ContentSource}</a>
  740.  
  741. </div>
  742. </div>
  743. {/block:Date}
  744. <div class="note">
  745. {block:PostNotes}{PostNotes} {block:NoteCount} {/block:NoteCount}{/block:PostNotes}
  746. </div>
  747. </div>
  748. {/block:Posts}
  749. </div>
  750.  
  751. <div style="position:fixed; font-size:11px;font-family:calibri;color:{color:font}; bottom:8px; right:8px;">
  752. <a href="http://louispalace.tumblr.com/">T H E M E</a></div>
  753.  
  754. </body>
  755. </html>
create a new version of this paste RAW Paste Data