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

Theme 11: Moon and Sun

By: zeldalise on Aug 28th, 2012  |  syntax: None  |  size: 26.49 KB  |  hits: 13,617  |  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 HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <!----
  5.  
  6. © THEME #11: MOON AND SUN | MADE BY ZELDALISE.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. <!-- DEFAULT VARIABLES -->
  17. <meta name="image:Background" content=""/>
  18. <meta name="image:Big Circle" content=""/>
  19. <meta name="image:Medium Circle" content=""/>
  20. <meta name="image:Small Circle" content=""/>
  21.  
  22. <meta name="font:Body" content="Helvetica" />
  23.  
  24. <meta name="text:Heart Link URL" content="home" />
  25. <meta name="text:Link 1 Url" content="http://" />
  26. <meta name="text:Link 1 Name" content="Link 1" />
  27. <meta name="text:Link 2 Url" content="http://" />
  28. <meta name="text:Link 2 Name" content="Link 2" />
  29. <meta name="text:Link 3 Url" content="http://" />
  30. <meta name="text:Link 3 Name" content="Link 3" />
  31. <meta name="text:Link 4 Url" content="http://" />
  32. <meta name="text:Link 4 Name" content="Link 4" />
  33. <meta name="text:Link 5 Url" content="http://" />
  34. <meta name="text:Link 5 Name" content="Link 5" />
  35.  
  36. <meta name="text:Blog Title" content="Your blog title goes here." />
  37. <meta name="text:Subtitle" content="Your subtitle goes here." />
  38.  
  39. <meta name="if:WebkitScroll" content="1" />
  40. <meta name="if:ShowTags" content="0" />
  41. <meta name="if:BackgroundStretch" content="0" />
  42. <meta name="if:ShowLink1" content="1" />
  43. <meta name="if:ShowLink2" content="1" />
  44. <meta name="if:ShowLink3" content="1" />
  45. <meta name="if:ShowLink4" content="1" />
  46. <meta name="if:ShowLink5" content="1" />
  47.  
  48. <meta name="color:Background" content="#AAAAAA"/>
  49. <meta name="color:Posts" content="#FFFFFF" />
  50. <meta name="color:Post Title" content="#000000" />
  51.  
  52. <meta name="color:Link" content="#AF5875" />
  53. <meta name="color:Link Hover" content="#643646" />
  54. <meta name="color:Text" content="#555555" />
  55. <meta name="color:Bold" content="#000000" />
  56. <meta name="color:Italic" content="#000000" />
  57.  
  58. <meta name="color:Blog Title" content="#000000" />
  59. <meta name="color:Circle Borders" content="#FFFFFF" />
  60. <meta name="color:Big Circle BG" content="#FFFFFF" />
  61. <meta name="color:Big Circle Text" content="#555555" />
  62. <meta name="color:Medium Circle Links" content="#FFFFFF" />
  63. <meta name="color:Small Circle BG" content="#FFFFFF" />
  64. <meta name="color:Subtitle" content="#000000" />
  65.  
  66. <meta name="color:Navigation" content="#FFFFFF" />
  67. <meta name="color:Notes" content="#999999" />
  68. <meta name="color:Tags" content="#aaaaaa" />
  69. <meta name="color:Question BG" content="#DDDDDD" />
  70. <meta name="color:Question Shadow" content="#AAAAAA" />
  71. <meta name="color:Question Text" content="#333333" />
  72. <meta name="color:Chat 1" content="#F7F7F7" />
  73. <meta name="color:Chat 2" content="#E7E7E7" />
  74. <meta name="color:Song" content="#444444" />
  75. <meta name="color:Artist" content="#666666" />
  76. <meta name="color:Album" content="#888888" />
  77. <meta name="color:Play Count" content="#AAAAAA" />
  78. <meta name="color:Scroll" content="#555555" />
  79. <meta name="color:Scroll BG" content="#999999" />
  80.  
  81. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  82.  
  83. <script type="text/javascript" src="http://static.tumblr.com/kwlg23j/QXAlgobzw/jquery-1.5.min.js"></script>
  84. <script type="text/javascript" src="http://static.tumblr.com/kwlg23j/w6Plgoc1g/cufon-yui.js"></script>
  85.  
  86. <script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js" type="text/javascript"></script>
  87.  
  88. <link href='http://fonts.googleapis.com/css?family=Ruthie|Ubuntu+Condensed|Economica' rel='stylesheet' type='text/css'>
  89.  
  90. <title>{Title}</title>
  91. <link rel="shortcut icon" href="{Favicon}">
  92. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  93. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  94.  
  95. <style type="text/css">
  96.  
  97. @font-face{font-family: WebSymbolsRegular; src: url(http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf);}
  98.  
  99. /* ----------------------------- SCROLL -------------------------------- */
  100.  
  101. {block:IfWebkitScroll}
  102. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scroll}; height: 50px;}
  103.  
  104. ::-webkit-scrollbar {height: 6px; width: 6px; background-color: {color:Scroll BG};}
  105.  
  106. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  107.  
  108. {/block:IfWebkitScroll}
  109.  
  110. /* ------------------------------- BODY -------------------------------- */
  111.  
  112.  
  113. body {background-color:{color:Background}; background-image: url('{image:Background}'); color:{color:Text}; font-family: {font:Body}; background-attachment: fixed; font-size:11px; margin:0;
  114. {block:ifBackgroundStretch}
  115. -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
  116. {/block:ifBackgroundStretch}}
  117.  
  118. 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;}
  119.  
  120. 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;}
  121.  
  122. b, strong {color: {color:Bold};}
  123.  
  124. i, em {color: {color:Italic};}
  125.  
  126. #credits {opacity:0.3; position:fixed; padding:4px; border-top:3px {color:Bold} solid; border-right:3px {color:Bold} solid; bottom:0px; left:-20px; background-color:#ffffff; -webkit-border-radius: 0px 20px 0px 0px; border-radius: 0px 20px 0px 0px; padding-bottom:4px; padding-left:4px; padding-right:7px;  -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;}
  127. #credits a { text-transform:uppercase; text-decoration:none; font-family:'Economica';}
  128. #credits:hover {opacity:1; -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;}
  129.  
  130. /* ---------------------------- SIDEBAR -------------------------------- */
  131.  
  132. #air {position:fixed; top:-50px; left:-50px; width:260px; height:260px; background-color:{color:Circle Borders}; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; padding:10px;}
  133. #air img {-webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; width:260px; height:260px;}
  134.  
  135. #bending {font-family:'Economica'; font-size:17px; text-transform:uppercase; letter-spacing:1px; line-height:25px; color:{color:Blog Title};}
  136.  
  137. #temple {position:fixed; background-color:{color:Big Circle BG}; height:190px; width:190px; padding:20px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; top:-40px; left:-40px; padding-top:50px; padding-left:50px; opacity:0; -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; color:{color:Big Circle Text};}
  138.  
  139. #temple:hover {opacity:0.9; -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;}
  140.  
  141. #water {position:fixed; top:50px; left:170px; width:200px; height:200px; background-color:{color:Circle Borders}; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; padding:10px; overflow:hidden;}
  142. #water img {-webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; width:200px; height:200px;}
  143.  
  144. #tribe {position:fixed; background-color:#trans; height:160px; width:160px; padding:20px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; top:50px; left:170px; opacity:0; -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; border:10px {color:Circle Borders} solid;}
  145.  
  146. #tribe:hover {opacity:1; -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;}
  147.  
  148. .aang {position:fixed; top:60px; left:180px; background-color:#trans; width:160px; height:160px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; border-radius:500px; border:20px {color:Medium Circle Links} solid; opacity:0.8}
  149.  
  150. .katara {position:fixed; top:80px; left:200px; background-color:#trans; width:120px; height:120px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; border-radius:500px; border:20px {color:Medium Circle Links} solid; opacity:0.6}
  151.  
  152. .sokka {position:fixed; top:100px; left:220px; background-color:#trans; width:80px; height:80px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; border-radius:500px; border:20px {color:Medium Circle Links} solid; opacity:0.4}
  153.  
  154. .toph {position:fixed; top:120px; left:240px; background-color:#trans; width:40px; height:40px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; border-radius:500px; border:20px {color:Medium Circle Links} solid; opacity:0.2}
  155.  
  156. .zuko {position:fixed; top:140px; left:260px; background-color:#trans; width:0px; height:0px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; border-radius:500px; border:20px {color:Medium Circle Links} solid; opacity:0;}
  157.  
  158. #hover {position:fixed; font-family:'Economica'; font-size:14px; color:{color:Circle Borders}; top:30px; left:230px; letter-spacing:1px; opacity:0.7}
  159.  
  160. #earth {position:fixed; top:190px; left:80px; width:140px; height:140px; background-color:{color:Circle Borders}; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; padding:10px;}
  161. #earth img {-webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; width:140px; height:140px;}
  162.  
  163. #kingdom {position:fixed; background-color:{color:Small Circle BG}; height:95px; width:100px; padding:20px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; top:200px; left:90px; opacity:0; -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; padding-top:25px;}
  164.  
  165. #kingdom:hover {opacity:0.8; -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;}
  166.  
  167. #nation {width:100px; text-align:center; margin-left:-2px;}
  168. #nation img {opacity:0.5; padding: 8px 5px; vertical-align:middle; -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;}
  169. #nation img:hover {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;}
  170.  
  171. #leftarrow {position:fixed; top:235px; left:34px; transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); font-size:50px;}
  172. #rightarrow {position:fixed; top:275px; left:220px; font-size:50px;}
  173. #leftarrow a, #rightarrow a {color:{color:Navigation}; opacity: 1}
  174. #leftarrow a:hover, #rightarrow a:hover {color:{color:Navigation};}
  175.  
  176. /* ---------------------------- ENTRIES -------------------------------- */
  177.  
  178. #posts {margin-top: 20px; margin-left: 420px;}
  179.  
  180. .entry {background-color: {color:Posts}; padding: 20px; position: relative; width: 500px; margin-bottom: 20px; font-family: {font:Body}; font-size: 11px; color: {color:Text}; letter-spacing: 0px; padding-bottom:0px;}
  181.  
  182. .entry h1 {font-family: 'Economica';font-size: 24px; color: {color:Post Title}; font-weight: normal; text-transform: none; text-align: left; margin: 0;}
  183.  
  184. .entry h1 a {color:{color:Post Title};}
  185.  
  186. .entry img {max-width: 500px; margin-bottom: -3px;}
  187.  
  188. .entry blockquote {border-left: 3px solid {color:Text}; padding-left: 6px; margin-left: 5px;}
  189.  
  190. /* ------------------------------ CHAT --------------------------------- */
  191.  
  192. .chat .line{font-size:11px, color: {color:Text}; background-color:{color:Chat 2}; margin: 0 0 1px; padding: 4px;}
  193. .chat .line.odd{ background-color:{color:Chat 1};}
  194. .label {font-weight:none; color:{color:Bold}}
  195.  
  196. /* ----------------------------- QUOTE --------------------------------- */
  197.  
  198. .short_quote {font:26px 'Economica'; background-color:{color:Posts}; line-height:26px;  height:auto; margin:0px; padding:6px; text-align:left; color:{color:Post Title};}
  199. .medium_quote {font:22px 'Economica'; background-color:{color:Posts}; line-height:22px; height:auto; margin:0px; padding:6px; text-align:left; color:{color:Post Title};}
  200. .long_quote {font:18px 'Economica'; background-color:{color:Posts}; line-height:18px; height:auto; margin:0px; padding:6px; text-align:left; color:{color:Post Title};}
  201.  
  202. .source {text-align:right; font-style:none; text-transform:uppercase; font-family: 'Economica'; font-size:12px; letter-spacing:1px; color:{color:Text};}
  203.  
  204. /* ----------------------------- LINKS --------------------------------- */
  205.  
  206. #linktitle {width:500px;}
  207.  
  208. .linktexttitle {font-family: 'Economica'; text-transform:uppercase; font-weight:normal; font-size:20px; letter-spacing:1px; line-height:24px; text-align:left; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  209.  
  210. .linktexttitle:hover { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  211.  
  212. .linkdescription {padding:0px; margin:0px; font:11px {font:Body}; text-align:left;}
  213. .caption {margin:0px; padding:0px;}
  214.  
  215. /* ----------------------------- AUDIO --------------------------------- */
  216.  
  217. #audentryprob {display:block; height:auto; position:relative; min-height:120px;}
  218. .audentry {width:490px; position:relative;  padding:5px; {block:IndexPage}overflow:hidden;{/block:IndexPage}; min-height:120px;}
  219.  
  220. .audioplayercircle {position: absolute; z-index: 3; background: white; -webkit-border-radius: 50px; -moz-border-radius: 50px; top: 35px; left: 35px; opacity: 1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  221.  
  222. .audioplayercircle:hover {position: absolute; z-index: 3; background: white; -webkit-border-radius: 50px; -moz-border-radius: 50px; top: 35px; left: 35px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  223.  
  224. .audioplayer {width: 20px; height: 30px; overflow: hidden; margin: 17px 24px 13px 16px;}
  225.  
  226. .audiodata {font:11px {font:Body}; color:{color:Text}; text-transform:none; height:12px; padding:8px 0px 0px 0px!important; vertical-align:middle;}
  227. .audiodata b{font: 12px 'Ubuntu Condensed'; color:{color:Song}; text-transform:uppercase; letter-spacing: 1px;}
  228.  
  229. .audiodata2 {font:11px {font:Body}; color:{color:Text}; text-transform:none; height:12px; padding:10px 0px 0px 0px!important; vertical-align:middle;}
  230. .audiodata2 b{font: 12px 'Ubuntu Condensed'; color:{color:Artist}; text-transform:uppercase; letter-spacing: 1px;}
  231.  
  232. .audiodata3 {font:11px {font:Body}; color:{color:Text}; text-transform:none; height:12px; padding:10px 0px 0px 0px!important; vertical-align:middle;}
  233. .audiodata3 b{font: 12px 'Ubuntu Condensed'; color:{color:Album}; text-transform:uppercase; letter-spacing: 1px;}
  234.  
  235. .audiodata4 {font:11px {font:Body}; color:{color:Text}; text-transform:none; height:12px; padding:10px 0px 13px 0px!important; border-bottom:1px solid {color:Text}; vertical-align:middle;}
  236. .audiodata4 b{font: 12px 'Ubuntu Condensed'; color:{color:Play Count}; text-transform:uppercase; letter-spacing: 1px;}
  237.  
  238. /* --------------------------- ASK POSTS ------------------------------- */
  239.  
  240. #question{width:470px; padding:15px; background-color: {color:Question BG}; color:{color:Question Text};-moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; -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};}
  241.  
  242. #asker{text-align: left; vertical-align:bottom; margin-top:2px; margin-left:20px; font-size:14px; letter-spacing:1px; font-family: 'Economica'; text-transform:uppercase;}
  243.  
  244. #asker a{color:{color:Link}}
  245. #asker a:hover{color:{color:Link Hover}}
  246.  
  247. #asker img{vertical-align:center; float:left; max-height:16px; margin-left: 26px; margin-right: 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
  248.  
  249. #arrow{width: 13px; height: 7px; font-size:32px; margin-top:-15px; margin-left:18px; font-family:'trebuchet ms'; color:{color:Question BG}}
  250.  
  251. /* ---------------------------- ENDING --------------------------------- */
  252.  
  253. #ending {opacity:1; width:530px; font:10px 'Ubuntu Condensed'; text-transform:uppercase; height:14px; text-align:right; letter-spacing:1px; padding:5px; color:#000; margin-right:0px; padding-bottom:10px; margin-left:-20px; line-height:10px; margin-top:10px;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; overflow:visible;}
  254. #ending a:hover {color:{color:Link Hover};}
  255.  
  256. .letags {position:relative; width:520px; margin-top:5px; margin-bottom:-2px; color:{color:Notes}; font-size:10px; text-transform:uppercase; font-family:'Ubuntu Condensed'; letter-spacing:1px; 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; overflow:visible;}
  257.  
  258. .letags a{text-decoration:none; font-size:10px; text-transform:uppercase; font-family:'Ubuntu Condensed'; letter-spacing:1px; padding-left:3px; color:{color:Notes};}
  259.  
  260. .letags a:hover{color:{color:Link Hover};}
  261.  
  262. .org{position:absolute; margin-top:-11px; padding-left:5px; text-align:left; color:{color:Notes};}
  263. .org a{color:{color:Notes};}
  264. .org a:hover{color:{color:Link Hover};}
  265.  
  266. .symbols{font-family: WebSymbolsRegular; text-transform: none; font-style: normal;}
  267.  
  268. /* --------------------------- HOVER TAG ------------------------------- */
  269.  
  270. .hover{width:100px; position:absolute; margin-left:525px; margin-top:-30px; float:right; background:#trans; opacity:0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; height:auto; text-align:left; border-left:3px {color:Tags} solid; padding:5px;}
  271.  
  272. .hover a{color:{color:Tags}; font-size:10px; font-family: 'Ubuntu Condensed', sans-serif; text-transform:uppercase; letter-spacing:0px; line-height:14px;}
  273.  
  274. .hover a:hover {color:{color:Link Hover};}
  275.  
  276. .entry:hover .hover{margin-left:525px; margin-top:-20px; opacity:1; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out;}
  277.  
  278. /* --------------------------- PERMALINK ------------------------------- */
  279.  
  280. .permalink {font-family: {font:Body}; line-height:18px; letter-spacing:1px; font-size: 10px; color: {color:Bold}; text-transform: uppercase; text-align: center; width: 520px;}
  281.  
  282. .permalink b {color: {color:Bold}; font-weight: normal;}
  283.  
  284. ol.notes {opacity:0.7 padding: 0px; margin: 15px 0px; list-style-type: none; background: transparent; border: 0px; letter-spacing: 1px;}
  285.  
  286. ol.notes:hover {opacity:1}
  287.  
  288. ol.notes li.note {padding: 1px; text-align: left; letter-spacing: 0px;}
  289.  
  290. .notes img {border-radius:8px; opacity:0.8; vertical-align:middle; width: 8px; position: relative; padding-right:5px;}
  291.  
  292. /* ------------------------ TUMBLR CONTROLS ---------------------------- */
  293.  
  294. iframe#tumblr_controls {right:3px !important; top:3px !important; position: fixed !important; -webkit-transition: opacity 0.7s linear; opacity: 0.3; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  295.  
  296. 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;}
  297.  
  298. /* -------------------------- CUSTOM CSS ------------------------------- */
  299.  
  300. {CustomCSS}
  301.  
  302. </style>
  303.  
  304. </head>
  305.  
  306. <body>
  307.  
  308. <div id="credits"><a href="http://zeldathemes.tumblr.com/" target="_new"><img src="http://oi46.tinypic.com/35jl5om.jpg" width="90px;"></a></div>
  309.  
  310. <div id="air"><img src="{image:Big Circle}"></div>
  311.  
  312. <div id="temple"><div id="bending">{text:Blog Title}</div>{Description}</div>
  313.  
  314. <div id="hover">HOVER</div>
  315.  
  316. <div id="water"><img src="{image:Medium Circle}"></div>
  317.  
  318. <div id="tribe">
  319. {block:ifShowLink1}
  320. <a href="{text:Link 1 URL}" title="{text:Link 1 Name}"><div class="aang"></div></a>
  321. {/block:ifShowLink1}
  322. {block:ifShowLink2}
  323. <a href="{text:Link 2 URL}" title="{text:Link 2 Name}"><div class="katara"></div></a>
  324. {/block:ifShowLink2}
  325. {block:ifShowLink3}
  326. <a href="{text:Link 3 URL}" title="{text:Link 3 Name}"><div class="sokka"></div></a>
  327. {/block:ifShowLink3}
  328. {block:ifShowLink4}
  329. <a href="{text:Link 4 URL}" title="{text:Link 4 Name}"><div class="toph"></div></a>
  330. {/block:ifShowLink4}
  331. {block:ifShowLink5}
  332. <a href="{text:Link 5 URL}" title="{text:Link 5 Name}"><div class="zuko"></div></a>
  333. {/block:ifShowLink5}
  334. </div>
  335.  
  336. {block:Pagination}
  337. {block:PreviousPage}
  338. <div id="leftarrow"><div class="symbols"><a href="{PreviousPage}">j</a></div></div>
  339. {/block:PreviousPage}
  340. {block:NextPage}
  341. <div id="rightarrow"><div class="symbols"><a href="{NextPage}">j</a></div></div>
  342. {/block:NextPage}
  343. {/block:Pagination}
  344.  
  345. <div id="earth"><img src="{image:Small Circle}"></div>
  346.  
  347. <div id="kingdom"><div id="bending" style="font-size:17px; line-height:17px;"><br><center>{text:Subtitle}</center></div>
  348.    
  349. <div id="nation"><a href="/"><img src="http://i1168.photobucket.com/albums/r486/zeldalise/Pixel%20Icons/home_dark.png"></a><a href="/ask"><img src="http://i1168.photobucket.com/albums/r486/zeldalise/Pixel%20Icons/mail_dark.png"></a><a href="/archive"><img src="http://i1168.photobucket.com/albums/r486/zeldalise/Pixel%20Icons/clock.png"></a><a href="{text:Heart Link URL}"><img src="http://i1168.photobucket.com/albums/r486/zeldalise/Pixel%20Icons/heart_dark.png"></a></div>
  350.    
  351. </div>
  352.  
  353. <div id="posts">
  354.  
  355. {block:Posts}
  356.  
  357. {block:ContentSource}
  358. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  359. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  360. {/block:SourceLogo}
  361. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  362. {/block:ContentSource}
  363.  
  364. <div class="entry">
  365.  
  366. {block:ifShowTags}
  367. {block:IndexPage}<div class="hover">{block:Tags}<a href="{TagURL}">{Tag}</a><br></span>{/block:Tags}</div>{/block:IndexPage}
  368. {/block:ifShowTags}
  369.  
  370. {block:Text}
  371. {block:Title}<h1>{Title}</h1>{/block:Title}
  372. {Body}
  373. {/block:Text}
  374.  
  375. {block:Photo}
  376. <center>{LinkOpenTag}<img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}">{LinkCloseTag}</center>
  377. {block:Caption}{Caption}{/block:Caption}
  378. {/block:Photo}
  379.  
  380. {block:Photoset}
  381. <div class="photo">{Photoset-500}
  382. </div>
  383. {block:Caption}{Caption}{/block:Caption}
  384. {/block:Photoset}
  385.  
  386. {block:Quote}
  387. <div class="{Length}_quote">
  388. {Quote}
  389. {block:Source}
  390. <div class="source">- {Source}</div>
  391. {/block:Source}
  392. </div>
  393. {/block:Quote}
  394.  
  395. {block:Link}
  396. <div id="linktitle"><div class="linktexttitle"><a href="{URL}" class="linkpost" target="_blank">{Name} ⇢</a></div></div>
  397. {block:Description}
  398. <div class="linkdescription">{Description}</div>
  399. {/block:Description}
  400. {/block:Link}
  401.  
  402.  {block:Chat}
  403. {block:Title}<h1>{Title}</h1>{/block:Title}
  404. <div class="chat">
  405. {block:Lines}<div class="chat"><div class="line {Alt}">
  406. <div class="{Alt} user_{UserNumber}">
  407. {block:Label}
  408. <span class="label"><span style="text-transform:uppercase; letter-spacing:1px"><font face="'Ubuntu Condensed'">{Label}</font></span></span>
  409. {/block:Label}
  410. {Line}</div>
  411. </div></div>
  412. {/block:Lines}
  413. </div>
  414. {/block:Chat}
  415.  
  416.  
  417. {block:Audio}
  418. <div id="audentryprob">
  419. <div class="audentry">
  420. <img src="http://static.tumblr.com/2lqtwbf/hLRlz1vgy/2.png" alt="default album art" width="120" height="120" style="position:absolute; vertical-align:middle;" />
  421. {block:AlbumArt}
  422. <img width="120" height="120" src="{AlbumArtURL}" style="position:absolute;" />
  423. {/block:AlbumArt}
  424. <div class="audioplayercircle"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  425. <div class="something">
  426. <table style="float:right;" width="360px" cellspacing="1px" cellpadding="0">
  427. {block:TrackName}
  428. <tr>
  429. <td class="audiodata"><b>Song: </b>{TrackName}</td>
  430. </tr>
  431. {/block:TrackName}
  432. {block:Artist}
  433. <tr>
  434. <td class="audiodata2"><b>Artist: </b> {Artist}</td>
  435. </tr>
  436. {/block:Artist}
  437. {block:Album}
  438. <tr>
  439. <td class="audiodata3"><b>Album: </b>{Album}</td>
  440. </tr>
  441. {/block:Album}
  442. <tr>
  443. <td class="audiodata4"><b>Played: </b>{FormattedPlayCount} times.</td>
  444. </tr>
  445. {block:ExternalAudio}
  446. <tr>
  447. <td class="audiodata"><a href="{ExternalAudioURL}" target="_blank">Source</a></td>
  448. </tr>
  449. {/block:ExternalAudio}
  450. </table></div></div>
  451. {block:Caption}<tr>
  452. <td class="aucap">{Caption}</td></tr>
  453. {/block:Caption}
  454. </div>{/block:Audio}
  455.  
  456. {block:Video}
  457. {Video-500}
  458. <center><i>{FormattedPlayCount}</i> plays</center><br />
  459. {block:Caption}{Caption}{/block:Caption}
  460. {/block:Video}
  461.  
  462. {block:Answer}
  463. <div id="question">{Question}</div>
  464. <div id="arrow">◥</div>
  465. <br>
  466. <div id="asker"><img src="{AskerPortraitURL-24}">{Asker}</div><br>
  467. {Answer}
  468. {/block:answer}
  469.  
  470. <div id="ending">
  471.  
  472. <div class="letags">
  473. {TimeAgo} on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}<span style="letter-spacing:5px"> </span>| <a href="{ReblogURL}"><span style="letter-spacing:5px"><span class="symbols">J</span></a> |</span> <a href="{Permalink}">{NoteCountWithLabel}</a>
  474. <div class="org">
  475. {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">VIA</a> | <a href="{ReblogRootURL}" target="_blank">SOURCE</a>{/block:RebloggedFrom}</div></div></div>
  476. </div>
  477.  
  478. {block:PermalinkPage}
  479. <div class="permalink">
  480. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>  &nbsp;|&nbsp;  <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  481. {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  482. {block:PostNotes}
  483. {PostNotes}
  484. {/block:PostNotes}
  485. </div>
  486. {/block:PermalinkPage}
  487.  
  488. {/block:Posts}
  489. </div>
  490.  
  491. </body>
  492. </html>
create a new version of this paste RAW Paste Data