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

Theme: Hanami

By: mugendia on Jun 24th, 2012  |  syntax: None  |  size: 44.96 KB  |  hits: 14,320  |  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. <!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><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7. <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
  8.  
  9. <!--
  10.  
  11.  
  12. HANAMI THEME BY: COCORINI (http://cocorini.tumblr.com).
  13. PLEASE DO NOT REMOVE THIS CREDIT. THANK YOU!
  14.  
  15.  
  16. -->
  17.  
  18. <meta name="color:Left Background" content="#f1eded"/>
  19. <meta name="color:Right Background" content="#fff"/>
  20. <meta name="color:Background" content="#f7f7f7"/>
  21. <meta name="color:Middle Column" content="#e0e0dd"/>
  22. <meta name="color:Right Side Border" content="#e1ecee"/>
  23.  
  24. <meta name="color:Entries" content="#fff"/>
  25. <meta name="color:Body Text" content="#c0bdb7"/>
  26. <meta name="color:Body Bold Text" content="#e0c49f"/>
  27. <meta name="color:Body Italic Text" content="#abc2b7"/>
  28. <meta name="color:Body Links" content="#e29ba0"/>
  29. <meta name="color:Body Links Hover" content="#a8b38f"/>
  30.  
  31. <meta name="color:Permalink Text" content="#df778b"/>
  32. <meta name="color:Permalink Text Hover" content="#ce9167"/>
  33. <meta name="color:Permalink Background" content="#f7e8e9"/>
  34.  
  35. <meta name="color:Header" content="#ceb8a9"/>
  36. <meta name="color:Header Underline" content="#c7ddc1"/>
  37. <meta name="color:Navigation Text" content="#c7ddc1"/>
  38. <meta name="color:Sidebar Text" content="#cac7c0"/>
  39.  
  40. <meta name="color:Description Outer" content="#cac7c0"/>
  41. <meta name="color:Description Border" content="#ece8e1"/>
  42. <meta name="color:Description Background" content="#f6f7f2"/>
  43.  
  44. <meta name="color:Large Flower Outer Petals" content="#f8e3e5"/>
  45. <meta name="color:Large Flower Inner Petals" content="#fad4d8"/>
  46. <meta name="color:Large Flower Center Petals" content="#fabbbf"/>
  47. <meta name="color:Large Flower Circle" content="#ddb095"/>
  48.  
  49. <meta name="color:Small Flower Outer Petals" content="#f1e5dc"/>
  50. <meta name="color:Small Flower Circle" content="#f7f3f4"/>
  51.  
  52. <meta name="color:Custom Links Text" content="#a1b3a4"/>
  53. <meta name="color:Custom Links Text Hover" content="#ce8193"/>
  54. <meta name="color:Custom Links Border" content="#e9e2d5"/>
  55. <meta name="color:Custom Links Border Hover" content="#da9baa"/>
  56. <meta name="color:Custom Links Background" content="#fafaf3"/>
  57. <meta name="color:Custom Links Hover Background" content="#f8e1e5"/>
  58.  
  59. <meta name="color:Blockquote Border" content="#d8e7d3"/>
  60. <meta name="color:Asker Border" content="#f3f1eb"/>
  61.  
  62. <meta name="color:Scrollbar" content="#e1ebdb"/>
  63. <meta name="color:Scrollbar Background" content="#f8f8f8"/>
  64.  
  65. <meta name="image:Left Background" content=""/>
  66. <meta name="image:Right Background" content=""/>
  67. <meta name="image:Background" content=""/>
  68. <meta name="image:Sidebar Image" content="http://media.tumblr.com/1207406293387b6271d315954e6c1b15/tumblr_inline_mj53rxRHge1qz4rgp.png"/>
  69.  
  70. <meta name="text:Music Player" content=""/>
  71. <meta name="text:Custom Link One" content=""/>
  72. <meta name="text:Custom Link One URL" content=""/>
  73. <meta name="text:Custom Link Two" content=""/>
  74. <meta name="text:Custom Link Two URL" content=""/>
  75. <meta name="text:Custom Link Three" content=""/>
  76. <meta name="text:Custom Link Three URL" content=""/>
  77. <meta name="text:Custom Link Four" content=""/>
  78. <meta name="text:Custom Link Four URL" content=""/>
  79. <meta name="text:Custom Link Five" content=""/>
  80. <meta name="text:Custom Link Five URL" content=""/>
  81. <meta name="text:Custom Link Six" content=""/>
  82. <meta name="text:Custom Link Six URL" content=""/>
  83.  
  84. <meta name="if:Posts 400" content="1"/>
  85. <meta name="if:Image Fade" content="1"/>
  86. <meta name="if:Show Captions" content=""/>
  87. <meta name="if:Show Reblog" content="1"/>
  88. <meta name="if:Infinite Scroll" content="1"/>
  89.  
  90.  
  91. <style type="text/css">
  92.  
  93. /*BACKGROUND*/
  94.  
  95. body {
  96.    font-family: oxygen;
  97.    font-size: 11px;
  98.    background-color: {color:Background};
  99.    background-image: url('{image:Background}');
  100.    background-attachment: fixed;
  101.    text-align: justify;
  102.    color: {color:Body Text};
  103. }
  104.  
  105. #place {
  106.     position: fixed;
  107.     left: 0px;
  108.     top: 0px;
  109. }
  110.  
  111. #left {
  112.     position: fixed;
  113.     {block:IfPosts400}width: 443px;{/block:IfPosts400}
  114.     {block:IfNotPosts400}width: 543px;{/block:IfNotPosts400}
  115.     height: 100%;
  116.     background-color: {color:Left Background};
  117.     background-image: url('{image:Left Background}');
  118.     background-attachment: fixed;
  119.     border-right: 62px solid {color:Middle Column};
  120. }
  121.  
  122. #right {
  123.     z-index: -1;
  124.     position: fixed;
  125.     {block:ifPosts400}width: 840px;{/block:IfPosts400}
  126.     {block:ifNotPosts400}width: 940px;{/block:IfNotPosts400}
  127.     height: 100%;
  128.     background-color: {color:Right Background};
  129.     background-image: url('{image:Right Background}');
  130.     background-attachment: fixed;
  131.     border-right: 10px solid {color:Right Side Border};
  132. }
  133.  
  134. /*ENTRIES*/
  135.  
  136. .entry {
  137.    position: relative;
  138.    left: 5px;
  139.    top: 10px;
  140.    {block:IfNotPosts400}width: 500px;{/block:IfNotPosts400}
  141.    {block:IfPosts400}width: 400px;{/block:IfPosts400}
  142.    background-color: {color:Entries};
  143.    margin-bottom: 15px;
  144.    padding: 10px;
  145. }
  146.  
  147. .entry img {
  148.     max-width: 100%;
  149. }
  150.  
  151. .entrytitle:first-letter {
  152.     text-transform: lowercase;
  153.     font-style: italic;
  154.     font-size: 18px;
  155. }
  156.  
  157. .entrytitle {
  158.     font-size: 12px;
  159.     font-family: consolas;
  160.     text-transform: uppercase;
  161.     letter-spacing: 2px;
  162.     padding-bottom: 2px;
  163.     color: {color:Header};
  164.     border-bottom: 1px dotted {color:Header Underline};
  165. }
  166.  
  167. .entry b, strong {
  168.     color: {color:Body Bold Text};
  169. }
  170.  
  171. .entry i, em {
  172.     color: {color:Body Italic Text};
  173. }
  174.  
  175. #permalink {
  176.     font-family: consolas;
  177.     font-size: 9px;
  178.     text-align: center;
  179.     text-transform: uppercase;
  180.     letter-spacing: 1px;
  181.     padding: 3px;
  182.     margin-bottom: 5px;
  183. }
  184.  
  185. /*STATS*/
  186.  
  187. .perma {
  188.     width: 52px;
  189.     position: absolute;
  190.     padding: 5px;
  191.     {block:IfPosts400}left: 430px;{/block:IfPosts400}
  192.     {block:IfNotPosts400}left: 530px;{/block:IfNotPosts400}
  193.     top: 0px;
  194.     text-align: center;
  195.     font-family: consolas;
  196.     text-transform: uppercase;
  197.     letter-spacing: 1px;
  198.     font-size: 8px;
  199.     background-color: {color:Permalink Background};
  200.     -webkit-transition: all 1s ease;
  201.     -moz-transition: all 1s ease;
  202.     -o-transition: all 1s ease;
  203.     transition: all 1s ease-in-out;
  204. }
  205.  
  206. .perma a {
  207.     color: {color:Permalink Text}
  208. }
  209.  
  210. .perma a:hover {
  211.     color: {color:Permalink Text Hover}
  212. }
  213.  
  214. /*LINKS*/
  215.  
  216. a {
  217.     color: {color:Body Links};
  218.     -webkit-transition: all 0.5s ease;
  219.     -moz-transition: all 0.5s ease;
  220.     -o-transition: all 0.5s ease;
  221.     -ms-transition: all 0.5s ease-in-out;
  222.     transition: all 0.5s ease-in-out;
  223.     text-decoration: none;
  224. }
  225.  
  226. a:hover {
  227.     color: {color:Body Links Hover};
  228. }
  229.  
  230. /*PAGINATION*/
  231.  
  232. #pagination {
  233.     position: fixed;
  234.     {block:IfPosts400}margin-left: 530px;{/block:IfPosts400}
  235.     {block:IfNotPosts400}margin-left: 630px;{/block:IfNotPosts400}
  236.     bottom: 10px;
  237.     text-align: center;
  238.     padding: 2px;
  239.     background-color: {color:Entries};
  240.     border-top: 1px dashed #ddd;
  241.     border-bottom: 1px dashed #ddd;
  242.     font-family: consolas;
  243. }
  244.  
  245. #pagination a {
  246.     margin: 4px;
  247. }
  248.  
  249. /*large sakura*/
  250.  
  251. #flower {
  252.     position: fixed;
  253.     margin-top: 210px;
  254.     {block:IfPosts400}margin-left: 620px;{/block:IfPosts400}
  255.     {block:IfNotPosts400}margin-left: 720px;{/block:IfNotPosts400}
  256. }
  257.  
  258. #title {
  259.     z-index: 999;
  260.     position: fixed;
  261.     width: 220px;
  262.     margin-left: -55px;
  263.     margin-top: -20px;
  264.     font-family: consolas;
  265.     text-transform: uppercase;
  266.     letter-spacing: 2px;
  267.     font-size: 14px;
  268.     text-align: center;
  269.     color: {color:Header};
  270.     border-bottom: 2px dotted {color:Header Underline};
  271.     text-shadow: 1px 1px #fff;
  272. }
  273.  
  274. #petal1 {
  275.     margin-top: -5px;
  276.     position: fixed;
  277.     width: 55px;
  278.     height: 55px;
  279.     background-color: {color:Large Flower Outer Petals};
  280.     border-top-left-radius: 100px;
  281.     border-top-right-radius: 70px;
  282.     border-bottom-left-radius: 70px;
  283.     -webkit-transform: rotate(260deg);
  284.     -moz-transform: rotate(260deg);
  285.     -o-transform: rotate(260deg);
  286.     -webkit-transition: all 0.7s ease-in-out;
  287.     -moz-transition: all 0.7s ease-in-out;
  288.     -o-transition: all 0.7s ease-in-out;
  289.     -ms-transition: all 0.7s ease-in-out;
  290.     transition: all 0.7s ease-in-out;
  291. }
  292.  
  293. #petal2 {
  294.     margin-top: -5px;
  295.     margin-left: 55px;
  296.     position: fixed;
  297.     width: 55px;
  298.     height: 55px;
  299.     background-color: {color:Large Flower Outer Petals};
  300.     border-top-left-radius: 100px;
  301.     border-top-right-radius: 70px;
  302.     border-bottom-left-radius: 70px;
  303.     -webkit-transform: rotate(190deg);
  304.     -moz-transform: rotate(190deg);
  305.     -o-transform: rotate(190deg);
  306. }
  307.  
  308. #petal3 {
  309.     margin-top: -50px;
  310.     margin-left: 65px;
  311.     position: fixed;
  312.     width: 55px;
  313.     height: 55px;
  314.     background-color: {color:Large Flower Outer Petals};
  315.     border-top-left-radius: 100px;
  316.     border-top-right-radius: 80px;
  317.     border-bottom-left-radius: 80px;
  318.     -webkit-transform: rotate(120deg);
  319.     -moz-transform: rotate(120deg);
  320.     -o-transform: rotate(120deg);
  321. }
  322.  
  323. #petal4 {
  324.     margin-top: -75px;
  325.     margin-left: 27px;
  326.     position: fixed;
  327.     width: 55px;
  328.     height: 55px;
  329.     background-color: {color:Large Flower Outer Petals};
  330.     border-top-left-radius: 100px;
  331.     border-top-right-radius: 80px;
  332.     border-bottom-left-radius: 80px;
  333.     -webkit-transform: rotate(45deg);
  334.     -moz-transform: rotate(45deg);
  335.     -o-transform: rotate(45deg);
  336. }
  337.  
  338. #petal5 {
  339.     margin-top: -49px;
  340.     margin-left: -9px;
  341.     position: fixed;
  342.     width: 55px;
  343.     height: 55px;
  344.     background-color: {color:Large Flower Outer Petals};
  345.     border-top-left-radius: 100px;
  346.     border-top-right-radius: 80px;
  347.     border-bottom-left-radius: 80px;
  348.     -webkit-transform: rotate(-30deg);
  349.     -moz-transform: rotate(-30deg);
  350.     -o-transform: rotate(-30deg);
  351. }
  352.  
  353. #flowerbg {
  354.     margin-top: -20px;
  355.     margin-left: 25px;
  356.     position: fixed;
  357.     width: 50px;
  358.     height: 50px;
  359.     background-color: {color:Large Flower Outer Petals};
  360. }
  361.  
  362. #innerpetal1 {
  363.     margin-top: -7px;
  364.     margin-left: 20px;
  365.     position: fixed;
  366.     width: 35px;
  367.     height: 35px;
  368.     background-color: {color:Large Flower Inner Petals};
  369.     border-top-left-radius: 100px;
  370.     border-top-right-radius: 70px;
  371.     border-bottom-left-radius: 70px;
  372.     -webkit-transform: rotate(260deg);
  373.     -moz-transform: rotate(260deg);
  374.     -o-transform: rotate(260deg);
  375. }
  376.  
  377. #innerpetal2 {
  378.     margin-top: -7px;
  379.     margin-left: 55px;
  380.     position: fixed;
  381.     width: 35px;
  382.     height: 35px;
  383.     background-color: {color:Large Flower Inner Petals};
  384.     border-top-left-radius: 100px;
  385.     border-top-right-radius: 70px;
  386.     border-bottom-left-radius: 70px;
  387.     -webkit-transform: rotate(190deg);
  388.     -moz-transform: rotate(190deg);
  389.     -o-transform: rotate(190deg);
  390. }
  391.  
  392. #innerpetal3 {
  393.     margin-top: -39px;
  394.     margin-left: 64px;
  395.     position: fixed;
  396.     width: 35px;
  397.     height: 35px;
  398.     background-color: {color:Large Flower Inner Petals};
  399.     border-top-left-radius: 100px;
  400.     border-top-right-radius: 80px;
  401.     border-bottom-left-radius: 80px;
  402.     -webkit-transform: rotate(120deg);
  403.     -moz-transform: rotate(120deg);
  404.     -o-transform: rotate(120deg);
  405. }
  406.  
  407. #innerpetal4 {
  408.     margin-top: -55px;
  409.     margin-left: 38px;
  410.     position: fixed;
  411.     width: 35px;
  412.     height: 35px;
  413.     background-color: {color:Large Flower Inner Petals};
  414.     border-top-left-radius: 100px;
  415.     border-top-right-radius: 80px;
  416.     border-bottom-left-radius: 80px;
  417.     -webkit-transform: rotate(45deg);
  418.     -moz-transform: rotate(45deg);
  419.     -o-transform: rotate(45deg);
  420. }
  421.  
  422. #innerpetal5 {
  423.     margin-top: -39px;
  424.     margin-left: 12px;
  425.     position: fixed;
  426.     width: 35px;
  427.     height: 35px;
  428.     background-color: {color:Large Flower Inner Petals};
  429.     border-top-left-radius: 100px;
  430.     border-top-right-radius: 80px;
  431.     border-bottom-left-radius: 80px;
  432.     -webkit-transform: rotate(-30deg);
  433.     -moz-transform: rotate(-30deg);
  434.     -o-transform: rotate(-30deg);
  435. }
  436.  
  437. #innerflowerbg {
  438.     margin-top: -20px;
  439.     margin-left: 35px;
  440.     position: fixed;
  441.     width: 40px;
  442.     height: 35px;
  443.     background-color: {color:Large Flower Inner Petals};
  444. }
  445.  
  446. #centerpetal1 {
  447.     margin-top: -6px;
  448.     margin-left: 29px;
  449.     position: fixed;
  450.     width: 25px;
  451.     height: 25px;
  452.     background-color: {color:Large Flower Center Petals};
  453.     border-top-left-radius: -100px;
  454.     border-top-right-radius: 70px;
  455.     border-bottom-left-radius: 70px;
  456.     -webkit-transform: rotate(260deg);
  457.     -moz-transform: rotate(260deg);
  458.     -o-transform: rotate(260deg);
  459. }
  460.  
  461. #centerpetal2 {
  462.     margin-top: -6px;
  463.     margin-left: 55px;
  464.     position: fixed;
  465.     width: 25px;
  466.     height: 25px;
  467.     background-color: {color:Large Flower Center Petals};
  468.     border-top-left-radius: -100px;
  469.     border-top-right-radius: 70px;
  470.     border-bottom-left-radius: 70px;
  471.     -webkit-transform: rotate(190deg);
  472.     -moz-transform: rotate(190deg);
  473.     -o-transform: rotate(190deg);
  474. }
  475.  
  476. #centerpetal3 {
  477.     margin-top: -30px;
  478.     margin-left: 62px;
  479.     position: fixed;
  480.     width: 25px;
  481.     height: 25px;
  482.     background-color: {color:Large Flower Center Petals};
  483.     border-top-left-radius: -100px;
  484.     border-top-right-radius: 80px;
  485.     border-bottom-left-radius: 80px;
  486.     -webkit-transform: rotate(120deg);
  487.     -moz-transform: rotate(120deg);
  488.     -o-transform: rotate(120deg);
  489. }
  490.  
  491. #centerpetal4 {
  492.     margin-top: -46px;
  493.     margin-left: 42px;
  494.     position: fixed;
  495.     width: 25px;
  496.     height: 25px;
  497.     background-color: {color:Large Flower Center Petals};
  498.     border-top-left-radius: -100px;
  499.     border-top-right-radius: 80px;
  500.     border-bottom-left-radius: 80px;
  501.     -webkit-transform: rotate(45deg);
  502.     -moz-transform: rotate(45deg);
  503.     -o-transform: rotate(45deg);
  504. }
  505.  
  506. #centerpetal5 {
  507.     margin-top: -30px;
  508.     margin-left: 21px;
  509.     position: fixed;
  510.     width: 25px;
  511.     height: 25px;
  512.     background-color: {color:Large Flower Center Petals};
  513.     border-top-left-radius: -100px;
  514.     border-top-right-radius: 80px;
  515.     border-bottom-left-radius: 80px;
  516.     -webkit-transform: rotate(-30deg);
  517.     -moz-transform: rotate(-30deg);
  518.     -o-transform: rotate(-30deg);
  519. }
  520.  
  521. #circle {
  522.     position: fixed;
  523.     margin-top: -22px;
  524.     margin-left: 44px;
  525.     width: 20px;
  526.     height: 20px;
  527.     border-radius: 20px;
  528.     background-color: {color:Large Flower Circle};
  529. }
  530.  
  531.  
  532. /*NAVIGATION -- small sakura*/
  533.  
  534. #navigation {
  535.     position: fixed;
  536.     margin-top: 300px;
  537.     {block:IfPosts400}margin-left: 563px;{/block:ifPosts400}
  538.     {block:IfNotPosts400}margin-left: 663px;{/block:ifNotPosts400}
  539. }
  540.  
  541. /*first flower*/
  542.  
  543. #flowera {
  544.     position: fixed;
  545. }
  546.  
  547. #petal1a {
  548.     margin-top: -6px;
  549.     position: fixed;
  550.     width: 20px;
  551.     height: 20px;
  552.     background-color: {color:Small Flower Outer Petals};
  553.     border-top-left-radius: 100px;
  554.     border-top-right-radius: 70px;
  555.     border-bottom-left-radius: 70px;
  556.     -webkit-transform: rotate(260deg);
  557.     -moz-transform: rotate(260deg);
  558.     -o-transform: rotate(260deg);
  559. }
  560.  
  561. #petal2a {
  562.     margin-top: -6px;
  563.     margin-left: 20px;
  564.     position: fixed;
  565.     width: 20px;
  566.     height: 20px;
  567.     background-color: {color:Small Flower Outer Petals};
  568.     border-top-left-radius: 100px;
  569.     border-top-right-radius: 70px;
  570.     border-bottom-left-radius: 70px;
  571.     -webkit-transform: rotate(190deg);
  572.     -moz-transform: rotate(190deg);
  573.     -o-transform: rotate(190deg);
  574. }
  575.  
  576. #petal3a {
  577.     margin-top: -25px;
  578.     margin-left: 25px;
  579.     position: fixed;
  580.     width: 20px;
  581.     height: 20px;
  582.     background-color: {color:Small Flower Outer Petals};
  583.     border-top-left-radius: 100px;
  584.     border-top-right-radius: 80px;
  585.     border-bottom-left-radius: 80px;
  586.     -webkit-transform: rotate(120deg);
  587.     -moz-transform: rotate(120deg);
  588.     -o-transform: rotate(120deg);
  589. }
  590.  
  591. #petal4a {
  592.     margin-top: -35px;
  593.     margin-left: 10px;
  594.     position: fixed;
  595.     width: 20px;
  596.     height: 20px;
  597.     background-color: {color:Small Flower Outer Petals};
  598.     border-top-left-radius: 100px;
  599.     border-top-right-radius: 80px;
  600.     border-bottom-left-radius: 80px;
  601.     -webkit-transform: rotate(45deg);
  602.     -moz-transform: rotate(45deg);
  603.     -o-transform: rotate(45deg);
  604. }
  605.  
  606. #petal5a {
  607.     margin-top: -25px;
  608.     margin-left: -5px;
  609.     position: fixed;
  610.     width: 20px;
  611.     height: 20px;
  612.     background-color: {color:Small Flower Outer Petals};
  613.     border-top-left-radius: 100px;
  614.     border-top-right-radius: 80px;
  615.     border-bottom-left-radius: 80px;
  616.     -webkit-transform: rotate(-30deg);
  617.     -moz-transform: rotate(-30deg);
  618.     -o-transform: rotate(-30deg);
  619. }
  620.  
  621. #flowerbga {
  622.     margin-top: -19px;
  623.     margin-left: 10px;
  624.     position: fixed;
  625.     width: 22px;
  626.     height: 22px;
  627.     background-color: {color:Small Flower Outer Petals};
  628. }
  629.  
  630. #circlea {
  631.     position: fixed;
  632.     margin-left: 13px;
  633.     margin-top: -17px;
  634.     width: 15px;
  635.     height: 15px;
  636.     border-radius: 20px;
  637.     background-color: {color:Small Flower Circle};
  638. }
  639.  
  640. /*second flower*/
  641.  
  642. #flowerb {
  643.     position: fixed;
  644.     margin-left: 60px;
  645. }
  646.  
  647. #petal1b {
  648.     margin-top: -6px;
  649.     position: fixed;
  650.     width: 20px;
  651.     height: 20px;
  652.     background-color: {color:Small Flower Outer Petals};
  653.     border-top-left-radius: 100px;
  654.     border-top-right-radius: 70px;
  655.     border-bottom-left-radius: 70px;
  656.     -webkit-transform: rotate(260deg);
  657.     -moz-transform: rotate(260deg);
  658.     -o-transform: rotate(260deg);
  659. }
  660.  
  661. #petal2b {
  662.     margin-top: -6px;
  663.     margin-left: 20px;
  664.     position: fixed;
  665.     width: 20px;
  666.     height: 20px;
  667.     background-color: {color:Small Flower Outer Petals};
  668.     border-top-left-radius: 100px;
  669.     border-top-right-radius: 70px;
  670.     border-bottom-left-radius: 70px;
  671.     -webkit-transform: rotate(190deg);
  672.     -moz-transform: rotate(190deg);
  673.     -o-transform: rotate(190deg);
  674. }
  675.  
  676. #petal3b {
  677.     margin-top: -25px;
  678.     margin-left: 25px;
  679.     position: fixed;
  680.     width: 20px;
  681.     height: 20px;
  682.     background-color: {color:Small Flower Outer Petals};
  683.     border-top-left-radius: 100px;
  684.     border-top-right-radius: 80px;
  685.     border-bottom-left-radius: 80px;
  686.     -webkit-transform: rotate(120deg);
  687.     -moz-transform: rotate(120deg);
  688.     -o-transform: rotate(120deg);
  689. }
  690.  
  691. #petal4b {
  692.     margin-top: -35px;
  693.     margin-left: 10px;
  694.     position: fixed;
  695.     width: 20px;
  696.     height: 20px;
  697.     background-color: {color:Small Flower Outer Petals};
  698.     border-top-left-radius: 100px;
  699.     border-top-right-radius: 80px;
  700.     border-bottom-left-radius: 80px;
  701.     -webkit-transform: rotate(45deg);
  702.     -moz-transform: rotate(45deg);
  703.     -o-transform: rotate(45deg);
  704. }
  705.  
  706. #petal5b {
  707.     margin-top: -25px;
  708.     margin-left: -5px;
  709.     position: fixed;
  710.     width: 20px;
  711.     height: 20px;
  712.     background-color: {color:Small Flower Outer Petals};
  713.     border-top-left-radius: 100px;
  714.     border-top-right-radius: 80px;
  715.     border-bottom-left-radius: 80px;
  716.     -webkit-transform: rotate(-30deg);
  717.     -moz-transform: rotate(-30deg);
  718.     -o-transform: rotate(-30deg);
  719. }
  720.  
  721. #flowerbgb {
  722.     margin-top: -19px;
  723.     margin-left: 10px;
  724.     position: fixed;
  725.     width: 22px;
  726.     height: 22px;
  727.     background-color: {color:Small Flower Outer Petals};
  728. }
  729.  
  730. #circleb {
  731.     position: fixed;
  732.     margin-left: 13px;
  733.     margin-top: -17px;
  734.     width: 15px;
  735.     height: 15px;
  736.     border-radius: 20px;
  737.     background-color: {color:Small Flower Circle};
  738. }
  739.  
  740. /*third flower*/
  741.  
  742. #flowerc {
  743.     position: fixed;
  744.     margin-left: 120px;
  745. }
  746.  
  747. #petal1c {
  748.     margin-top: -6px;
  749.     position: fixed;
  750.     width: 20px;
  751.     height: 20px;
  752.     background-color: {color:Small Flower Outer Petals};
  753.     border-top-left-radius: 100px;
  754.     border-top-right-radius: 70px;
  755.     border-bottom-left-radius: 70px;
  756.     -webkit-transform: rotate(260deg);
  757.     -moz-transform: rotate(260deg);
  758.     -o-transform: rotate(260deg);
  759. }
  760.  
  761. #petal2c {
  762.     margin-top: -6px;
  763.     margin-left: 20px;
  764.     position: fixed;
  765.     width: 20px;
  766.     height: 20px;
  767.     background-color: {color:Small Flower Outer Petals};
  768.     border-top-left-radius: 100px;
  769.     border-top-right-radius: 70px;
  770.     border-bottom-left-radius: 70px;
  771.     -webkit-transform: rotate(190deg);
  772.     -moz-transform: rotate(190deg);
  773.     -o-transform: rotate(190deg);
  774. }
  775.  
  776. #petal3c {
  777.     margin-top: -25px;
  778.     margin-left: 25px;
  779.     position: fixed;
  780.     width: 20px;
  781.     height: 20px;
  782.     background-color: {color:Small Flower Outer Petals};
  783.     border-top-left-radius: 100px;
  784.     border-top-right-radius: 80px;
  785.     border-bottom-left-radius: 80px;
  786.     -webkit-transform: rotate(120deg);
  787.     -moz-transform: rotate(120deg);
  788.     -o-transform: rotate(120deg);
  789. }
  790.  
  791. #petal4c {
  792.     margin-top: -35px;
  793.     margin-left: 10px;
  794.     position: fixed;
  795.     width: 20px;
  796.     height: 20px;
  797.     background-color: {color:Small Flower Outer Petals};
  798.     border-top-left-radius: 100px;
  799.     border-top-right-radius: 80px;
  800.     border-bottom-left-radius: 80px;
  801.     -webkit-transform: rotate(45deg);
  802.     -moz-transform: rotate(45deg);
  803.     -o-transform: rotate(45deg);
  804. }
  805.  
  806. #petal5c {
  807.     margin-top: -25px;
  808.     margin-left: -5px;
  809.     position: fixed;
  810.     width: 20px;
  811.     height: 20px;
  812.     background-color: {color:Small Flower Outer Petals};
  813.     border-top-left-radius: 100px;
  814.     border-top-right-radius: 80px;
  815.     border-bottom-left-radius: 80px;
  816.     -webkit-transform: rotate(-30deg);
  817.     -moz-transform: rotate(-30deg);
  818.     -o-transform: rotate(-30deg);
  819. }
  820.  
  821. #flowerbgc {
  822.     margin-top: -19px;
  823.     margin-left: 10px;
  824.     position: fixed;
  825.     width: 22px;
  826.     height: 22px;
  827.     background-color: {color:Small Flower Outer Petals};
  828. }
  829.  
  830. #circlec {
  831.     position: fixed;
  832.     margin-left: 13px;
  833.     margin-top: -17px;
  834.     width: 15px;
  835.     height: 15px;
  836.     border-radius: 20px;
  837.     background-color: {color:Small Flower Circle};
  838. }
  839.  
  840. /*fourth flower*/
  841.  
  842. #flowerd {
  843.     position: fixed;
  844.     margin-left: 180px;
  845. }
  846.  
  847. #petal1d {
  848.     margin-top: -6px;
  849.     position: fixed;
  850.     width: 20px;
  851.     height: 20px;
  852.     background-color: {color:Small Flower Outer Petals};
  853.     border-top-left-radius: 100px;
  854.     border-top-right-radius: 70px;
  855.     border-bottom-left-radius: 70px;
  856.     -webkit-transform: rotate(260deg);
  857.     -moz-transform: rotate(260deg);
  858.     -o-transform: rotate(260deg);
  859. }
  860.  
  861. #petal2d {
  862.     margin-top: -6px;
  863.     margin-left: 20px;
  864.     position: fixed;
  865.     width: 20px;
  866.     height: 20px;
  867.     background-color: {color:Small Flower Outer Petals};
  868.     border-top-left-radius: 100px;
  869.     border-top-right-radius: 70px;
  870.     border-bottom-left-radius: 70px;
  871.     -webkit-transform: rotate(190deg);
  872.     -moz-transform: rotate(190deg);
  873.     -o-transform: rotate(190deg);
  874. }
  875.  
  876. #petal3d {
  877.     margin-top: -25px;
  878.     margin-left: 25px;
  879.     position: fixed;
  880.     width: 20px;
  881.     height: 20px;
  882.     background-color: {color:Small Flower Outer Petals};
  883.     border-top-left-radius: 100px;
  884.     border-top-right-radius: 80px;
  885.     border-bottom-left-radius: 80px;
  886.     -webkit-transform: rotate(120deg);
  887.     -moz-transform: rotate(120deg);
  888.     -o-transform: rotate(120deg);
  889. }
  890.  
  891. #petal4d {
  892.     margin-top: -35px;
  893.     margin-left: 10px;
  894.     position: fixed;
  895.     width: 20px;
  896.     height: 20px;
  897.     background-color: {color:Small Flower Outer Petals};
  898.     border-top-left-radius: 100px;
  899.     border-top-right-radius: 80px;
  900.     border-bottom-left-radius: 80px;
  901.     -webkit-transform: rotate(45deg);
  902.     -moz-transform: rotate(45deg);
  903.     -o-transform: rotate(45deg);
  904. }
  905.  
  906. #petal5d {
  907.     margin-top: -25px;
  908.     margin-left: -5px;
  909.     position: fixed;
  910.     width: 20px;
  911.     height: 20px;
  912.     background-color: {color:Small Flower Outer Petals};
  913.     border-top-left-radius: 100px;
  914.     border-top-right-radius: 80px;
  915.     border-bottom-left-radius: 80px;
  916.     -webkit-transform: rotate(-30deg);
  917.     -moz-transform: rotate(-30deg);
  918.     -o-transform: rotate(-30deg);
  919. }
  920.  
  921. #flowerbgd {
  922.     margin-top: -19px;
  923.     margin-left: 10px;
  924.     position: fixed;
  925.     width: 22px;
  926.     height: 22px;
  927.     background-color: {color:Small Flower Outer Petals};
  928. }
  929.  
  930. #circled {
  931.     position: fixed;
  932.     margin-left: 13px;
  933.     margin-top: -17px;
  934.     width: 15px;
  935.     height: 15px;
  936.     border-radius: 20px;
  937.     background-color: {color:Small Flower Circle};
  938. }
  939.  
  940. /*NAVIGATION*/
  941.  
  942. #navtext1 a {
  943.     z-index: 999;
  944.     margin-top: -13px;
  945.     margin-left: 6px;
  946.     position: fixed;
  947.     font-family: consolas;
  948.     font-size: 9px;
  949.     letter-spacing: 1px;
  950.     text-transform: uppercase;
  951.     text-align: center;
  952.     color: {color:Navigation Text};
  953.     text-shadow: 1px 1px 1px #fff;
  954. }
  955.  
  956. #navtext2 a {
  957.     z-index: 999;
  958.     margin-top: -13px;
  959.     margin-left: -3px;
  960.     position: fixed;
  961.     font-family: consolas;
  962.     font-size: 9px;
  963.     letter-spacing: 1px;
  964.     text-transform: uppercase;
  965.     color: {color:Navigation Text};
  966.     text-shadow: 1px 1px 1px #fff;
  967. }
  968.  
  969. #navtext3 a {
  970.     z-index: 999;
  971.     margin-top: -13px;
  972.     margin-left: -3px;
  973.     position: fixed;
  974.     font-family: consolas;
  975.     font-size: 9px;
  976.     letter-spacing: 1px;
  977.     text-transform: uppercase;
  978.     color: {color:Navigation Text};
  979.     text-shadow: 1px 1px 1px #fff;
  980. }
  981.  
  982. #navtext4 a {
  983.     z-index: 999;
  984.     margin-top: -13px;
  985.     margin-left: 3px;
  986.     position: fixed;
  987.     font-family: consolas;
  988.     font-size: 9px;
  989.     letter-spacing: 1px;
  990.     text-transform: uppercase;
  991.     color: {color:Navigation Text};
  992.     text-shadow: 1px 1px 1px #fff;
  993. }
  994.  
  995. /*SIDEBAR*/
  996.  
  997. #sidebarimage {
  998.     position: fixed;
  999.     width: 220px;
  1000.     height: 220px;
  1001.     margin-top: 330px;
  1002.     {block:IfPosts400}margin-left: 730px;{/block:IfPosts400}
  1003.     {block:IfNotPosts400}margin-left: 830px;{/block:IfNotPosts400}
  1004.     padding: 10px;
  1005.     background-color: {color:Right Side Border};
  1006.     border-bottom-right-radius: 200px;
  1007.     border-top-right-radius: 200px;
  1008.     border-bottom-left-radius: 200px;
  1009. }
  1010.  
  1011. #sidebarimage img {
  1012.     max-width: 220px;
  1013.     max-height: 220px;
  1014.     border-bottom-right-radius: 195px;
  1015.     border-top-right-radius: 195px;
  1016.     border-bottom-left-radius: 195px;
  1017. }
  1018.  
  1019. #placeholder {
  1020.     position: fixed;
  1021.     margin-top: 330px;
  1022.     {block:IfPosts400}margin-left: 525px;{/block:IfPosts400}
  1023.     {block:IfNotPosts400}margin-left: 625px;{/block:IfNotPosts400}
  1024. }
  1025.  
  1026. #sidebar {
  1027.     width: 180px;
  1028.     padding: 5px;
  1029.     background-color: {color:Description Outer};
  1030. }
  1031.  
  1032. #desc {
  1033.     width: 168px;
  1034.     padding: 6px;
  1035.     background-color: {color:Description Background};
  1036.     background-attachment: fixed;
  1037.     border-top: 1px dashed {color:Description Border};
  1038.     border-bottom: 1px dashed {color:Description Border};
  1039.     background-image: url('{image:Description Background}');
  1040. }
  1041.  
  1042. #desc b, strong {
  1043.     color: {color:Body Bold Text};
  1044. }
  1045.  
  1046. #desc i, em {
  1047.     color: {color:Body Italic Text};
  1048. }
  1049.  
  1050. /*CUSTOM LINKS*/
  1051.  
  1052. #custom {
  1053.     position: relative;
  1054.     margin-top: 10px;
  1055.     margin-left: -3px;
  1056. }
  1057.  
  1058. #extra {
  1059.     position: relative;
  1060.     text-align: center;
  1061. }
  1062.  
  1063. #extra a {
  1064.     padding: 4px;
  1065.     margin-bottom: 4px;
  1066.     width: 140px;
  1067.     font-family: consolas;
  1068.     font-size: 10px;
  1069.     text-transform: uppercase;
  1070.     letter-spacing: 1px;
  1071.     display: inline-block;
  1072.     text-align: center;
  1073.     color: {color:Custom Links Text};
  1074.     background-color: {color:Custom Links Background};
  1075.     -webkit-transition: all 0.5s ease-in-out;
  1076.     -moz-transition: all 0.5s ease-in-out;
  1077.     -o-transition: all 0.5s ease-in-out;
  1078.     -ms-transition: all 0.5s ease-in-out;
  1079.     transition: all 0.5s ease-in-out;
  1080.     border-left: 10px solid {color:Custom Links Border};
  1081.     border-right: 10px solid {color:Custom Links Border};
  1082.     text-shadow: 1px 1px #fff;
  1083. }
  1084.  
  1085. #extra a:hover {
  1086.     width: 150px;
  1087.     color: {color:Custom Links Text Hover};
  1088.     background-color: {color:Custom Links Hover Background};
  1089.     border-left: 10px solid {color:Custom Links Border Hover};
  1090.     border-right: 10px solid {color:Custom Links Border Hover};
  1091. }
  1092.  
  1093. /*BLOCKQUOTE*/
  1094.  
  1095. blockquote {
  1096.     border-left: 5px solid {color:Blockquote Border};
  1097.     padding-left: 5px;
  1098. }
  1099.  
  1100. /*ASK*/
  1101.  
  1102. .ask {
  1103.     font-family: consolas;
  1104.     font-size: 10px;
  1105.     text-transform: uppercase;
  1106.     padding: 5px;
  1107.     margin-left: 40px;
  1108.     border-bottom: 2px dashed {color:Asker Border};
  1109. }
  1110.  
  1111. .askinfo img {
  1112.     float: left;
  1113.     max-width: 40px;
  1114.     border-radius: 20px;
  1115. }
  1116.  
  1117. /*AUDIO*/
  1118.  
  1119. .audio {
  1120.     background-color: #e4e4e4;
  1121.     margin-left: 35px;
  1122.     display: block;
  1123. }
  1124.  
  1125. .cover img {
  1126.     margin-left: 0px;
  1127.     width: 60px;
  1128.     float: left;
  1129.     border-radius: 30px;
  1130. }
  1131.  
  1132. .audioinfo {
  1133.     position: relative;
  1134.     margin-top: 5px;
  1135.     margin-left: 65px;
  1136.     border-left: 5px solid {color:Blockquote Border};
  1137.     padding-left: 5px;
  1138. }
  1139.  
  1140. /*QUOTE*/
  1141.  
  1142. .quote {
  1143.     font-family: georgia;
  1144.     font-style: italic;
  1145.     font-size: 14px;
  1146.     letter-spacing: 2px;
  1147.     padding-left: 5px;
  1148. }
  1149.  
  1150. /*PHOTO HOVER*/
  1151.  
  1152. {block:IfImageFade}.photo {
  1153.     opacity: .7;
  1154.     -webkit-transition: all 0.5s ease-in-out;
  1155.     -moz-transition: all 0.5s ease-in-out;
  1156.     -o-transition: all 0.5s ease-in-out;
  1157.     -ms-transition: all 0.5s ease-in-out;
  1158.     transition: all 0.5s ease-in-out;
  1159. }
  1160.  
  1161. .photo:hover {
  1162.     opacity: 1;
  1163. }
  1164.  
  1165. .entry img {
  1166.     opacity: .7;
  1167.     -webkit-transition: all 0.5s ease-in-out;
  1168.     -moz-transition: all 0.5s ease-in-out;
  1169.     -o-transition: all 0.5s ease-in-out;
  1170.     -ms-transition: all 0.5s ease-in-out;
  1171.     transition: all 0.5s ease-in-out;
  1172. }
  1173.  
  1174. .entry img:hover {
  1175.     opacity: 1;
  1176. }{/block:IfImageFade}
  1177.  
  1178. /*SCROLLBAR*/
  1179.  
  1180. ::-webkit-scrollbar-thumb:vertical {
  1181.     background-color: {color:Scrollbar};
  1182.     height: 30px;
  1183. }
  1184.  
  1185. ::-webkit-scrollbar {
  1186.     height: 30px;
  1187.     width: 5px;
  1188.     background-color: {color:Scrollbar Background};
  1189. }
  1190.  
  1191. /*BACK TO TOP*/
  1192.  
  1193. .top {
  1194.     z-index: 999;
  1195.     font-family: consolas;
  1196.     font-size: 8px;
  1197.     text-align: center;
  1198.     text-transform: uppercase;
  1199.     letter-spacing: 1px;
  1200.     text-shadow: 1px 1px 1px #fff;
  1201. }
  1202.  
  1203. #scrollToTop:link, #scrollToTop:visited {
  1204.     z-index: 999;
  1205.     background-color: transparent;
  1206.     display: none;
  1207.     position: fixed;
  1208.     bottom: 30px;
  1209.     right: 10px;
  1210. }
  1211.  
  1212. /*TUMBLR STUFF*/
  1213.  
  1214. iframe#tumblr_controls {
  1215.     right: 3px !important;
  1216.     position: fixed !important;
  1217.     opacity: .2;
  1218.     -webkit-transition: all 0.5s ease-in-out;
  1219.     -moz-transition: all 0.5s ease-in-out;
  1220.     -o-transition: all 0.5s ease-in-out;
  1221.     transition: all 0.5s ease-in-out;
  1222. }
  1223.  
  1224. iframe#tumblr_controls:hover {
  1225.     opacity: 1;
  1226. }
  1227.  
  1228. #cred {
  1229.     opacity: .8;
  1230.     position: fixed;
  1231.     bottom: 10px;
  1232.     right: 5px;
  1233.     font-size: 10px;
  1234. }
  1235.  
  1236. /*MUSIC PLAYER*/
  1237.  
  1238. #musicplayer {
  1239.     position: fixed;
  1240.     top: 315px;
  1241.     {block:IfPosts400}left: 855px;{/block:IfPosts400}
  1242.     {block:IfNotPosts400}left: 955px;{/block:IfNotPosts400}
  1243.     -webkit-transition: all 0.5s ease-in-out;
  1244.     -moz-transition: all 0.5s ease-in-out;
  1245.     -o-transition: all 0.5s ease-in-out;
  1246.     -ms-transition: all 0.5s ease-in-out;
  1247. }
  1248.  
  1249. #musicplayer:hover {
  1250.     top: 283px;
  1251. }
  1252.  
  1253. </style>
  1254.  
  1255.  
  1256. {Block:IfInfiniteScroll}
  1257. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1258.  
  1259. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  1260. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1261.  
  1262. <div class="top">
  1263. <a href="javascript:;" id="scrollToTop">&#x21e1;<br />back to top</a>
  1264. </div>
  1265. {/Block:IfInfiniteScroll}
  1266.  
  1267.  
  1268.     </head><body>
  1269.  
  1270.  
  1271. <div id="place">
  1272.  
  1273. <div id="left"></div>
  1274. <div id="right"></div>
  1275.  
  1276. {Block:IfNotInfiniteScroll}
  1277.     {block:Pagination}<div id="pagination">
  1278.  
  1279.       {block:PreviousPage}<a href="{PreviousPage}">&#x25c0;</a>
  1280.       {/block:PreviousPage}
  1281.      
  1282.     {block:JumpPagination length="3"}
  1283.  
  1284.       {block:CurrentPage}<span class="current_page">{PageNumber}</span>
  1285.       {/block:CurrentPage}
  1286.  
  1287.       {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1288.      
  1289.     {/block:JumpPagination}
  1290.  
  1291.       {block:NextPage}<a href="{NextPage}">&#x25b6;</a>{/block:NextPage}
  1292.  
  1293.     </div>{/block:Pagination}
  1294. {/Block:IfNotInfiniteScroll}
  1295.  
  1296. <div id="cred"><a href="http://cocorini.tumblr.com" target="_blank">✿</a></div>
  1297.  
  1298. {block:ifMusicPlayer}<div id="musicplayer"><img src="http://media.tumblr.com/tumblr_m64zfvxe7V1rnjuep.gif"><br /><br />{text:Music Player}
  1299. </div>{/block:ifMusicPlayer}
  1300.  
  1301. <div id="sidebarimage">
  1302.     <img src="{image:Sidebar Image}">
  1303. </div>
  1304.  
  1305. <div id="flower">
  1306.    <div id="title">{Title}</div>
  1307.  
  1308.    <div id="petal1"></div>
  1309.    <div id="petal2"></div>
  1310.    <div id="petal3"></div>
  1311.    <div id="petal4"></div>
  1312.    <div id="petal5"></div>
  1313.  
  1314.    <div id="innerflowerbg"></div>
  1315.    <div id="innerpetal1"></div>
  1316.    <div id="innerpetal2"></div>
  1317.    <div id="innerpetal3"></div>
  1318.    <div id="innerpetal4"></div>
  1319.    <div id="innerpetal5"></div>
  1320.  
  1321.    <div id="centerflowerbg"></div>
  1322.    <div id="centerpetal1"></div>
  1323.    <div id="centerpetal2"></div>
  1324.    <div id="centerpetal3"></div>
  1325.    <div id="centerpetal4"></div>
  1326.    <div id="centerpetal5"></div>
  1327.  
  1328.    <div id="circle"></div>
  1329. </div>
  1330.  
  1331. <div id="navigation">
  1332.  
  1333. <div id="flowera">
  1334.    <div id="flowerbga"></div>
  1335.    
  1336.    <div id="navtext1"><a href="/">home</a></div>
  1337.    
  1338.    <div id="petal1a"></div>
  1339.    <div id="petal2a"></div>
  1340.    <div id="petal3a"></div>
  1341.    <div id="petal4a"></div>
  1342.    <div id="petal5a"></div>
  1343.    <div id="circlea"></div>
  1344. </div>
  1345.  
  1346. <div id="flowerb">
  1347.    <div id="flowerbgb"></div>
  1348.    
  1349.    <div id="navtext2"><a href="/ask">message</a></div>
  1350.    
  1351.    <div id="petal1b"></div>
  1352.    <div id="petal2b"></div>
  1353.    <div id="petal3b"></div>
  1354.    <div id="petal4b"></div>
  1355.    <div id="petal5b"></div>
  1356.    <div id="circleb"></div>
  1357. </div>
  1358.  
  1359. <div id="flowerc">
  1360.    <div id="flowerbgc"></div>
  1361.    
  1362.    <div id="navtext3"><a href="/archive">archive</a></div>
  1363.    
  1364.    <div id="petal1c"></div>
  1365.    <div id="petal2c"></div>
  1366.    <div id="petal3c"></div>
  1367.    <div id="petal4c"></div>
  1368.    <div id="petal5c"></div>
  1369.    <div id="circlec"></div>
  1370. </div>
  1371.  
  1372. <div id="flowerd">
  1373.    <div id="flowerbgd"></div>
  1374.    
  1375.    <div id="navtext4"><a href="http://cocorini.tumblr.com" target="_blank">theme</a></div>
  1376.    
  1377.    <div id="petal1d"></div>
  1378.    <div id="petal2d"></div>
  1379.    <div id="petal3d"></div>
  1380.    <div id="petal4d"></div>
  1381.    <div id="petal5d"></div>
  1382.    <div id="circled"></div>
  1383. </div>
  1384.  
  1385.  
  1386. </div>
  1387.  
  1388. <div id="placeholder">
  1389.  
  1390. <div id="sidebar">
  1391.    
  1392.     <div id="desc">
  1393.     {Block:Description}
  1394.         {Description}
  1395.     {/Block:Description}
  1396.     </div>
  1397.    
  1398. </div>
  1399.    
  1400.    
  1401. <div id="custom">
  1402.  
  1403.   {block:IfCustomLinkOne}
  1404.      <div id="extra">
  1405.         <a href="{Block:IfCustomLinkOneURL}{text:Custom Link One URL}{/Block:IfCustomLinkOneURL}">{text:Custom Link One}</a></div>
  1406.   {/block:IfCustomLinkOne}
  1407.  
  1408.   {block:IfCustomLinkTwo}
  1409.      <div id="extra">
  1410.         <a href="{Block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/Block:IfCustomLinkTwoURL}">{text:Custom Link Two}</a></div>
  1411.   {/block:IfCustomLinkTwo}
  1412.  
  1413.   {block:IfCustomLinkThree}
  1414.      <div id="extra">
  1415.         <a href="{Block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/Block:IfCustomLinkThreeURL}">{text:Custom Link Three}</a></div>
  1416.   {/block:IfCustomLinkThree}
  1417.  
  1418.    {block:IfCustomLinkFour}
  1419.       <div id="extra">
  1420.          <a href="{Block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/Block:IfCustomLinkFourURL}">{text:Custom Link Four}</a></div>
  1421.    {/block:IfCustomLinkFour}
  1422.  
  1423.    {block:IfCustomLinkFive}
  1424.       <div id="extra">
  1425.          <a href="{Block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/Block:IfCustomLinkFiveURL}">{text:Custom Link Five}</a></div>
  1426.    {/block:IfCustomLinkFive}
  1427.  
  1428.    {block:IfCustomLinkSix}
  1429.       <div id="extra">
  1430.          <a href="{Block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/Block:IfCustomLinkSixURL}">{text:Custom Link Six}</a></div>
  1431.    {/block:IfCustomLinkSix}
  1432.  
  1433. </div></div></div>
  1434.  
  1435.  
  1436. {Block:IfInfiniteScroll}
  1437. <div class="autopagerize_page_element">
  1438. {/Block:IfInfiniteScroll}
  1439.  
  1440.  
  1441. {block:Posts}
  1442.  
  1443. <div class="entry">
  1444.  
  1445. {block:IndexPage}
  1446.    
  1447.     <div class="perma">
  1448.     <a href="{permalink}">
  1449.         <div style="font-size: 11px;">{block:Date}{ShortMonth} {DayOfMonthWithZero}{/block:Date}</a></div> {block:NoteCount} <a href="{permalink}">&hearts; {NoteCount}<br />{/block:NoteCount}</a> {block:ifShowReblog} <a href="{ReblogURL}" target="_blank">Reblog</a>{/block:ifShowReblog}</div>
  1450.        
  1451. {/block:IndexPage}
  1452.    
  1453.  
  1454.  
  1455. {block:Text}
  1456.  
  1457.     {block:Title}
  1458.       <div class="entrytitle">
  1459.         {Title}
  1460.       </div>
  1461.     {/block:Title}
  1462.    
  1463.         {Body}
  1464.        
  1465.     {block:PermalinkPage}
  1466.    
  1467.     <div id="permalink">
  1468.         <a href="{permalink}">{block:Date} {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}with <a href="{permalink}">{NoteCountWithLabel}<br />{/block:NoteCount}</a>
  1469.         {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  1470.         {block:RebloggedFrom}<br /><b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1471.    
  1472.     {block:PostNotes}{PostNotes}{/block:PostNotes}
  1473.    
  1474.     {/block:PermalinkPage}
  1475.  
  1476. {/block:Text}
  1477.  
  1478.  
  1479.  
  1480.  
  1481. {block:Photo}
  1482.  
  1483. {block:IfNotPosts400}
  1484.     {LinkOpenTag}
  1485.     <img src="{PhotoURL-highres}" width="500px" alt="{PhotoAlt}">
  1486.     {LinkCloseTag}
  1487. {/block:IfNotPosts400}
  1488.  
  1489. {block:IfPosts400}
  1490.     {LinkOpenTag}
  1491.     <img src="{PhotoURL-highres}" width="400px" alt="{PhotoAlt}">
  1492.     {LinkCloseTag}
  1493. {/block:IfPosts400}
  1494.        
  1495.     {block:IfShowCaptions}
  1496.        {Caption}
  1497.     {/block:IfShowCaptions}  
  1498.    
  1499.     {block:PermalinkPage}
  1500.  
  1501.    {block:IfNotShowCaptions}
  1502.        {Caption}
  1503.    {/block:IfNotShowCaptions}
  1504.    
  1505.     <div id="permalink">
  1506.         <a href="{permalink}">{block:Date} {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}with <a href="{permalink}">{NoteCountWithLabel}<br />{/block:NoteCount}</a>
  1507.         {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  1508.         {block:RebloggedFrom}<br /><b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1509.    
  1510.     {block:PostNotes}{PostNotes}{/block:PostNotes}
  1511.    
  1512.     {/block:PermalinkPage}
  1513.  
  1514. {/block:Photo}
  1515.  
  1516.  
  1517.  
  1518.  
  1519. {block:Photoset}
  1520.  
  1521.     {block:IfNotPosts400}
  1522.     <div class="photo">{Photoset-500}</div>
  1523.     {/block:IfNotPosts400}
  1524.    
  1525.     {block:IfPosts400}
  1526.     <div class="photo">{Photoset-400}</div>
  1527.     {/block:IfPosts400}
  1528.    
  1529.     {block:IfShowCaptions}
  1530.        {Caption}
  1531.     {/block:IfShowCaptions}
  1532.  
  1533.     {block:PermalinkPage}
  1534.  
  1535.    {block:IfNotShowCaptions}
  1536.        {Caption}
  1537.    {/block:IfNotShowCaptions}
  1538.    
  1539.     <div id="permalink">
  1540.         <a href="{permalink}">{block:Date} {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}with <a href="{permalink}">{NoteCountWithLabel}<br />{/block:NoteCount}</a>
  1541.         {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  1542.         {block:RebloggedFrom}<br /><b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1543.    
  1544.     {block:PostNotes}{PostNotes}{/block:PostNotes}
  1545.    
  1546.     {/block:PermalinkPage}
  1547.  
  1548. {/block:Photoset}
  1549.  
  1550.  
  1551.  
  1552.  
  1553. {block:Quote}
  1554.  
  1555.     <div class="quote">
  1556.         {Quote}
  1557.     </div>
  1558.    
  1559.     {block:Source}
  1560.         <div style="text-align: right;text-transform: uppercase;font-size: 9px;letter-spacing: 2px;padding-top: 3px; font-family: consolas">
  1561.             —{Source}
  1562.         </div>
  1563.     {/block:Source}
  1564.    
  1565.     {Block:PermalinkPage}
  1566.    
  1567.     <div id="permalink">
  1568.         <a href="{permalink}">{block:Date} {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}with <a href="{permalink}">{NoteCountWithLabel}<br />{/block:NoteCount}</a>
  1569.         {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  1570.         {block:RebloggedFrom}<br /><b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1571.        
  1572.     {block:PostNotes}{PostNotes}{/block:PostNotes}
  1573.    
  1574.     {/Block:PermalinkPage}
  1575.  
  1576.  
  1577. </div> {/block:Quote}
  1578.  
  1579.  
  1580.  
  1581.  
  1582. {block:Link}
  1583.  
  1584.     <t><a href="{URL}" {Target}>
  1585.         <div style="font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-family: consolas">
  1586.             {Name}
  1587.         </div>
  1588.     </a></t>
  1589.  
  1590.     {block:Description}
  1591.         {Description}
  1592.     {/block:Description}
  1593.  
  1594.     {Block:PermalinkPage}
  1595.    
  1596.     <div id="permalink">
  1597.         <a href="{permalink}">{block:Date} {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}with <a href="{permalink}">{NoteCountWithLabel}<br />{/block:NoteCount}</a>
  1598.         {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  1599.         {block:RebloggedFrom}<br /><b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1600.    
  1601.     {block:PostNotes}{PostNotes}{/block:PostNotes}
  1602.    
  1603.     {/Block:PermalinkPage}
  1604.    
  1605. {/block:Link}
  1606.  
  1607.  
  1608.  
  1609.  
  1610. {block:Chat}
  1611.  
  1612.     {block:Title}
  1613.         <div class="entrytitle">{Title}</div>
  1614.     {/block:Title}
  1615.    
  1616.     {block:Lines}
  1617.     <div style="border-bottom:1px dotted #cccccc; padding: 3px">
  1618.    
  1619.         {block:Label}
  1620.             <b>{Label}</b>
  1621.         {/block:Label}
  1622.        
  1623.             {Line}<br></div>
  1624.     {/block:Lines}
  1625.    
  1626.     {Block:PermalinkPage}
  1627.    
  1628.     <div id="permalink">
  1629.         <a href="{permalink}">{block:Date} {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}with <a href="{permalink}">{NoteCountWithLabel}<br />{/block:NoteCount}</a>
  1630.         {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  1631.         {block:RebloggedFrom}<br /><b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1632.    
  1633.     {block:PostNotes}{PostNotes}{/block:PostNotes}
  1634.    
  1635.     {/Block:PermalinkPage}
  1636.    
  1637. {/block:Chat}
  1638.  
  1639.  
  1640.  
  1641. {block:Audio}
  1642.  
  1643.     <div class="cover">{block:AlbumArt}
  1644.     <img src="{AlbumArtURL}">
  1645.     {/block:AlbumArt}</div>
  1646.    
  1647.     <div class="audio">{AudioPlayerGrey}</div>
  1648.    
  1649.     <div class="audioinfo">
  1650.     {block:Artist} <b>Artist:</b> {Artist}{/block:Artist}<br /><b>Track:</b> {block:TrackName} "{TrackName}" {/block:TrackName}</div>
  1651.    
  1652.     {block:IfShowCaptions}
  1653.        {Caption}
  1654.     {/block:IfShowCaptions}
  1655.  
  1656.     {block:PermalinkPage}
  1657.  
  1658.    {block:IfNotShowCaptions}
  1659.        {Caption}
  1660.    {/block:IfNotShowCaptions}
  1661.    
  1662.     <div id="permalink">
  1663.         <a href="{permalink}">{block:Date} {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}with <a href="{permalink}">{NoteCountWithLabel}<br />{/block:NoteCount}</a>
  1664.         {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  1665.         {block:RebloggedFrom}<br /><b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1666.    
  1667.     {block:PostNotes}{PostNotes}{/block:PostNotes}
  1668.    
  1669.     {/block:PermalinkPage}
  1670.    
  1671. {/block:Audio}
  1672.  
  1673.  
  1674.  
  1675.  
  1676. {block:Video}
  1677.  
  1678.     {block:IfNotPosts400} {Video-500} {/block:IfNotPosts400}
  1679.     {block:IfPosts400} {Video-400} {/block:IfPosts400}
  1680.  
  1681.     {block:IfShowCaptions}
  1682.        {Caption}
  1683.     {/block:IfShowCaptions}
  1684.  
  1685.     {block:PermalinkPage}
  1686.  
  1687.    {block:IfNotShowCaptions}
  1688.        {Caption}
  1689.    {/block:IfNotShowCaptions}
  1690.    
  1691.     <div id="permalink">
  1692.         <a href="{permalink}">{block:Date} {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}with <a href="{permalink}">{NoteCountWithLabel}<br />{/block:NoteCount}</a>
  1693.         {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  1694.         {block:RebloggedFrom}<br /><b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1695.    
  1696.     {block:PostNotes}{PostNotes}{/block:PostNotes}
  1697.    
  1698.     {/block:PermalinkPage}
  1699.  
  1700. {/block:Video}
  1701.  
  1702.  
  1703.  
  1704. {block:Answer}
  1705.    
  1706.     <div class="askinfo"><img src="{AskerPortraitURL-40}"></div>
  1707.     <div class="ask">{Asker} <b>sent:</b> {Question}</div>
  1708.     {Answer}
  1709.  
  1710.        
  1711.     {Block:PermalinkPage}
  1712.    
  1713.     <div id="permalink">
  1714.         <a href="{permalink}">{block:Date} {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}with <a href="{permalink}">{NoteCountWithLabel}<br />{/block:NoteCount}</a>
  1715.         {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  1716.    
  1717.     {block:PostNotes}{PostNotes}{/block:PostNotes}
  1718.    
  1719.     {/Block:PermalinkPage}
  1720.  
  1721. {/block:Answer}  
  1722.  
  1723. </div>
  1724.  
  1725. {/block:Posts} {Block:IfInfiniteScroll}</div>{/Block:IfInfiniteScroll}
  1726. </body>
  1727. </html>
create a new version of this paste RAW Paste Data