SHARE
TWEET

Theme: Macaron

mugendia May 31st, 2015 (edited) 21,999 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700|Roboto+Slab' rel='stylesheet' type='text/css'>
  7.  
  8. <!--
  9.  
  10.  
  11. #11 MACARON THEME BY COCORINI (http://cocorini.tumblr.com).
  12. PLEASE DO NOT REMOVE THIS CREDIT. THANK YOU!
  13.  
  14.  
  15. -->
  16.  
  17. <meta name="color:Top Half Background" content="#f8e9e9"/>
  18. <meta name="color:Bottom Half Background" content="#d1beb5"/>
  19. <meta name="color:Horizontal Line" content="#ffffff"/>
  20. <meta name="color:Scrollbar" content="#dfb499"/>
  21. <meta name="color:Scrollbar Background" content="#ffffff"/>
  22. <meta name="color:Back To Top Text" content="#c6ada7"/>
  23. <meta name="color:Back To Top BG" content="#ffffff"/>
  24. <meta name="color:Entries Top Background" content="#e2d6cb"/>
  25. <meta name="color:Entries Top Border" content="#ffffff"/>
  26. <meta name="color:Entries Column Background" content="#f5eee3"/>
  27. <meta name="color:Entries Column BG Shadow" content="#efd9ca"/>
  28.  
  29. <meta name="color:Highlight Blog Text" content="#ffffff"/>
  30. <meta name="color:Highlight Blog Text BG" content="#e2a5a5"/>
  31. <meta name="color:Entries" content="#ffffff"/>
  32. <meta name="color:Entries Text" content="#818181"/>
  33. <meta name="color:Entries Link Text" content="#e5afaf"/>
  34. <meta name="color:Entries Link Text Hover" content="#d48992"/>
  35. <meta name="color:Entries Bold Text" content="#d4b499"/>
  36. <meta name="color:Entries Italic Text" content="#a2b08b"/>
  37. <meta name="color:Entries Title" content="#d1b69c"/>
  38. <meta name="color:Entries Title Border" content="#f5caca"/>
  39. <meta name="color:Blockquote Text" content="#978888"/>
  40. <meta name="color:Blockquote Border" content="#eddada"/>
  41.  
  42. <meta name="color:Quote Text" content="#b8aa9b"/>
  43. <meta name="color:Audio Cover Art BG" content="#ffffff"/>
  44. <meta name="color:Audio Cover Art Border" content="#d4c5b4"/>
  45. <meta name="color:Chat Text Highlight" content="#f0e8de"/>
  46. <meta name="color:Chat Text" content="#a89191"/>
  47. <meta name="color:Ask Text" content="#a87b7b"/>
  48. <meta name="color:Ask Border" content="#eadbdb"/>
  49. <meta name="color:Ask Background" content="#ffffff"/>
  50. <meta name="color:Asker Text" content="#899772"/>
  51. <meta name="color:Asker Highlight" content="#ebf3e7"/>
  52.  
  53. <meta name="color:Permalink Background" content="#ffffff"/>
  54. <meta name="color:Permalink Text" content="#9a9a9a"/>
  55. <meta name="color:Permalink Link Text" content="#be9595"/>
  56. <meta name="color:Permalink Link Text Hover" content="#f09898"/>
  57. <meta name="color:Permalink Date Highlight" content="#fbdfdf"/>
  58. <meta name="color:Permalink Notes Highlight" content="#e3eacb"/>
  59. <meta name="color:Like Reblog Button BG" content="#ffffff"/>
  60. <meta name="color:Like Reblog Button Border" content="#f3dbcb"/>
  61.  
  62. <meta name="color:Pagination Current Page Text" content="#b98f8f"/>
  63. <meta name="color:Pagination Current Page BG" content="#ffffff"/>
  64. <meta name="color:Pagination Link BG" content="#ffdde0"/>
  65. <meta name="color:Pagination Link Text" content="#cc9797"/>
  66.  
  67. <meta name="color:Sidebar BG" content="#ffffff"/>
  68. <meta name="color:Sidebar Shadow" content="#efd9ca"/>
  69. <meta name="color:Sidebar Title" content="#92876f"/>
  70. <meta name="color:Sidebar Image Solid Border" content="#f0e9e0"/>
  71. <meta name="color:Sidebar Image Dashed Border" content="#eabdbd"/>
  72. <meta name="color:Description Background" content="#ffffff"/>
  73. <meta name="color:Description Text" content="#948383"/>
  74. <meta name="color:Description Bold Text" content="#c3ac99"/>
  75. <meta name="color:Description Italic Text" content="#afb6a8"/>
  76. <meta name="color:Description Link Text" content="#ea9f9f"/>
  77. <meta name="color:Description Link Text Hover" content="#ce7777"/>
  78. <meta name="color:Music Player BG" content="#ffffff"/>
  79. <meta name="color:Music Player Border" content="#b6a7a7"/>
  80.  
  81. <meta name="color:Macaron Navi Link 1" content="#edc3c3"/>
  82. <meta name="color:Macaron Navi Link 1 Filling" content="#e7d6e0"/>
  83. <meta name="color:Macaron Navi Link 1 Border" content="#e5a4a6"/>
  84. <meta name="color:Macaron Navi Link 1 Text" content="#9f7676"/>
  85. <meta name="color:Macaron Navi Link 1 Text Shadow" content="#ffffff"/>
  86. <meta name="color:Macaron Navi Link 2" content="#dbe5bb"/>
  87. <meta name="color:Macaron Navi Link 2 Filling" content="#edeaba"/>
  88. <meta name="color:Macaron Navi Link 2 Border" content="#b6c1b6"/>
  89. <meta name="color:Macaron Navi Link 2 Text" content="#879a85"/>
  90. <meta name="color:Macaron Navi Link 2 Text Shadow" content="#ffffff"/>
  91. <meta name="color:Macaron Navi Link 3" content="#f0dcc2"/>
  92. <meta name="color:Macaron Navi Link 3 Filling" content="#f3cccc"/>
  93. <meta name="color:Macaron Navi Link 3 Border" content="#ccaf91"/>
  94. <meta name="color:Macaron Navi Link 3 Text" content="#9f8863"/>
  95. <meta name="color:Macaron Navi Link 3 Text Shadow" content="#ffffff"/>
  96. <meta name="color:Macaron Navi Link 4" content="#cee2d9"/>
  97. <meta name="color:Macaron Navi Link 4 Filling" content="#e2d3c6"/>
  98. <meta name="color:Macaron Navi Link 4 Border" content="#9fc9c7"/>
  99. <meta name="color:Macaron Navi Link 4 Text" content="#6f9f8b"/>
  100. <meta name="color:Macaron Navi Link 4 Text Shadow" content="#ffffff"/>
  101.  
  102. <meta name="color:Navigation Link Text" content="#be8181"/>
  103. <meta name="color:Navigation Link BG" content="#f5e4e4"/>
  104. <meta name="color:Navigation Link Text Hover" content="#9aad86"/>
  105. <meta name="color:Navigation Link BG Hover" content="#e1edc9"/>
  106.  
  107. <meta name="color:Custom Links Menu Text" content="#b09a87"/>
  108. <meta name="color:Custom Links Menu Text Shadow" content="#ffffff"/>
  109. <meta name="color:Custom Links Menu BG" content="#eeeadb"/>
  110. <meta name="color:Custom Links Menu Border" content="#ffffff"/>
  111.  
  112. <meta name="text:Music Player Code" content=""/>
  113. <meta name="text:Custom Links Title" content="more links"/>
  114. <meta name="text:Custom Link 1" content="extra link 1"/>
  115. <meta name="text:Custom Link 1 URL" content=""/>
  116. <meta name="text:Custom Link 2" content="extra link 2"/>
  117. <meta name="text:Custom Link 2 URL" content=""/>
  118. <meta name="text:Custom Link 3" content="extra link 3"/>
  119. <meta name="text:Custom Link 3 URL" content=""/>
  120. <meta name="text:Custom Link 4" content=""/>
  121. <meta name="text:Custom Link 4 URL" content=""/>
  122. <meta name="text:Custom Link 5" content=""/>
  123. <meta name="text:Custom Link 5 URL" content=""/>
  124. <meta name="text:Custom Link 6" content=""/>
  125. <meta name="text:Custom Link 6 URL" content=""/>
  126. <meta name="text:Custom Link 7" content=""/>
  127. <meta name="text:Custom Link 7 URL" content=""/>
  128. <meta name="text:Custom Link 8" content=""/>
  129. <meta name="text:Custom Link 8 URL" content=""/>
  130. <meta name="text:Custom Link 9" content=""/>
  131. <meta name="text:Custom Link 9 URL" content=""/>
  132. <meta name="text:Custom Link 10" content=""/>
  133. <meta name="text:Custom Link 10 URL" content=""/>
  134.  
  135. <meta name="image:Top Half Background" content="http://static.tumblr.com/ab6fae6efe0134f8829013acaf10a99e/1xjieua/UR6np60ej/tumblr_static_f0067x4fxzsc4koc00cgcwwg8.png"/>
  136. <meta name="image:Horizontal Line Background" content="http://static.tumblr.com/aff9f2e4c3ac4da3a02887d1cd4e0bf2/1xjieua/oPDnp8g45/tumblr_static_b4ji459egxkw0g00koo0k4gkk.png"/>
  137. <meta name="image:Bottom Half Background" content="http://static.tumblr.com/80e03fb99e5b1373fd19e7bbc43b74af/1xjieua/QXCnp60ek/tumblr_static_9n1b9yomwzk04w4ko8cogs8ws.jpg"/>
  138. <meta name="image:Sidebar Background" content="http://static.tumblr.com/2396ca16369cb8fc8452da71772cea74/1xjieua/kFlnp60ek/tumblr_static_1ho60xm7fl9cco0kw8g4kkg8g.jpg"/>
  139. <meta name="image:Sidebar Top Background" content="http://static.tumblr.com/568ee1eb5629cbd83f0778328a22955c/1xjieua/3ERnp60ek/tumblr_static_b08pbfrejugwo0c0g48k48kck.png"/>
  140. <meta name="image:Entries Top Background" content="http://static.tumblr.com/24eb9691a6dc692ec89dc1183d405c3a/1xjieua/TM3np60ek/tumblr_static_b4rzus3jllw08cgcsoskgcskw.png"/>
  141. <meta name="image:Entries Column Background" content=""/>
  142. <meta name="image:Permalink Background" content="http://static.tumblr.com/1705244db27982795cd45d7d20efcb4a/1xjieua/fetnp60h3/tumblr_static_b2q5ndpr29s0ccws4gsgw0gg4.png"/>
  143. <meta name="image:Sidebar Image" content="https://40.media.tumblr.com/43db5c03a24a15e132ad5ad8ad2bd60b/tumblr_inline_np8jk6qnC11sna172_540.png"/>
  144. <meta name="image:Music Player Image" content="http://static.tumblr.com/f8f11ddaa9f1b9dc8c84f4854c8814a7/1xjieua/ajSn0w5td/tumblr_static_musicplayer.gif"/>
  145.  
  146. <meta name="if:Posts 400" content=""/>
  147. <meta name="if:Image Fade" content="1"/>
  148. <meta name="if:Show Captions" content="1"/>
  149. <meta name="if:Show Like Reblog" content="1"/>
  150. <meta name="if:Infinite Scroll" content=""/>
  151. <meta name="if:Back To Top" content=""/>
  152. <meta name="if:Inverted Tumblr Icons" content="1"/>
  153. <meta name="if:Show Macaron Navigation Links" content="1"/>
  154. <meta name="if:Show Top Half Background" content="1"/>
  155. <meta name="if:Show Sidebar Top Pattern" content="1"/>
  156. <meta name="if:Show Sidebar Background" content="1"/>
  157. <meta name="if:Show Sidebar Shadow" content="1"/>
  158. <meta name="if:Show Horizontal Line Pattern" content="1"/>
  159. <meta name="if:Show Entries Top Pattern" content="1"/>
  160. <meta name="if:Show Entries Column" content="1"/>
  161. <meta name="if:Show Entries Column Shadow" content="1"/>
  162.  
  163. <style type="text/css">
  164.  
  165. @font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/u/54526653/tinytots.TTF');}
  166.  
  167. /* MAIN BACKGROUND */
  168.  
  169. body {
  170.     background: {color:Bottom Half Background};
  171.     background-image: url('{image:Bottom Half Background}');
  172.     background-attachment: fixed;
  173.     margin: 0px;
  174. }
  175.  
  176. ::-webkit-scrollbar-thumb:vertical {
  177.     background-color: {color:Scrollbar};
  178.     height: auto;
  179. }
  180.  
  181. ::-webkit-scrollbar-thumb:horizontal {
  182.     background-color: {color:Scrollbar};
  183.     height: auto;
  184. }
  185.  
  186. ::-webkit-scrollbar {
  187.     height: 5px;
  188.     width: 5px;
  189.     background-color: {color:Scrollbar Background};
  190. }
  191.  
  192. #top {
  193.     z-index: 2;
  194.     position: fixed;
  195.     left: 0px;
  196.     top: 0px;
  197.     width: 100%;
  198.     height: 550px;
  199.     background-image: url('{image:Top Half Background}');
  200. }
  201.  
  202. #middle {
  203.     z-index: 3;
  204.     position: fixed;
  205.     width: 100%;
  206.     height: 24px;
  207.     left: 0px;
  208.     top: 550px;
  209.     border-top: 15px solid {color:Horizontal Line};
  210.     {block:IfShowHorizontalLinePattern}background-image: url('{image:Horizontal Line Background}');{/block:IfShowHorizontalLinePattern}
  211. }
  212.  
  213. ::selection {
  214.     background: {color:Highlight Blog Text BG};
  215.     color: {color:Highlight Blog Text};
  216. }
  217.  
  218. ::-moz-selection {
  219.     background: {color:Highlight Blog Text BG};
  220.     color: {color:Highlight Blog Text};
  221. }
  222.  
  223. p::selection {
  224.     background: {color:Highlight Blog Text BG};
  225.     color: {color:Highlight Blog Text};
  226. }
  227.  
  228. p::-moz-selection {
  229.     background: {color:Highlight Blog Text BG};
  230.     color: {color:Highlight Blog Text};
  231. }
  232.  
  233. #container {
  234.     margin: auto;
  235.     {block:IfNotPosts400}max-width: 850px;{/block:IfNotPosts400}
  236.     {block:IfPosts400}max-width: 750px;{/block:IfPosts400}
  237. }
  238.  
  239. /* SIDEBAR */
  240.  
  241. #sidebar {
  242.     z-index: 2;
  243.     width: 250px;
  244.     {block:IfShowTopHalfBackground}height: 550px;
  245.     top: 0px;{/block:IfShowTopHalfBackground}
  246.     {block:IfNotShowTopHalfBackground}height: 100%;{/block:IfNotShowTopHalfBackground}
  247.     position: fixed;
  248.     {block:IfShowSidebarBackground}background-image: url('{image:Sidebar Background}');
  249.     background-color: {color:Sidebar BG};{/block:IfShowSidebarBackground}
  250.     {block:IfShowSidebarShadow}box-shadow: 0px 0px 20px 5px {color:Sidebar Shadow};{/block:IfShowSidebarShadow}
  251. }
  252.  
  253. #sidebartop {
  254.     position: fixed;
  255.     height: 21px;
  256.     width: 250px;
  257.     top: 0px;
  258.     background-image: url('{image:Sidebar Top Background}');
  259. }
  260.  
  261. #sidebarimage {
  262.     position: fixed;
  263.     margin-top: 50px;
  264.     margin-left: 23px;
  265. }
  266.  
  267. #sidebarimage img {
  268.     max-width: 200px;
  269.     box-shadow: 0px 0px 0px 10px {color:Sidebar Image Solid Border};
  270.     border: 2px dashed {color:Sidebar Image Dashed Border};
  271. }
  272.  
  273. /* NAVIGATION */
  274.  
  275. #macaronlinks {
  276.     position: fixed;
  277.     margin-top: 260px;
  278.     margin-left: 15px;
  279. }
  280.  
  281. #macaronlink1a {
  282.     position: fixed;
  283.     width: 40px;
  284.     height: 13px;
  285.     border-top-left-radius: 40px;
  286.     border-top-right-radius: 40px;
  287.     background-color: {color:Macaron Navi Link 1};
  288.     border-bottom: 2px dotted {color:Macaron Navi Link 1 Border};
  289. }
  290.  
  291. #macaronlink1b {
  292.     z-index: 999;
  293.     position: fixed;
  294.     margin-top: 15px;
  295.     margin-left: -1px;
  296.     width: 42px;
  297.     height: 9px;
  298.     padding-top: 1px;
  299.     border-radius: 4px;
  300.     font-family: tinytots;
  301.     font-size: 8px;
  302.     letter-spacing: 1px;
  303.     text-transform: uppercase;
  304.     text-align: center;
  305.     background-color: {color:Macaron Navi Link 1 Filling};
  306. }
  307.  
  308. #macaronlink1b a {
  309.     text-decoration: none;
  310.     color: {color:Macaron Navi Link 1 Text};
  311.     text-shadow: 1px 1px 1px {color:Macaron Navi Link 1 Text Shadow};
  312. }
  313.  
  314. #macaronlink1c {
  315.     position: fixed;
  316.     width: 40px;
  317.     height: 13px;
  318.     margin-top: 25px;
  319.     border-bottom-left-radius: 40px;
  320.     border-bottom-right-radius: 40px;
  321.     background-color: {color:Macaron Navi Link 1};
  322.     border-top: 2px dotted {color:Macaron Navi Link 1 Border};
  323. }
  324.  
  325. #macaronlink2a {
  326.     position: fixed;
  327.     width: 40px;
  328.     height: 13px;
  329.     margin-left: 60px;
  330.     border-top-left-radius: 40px;
  331.     border-top-right-radius: 40px;
  332.     background-color: {color:Macaron Navi Link 2};
  333.     border-bottom: 2px dotted {color:Macaron Navi Link 2 Border};
  334. }
  335.  
  336. #macaronlink2b {
  337.     z-index: 999;
  338.     position: fixed;
  339.     margin-top: 15px;
  340.     margin-left: 59px;
  341.     width: 42px;
  342.     height: 9px;
  343.     padding-top: 1px;
  344.     border-radius: 4px;
  345.     font-family: tinytots;
  346.     font-size: 8px;
  347.     letter-spacing: 1px;
  348.     text-transform: uppercase;
  349.     text-align: center;
  350.     background-color: {color:Macaron Navi Link 2 Filling};
  351. }
  352.  
  353. #macaronlink2b a {
  354.     text-decoration: none;
  355.     color: {color:Macaron Navi Link 2 Text};
  356.     text-shadow: 1px 1px 1px {color:Macaron Navi Link 2 Text Shadow};
  357. }
  358.  
  359. #macaronlink2c {
  360.     position: fixed;
  361.     width: 40px;
  362.     height: 13px;
  363.     margin-top: 25px;
  364.     margin-left: 60px;
  365.     border-bottom-left-radius: 40px;
  366.     border-bottom-right-radius: 40px;
  367.     background-color: {color:Macaron Navi Link 2};
  368.     border-top: 2px dotted {color:Macaron Navi Link 2 Border};
  369. }
  370.  
  371. #macaronlink3a {
  372.     position: fixed;
  373.     width: 40px;
  374.     height: 13px;
  375.     margin-left: 120px;
  376.     border-top-left-radius: 40px;
  377.     border-top-right-radius: 40px;
  378.     background-color: {color:Macaron Navi Link 3};
  379.     border-bottom: 2px dotted {color:Macaron Navi Link 3 Border};
  380. }
  381.  
  382. #macaronlink3b {
  383.     z-index: 999;
  384.     position: fixed;
  385.     margin-top: 15px;
  386.     margin-left: 119px;
  387.     width: 42px;
  388.     height: 9px;
  389.     padding-top: 1px;
  390.     border-radius: 4px;
  391.     font-family: tinytots;
  392.     font-size: 8px;
  393.     letter-spacing: 1px;
  394.     text-transform: uppercase;
  395.     text-align: center;
  396.     background-color: {color:Macaron Navi Link 3 Filling};
  397. }
  398.  
  399. #macaronlink3b a {
  400.     text-decoration: none;
  401.     color: {color:Macaron Navi Link 3 Text};
  402.     text-shadow: 1px 1px 1px {color:Macaron Navi Link 3 Text Shadow};
  403. }
  404.  
  405. #macaronlink3c {
  406.     position: fixed;
  407.     width: 40px;
  408.     height: 13px;
  409.     margin-top: 25px;
  410.     margin-left: 120px;
  411.     border-bottom-left-radius: 40px;
  412.     border-bottom-right-radius: 40px;
  413.     background-color: {color:Macaron Navi Link 3};
  414.     border-top: 2px dotted {color:Macaron Navi Link 3 Border};
  415. }
  416.  
  417. #macaronlink4a {
  418.     position: fixed;
  419.     width: 40px;
  420.     height: 13px;
  421.     margin-left: 180px;
  422.     border-top-left-radius: 40px;
  423.     border-top-right-radius: 40px;
  424.     background-color: {color:Macaron Navi Link 4};
  425.     border-bottom: 2px dotted {color:Macaron Navi Link 4 Border};
  426. }
  427.  
  428. #macaronlink4b {
  429.     z-index: 999;
  430.     position: fixed;
  431.     margin-top: 15px;
  432.     margin-left: 179px;
  433.     width: 42px;
  434.     height: 9px;
  435.     padding-top: 1px;
  436.     font-family: tinytots;
  437.     font-size: 8px;
  438.     letter-spacing: 1px;
  439.     text-transform: uppercase;
  440.     text-align: center;
  441.     border-radius: 4px;
  442.     background-color: {color:Macaron Navi Link 4 Filling};
  443. }
  444.  
  445. #macaronlink4b a {
  446.     text-decoration: none;
  447.     color: {color:Macaron Navi Link 4 Text};
  448.     text-shadow: 1px 1px 1px {color:Macaron Navi Link 4 Text Shadow};
  449. }
  450.  
  451. #macaronlink4c {
  452.     position: fixed;
  453.     width: 40px;
  454.     height: 13px;
  455.     margin-top: 25px;
  456.     margin-left: 180px;
  457.     border-bottom-left-radius: 40px;
  458.     border-bottom-right-radius: 40px;
  459.     background-color: {color:Macaron Navi Link 4};
  460.     border-top: 2px dotted {color:Macaron Navi Link 4 Border};
  461. }
  462.  
  463. #navigation {
  464.     position: fixed;
  465.     width: 250px;
  466.     text-align: center;
  467.     margin-top: 250px;
  468. }
  469.  
  470. #navigation a {
  471.     width: 45px;
  472.     display: inline-block;
  473.     text-decoration: none;
  474.     font-family: tinytots;
  475.     text-transform: uppercase;
  476.     font-size: 8px;
  477.     color: {color:Navigation Link Text};
  478.     background-color: {color:Navigation Link BG};
  479.     letter-spacing: 1px;
  480.     padding: 2px;
  481.     -webkit-transition: all 0.5s ease-in-out;
  482.     -moz-transition: all 0.5s ease-in-out;
  483.     -o-transition: all 0.5s ease-in-out;
  484.     -ms-transition: all 0.5s ease-in-out;
  485.     transition: all 0.5s ease-in-out;
  486. }
  487.  
  488. #navigation a:hover {
  489.     color: {color:Navigation Link Text Hover};
  490.     background-color: {color:Navigation Link BG Hover};
  491. }
  492.  
  493. #sidebartext {
  494.     position: fixed;
  495.     {block:IfShowMacaronNavigationLinks}margin-top: 310px;{/block:IfShowMacaronNavigationLinks}
  496.     {block:IfNotShowMacaronNavigationLinks}margin-top: 280px;{/block:IfNotShowMacaronNavigationLinks}
  497.     text-align: center;
  498. }
  499.  
  500. #title {
  501.     width: 250px;
  502.     text-align: center;
  503.     font-family: 'Roboto Slab', serif;
  504.     font-size: 16px;
  505.     letter-spacing: 2px;
  506.     color: {color:Sidebar Title};
  507. }
  508.  
  509. #desc {
  510.     margin-top: 10px;
  511.     margin-left: 22px;
  512.     padding: 12px;
  513.     width: 180px;
  514.     font-family: 'Open Sans', sans-serif;
  515.     text-align: justify;
  516.     font-size: 11px;
  517.     max-height: 120px;
  518.     overflow: auto;
  519.     line-height: 15px;
  520.     background-color: {color:Description Background};
  521.     border: 1px dashed {color:Sidebar Image Dashed Border};
  522.     border-radius: 10px;
  523.     color: {color:Description Text};
  524. }
  525.  
  526. #desc a {
  527.     color: {color:Description Link Text};
  528.     text-decoration: none;
  529.     -webkit-transition: all 0.5s ease-in-out;
  530.     -moz-transition: all 0.5s ease-in-out;
  531.     -o-transition: all 0.5s ease-in-out;
  532.     -ms-transition: all 0.5s ease-in-out;
  533.     transition: all 0.5s ease-in-out;
  534. }
  535.  
  536. #desc a:hover {
  537.     color: {color:Description Link Text Hover};
  538. }
  539.  
  540. #desc b, strong {
  541.     font-weight: 700;
  542.     color: {color:Description Bold Text};
  543. }
  544.  
  545. #desc i, em {
  546.     font-weight: 400italic;
  547.     color: {color:Description Italic Text};
  548. }
  549.  
  550. /* CUSTOM LINKS */
  551.  
  552. select {
  553.     border: 0;
  554.     color: {color:Custom Links Menu Text};
  555.     background-color: {color:Custom Links Menu BG};
  556.     font-size: 8px;
  557.     font-family: tinytots;
  558.     text-transform: uppercase;
  559.     letter-spacing: 2px;
  560.     width: 220px;
  561.     padding: 5px 20px 5px 20px;
  562.     box-shadow: 0px 0px 0px 4px {color:Custom Links Menu BG};
  563.     border: 1px solid {color:Custom Links Menu Border};
  564.     border-radius: 10px;
  565.     text-shadow: 1px 1px 1px {color:Custom Links Menu Text Shadow};
  566.     -webkit-appearance: none;
  567.     margin-top: 15px;
  568. }
  569.  
  570. /* ENTRIES */
  571.  
  572. #entriestop {
  573.     z-index: 7;
  574.     position: fixed;
  575.     top: 0px;
  576.     margin-left: 275px;
  577.     {block:IfNotPosts400}width: 590px;{/block:IfNotPosts400}
  578.     {block:IfPosts400}width: 490px;{/block:IfPosts400}
  579.     height: 40px;
  580.     background-color: {color:Entries Top Background};
  581.     background-image: url('{image:Entries Top Background}');
  582.     border-bottom-left-radius: 20px;
  583.     border-bottom-right-radius: 20px;
  584.     border-left: 1px solid {color:Entries Top Border};
  585.     border-right: 1px solid {color:Entries Top Border};
  586.     border-bottom: 1px solid {color:Entries Top Border};
  587.     box-shadow: 0px 0px 0px 5px {color:Entries Top Background};
  588. }
  589.  
  590. #entriesbg {
  591.     z-index: 4;
  592.     position: fixed;
  593.     {block:IfNotPosts400}width: 540px;{/block:IfNotPosts400}
  594.     {block:IfPosts400}width: 440px;{/block:IfPosts400}
  595.     height: 100%;
  596.     margin-left: 300px;
  597.     background-color: {color:Entries Column Background};
  598.     top: 0px;
  599.     background-image: url('{image:Entries Column Background}');
  600.     {block:IfShowEntriesColumnShadow}box-shadow: 0px 0px 15px 5px {color:Entries Column BG Shadow};{/block:IfShowEntriesColumnShadow}
  601. }
  602.  
  603. .entry {
  604.     z-index: 5;
  605.     position: relative;
  606.     top: 55px;
  607.     {block:IfNotShowEntriesTopPattern}top: 10px;{/block:IfNotShowEntriesTopPattern}
  608.     left: 310px;
  609.     margin-bottom: 10px;
  610.     padding: 10px;
  611.     {block:IfNotPosts400}width: 500px;{/block:IfNotPosts400}
  612.     {block:IfPosts400}width: 400px;{/block:IfPosts400}
  613.     background-color: {color:Entries};
  614.     color: {color:Entries Text};
  615.     font-family: 'Open Sans', sans-serif;
  616.     font-size: 11px;
  617.     line-height: 20px;
  618.     font-weight: 400;
  619.     text-align: justify;
  620.     word-wrap: break-word;
  621. }
  622.  
  623. .entry img {
  624.     max-width: 100%;
  625. }
  626.  
  627. .entry a {
  628.     text-decoration: none;
  629.     color: {color:Entries Link Text};
  630.     -webkit-transition: all 0.5s ease-in-out;
  631.     -moz-transition: all 0.5s ease-in-out;
  632.     -o-transition: all 0.5s ease-in-out;
  633.     -ms-transition: all 0.5s ease-in-out;
  634.     transition: all 0.5s ease-in-out;
  635. }
  636.  
  637. .entry a:hover {
  638.     color: {color:Entries Link Text Hover};
  639. }
  640.  
  641. .entry b, strong {
  642.     font-weight: 700;
  643.     color: {color:Entries Bold Text};
  644. }
  645.  
  646. .entry i, em {
  647.     font-weight: 400italic;
  648.     color: {color:Entries Italic Text};
  649. }
  650.  
  651. #entrytitle {
  652.     font-family: 'Roboto Slab', serif;
  653.     letter-spacing: 2px;
  654.     font-size: 16px;
  655.     color: {color:Entries Title};
  656.     text-transform: lowercase;
  657.     border-bottom: 1px dashed {color:Entries Title Border};
  658.     padding: 5px 0px 5px 0px;
  659.     margin-bottom: 5px;
  660.     text-align: center;
  661. }
  662.  
  663. blockquote {
  664.     padding-left: 8px;
  665.     border-left: 10px solid {color:Blockquote Border};
  666.     color: {color:Blockquote Text};
  667. }
  668.  
  669. /* PERMALINK */
  670.  
  671. #permalink {
  672.     text-align: center;
  673.     margin-top: 10px;
  674.     margin-left: -10px;
  675.     {block:IfNotPosts400}width: 500px;{/block:IfNotPosts400}
  676.     {block:IfPosts400}width: 400px;{/block:IfPosts400}
  677.     padding: 10px;
  678.     background-color: {color:Permalink Background};
  679.     background-image: url('{image:Permalink Background}');
  680.     font-family: 'Open Sans', sans-serif;
  681.     font-size: 8px;
  682.     text-transform: uppercase;
  683.     letter-spacing: 1px;
  684.     color: {color:Permalink Text};
  685.     line-height: 15px;
  686. }
  687.  
  688. #permalink a {
  689.     text-decoration: none;
  690.     color: {color:Permalink Link Text};
  691.     -webkit-transition: all 0.5s ease-in-out;
  692.     -moz-transition: all 0.5s ease-in-out;
  693.     -o-transition: all 0.5s ease-in-out;
  694.     -ms-transition: all 0.5s ease-in-out;
  695.     transition: all 0.5s ease-in-out;
  696. }
  697.  
  698. #permalink a:hover {
  699.     color: {color:Permalink Link Text Hover};
  700. }
  701.  
  702. span.date {
  703.     background-color: {color:Permalink Date Highlight};
  704.     padding: 2px 2px 2px 3px;
  705. }
  706.  
  707. span.notes {
  708.     background-color: {color:Permalink Notes Highlight};
  709.     padding: 2px 2px 2px 3px;
  710. }
  711.  
  712. #likereblog {
  713.     opacity: 0;
  714.     width: 15px;
  715.     position: absolute;
  716.     right: -36px;
  717.     top: 0px;
  718.     background-color: {color:Like Reblog Button BG};
  719.     border-left: 1px dashed {color:Like Reblog Button Border};
  720.     padding: 10px;
  721.     border-top-right-radius: 10px;
  722.     border-bottom-right-radius: 10px;
  723.     -webkit-transition: all 0.5s ease-in-out;
  724.     -moz-transition: all 0.5s ease-in-out;
  725.     -o-transition: all 0.5s ease-in-out;
  726.     -ms-transition: all 0.5s ease-in-out;
  727.     transition: all 0.5s ease-in-out;
  728. }
  729.  
  730. .entry:hover #likereblog {
  731.     opacity: 1;
  732. }
  733.  
  734. ol.notes {
  735.     margin-top: 10px;
  736.     margin-left: -15px;
  737.     padding-bottom: 5px;
  738.     text-align: left;
  739.     list-style-type: none;
  740.     overflow: auto;
  741.     max-height: 300px;
  742.     line-height: 20px;
  743. }
  744.  
  745. ol.notes img {
  746.     margin-right: 5px;
  747.     border-radius: 10px;
  748. }
  749.  
  750. /* PHOTO HOVER */
  751.  
  752. {block:IfImageFade}.photo {
  753.     opacity: .7;
  754.     -webkit-transition: all 0.5s ease-in-out;
  755.     -moz-transition: all 0.5s ease-in-out;
  756.     -o-transition: all 0.5s ease-in-out;
  757.     -ms-transition: all 0.5s ease-in-out;
  758.     transition: all 0.5s ease-in-out;
  759. }
  760.  
  761. .photo:hover {
  762.     opacity: 1;
  763. }
  764.  
  765. .entry img {
  766.     opacity: .7;
  767.     -webkit-transition: all 0.5s ease-in-out;
  768.     -moz-transition: all 0.5s ease-in-out;
  769.     -o-transition: all 0.5s ease-in-out;
  770.     -ms-transition: all 0.5s ease-in-out;
  771.     transition: all 0.5s ease-in-out;
  772. }
  773.  
  774. .entry img:hover {
  775.     opacity: 1;
  776. }{/block:IfImageFade}
  777.  
  778. /* QUOTE */
  779.  
  780. #quote {
  781.     font-family: 'Roboto Slab', serif;
  782.     font-size: 16px;
  783.     letter-spacing: 1px;
  784.     padding: 10px 12px 10px 12px;
  785.     color: {color:Quote Text};
  786. }
  787.  
  788. /* AUDIO */
  789.  
  790. #audio img {
  791.     width: 80px;
  792.     float: left;
  793.     padding: 5px;
  794.     background-color: {color:Audio Cover Art BG};
  795.     border: 1px dashed {color:Audio Cover Art Border};
  796.     margin: 0px 10px 5px 0px;
  797. }
  798.  
  799. #audioplayer {
  800.     z-index: 9999;
  801.     position: absolute;
  802.     width: 28px;
  803.     height: 28px;
  804.     overflow: hidden;
  805.     margin: 32px 0px 0px 32px;
  806.     opacity: 0.6;
  807.     -webkit-transition: all 0.5s ease-in-out;
  808.     -moz-transition: all 0.5s ease-in-out;
  809.     -o-transition: all 0.5s ease-in-out;
  810.     -ms-transition: all 0.5s ease-in-out;
  811.     transition: all 0.5s ease-in-out;
  812. }
  813.  
  814. #audioplayer:hover {
  815.     opacity: 1;
  816. }
  817.  
  818. /* CHAT */
  819.  
  820. #label {
  821.     background-color: {color:Chat Text Highlight};
  822.     color: {color:Chat Text};
  823.     padding: 0px 2px 0px 4px;
  824.     font-family: tinytots;
  825.     letter-spacing: 1px;
  826.     font-size: 8px;
  827.     text-transform: uppercase;
  828. }
  829.  
  830. /* ASK */
  831.  
  832. #portrait img {
  833.     float: left;
  834.     border-radius: 20px;
  835. }
  836.  
  837. #ask {
  838.     background-color: {color:Ask Background};
  839.     background-image: url('{image:Ask Background}');
  840.     border: 1px dashed {color:Ask Border};
  841.     margin-left: 48px;
  842.     padding: 8px;
  843.     color: {color:Ask Text};
  844. }
  845.  
  846. span.ask {
  847.     padding: 5px;
  848.     margin: 3px;
  849.     font-family: tinytots;
  850.     font-size: 8px;
  851.     letter-spacing: 1px;
  852.     text-transform: uppercase;
  853.     background-color: {color:Asker Highlight};
  854.     color: {color:Asker Text};
  855. }
  856.  
  857. #ask a {
  858.     color: {color:Asker Text};
  859. }
  860.  
  861. /*PAGINATION*/
  862.  
  863. #pagination {
  864.     z-index: 9999;
  865.     position: absolute;
  866.     font-family: 'Open Sans', sans-serif;
  867.     font-size: 8px;
  868.     text-transform: uppercase;
  869.     letter-spacing: 1px;
  870.     padding: 2px;
  871.     margin-top: 55px;
  872.     margin-bottom: 10px;
  873.     margin-left: 308px;
  874. }
  875.  
  876. #pagination a {
  877.     text-decoration: none;
  878.     font-family: 'Open Sans', sans-serif;
  879.     font-size: 8px;
  880.     text-transform: uppercase;
  881.     letter-spacing: 1px;
  882.     display: inline-block;
  883.     padding: 2px;
  884.     width: 12px;
  885.     margin: 2px;
  886.     margin-bottom: 10px;
  887.     background-color: {color:Pagination Link BG};
  888.     text-align: center;
  889.     color: {color:Pagination Link Text};
  890. }
  891.  
  892. span.pagination1 {
  893.     color: {color:Pagination Current Page Text};
  894.     background-color: {color:Pagination Current Page BG};
  895.     padding: 3px 4px 3px 4px;
  896. }
  897.  
  898. span.pagination2 {
  899.     color: {color:Pagination Current Page Text};
  900.     background-color: {color:Pagination Current Page BG};
  901.     padding: 2px 0px 2px 0px;
  902. }
  903.  
  904. /* MUSIC PLAYER */
  905.  
  906. #music {
  907.     z-index: 999;
  908.     position: fixed;
  909.     margin-top: 33px;
  910.     margin-left: -29px;
  911.     width: 15px;
  912.     height: 15px;
  913.     padding: 4px 5px 11px 8px;
  914.     background-color: {color:Music Player BG};
  915.     border-top: 1px dashed {color:Music Player Border};
  916.     border-left: 1px dashed {color:Music Player Border};
  917.     border-bottom: 1px dashed {color:Music Player Border};
  918.     border-top-left-radius: 20px;
  919.     border-bottom-left-radius: 20px;
  920.     {block:IfNotShowSidebarBackground}border-top-right-radius: 20px;
  921.     border-bottom-right-radius: 20px;
  922.     padding-right: 8px;
  923.     border-right: 1px dashed {color:Music Player Border};{/block:IfNotShowSidebarBackground}
  924. }
  925.  
  926. #musicimg {
  927.     position: fixed;
  928.     margin-top: 2px;
  929.     opacity: 1;
  930.     -webkit-transition: all 0.5s ease-in-out;
  931.     -moz-transition: all 0.5s ease-in-out;
  932.     -o-transition: all 0.5s ease-in-out;
  933.     -ms-transition: all 0.5s ease-in-out;
  934.     transition: all 0.5s ease-in-out;
  935. }
  936.  
  937. #music:hover #musicimg {
  938.     opacity: 0;
  939. }
  940.  
  941. #player {
  942.     position: fixed;
  943.     opacity: 0;
  944.     -webkit-transition: all 0.5s ease-in-out;
  945.     -moz-transition: all 0.5s ease-in-out;
  946.     -o-transition: all 0.5s ease-in-out;
  947.     -ms-transition: all 0.5s ease-in-out;
  948.     transition: all 0.5s ease-in-out;
  949.     width: 18px;
  950.     overflow: hidden;
  951. }
  952.  
  953. #player:hover {
  954.     opacity: 1;
  955. }
  956.  
  957. /* TUMBLR STUFF */
  958.  
  959. iframe#tumblr_controls {
  960.     right: 3px !important;
  961.     position: fixed !important;
  962.     opacity: 0.2;
  963.     {block:IfInvertedTumblrIcons}white-space: nowrap;
  964.     -webkit-filter: invert(100%);
  965.     -moz-filter: invert(100%);
  966.     -o-filter: invert(100%);
  967.     -ms-filter: invert(100%);
  968.     filter: invert(100%);{/block:IfInvertedTumblrIcons}
  969.     -webkit-transition: opacity 0.7s linear;
  970.     -webkit-transition: all 0.5s ease-in-out;
  971.     -moz-transition: all 0.5s ease-in-out;
  972.     -o-transition: all 0.5s ease-in-out;
  973.     transition: all 0.5s ease-in-out;
  974. }
  975.  
  976. iframe#tumblr_controls:hover {
  977.     opacity: 0.7;
  978. }
  979.  
  980. /* BACK TO TOP */
  981.  
  982. .top {
  983.     font-size: 8px;
  984.     font-family: 'Open Sans', sans-serif;
  985.     text-align: center;
  986.     text-transform: uppercase;
  987.     letter-spacing: 1px;
  988. }
  989.  
  990. .top a {
  991.     color: {color:Back To Top Text};
  992.     text-decoration: none;
  993. }
  994.  
  995. #scrollToTop:link, #scrollToTop:visited {
  996.     z-index: 9999;
  997.     display: none;
  998.     position: fixed;
  999.     bottom: 10px;
  1000.     right: 10px;
  1001.     width: 40px;
  1002.     padding: 3px;
  1003.     background-color: {color:Back To Top BG};
  1004. }
  1005.  
  1006. #credit {
  1007.     position: fixed;
  1008.     bottom: 8px;
  1009.     left: 8px;
  1010.     font-size: 10px;
  1011. }
  1012.  
  1013. #credit a {
  1014.     text-decoration: none;
  1015.     color: #fff;
  1016.     text-shadow: 1px 1px 1px #aaa;
  1017. }
  1018.  
  1019. </style>
  1020.  
  1021. {block:IfBackToTop}
  1022. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  1023. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1024.  
  1025. <div class="top">
  1026. <a href="javascript:;" id="scrollToTop">&#x21e1;<br />back to top</a>
  1027. </div>
  1028. {/block:IfBackToTop}
  1029.  
  1030. {block:IfInfiniteScroll}
  1031. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1032. {/block:IfInfiniteScroll}
  1033.    
  1034. </head><body>
  1035.  
  1036. {block:IfShowTopHalfBackground}
  1037. <div id="top"></div>
  1038. <div id="middle"></div>
  1039. {/block:IfShowTopHalfBackground}
  1040.  
  1041. <div id="container">
  1042.  
  1043. <div id="sidebar">
  1044.  
  1045. {block:IfMusicPlayerCode}<div id="music">
  1046. <div id="musicimg"><img src="{image:Music Player Image}"></div>
  1047. <div id="player"><div style="margin-left: -22px; margin-top: -3px;">{text:Music Player Code}</div></div>
  1048. </div>{/block:IfMusicPlayerCode}
  1049.  
  1050. {block:IfShowSidebarTopPattern}<div id="sidebartop"></div>{/block:IfShowSidebarTopPattern}
  1051.  
  1052. {block:IfShowMacaronNavigationLinks}
  1053. <div id="macaronlinks">
  1054. <div id="macaronlink1a"></div>
  1055. <div id="macaronlink1b"><a href="/">home</a></div>
  1056. <div id="macaronlink1c"></div>
  1057.  
  1058. <div id="macaronlink2a"></div>
  1059. <div id="macaronlink2b"><a href="/ask">ask</a></div>
  1060. <div id="macaronlink2c"></div>
  1061.  
  1062. <div id="macaronlink3a"></div>
  1063. <div id="macaronlink3b"><a href="/archive">archive</a></div>
  1064. <div id="macaronlink3c"></div>
  1065.  
  1066. <div id="macaronlink4a"></div>
  1067. <div id="macaronlink4b"><a href="http://cocorini.tumblr.com" target="_blank">theme</a></div>
  1068. <div id="macaronlink4c"></div>
  1069. </div>
  1070. {/block:IfShowMacaronNavigationLinks}
  1071.  
  1072. {block:IfNotShowMacaronNavigationLinks}
  1073. <div id="navigation">
  1074. <a href="/">home</a>
  1075. <a href="/ask">ask</a>
  1076. <a href="/archive">archive</a>
  1077. <a href="http://cocorini.tumblr.com/" target="_blank">theme</a>
  1078. </div>
  1079. {/block:IfNotShowMacaronNavigationLinks}
  1080.  
  1081. <div id="sidebarimage"><a href="/"><img src="{image:Sidebar Image}"></a></div>
  1082.  
  1083. <div id="sidebartext">
  1084. <div id="title">{Title}</div>
  1085. <div id="desc">{Description}</div>
  1086.  
  1087. {block:IfCustomLink1}
  1088. <select onChange="location.href=this.options[this.selectedIndex].value;">
  1089. <option value="/">{text:Custom Links Title} &rarr;</option>
  1090.  
  1091. <option value="{block:ifCustomLink1URL}{text:Custom Link 1 URL}{/block:ifCustomLink1URL}">{text:Custom Link 1}</option>{/block:IfCustomLink1}
  1092.  
  1093. {block:IfCustomLink2}<option value="{block:ifCustomLink2URL}{text:Custom Link 2 URL}{/block:ifCustomLink2URL}">{text:Custom Link 2}</option>{/block:IfCustomLink2}
  1094.  
  1095. {block:IfCustomLink3}<option value="{block:ifCustomLink3URL}{text:Custom Link 3 URL}{/block:ifCustomLink3URL}">{text:Custom Link 3}</option>{/block:IfCustomLink3}
  1096.  
  1097. {block:IfCustomLink4}<option value="{block:ifCustomLink4URL}{text:Custom Link 4 URL}{/block:ifCustomLink4URL}">{text:Custom Link 4}</option>{/block:IfCustomLink4}
  1098.  
  1099. {block:IfCustomLink5}<option value="{block:ifCustomLink5URL}{text:Custom Link 5 URL}{/block:ifCustomLink5URL}">{text:Custom Link 5}</option>{/block:IfCustomLink5}
  1100.  
  1101. {block:IfCustomLink6}<option value="{block:ifCustomLink6URL}{text:Custom Link 6 URL}{/block:ifCustomLink6URL}">{text:Custom Link 6}</option>{/block:IfCustomLink6}
  1102.  
  1103. {block:IfCustomLink7}<option value="{block:ifCustomLink7URL}{text:Custom Link 7 URL}{/block:ifCustomLink7URL}">{text:Custom Link 7}</option>{/block:IfCustomLink7}
  1104.  
  1105. {block:IfCustomLink8}<option value="{block:ifCustomLink8URL}{text:Custom Link 8 URL}{/block:ifCustomLink8URL}">{text:Custom Link 8}</option>{/block:IfCustomLink8}
  1106.  
  1107. {block:IfCustomLink9}<option value="{block:ifCustomLink9URL}{text:Custom Link 9 URL}{/block:ifCustomLink9URL}">{text:Custom Link 9}</option>{/block:IfCustomLink9}
  1108.  
  1109. {block:IfCustomLink10}<option value="{block:ifCustomLink10URL}{text:Custom Link 10 URL}{/block:ifCustomLink10URL}">{text:Custom Link 10}</option>{/block:IfCustomLink10}
  1110. </select>
  1111. </div></div>
  1112.  
  1113. {block:IfShowEntriesTopPattern}<div id="entriestop"></div>{/block:IfShowEntriesTopPattern}
  1114. {block:IfShowEntriesColumn}<div id="entriesbg"></div>{/block:IfShowEntriesColumn}
  1115.  
  1116. {Block:IfInfiniteScroll}
  1117. <div class="autopagerize_page_element">
  1118. {/Block:IfInfiniteScroll}
  1119.  
  1120. {block:Posts}
  1121. <div class="entry">
  1122.  
  1123. {block:Text}
  1124. {block:Title}<div id="entrytitle">{Title}</div>{/block:Title}
  1125. {Body}
  1126. {/block:Text}
  1127.  
  1128. {block:Photo}
  1129. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  1130. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1131. {/block:Photo}
  1132.  
  1133. {block:Photoset}
  1134. {block:IfNotPosts400}<div class="photo">{Photoset-500}</div>{/block:IfNotPosts400}
  1135. {block:IfPosts400}<div class="photo">{Photoset-400}</div>{/block:IfPosts400}
  1136. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1137. {/block:Photoset}
  1138.  
  1139. {block:Quote}
  1140. <div id="quote">{Quote}</div>
  1141. <div style="text-align: right; font-size: 9px; font-style: italic; padding-top: 3px; letter-spacing: 1px;">—{Source}</div>
  1142. {/block:Quote}
  1143.  
  1144. {block:Link}
  1145. <div id="entrytitle"><a href="{URL}" {Target}>{Name}</a></div>
  1146. {block:Description}{Description}{/block:Description}
  1147. {/block:Link}
  1148.  
  1149. {block:Chat}
  1150. {block:Title}<div id="entrytitle">{Title}</div>{/block:Title}
  1151. <table>
  1152. {block:Lines}<tr><td>{block:Label}<div id="label">{Label}</div>{/block:Label}</td> <td>{Line}</td></tr>{/block:Lines}
  1153. </table>
  1154. {/block:Chat}
  1155.  
  1156. {block:Audio}
  1157. {block:AlbumArt}<div id="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  1158. <div id="audioplayer">{AudioPlayerGrey}</div>
  1159. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist} {block:Album}<br /><b>Album:</b> {Album}{/block:Album} {block:TrackName}<br /><b>Track:</b> {TrackName}{/block:TrackName}<br /><b>Plays:</b> {FormattedPlayCount}
  1160. <br><br>
  1161. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1162. {/block:Audio}
  1163.  
  1164. {block:Video}
  1165. {block:IfNotPosts400}{Video-500}{/block:IfNotPosts400}
  1166. {block:IfPosts400}{Video-400}{/block:IfPosts400}
  1167. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1168. {/block:Video}
  1169.  
  1170. {block:Answer}
  1171. <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
  1172. <div id="ask"><span class="ask">{Asker}</span> {Question}</div>
  1173. {Answer}
  1174. {/block:Answer}
  1175.  
  1176. {block:IndexPage}
  1177. <div id="permalink">
  1178. {block:Date}<span class="date"><a href="{Permalink}">{TimeAgo}</a></span>{/block:Date} {block:NoteCount}❖ <span class="notes"><a href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:NoteCount}
  1179. {block:HasTags}<br>Tagged{block:Tags} ・<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  1180. {block:IfShowLikeReblog}<div id="likereblog">{LikeButton size="14"} <div style="margin-top: 5px;">{ReblogButton size="14"}</div></div>{/block:IfShowLikeReblog}
  1181. </div>
  1182. {/block:IndexPage}
  1183.  
  1184. {block:PermalinkPage}
  1185. {block:IfNotShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfNotShowCaptions}
  1186. <div id="permalink">
  1187. {block:Date}<span class="date">{12Hour}:{Minutes}{AmPm} {ShortDayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}</span>{/block:Date} {block:NoteCount}❖ <span class="notes">{NoteCountWithLabel}</span>{/block:NoteCount}
  1188. {block:RebloggedFrom}<br>via・<a href="{ReblogParentURL}"
  1189. title="{ReblogParentTitle}">{ReblogParentName}</a> &nbsp; source・<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  1190.  {block:HasTags}<br>Tagged{block:Tags} ・<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  1191. </div>
  1192. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1193. {/block:PermalinkPage}
  1194. </div>
  1195.  
  1196. {/block:Posts} {Block:IfInfiniteScroll}</div>{/Block:IfInfiniteScroll}
  1197.  
  1198. {block:IfNotInfiniteScroll}
  1199. {block:Pagination}
  1200. <div id="pagination"><span class="pagination1">Navigate</span> &nbsp; {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  1201. {block:JumpPagination length="5"}
  1202. {block:CurrentPage}<span class="current_page"><span class="pagination2">&nbsp;{PageNumber}&nbsp;</span></span>{/block:CurrentPage}
  1203. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1204. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  1205. </div>
  1206. {/block:Pagination}
  1207. {/block:IfNotInfiniteScroll}
  1208.  
  1209. </div></div>
  1210.  
  1211. <div id="credit"><a href="http://cocorini.tumblr.com" target="_blank">☂</a></div>
  1212.  
  1213. </body></html>
RAW Paste Data
Pastebin PRO Autumn Special!
Get 40% OFF on Pastebin PRO accounts!
Top