API tools faq
paste
Advertisement
zeldalise

Theme 16: Turning a New Leaf

zeldalise
Aug 14th, 2013
11,117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <!----
  5.  
  6. © THEME #16: TURNING A NEW LEAF | MADE BY ZELDATHEMES.TUMBLR.COM
  7.  
  8. * Do NOT redistribute this theme.
  9. * Do NOT claim this theme as your own work.
  10. * Do NOT move/remove the credit from this theme.
  11. * Minor/major changes to this theme ARE allowed.
  12.  
  13. ---->
  14.  
  15. <head>
  16.  
  17. <!----------------------- DEFAULT VARIABLES -------------------------->
  18.  
  19. <meta name="image:Background" content="http://static.tumblr.com/122454a9a475d5f170ef4cff3d426330/imnherg/XoLmk6me8/tumblr_static_tumblr_miuw21d79a1s736d6o1_r2_500.png"/>
  20. <meta name="image:Sidebar" content="http://static.tumblr.com/imnherg/lNKn4widn/zeldathemes_placeholder.jpg"/>
  21. <meta name="image:TPC Icon" content="http://static.tumblr.com/imnherg/lNKn4widn/zeldathemes_placeholder.jpg"/>
  22.  
  23. <meta name="font:CustomFont" content="Helvetica" />
  24.  
  25. <meta name="text:Fortune Cookie Link Url" content="http://" />
  26. <meta name="text:Sapphire Link Url" content="http://" />
  27. <meta name="text:Link 1 Url" content="http://" />
  28. <meta name="text:Link 1 Title" content="Link 1" />
  29. <meta name="text:Link 2 Url" content="http://" />
  30. <meta name="text:Link 2 Title" content="Link 2" />
  31. <meta name="text:Link 3 Url" content="http://" />
  32. <meta name="text:Link 3 Title" content="Link 3" />
  33. <meta name="text:Link 4 Url" content="http://" />
  34. <meta name="text:Link 4 Title" content="Link 4" />
  35. <meta name="text:Link 5 Url" content="http://" />
  36. <meta name="text:Link 5 Title" content="Link 5" />
  37.  
  38. <meta name="text:Villager 1 Name" content="Name" />
  39. <meta name="text:Villager 1 Image URL" content="" />
  40. <meta name="text:Villager 2 Name" content="Name" />
  41. <meta name="text:Villager 2 Image URL" content="" />
  42. <meta name="text:Villager 3 Name" content="Name" />
  43. <meta name="text:Villager 3 Image URL" content="" />
  44. <meta name="text:Villager 4 Name" content="Name" />
  45. <meta name="text:Villager 4 Image URL" content="" />
  46. <meta name="text:Villager 5 Name" content="Name" />
  47. <meta name="text:Villager 5 Image URL" content="" />
  48. <meta name="text:Villager 6 Name" content="Name" />
  49. <meta name="text:Villager 6 Image URL" content="" />
  50. <meta name="text:Villager 7 Name" content="Name" />
  51. <meta name="text:Villager 7 Image URL" content="" />
  52. <meta name="text:Villager 8 Name" content="Name" />
  53. <meta name="text:Villager 8 Image URL" content="" />
  54. <meta name="text:Villager 9 Name" content="Name" />
  55. <meta name="text:Villager 9 Image URL" content="" />
  56. <meta name="text:Villager 10 Name" content="Name" />
  57. <meta name="text:Villager 10 Image URL" content="" />
  58.  
  59. <meta name="text:Speech Bubble" content="Hello, there!" />
  60. <meta name="text:Location" content="Someplace?" />
  61. <meta name="text:Town Name" content="Town Name" />
  62. <meta name="text:Mayor Name" content="Your Name" />
  63. <meta name="text:Birthday" content="January 1" />
  64. <meta name="text:Dream Address" content="1111 - 1111 - 1111" />
  65.  
  66. <meta name="text:Blog Title" content="turning a new leaf" />
  67.  
  68. <meta name="if:WebkitScroll" content="1" />
  69. <meta name="if:ShowTags" content="0" />
  70. <meta name="if:CustomFont" content="0" />
  71. <meta name="if:BackgroundStretch" content="0" />
  72. <meta name="if:LargerText" content="0" />
  73. <meta name="if:ShowLeftIcon" content="1" />
  74. <meta name="if:ShowTPC" content="1" />
  75. <meta name="if:PinkTPC" content="1" />
  76. <meta name="if:ShowLink1" content="1" />
  77. <meta name="if:ShowLink2" content="1" />
  78. <meta name="if:ShowLink3" content="1" />
  79. <meta name="if:ShowLink4" content="1" />
  80. <meta name="if:ShowLink5" content="1" />
  81. <meta name="if:ShowVillagers" content="1" />
  82. <meta name="if:SlidingPostInfo" content="1" />
  83. <meta name="if:ToolTips" content="1" />
  84.  
  85. <meta name="color:Background" content="#DDDDDD"/>
  86. <meta name="color:Posts" content="#FFFFFF" />
  87. <meta name="color:Post Title" content="#000000" />
  88.  
  89. <meta name="color:Link" content="#AF5875" />
  90. <meta name="color:Link Hover" content="#643646" />
  91. <meta name="color:Text" content="#555555" />
  92. <meta name="color:Bold" content="#000000" />
  93. <meta name="color:Italic" content="#000000" />
  94. <meta name="color:Blockquote" content="#EFEFEF" />
  95.  
  96. <meta name="color:Blog Title" content="#000000" />
  97. <meta name="color:Sidebar Image Border" content="#FFFFFF"/>
  98. <meta name="color:Left Icon Border" content="#FFFFFF"/>
  99. <meta name="color:Left Icon Links BG" content="#FFFFFF"/>
  100. <meta name="color:Extra Links BG" content="#000000"/>
  101. <meta name="color:Extra Links Text" content="#FFFFFF"/>
  102. <meta name="color:Extra Links BG Hover" content="#FFFFFF"/>
  103. <meta name="color:Extra Links Text Hover" content="#000000"/>
  104. <meta name="color:Description BG" content="#FFFFFF"/>
  105. <meta name="color:Description Text" content="#333333"/>
  106. <meta name="color:Villagers Title" content="#000000"/>
  107.  
  108. <meta name="color:Ending Text" content="#888888" />
  109. <meta name="color:Ending Link Hover" content="#BBBBBB" />
  110. <meta name="color:Question BG" content="#EEEEEE" />
  111. <meta name="color:Question Text" content="#333333" />
  112. <meta name="color:Question Shadow" content="#BBBBBB" />
  113. <meta name="color:Quote Line" content="#DDDDDD" />
  114. <meta name="color:Scroll" content="#555555" />
  115. <meta name="color:Scroll BG" content="#999999" />
  116.  
  117. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  118.  
  119. <!------------------------ VARIOUS SCRIPTS --------------------------->
  120.  
  121. <script type="text/javascript" src="http://static.tumblr.com/kwlg23j/QXAlgobzw/jquery-1.5.min.js"></script>
  122.  
  123. {block:ifTooltips}
  124. <script type="text/javascript" src="http://static.tumblr.com/vaqsgdj/m5lloo7bn/jquery.style-my-tooltips.js"></script>
  125. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_delay_time:100});});})(jQuery);</script>
  126. {/block:ifTooltips}
  127.  
  128. <!---------------------- CUSTOM FONT SCRIPTS ------------------------->
  129.  
  130. <link href='http://fonts.googleapis.com/css?family=Exo+2:400,400italic,700,700italic|Tulpen+One' rel='stylesheet' type='text/css'>
  131.  
  132. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  133.  
  134. <!--------------------- DEFAULT TUMBLR STUFF ------------------------->
  135.  
  136. <title>{Title}</title>
  137. <link rel="shortcut icon" href="{Favicon}">
  138. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  139. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  140.  
  141. <style type="text/css">
  142.  
  143. @font-face{font-family:Minecraftia; src:url('https://dl.dropboxusercontent.com/s/0h5grf9yp86v35i/04b_03__.ttf');}
  144.  
  145. @font-face{font-family:Letters; src:url('https://dl.dropboxusercontent.com/s/pvo08i4y2h17tnk/pwflymetothemoon.ttf');}
  146.  
  147. @font-face {font-family: 'FinkHeavy'; src: url('https://dl.dropboxusercontent.com/s/9lcngev18ty8n34/minya_nouvelle_bd.otf') format('truetype'); font-weight: normal; font-style: normal;}
  148.  
  149. /* ---------------------------- SCROLL ----------------------------- */
  150.  
  151. {block:IfWebkitScroll}
  152. ::-webkit-scrollbar-thumb:vertical
  153. {background-color: {color:Scroll}; height: 0px;}
  154. ::-webkit-scrollbar
  155. {height: 0px; width: 5px; background-color:{color:Scroll BG};}
  156. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator
  157. {display:none;}
  158. {/block:IfWebkitScroll}
  159.  
  160. /* ------------------------- SMT TOOLTIP --------------------------- */
  161.  
  162. #s-m-t-tooltip {position:absolute; background-color:{color:Link}; padding:5px; z-index:99999999999999; display:inline-block; text-transform:uppercase; font-size:10px; line-height:10px; color:{color:Posts}; letter-spacing:1px; margin:3px; -webkit-transition:all 0s ease-out; -moz-transition:all 0s ease-out; transition:all 0s ease-out;}
  163.  
  164. /* ----------------------------- BODY ------------------------------ */
  165.  
  166. body {background-color:{color:Background}; color:{color:text}; font-family:calibri; {block:ifCustomFont}font-family: {font:CustomFont};{/block:ifCustomFont} background-attachment: fixed; font-size:11px; {block:ifLargerText}font-size:12px;{/block:ifLargerText} margin:0; background-image: url('{image:Background}');
  167. {block:ifBackgroundStretch}
  168. -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
  169. {/block:ifBackgroundStretch}}
  170.  
  171. a {text-decoration:none; color:{color:Link};-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  172.  
  173. a:hover {text-decoration:none; color:{color:Link Hover};-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  174.  
  175. b, strong {color: {color:Bold};}
  176. i, em {color: {color:Italic};}
  177.  
  178. #content {width:940px; margin:auto;}
  179.  
  180. #credits {position:fixed; bottom:20px; left:-10px; width:20px;}
  181. .credit {padding:10px 10px; position:absolute; left:10px; width:0px;
  182. overflow:hidden; border-top:1px {color:Text} solid; border-right:1px {color:Text} solid; background-color:{color:Posts}; height:0px; -moz-border-radius:0px 5px 0px 0px; -webkit-border-radius:0px 5px 0px 0px; border-radius:0px 5px 0px 0px; opacity:0.85;}
  183. .credit span {display:block; opacity:0; position:relative; top:0px; left:0px; width:85px; padding:3px 7px; top:-8px; left:-11px; text-transform:uppercase; font-family:'Exo 2'; font-size:8px; background-color:{color:Posts}; color:{color:Text}; letter-spacing:1px;}
  184. .credit .creditz {font-size:15px; position: absolute; top:-1px; height:100%; left:4px; width:20px; color:{color:Text};}
  185. #credits:hover .credit{width:54px;}
  186. #credits:hover .credit span{opacity:1;}
  187. #credits:hover .creditz {left:-15px;}
  188. .credit, #credits:hover .credit, .credit span, #credits:hover .credit span, .credit .creditz, #credits:hover .credit .creditz{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  189.  
  190. #tpcredit a {position:fixed; bottom:22px; left:-10px;font-family:'MineCraftia'; font-size:10px; text-shadow:0px 0px 5px #fff; color:#000; width:40px; text-align:center;}
  191.  
  192. /* ----------- BLOCKQUOTES (TOO MANY IF YOU ASK ME) --------------- */
  193.  
  194. blockquote {margin:10px 0px; display:block; position:relative; border:5px solid {color:Blockquote}; background-color:{color:Blockquote}; padding:0px 10px;}
  195.  
  196. blockquote img {max-width:100%!important;}
  197.  
  198. blockquote:before {content:''; position:absolute; height:100%; padding:5px 0px; top:-5px; left:-5px;}
  199.  
  200. blockquote blockquote, blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {margin:10px; background-color:{color:Posts}!important; border: 5px solid {color:Posts}; }
  201.  
  202. blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {margin:10px; background-color:{color:Blockquote}!important; border:5px solid {color:Blockquote};}
  203.  
  204. /* -------------------------- SIDEBAR ------------------------------ */
  205.  
  206. #sidebar {position:fixed; top:0px; margin-left:0px;}
  207.  
  208. #slider {margin-top:20px; margin-left:0px; width:360px; height:255px; background-color:transparent; border:10px {color:Sidebar Image Border} solid; overflow:hidden;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background-image:url('http://static.tumblr.com/a2353770d6c0f71768834f5677c8a3c2/vehwjyb/Y27mitcef/tumblr_static_ac_green_grass_wallpaper_by_rush57.png'); font-family:'MineCraftia'; word-spacing:-2px; color:#000;}
  209. #slideup {margin-top:0px; width:360px; height:255px; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  210. #slideup img {width:360px; height:255px;}
  211. #slider:hover #slideup {margin-top:0px;{block:ifShowTPC}margin-top:-255px;{/block:ifShowTPC}-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  212.  
  213. #hover {margin-left:315px; margin-top:-17px; width:45px; height:17px; text-shadow:0px 0px 5px #fff; text-transform:uppercase; font-size:13px;}
  214.  
  215. /* ----------------------- TOWN PASS CARD -------------------------- */
  216.  
  217. #tpc {}
  218. #tpc img {width:350px; padding:5px;}
  219. #tpc_message {margin-top:-245px; margin-left:39px; font-size:15px; height:16px; line-height:16px; overflow:hidden; width:288px; opacity:0.5;}
  220. #tpc_icon {margin-top:33px; margin-left:26px; width:78px; height:114px;}
  221. #tpc_icon img {width:71px; height:106px; border:4px #fff solid;}
  222. #tpc_location {margin-top:-120px; margin-left:120px; font-size:13px; opacity:0.5;}
  223. #tpc_town {margin-top:8px; margin-left:135px; font-size:16px; opacity:0.6; height:20px; overflow:hidden;}
  224. #tpc_mayor {margin-top:14px; margin-left:135px; font-size:16px; opacity:0.6; height:20px; overflow:hidden;}
  225. #tpc_birthday {margin-top:20px; margin-left:135px; font-size:16px; opacity:0.6; width:195px; text-align:right; height:20px; overflow:hidden;}
  226. #tpc_dream {margin-top:10px; margin-left:131px; font-size:14px; opacity:0.5; width:192px; text-align:right; line-height:16px; height:32px; overflow:hidden;}
  227.  
  228. /* ------------------------- LEFT SIDE ----------------------------- */
  229.  
  230. #lefticon {width:80px; height:80px; border:10px {color:Left Icon Border} solid; margin-left:0px; margin-top:10px; background-color:{color:Left Icon Border};}
  231. #lefticon img {width:80px; height:80px;}
  232. #lefticonlinks {margin-top:0px; {block:ifShowLeftIcon}margin-top:-83px;{/block:ifShowLeftIcon} width:80px; opacity:1; {block:ifShowLeftIcon}opacity:0;{/block:ifShowLeftIcon} -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  233. #lefticon:hover #lefticonlinks {opacity:1; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  234. #lefticonlinks img {width:auto; height:auto;}
  235. #lefticonlinks a {display:inline-block; width:20px; height:20px; padding:13px 10px 9px 10px; background-color:{color:Left Icon Links BG}; opacity:0.6; margin:0px -2px 0px 0px; text-align:center; line-height:20px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  236. #lefticonlinks a:hover {opacity:0.9; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  237.  
  238. #extralinks {margin-top:7px; width:100px; text-align:center;}
  239. #extralinks a {width:70px; padding:6px 10px 5px 10px; display:inline-block; background-color:{color:Extra Links BG}; color:{color:Extra Links Text}; margin:3px 0px 2px 0px; text-transform:uppercase; letter-spacing:2px; font-family:'MineCraftia'; font-size:10px; border-left:5px {color:Extra Links BG} solid; border-right:5px {color:Extra Links BG} solid;}
  240. #extralinks a:hover {background-color:{color:Extra Links BG Hover}; color:{color:Extra Links Text Hover};}
  241.  
  242. #navlinks1 {margin-top:5px; margin-left:-2px; width:102px; text-align:center;}
  243. #navlinks1 a {display:inline-block; background-color:{color:Extra Links BG}; color:{color:Extra Links Text}!important; padding:0px 11px 3px 11px; margin:0px 1px 0px 2px; font-family:'Economica'; font-size:16px;border-left:5px {color:Extra Links BG} solid; border-right:5px {color:Extra Links BG} solid;}
  244. #navlinks1 a:hover {background-color:{color:Extra Links BG Hover}; color:{color:Extra Links Text Hover}!important;}
  245.  
  246. /* ------------------------ DESCRIPTION ---------------------------- */
  247.  
  248. #description {position:fixed; margin-top:307px; margin-left:110px; width:240px; background-color:{color:Description BG}; padding:15px; text-align:justify; color:{color:Description Text}}
  249.  
  250. #villagert {margin:15px 0px 15px 0px; width:150px; background-color:{color:Description BG}; color:{color:Villagers Title}; text-align:center; text-transform:uppercase; letter-spacing:2px; border-left:45px {color:Villagers Title} solid; border-right:45px {color:Villagers Title} solid; font-size:10px; line-height:10px; font-family:'MineCraftia';}
  251. #villagers {text-align:center;}
  252. #villagers img {height:22px;}
  253.  
  254. /* -------------------------- ENTRIES ------------------------------ */
  255.  
  256. #blogtitle {margin-top:-2px; width:540px; margin-left:400px; text-align:center; font-size:50px; font-family:'Letters'; word-spacing:12px; color:{color:Blog Title}; letter-spacing:1px;}
  257.  
  258. #posts {margin-top:10px; margin-left:400px; margin-bottom:20px;}
  259.  
  260. .entry {background-color:{color:Posts}; padding:20px 20px 5px 20px; overflow:hidden; position:relative; width:500px; margin-bottom:20px;}
  261.  
  262. .entry h1 {font-family:'FinkHeavy'; font-size:24px; color:{color:Post Title}; font-weight:normal; text-transform:none; text-align:left; margin:0; letter-spacing:1px;}
  263.  
  264. .entry img {max-width: 500px;}
  265.  
  266. /* ---------------------------- CHAT ------------------------------- */
  267.  
  268. .chat .line {font-size:11px; font-color:{color:Text}; margin:0px 1px; padding:4px;}
  269. .label {font-weight:none; color:{color:Bold}; font-size:10px; {block:ifLargerText}font-size:11px;{/block:ifLargerText} font-family:'Minecraftia';}
  270.  
  271. /* --------------------------- QUOTE ------------------------------- */
  272.  
  273. .short_quote, .medium_quote, .long_quote {font-family:'FinkHeavy'; height:auto; margin-top:45px; padding:6px; text-align:center;letter-spacing:0px;}
  274. .short_quote {font-size:28px; line-height:26px;}
  275. .medium_quote {font-size:24px; line-height:23px;}
  276. .long_quote {font-size:20px; line-height:21px;}
  277. .source {text-align:center; font-style:none; text-transform:uppercase; font-size:12px; letter-spacing:2px; margin-top:10px; margin-bottom:5px; font-family:'MineCraftia'; opacity:0.8;}
  278.  
  279. #quotesymbol {position:absolute; font-size:72px; margin-top:-3px; margin-left:238px; font-family:arial; color:{color:Link}; opacity:0.8;}
  280. #quoteline {position:absolute; width:500px; height:5px; background-color:{color:Quote Line}; margin-top:15px; margin-left:0px;}
  281. #quotecircle {margin-left:230px; margin-top:-2px;position:absolute; width:30px; height:30px; background-color:{color:Posts}; border:5px {color:Quote Line} solid;}
  282.  
  283. /* --------------------------- LINKS ------------------------------- */
  284.  
  285. #linktitle {width:500px;}
  286.  
  287. .linktexttitle {font-family:'FinkHeavy'; text-transform:uppercase; font-size:34px; letter-spacing:1px; line-height:34px; padding-bottom:5px; text-align:left; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; text-align:center; opacity:0.8;}
  288. .linktexttitle:hover {opacity:1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  289. .linkdescription {padding:0px; margin:0px; text-align:left;}
  290.  
  291. /* --------------------------- AUDIO ------------------------------- */
  292.  
  293.  
  294. #audentryprob {display:block; position:relative; min-height:120px; text-align:left;}
  295. .audentry {width:490px; position:relative; padding:5px; min-height:120px;}
  296.  
  297. .audioplayercircle {position:absolute; z-index:3; background:#fff; -webkit-border-radius:50px; -moz-border-radius:50px; top:35px; left:35px; opacity:0.5; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  298. .audioplayercircle:hover {opacity:1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  299. .audioplayer {width:20px; height:30px; overflow:hidden; margin:17px 24px 13px 16px;}
  300.  
  301. .audiodata, .audiodata2, .audiodata3, .audiodata4 {text-transform:none; height:16px; padding:8px 0px 0px 0px!important; vertical-align:middle;}
  302. .audiodata b, .audiodata2 b, .audiodata3 b, .audiodata4 b {font-family: 'Minecraftia'; font-size:10px; {block:ifLargerText}font-size:11px;{/block:ifLargerText} text-transform:uppercase; letter-spacing: 1px; font-weight:normal;}
  303. .audiodata4 {padding:10px 0px 13px 0px!important;}
  304.  
  305. /* ------------------------- ASK POSTS ----------------------------- */
  306.  
  307. #question {width:470px; padding:10px 15px; background-color: {color:Question BG}; color:{color:Question Text}; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 7px 6px -5px {color:Question Shadow}; -moz-box-shadow:0px 7px 6px -5px {color:Question Shadow}; box-shadow:0px 7px 6px -5px {color:Question Shadow}}
  308.  
  309. #asker {text-align:left; vertical-align:bottom; margin-top:2px; margin-left:20px; font-size:9px; letter-spacing:1px; font-family:'Exo 2'; text-transform:uppercase; line-height:18px;}
  310.  
  311. #asker a {color:{color:Text}}
  312. #asker a:hover {color:{color:Link Hover}}
  313.  
  314. #asker img {float:left; max-height:16px; margin-left: 26px; margin-right: 5px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-filter: grayscale(1); opacity:0.9;}
  315.  
  316. #arrow {width: 13px; height: 7px; font-size:32px; margin-top:-15px; margin-left:18px; font-family:'trebuchet ms'; color:{color:Question BG}}
  317.  
  318. /* -------------------------- ENDING ------------------------------- */
  319.  
  320. #ending {width:540px; overflow:hidden; margin:2px 0px -4px -20px; height:28px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; font-size:8px!important; text-transform:uppercase; font-family:'Exo 2'!important; letter-spacing:1px; color:{color:Ending Text}!important;}
  321. #ending a {color:{color:Ending Text};}
  322. #ending a:hover {color:{color:Ending Link Hover}!important;}
  323. #ending b {color:{color:Ending Text}!important;}
  324.  
  325. #ending .fa {color:{color:Ending Text}; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .entries:hover #ending .fa {color:{color:Ending Link Hover}; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  326.  
  327. .lnotes {position:absolute; margin-top:4px; margin-left:-6px; text-align:left;} .fa-1a {font-size:1.1em;}
  328. .like_button {position:relative; display:inline-block; cursor:pointer!important; overflow:hidden; margin-top:-1px;}
  329. .like_button iframe {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
  330. .like_button::before {content:'❤'; text-transform:lowercase!important; position:relative; font-size:9px;}
  331. .like_button:hover::before, .like_button.liked::before {color:#ff0000; cursor:pointer!important;}
  332.  
  333. .rnotes {margin-left:0px; position:relative; padding-top:5px; padding-bottom:6px; padding-left:15px; margin-top:0px; background-color:{color:Posts}; padding-right:25px; text-align:right; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  334. .rnotes a {text-decoration:none; padding-left:3px;}
  335. .rnotes a:hover{color:{color:Ending Link Hover};}
  336.  
  337. .endsource, .endnotes, .endtime {position:relative; padding-right:15px; padding-left:10px; width:520px; text-align:left; overflow:hidden; line-height:16px; height:20px; margin-bottom:-6px; padding-bottom:6px; padding-top:17px; overflow:hidden; background-color:{color:Posts};}
  338. .endsource, .endnotes, .endtime, .endsource:hover, .endnotes:hover, .endtime:hover, .like_button::before, .like_button:hover::before, .like_button.liked::before {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  339.  
  340. .endsource {margin-left:452px; margin-top:-16px;}
  341. .endsource:hover {margin-left:373px;}
  342. .endnotes {margin-left:471px; margin-top:-43px;}
  343. .endnotes:hover {margin-left:400px;}
  344. .endtime {margin-left:492px; margin-top:-43px;}
  345. .endtime:hover {margin-left:380px;}
  346.  
  347. /* ---------------------- ENDING (N0-SLIDE) ------------------------ */
  348.  
  349. #noslide {font-family:'Exo 2'; font-size:8px; {block:ifLargerText}font-size:9px;{/block:ifLargerText} letter-spacing:1px; text-transform:uppercase; margin-top:-6px; margin-right:5px; position:relative;}
  350. #noslide_bar {margin:6px 0px 0px 5px; width:500px; height:1px; background-color:{color:Ending Text}; opacity:0.5; position:relative;}
  351.  
  352. /* ------------------------- PERMALINK ----------------------------- */
  353.  
  354. .permalink {position:relative!important; float:none; line-height:18px; letter-spacing:1px; color:{color:Title Inside}; text-transform:uppercase; text-align:center; width:500px; padding:10px 10px 20px 10px; margin-left:10px; margin-bottom:20px; margin-top:-25px; font-family:'Exo 2'; font-size:9px;}
  355. .permalink blockquote {padding:4px; padding-left:14px; margin-left:3px;}
  356. ol.notes {padding:0px; list-style-type:none; background:transparent; letter-spacing:1px; padding-top:10px; margin-top:10px; margin-bottom:0px;}
  357. ol.notes li.note {padding: 1px; text-align: left;}
  358. .notes img {border-radius:8px; opacity:0.8; vertical-align:middle; width:10px; position:relative; margin-top:-2px; margin-right:5px;}
  359. .post_tags {width:420px; letter-spacing:1px; margin-top:15px;}
  360. .post_tags a {display:inline-block; margin:3px; background-color:{color:Link}; color:{color:Posts}; padding:4px 6px 3px 6px; opacity:0.7; word-spacing:break-word;}
  361. .post_tags a:hover {opacity:1; border-bottom:none; color:{color:Posts};}
  362.  
  363. /* ------------------------- TUMBLR CONTROLS --------------------------- */
  364.  
  365. iframe#tumblr_controls {-webkit-transition: opacity 0.7s linear; opacity: 0.5; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  366.  
  367. iframe#tumblr_controls:hover {-webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
  368.  
  369. /* --------------------------- CUSTOM CSS ------------------------------ */
  370.  
  371. {CustomCSS}
  372.  
  373. </style>
  374.  
  375. </head>
  376.  
  377. <body>
  378.  
  379. <a href="http://zeldathemes.tumblr.com/"><div id="credits">
  380. <div class="credit"><div class="creditz">ℤ</div>
  381. <span>zeldathemes</span></div></div></div></a>
  382. <div id="tpcredit"><a href="http://fandomrainbow.tumblr.com/post/57856221437/here-are-the-blank-town-pass-card-templates-i">TPC CRED</a></div>
  383.  
  384. <div id="content">
  385.  
  386. <div id="sidebar">
  387. <div id="slider">
  388. <div id="slideup"><img src="{image:Sidebar}"></div>
  389. {block:ifShowTPC}
  390. <div id="hover">hover</div>
  391. <div id="tpc">
  392. {block:ifNotPinkTPC}<img src="http://31.media.tumblr.com/1fad4e11925fa817c9a645055e034c74/tumblr_mratv1YDqQ1qa6dm1o1_1280.png"></div>{/block:ifNotPinkTPC}
  393. {block:ifPinkTPC}<img src="http://24.media.tumblr.com/2094d59768fab6af5bb06ab0878a83df/tumblr_mratv1YDqQ1qa6dm1o2_1280.png"></div>{/block:ifPinkTPC}
  394. <div id="tpc_message">{text:Speech Bubble}</div>
  395. <div id="tpc_icon"><img src="{image:TPC Icon}"></div>
  396. <div id="tpc_location">{text:Location}</div>
  397. <div id="tpc_town">{text:Town Name}</div>
  398. <div id="tpc_mayor"><span style="opacity:0.6;">Mayor</span> {text:Mayor Name}</div>
  399. <div id="tpc_birthday">Birthday: <span style="opacity:0.6;">{text:Birthday}</span></div>
  400. <div id="tpc_dream"><span style="padding-right:75px;">Dream Address</span><br><span style="opacity:0.6;">{text:Dream Address}</span></div>
  401. {/block:ifShowTPC}</div>
  402. <div id="lefticon">{block:ifShowLeftIcon}<img src="{PortraitURL-96}">{/block:ifShowLeftIcon}
  403. <div id="lefticonlinks">
  404. <a href="/"><img src="http://i1168.photobucket.com/albums/r486/zeldalise/Personal%20Use/furniture_zps4be0b7ec.gif"></a>
  405. <a href="/ask"><img src="http://i1168.photobucket.com/albums/r486/zeldalise/Personal%20Use/letter-incoming-a_zpsef8cd8cf.gif"></a>
  406. <a href="{text:Fortune Cookie Link URL}"><img src="http://i1168.photobucket.com/albums/r486/zeldalise/Personal%20Use/fortune-cookie_zps43326e2e.gif"></a>
  407. <a href="{text:Sapphire Link URL}"><img src="http://i1168.photobucket.com/albums/r486/zeldalise/Personal%20Use/sapphire_zpsece34652.gif"></a>
  408. </div>
  409. </div>
  410. <div id="extralinks">
  411. {block:ifShowLink1}
  412. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  413. {/block:ifShowLink1}
  414. {block:ifShowLink2}
  415. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  416. {/block:ifShowLink2}
  417. {block:ifShowLink3}
  418. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  419. {/block:ifShowLink3}
  420. {block:ifShowLink4}
  421. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  422. {/block:ifShowLink4}
  423. {block:ifShowLink5}
  424. <a href="{text:Link 5 URL}">{text:Link 5 Title}</a>
  425. {/block:ifShowLink5}
  426. </div>
  427.  
  428. <div id="navlinks1">
  429. {block:PreviousPage}
  430. <a href="{PreviousPage}">⇠</a>
  431. {/block:PreviousPage}
  432. {block:NextPage}
  433. <a href="{NextPage}">⇢</a>
  434. {/block:NextPage}
  435. </div>
  436.  
  437. </div>
  438.  
  439. <div id="description">{Description}
  440. {block:ifShowVillagers}
  441. <div id="villagert">villagers in town</div>
  442. <div id="villagers">
  443. <a title="{text:Villager 1 Name}"><img src="{text:Villager 1 Image URL}"></a><a title="{text:Villager 2 Name}"><img src="{text:Villager 2 Image URL}"></a><a title="{text:Villager 3 Name}"><img src="{text:Villager 3 Image URL}"></a><a title="{text:Villager 4 Name}"><img src="{text:Villager 4 Image URL}"></a><a title="{text:Villager 5 Name}"><img src="{text:Villager 5 Image URL}"></a><a title="{text:Villager 6 Name}"><img src="{text:Villager 6 Image URL}"></a><a title="{text:Villager 7 Name}"><img src="{text:Villager 7 Image URL}"></a><a title="{text:Villager 8 Name}"><img src="{text:Villager 8 Image URL}"></a><a title="{text:Villager 9 Name}"><img src="{text:Villager 9 Image URL}"></a><a title="{text:Villager 10 Name}"><img src="{text:Villager 10 Image URL}"></a>
  444. </div>
  445. {/block:ifShowVillagers}
  446. </div>
  447.  
  448. <div id="titlebox">
  449. <div id="blogtitle">{text:Blog Title}</div>
  450. </div>
  451.  
  452. <div id="posts">
  453.  
  454. {block:Posts}
  455.  
  456. {block:ContentSource}
  457. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  458. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  459. {/block:SourceLogo}
  460. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  461. {/block:ContentSource}
  462.  
  463. <div class="entry">
  464.  
  465. {block:Text}
  466. {block:Title}<h1>{Title}</h1>{/block:Title}
  467. <div style="margin-bottom:15px;">{Body}</div>
  468. {/block:Text}
  469.  
  470. {block:Photo}
  471. {block:ifSlidingPostInfo}<img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}">
  472. {block:Caption}{Caption}{/block:Caption}{/block:ifSlidingPostInfo}
  473. {block:ifNotSlidingPostInfo}<div style="margin-bottom:5px;"><img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"></div>
  474. {block:Caption}<div style="margin-top:-5px;">{Caption}</div>{/block:Caption}{/block:ifNotSlidingPostInfo}
  475. {/block:Photo}
  476.  
  477. {block:Photoset}
  478. <div class="photo">{Photoset-500}
  479. </div>
  480. {block:Caption}{Caption}{/block:Caption}
  481. {/block:Photoset}
  482.  
  483. {block:Quote}<div id="quoteline"></div><div id="quotecircle"></div><div id="quotesymbol">&#8220;</div><div class="{Length}_quote">{Quote}{block:Source}<div class="source">{Source}</div>{/block:Source}</div>{/block:Quote}
  484.  
  485. {block:Link}
  486. <div id="linktitle"><div class="linktexttitle"><a href="{URL}" class="linkpost" target="_blank">{Name}</a></div></div>
  487. {block:Description}
  488. <div class="linkdescription">{Description}</div>
  489. {/block:Description}
  490. {/block:Link}
  491.  
  492. {block:Chat}
  493. {block:Title}<h1>{Title}</h1>{/block:Title}
  494. <div class="chat">
  495. {block:Lines}<div class="chat"><div class="line {Alt}">
  496. <div class="{Alt} user_{UserNumber}">
  497. {block:Label}
  498. <span class="label"><span style="text-transform:uppercase; letter-spacing:1px">{Label}</span></span>
  499. {/block:Label}
  500. {Line}</div>
  501. </div></div>
  502. {/block:Lines}
  503. </div>
  504. {/block:Chat}
  505.  
  506. {block:Audio}<div id="audentryprob"><div class="audentry"><img src="http://static.tumblr.com/2lqtwbf/hLRlz1vgy/2.png" alt="default album art" width="120" height="120" style="position:absolute; vertical-align:middle;" />{block:AlbumArt}<img width="120" height="120" src="{AlbumArtURL}" style="position:absolute;" />{/block:AlbumArt}<div class="audioplayercircle"><div class="audioplayer">{AudioPlayerWhite}</div></div><div class="something"><table style="float:right;" width="360px" cellspacing="1px" cellpadding="0">{block:TrackName}<tr><td class="audiodata"><b>Song: </b>{TrackName}</td></tr>{/block:TrackName}{block:Artist}<tr><td class="audiodata2"><b>Artist: </b> {Artist}</td></tr>{/block:Artist}{block:Album}<tr><td class="audiodata3"><b>Album: </b>{Album}</td></tr>{/block:Album}<tr><td class="audiodata4"><b>Plays: </b>{FormattedPlayCount}</td></tr>{block:ExternalAudio}<tr><td class="audiodata"><a href="{ExternalAudioURL}" target="_blank">Source</a></td></tr>{/block:ExternalAudio}</table></div></div>{block:Caption}<tr><td class="aucap">{Caption}</td></tr>{/block:Caption}</div>{/block:Audio}
  507.  
  508. {block:Video}
  509. {Video-500}
  510. <center><i>{FormattedPlayCount}</i> plays</center><br />
  511. {block:Caption}{Caption}{/block:Caption}
  512. {/block:Video}
  513.  
  514. {block:Answer}
  515. <div id="question">{Question}</div>
  516. <div id="arrow">◥</div>
  517. <br>
  518. <div id="asker"><img src="{AskerPortraitURL-24}">{Asker}</div>
  519. {Answer}
  520. {/block:answer}
  521.  
  522. {block:Date}
  523.  
  524. <div id="ending">
  525. <div class="rnotes">
  526.  
  527. {block:ifSlidingPostInfo}
  528.  
  529. <div class="lnotes"><a href="{ReblogURL}" title="reblog this post"><i class="fa fa-exchange fa-1a"></i></a><div style="margin-top:-11px; margin-left:22px;"><span title="like this post">{LikeButton color="grey" size="10"}</span></div></div>
  530.  
  531. <div class="endsource">{block:RebloggedFrom}<td><span style="padding-right:8px;"><b>I.</b></span></td><a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">VIA</a><span style="letter-spacing:5px;"> |</span><a href="{ReblogRootURL}" title="{ReblogRootName}" target="_blank">SOURCE</a>{/block:RebloggedFrom}</div>
  532. <div class="endnotes"><td><span style="padding-right:8px;"><b>II.</b></span></td><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  533. <div class="endtime"><td><span style="padding-right:8px;"><b>III.</b></span></td><a href="{Permalink}">{12Hour}:{Minutes} {CapitalAmPm}<span style="padding:0px 5px;">|</span>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></div>
  534.  
  535. {/block:ifSlidingPostInfo}
  536.  
  537. {block:ifNotSlidingPostInfo}
  538. <div id="noslide_bar"></div>
  539. <div id="noslide"><span style="background-color:{color:Posts}; padding:0px 7px 0px 5px;">
  540. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">VIA</a> - <a href="{ReblogRootURL}" title="{ReblogRootName}" target="_blank">SOURCE</a><span style="padding:0px 0px 0px 5px;"> // </span>{/block:RebloggedFrom}<a href="{Permalink}">{NoteCount} notes</a><span style="padding:0px 0px 0px 5px;"> // </span><a href="{Permalink}">{12Hour}:{Minutes} {CapitalAmPm}</a><span style="padding:0px 0px 0px 5px;"> // </span><a href="{ReblogURL}">REBLOG</a></div></span>
  541. {block:ifNotSlidingPostInfo}
  542.  
  543. </div>
  544. </div></div>
  545.  
  546. {block:IfShowTags}
  547. {block:HasTags}
  548. <div style="background-color:{color:Posts}; height:auto; line-height:18px; margin-top:-20px; margin-bottom:20px; padding:2px 5px; width:530px; margin-left:0px; letter-spacing:1px; margin-left:0px; text-transform:uppercase; font-size:8px; font-family:'Exo 2'; opacity:0.8; text-align:center;">
  549. {block:Tags}<a href="{TagURL}" target="_blank"><span style="color:{color:Ending Text}!important;">&nbsp;&nbsp;#{Tag}&nbsp;&nbsp;</span></a>{/block:Tags}
  550. </div>
  551. {/block:HasTags}
  552. {/block:IfShowTags}
  553.  
  554. {/block:Date}
  555.  
  556. {block:PermalinkPage}<div class="permalink"><center>{block:HasTags}<div class="post_tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}</center>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  557.  
  558. {/block:Posts}
  559. </div></div>
  560.  
  561. </body>
  562. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!