Advertisement
zeldalise

Theme 2: Pokeball

Jul 13th, 2012
35,770
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.54 KB | None | 0 0
  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 #2: POKEBALL | 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=""/>
  20. <meta name="image:Poke Top" content=""/>
  21. <meta name="image:Post Container" content=""/>
  22. <meta name="image:Home Link" content="http://static.tumblr.com/75z8peb/sJGlzcaju/home.png"/>
  23.  
  24. <meta name="font:CustomFont" content="Helvetica" />
  25.  
  26. <meta name="text:Ask Link Title" content="questions?" />
  27. <meta name="text:Link 1 Url" content="http://" />
  28. <meta name="text:Link 1 Name" content="Link 1" />
  29. <meta name="text:Link 2 Url" content="http://" />
  30. <meta name="text:Link 2 Name" content="Link 2" />
  31. <meta name="text:Link 3 Url" content="http://" />
  32. <meta name="text:Link 3 Name" content="Link 3" />
  33. <meta name="text:Link 4 Url" content="http://" />
  34. <meta name="text:Link 4 Name" content="Link 4" />
  35. <meta name="text:Link 5 Url" content="http://" />
  36. <meta name="text:Link 5 Name" content="Link 5" />
  37. <meta name="text:Description Height" content="73px" />
  38.  
  39. <meta name="text:Top Title" content="I want to be" />
  40. <meta name="text:Bottom Title" content="the very best" />
  41.  
  42. <meta name="if:Description BG" content="0" />
  43. <meta name="if:PokeLinks BG" content="0" />
  44. <meta name="if:WebkitScroll" content="1" />
  45. <meta name="if:WhiteHomeIcon" content="0" />
  46. <meta name="if:DescriptionScrollBox" content="0" />
  47. <meta name="if:LargerText" content="0" />
  48. <meta name="if:CustomFont" content="0" />
  49. <meta name="if:ShowTags" content="0" />
  50. <meta name="if:SlidingPostInfo" content="0" />
  51. <meta name="if:ToolTips" content="1" />
  52. <meta name="if:BackgroundStretch" content="0" />
  53. <meta name="if:ShowPostContainer" content="1" />
  54.  
  55. <meta name="color:Background" content="#DDDDDD"/>
  56. <meta name="color:Posts" content="#FFFFFF" />
  57. <meta name="color:Post Title" content="#000000" />
  58. <meta name="color:Post Container" content="#222222"/>
  59. <meta name="color:Container Border" content="#000000" />
  60. <meta name="color:Link" content="#FF0000" />
  61. <meta name="color:Link Hover" content="#FFD800" />
  62. <meta name="color:Text" content="#444444" />
  63. <meta name="color:Bold" content="#000000" />
  64. <meta name="color:Italic" content="#777777" />
  65. <meta name="color:Blockquote" content="#EEEEEE">
  66.  
  67. <meta name="color:Top Title" content="#FD9191" />
  68. <meta name="color:Bottom Title" content="#FDB8B8" />
  69. <meta name="color:Poke Top" content="#FF0000" />
  70. <meta name="color:Poke Bottom" content="#FFFFFF" />
  71. <meta name="color:Poke Center" content="#000000" />
  72. <meta name="color:Poke Button" content="#FFFFFF" />
  73. <meta name="color:Description Text" content="#444444" />
  74. <meta name="color:Description BG" content="#FFFFFF" />
  75. <meta name="color:Poke Link" content="#777777" />
  76. <meta name="color:Poke Link Hover" content="#000000" />
  77. <meta name="color:Poke Link BG" content="#FFFFFF" />
  78. <meta name="color:Poke Link BG Hover" content="#BBBBBB" />
  79.  
  80. <meta name="color:Ending Text" content="#888888" />
  81. <meta name="color:Ending Link Hover" content="#333333" />
  82.  
  83. <meta name="color:Question BG" content="#DDDDDD" />
  84. <meta name="color:Question Text" content="#333333" />
  85. <meta name="color:Question Shadow" content="#AAAAAA" />
  86. <meta name="color:Chat 1" content="#F7F7F7" />
  87. <meta name="color:Chat 2" content="#E7E7E7" />
  88. <meta name="color:Quote Line" content="#DDDDDD" />
  89. <meta name="color:Song" content="#444444" />
  90. <meta name="color:Artist" content="#666666" />
  91. <meta name="color:Album" content="#888888" />
  92. <meta name="color:Play Count" content="#AAAAAA" />
  93. <meta name="color:Scroll" content="#555555" />
  94. <meta name="color:Scroll BG" content="#999999" />
  95.  
  96. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  97.  
  98. <!------------------------ VARIOUS SCRIPTS --------------------------->
  99.  
  100. <script type="text/javascript" src="http://static.tumblr.com/kwlg23j/QXAlgobzw/jquery-1.5.min.js"></script>
  101. {block:ifTooltips}
  102. <script type="text/javascript" src="http://static.tumblr.com/vaqsgdj/m5lloo7bn/jquery.style-my-tooltips.js"></script>
  103. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_delay_time:100});});})(jQuery);</script>
  104. {/block:ifTooltips}
  105.  
  106. <!---------------------- CUSTOM FONT SCRIPTS ------------------------->
  107.  
  108. <link href='http://fonts.googleapis.com/css?family=Exo+2:400,400italic,700,700italic|Tulpen+One' rel='stylesheet' type='text/css'>
  109. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  110.  
  111. <!--------------------- DEFAULT TUMBLR STUFF ------------------------->
  112.  
  113. <title>{Title}</title>
  114. <link rel="shortcut icon" href="{Favicon}">
  115. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  116. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  117.  
  118. <style type="text/css">
  119.  
  120. /* -------------------------- SMT TOOLTIP -------------------------- */
  121.  
  122. #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;}
  123.  
  124. /* ---------------------------- SCROLL ----------------------------- */
  125.  
  126. {block:IfWebkitScroll}
  127. ::-webkit-scrollbar-thumb:vertical
  128. {background-color: {color:Scroll}; height: 0px;}
  129. ::-webkit-scrollbar
  130. {height: 0px; width: 5px; background-color:{color:Scroll BG};}
  131. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator
  132. {display:none;}
  133. {/block:IfWebkitScroll}
  134.  
  135. /* ----------------------------- BODY ------------------------------ */
  136.  
  137. 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}');
  138. {block:ifBackgroundStretch}
  139. -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
  140. {/block:ifBackgroundStretch}}
  141.  
  142. 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;}
  143.  
  144. 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;}
  145.  
  146. b, strong {color: {color:Bold};}
  147. i, em {color: {color:Italic};}
  148.  
  149. #credits {position:fixed; bottom:20px; left:-10px; width:20px;}
  150. .credit {padding:10px 10px; position:absolute; left:10px; width:0px;
  151. 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;}
  152. .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;}
  153. .credit .creditz {font-size:15px; position: absolute; top:-1px; height:100%; left:4px; width:20px; color:{color:Text};}
  154. #credits:hover .credit{width:56px;}
  155. #credits:hover .credit span{opacity:1;}
  156. #credits:hover .creditz {left:-15px;}
  157. .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;}
  158.  
  159. /* ------------ BLOCKQUOTES (TOO MANY IF YOU ASK ME) -------------- */
  160.  
  161. blockquote {margin:10px 0px; display:block; position:relative; border:5px solid {color:Blockquote}; background-color:{color:Blockquote}; padding:0px 10px;}
  162.  
  163. blockquote img {max-width:100%!important;}
  164.  
  165. blockquote:before {content:''; position:absolute; height:100%; padding:5px 0px; top:-5px; left:-5px;}
  166.  
  167. 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}; }
  168.  
  169. 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};}
  170.  
  171. /* ------------------------- NAVIGATION ---------------------------- */
  172.  
  173. #arrow1 {position:fixed; margin-top:206px; margin-left:20px;}
  174. #arrow1 a{color:{color:Link}; font:100px Georgia; line-height:90%;}
  175. #arrow1 a:hover{color:{color:Link Hover}; z-index:9999999;}
  176.  
  177. #arrow2 {position:fixed; margin-top:206px; margin-left:420px;}
  178. #arrow2 a{color:{color:Link}; font:100px Georgia; line-height:90%;}
  179. #arrow2 a:hover{color:{color:Link Hover}; z-index:9999999;}
  180.  
  181. /* -------------------------- POKEBALL ----------------------------- */
  182.  
  183. #pokeball {position:fixed;}
  184.  
  185. #pokered {position:fixed; height:150px; width:300px; background-color: {color:Poke Top}; top: 120px; margin-left:100px; -webkit-border-radius: 500px 500px 0px 0px; border-radius: 500px 500px 0px 0px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  186. #pokeball:hover #pokered {top:20px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  187. #pokered img {-webkit-border-radius: 500px 500px 0px 0px; border-radius: 500px 500px 0px 0px;}
  188.  
  189. #pokewhite {position:relative; height:150px; width:300px; background-color: {color:Poke Bottom}; margin-top: -5px; margin-left:100px; -webkit-border-radius: 0px 0px 500px 500px; border-radius: 0px 0px 500px 500px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  190. #pokeball:hover #pokewhite {margin-top:-10px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  191. #pokewhite img {-webkit-border-radius: 0px 0px 500px 500px; border-radius: 0px 0px 500px 500px;}
  192.  
  193. #pokeblack {position:fixed; height:14px; width:300px; background-color:{color:Poke Center}; top:270px; margin-left:100px;}
  194.  
  195. #pokecircle {position:fixed; height:45px; width:45px; background-color: {color:Poke Button}; top:247px; margin-left: 217px; border:{color:Poke Center} solid 10px; z-index:9999; -webkit-border-radius: 500px 500px 500px 500px; border-radius: 500px 500px 500px 500px;}
  196.  
  197. #pokehover {top:273px; margin-left:228px; font-family:'Exo 2'; position:fixed; z-index:99999;-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; font-size:10px; letter-spacing:1px; color:{color:Poke Center}; text-align:center; width:42px;}
  198. #pokeball:hover #pokehover{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;}
  199.  
  200. /* ---------------------------- LINKS ------------------------------ */
  201.  
  202. #pokelinks {position:fixed; width:380px; overflow:hidden; top:280px; margin-left:105px; opacity:0; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  203.  
  204. #pokelinksbg {position:fixed; margin-left:100px; top:270px; width:300px; height:100px; {block:IfPokeLinksBG}background-color:{color:Poke Link BG};{/block:IfPokeLinksBG} opacity:0; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out}
  205.  
  206. #pokeball:hover #pokelinksbg {top:170px; opacity:1; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out}
  207.  
  208. #pokelinks a {display:inline-block; margin-bottom:6px; margin-right:70px; width: 103px; padding:4px 2px; height:15px; {block:IfPokeLinksBG}background-color:{color:Poke Link BG};{/block:IfPokeLinksBG} text-align: center; color: {color:Poke Link}; font-size: 10px; font-family: 'Exo 2'; text-transform:uppercase; letter-spacing: 1px; word-spacing:1px; line-height: 15px; -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;}
  209.  
  210. #pokelinks a:hover {color:{color:Poke Link Hover}; {block:IfPokeLinksBG}background-color:{color:Poke Link BG Hover};{/block:IfPokeLinksBG} -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;}
  211.  
  212. #pokeball:hover #pokelinks {top:180px; opacity:1; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  213.  
  214. #pokehome img {opacity:0; position:fixed; width:54px; height:54px; top: 280px; margin-left:217px; {block:IfPokeLinksBG}background-color:{color:Poke Link BG};{/block:IfPokeLinksBG}{block:ifWhiteHomeIcon}-webkit-filter: invert(100%);{/block:ifWhiteHomeIcon}padding:5px; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  215.  
  216. #pokehome img:hover {position:fixed; opacity:1; {block:IfPokeLinksBG}background-color:{color:Poke Link BG Hover};{/block:IfPokeLinksBG} -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;}
  217.  
  218. #pokeball:hover #pokehome img {position:fixed; top: 180px; opacity:1; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  219.  
  220. /* --------------------------- TITLES ------------------------------ */
  221.  
  222. #poketitle {position:fixed; top:180px; margin-left:100px; font-family:'Tulpen One'; font-size:22px; color:{color:Top Title}; z-index:999; text-transform:uppercase; width:300px; text-align:center; letter-spacing:2px; -webkit-transition: all 1s ease-in-out;-moz-transition: all 01s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  223.  
  224. #pokeball:hover #poketitle {top:85px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 01s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  225.  
  226. #pokesubtitle {position:fixed; top:205px; margin-left:100px; font-family:'Tulpen One'; font-size:28px; color:{color:Bottom Title}; z-index:999; text-transform:uppercase; width:300px; text-align:center; letter-spacing:2px; -webkit-transition: all 1s ease-in-out;-moz-transition: all 01s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  227.  
  228. #pokeball:hover #pokesubtitle {top:110px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 01s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  229.  
  230. /* ------------------------- DESCRIPTION --------------------------- */
  231.  
  232. #pokedesc {width:290px; padding:5px; padding-top:0px; height:0px; {block:IfDescriptionBG} background-color:{color:Description BG};{/block:IfDescriptionBG} color:{color:Description Text}; position:relative; margin-left:100px; margin-top:264px; line-height:16px; opacity:0; -webkit-transition: all 1s ease-in-out;-moz-transition: all 01s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; text-align:justify; {block:IfDescriptionScrollBox}overflow:scroll;{/block:IfDescriptionScrollBox}}
  233.  
  234. #pokeball:hover #pokedesc{margin-top:264px; height:{text:Description Height}; padding-top:35px; opacity:1; -webkit-transition: all 1s ease-in-out;-moz-transition: all 01s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  235.  
  236. /* --------------------------- POSTS ------------------------------- */
  237.  
  238. #postwrap {background-color:{color:Post Container}; background-image: url('{image:Post Container}'); background-attachment: fixed; position: fixed; border-left:{color:Container Border} solid 10px; border-right:{color:Container Border} solid 10px; width:560px; padding:10px; height: 100%; left: 500px; top: 0;}
  239.  
  240. #posts {margin-top:20px; margin-left:530px; {block:ifnotShowPostContainer}margin-left:500px;{/block:ifnotShowPostContainer} margin-bottom:20px;}
  241.  
  242. .entry {background-color:{color:Posts}; padding:20px 20px 5px 20px; overflow:hidden; position:relative; width:500px; margin-bottom:20px;}
  243.  
  244. .entry h1 {font-family:'Tulpen One'; font-size:28px; color:{color:Post Title}; font-weight:normal; text-transform:none; text-align:left; margin:0; letter-spacing:1px;}
  245.  
  246. .entry img {max-width: 500px; margin-bottom: -3px;}
  247.  
  248. /* ---------------------------- CHAT ------------------------------- */
  249.  
  250. .chat .line {font-size:11px; font-color:{color:Text}; margin:0px 1px; padding:4px;}
  251. .label {font-weight:none; color:{color:Bold}; font-size:9px; {block:ifLargerText}font-size:10px;{/block:ifLargerText} font-family:'Exo 2';}
  252.  
  253. /* --------------------------- QUOTE ------------------------------- */
  254.  
  255. .short_quote, .medium_quote, .long_quote {font-family:'Tulpen One'; height:auto; margin-top:45px; padding:6px; text-align:center;letter-spacing:1px;}
  256. .short_quote {font-size:28px; line-height:26px;}
  257. .medium_quote {font-size:24px; line-height:23px;}
  258. .long_quote {font-size:20px; line-height:21px;}
  259. .source {text-align:center; font-style:none; text-transform:uppercase; font-size:9px; {block:ifLargerText}font-size:10px;{/block:ifLargerText}letter-spacing:1px; margin-top:10px; margin-bottom:5px; font-family:'Exo 2';}
  260.  
  261. #quotesymbol {position:absolute; font-size:72px; margin-top:-3px; margin-left:238px; font-family:arial; color:{color:Link}; opacity:0.8;}
  262. #quoteline {position:absolute; width:500px; height:5px; background-color:{color:Quote Line}; margin-top:15px; margin-left:0px;}
  263. #quotecircle {margin-left:230px; margin-top:-2px;position:absolute; width:30px; height:30px; background-color:{color:Posts}; border:5px {color:Quote Line} solid;}
  264.  
  265. /* --------------------------- LINKS ------------------------------- */
  266.  
  267. #linktitle {width:500px;}
  268. .linktexttitle {font-family: 'Tulpen One'; text-transform:uppercase; font-size:23px; letter-spacing:3px; line-height:27px; text-align:left; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; background-color:{color:Link}; text-align:center; padding:5px 3px; opacity:0.8;}
  269. .linktexttitle:hover {opacity:1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  270. .linktexttitle a {color:{color:Posts};}
  271. .linkdescription {padding:0px; margin:0px; text-align:left;}
  272.  
  273. /* --------------------------- AUDIO ------------------------------- */
  274.  
  275. #audentryprob {display:block; position:relative; min-height:120px; text-align:left;}
  276. .audentry {width:490px; position:relative; padding:5px; min-height:120px;}
  277.  
  278. .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;}
  279. .audioplayercircle:hover {opacity:1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  280. .audioplayer {width:20px; height:30px; overflow:hidden; margin:17px 24px 13px 16px;}
  281.  
  282. .audiodata, .audiodata2, .audiodata3, .audiodata4 {text-transform:none; height:16px; padding:8px 0px 0px 0px!important; vertical-align:middle;}
  283. .audiodata b, .audiodata2 b, .audiodata3 b, .audiodata4 b {font-family: 'Exo 2'; font-size:10px; {block:ifLargerText}font-size:11px;{/block:ifLargerText} text-transform:uppercase; letter-spacing: 1px; font-weight:normal;}
  284. .audiodata4 {padding:10px 0px 13px 0px!important;}
  285.  
  286. /* ------------------------- ASK POSTS ----------------------------- */
  287.  
  288. #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}}
  289.  
  290. #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;}
  291.  
  292. #asker a {color:{color:Text}}
  293. #asker a:hover {color:{color:Link Hover}}
  294.  
  295. #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;}
  296.  
  297. #arrow {width: 13px; height: 7px; font-size:32px; margin-top:-15px; margin-left:18px; font-family:'trebuchet ms'; color:{color:Question BG}}
  298.  
  299. /* --------------------------- ENDING ------------------------------ */
  300.  
  301. #ending {width:540px; overflow:hidden; margin:-7px 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;}
  302. #ending a {color:{color:Ending Text};}
  303. #ending a:hover {color:{color:Ending Link Hover}!important;}
  304. #ending b {color:{color:Ending Text}!important;}
  305.  
  306. #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;}
  307.  
  308. .lnotes {position:absolute; margin-top:4px; margin-left:-6px; text-align:left;} .fa-1a {font-size:1.1em;}
  309. .like_button {position:relative; display:inline-block; cursor:pointer!important; overflow:hidden;}
  310. .like_button iframe {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
  311. .like_button::before {content:'❤'; text-transform:lowercase!important; position:relative; font-size:8px;}
  312. .like_button:hover::before, .like_button.liked::before {color:#ff0000; cursor:pointer!important;}
  313.  
  314. .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;}
  315. .rnotes a {text-decoration:none; padding-left:3px;}
  316. .rnotes a:hover{color:{color:Ending Link Hover};}
  317.  
  318. .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};}
  319. .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;}
  320.  
  321. .endsource {margin-left:452px; margin-top:-16px;}
  322. .endsource:hover {margin-left:373px;}
  323. .endnotes {margin-left:471px; margin-top:-43px;}
  324. .endnotes:hover {margin-left:400px;}
  325. .endtime {margin-left:492px; margin-top:-43px;}
  326. .endtime:hover {margin-left:380px;}
  327.  
  328. /* ---------------------- ENDING (N0-SLIDE) ------------------------ */
  329.  
  330. #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;}
  331. #noslide_bar {margin:6px 0px 0px 5px; width:500px; height:1px; background-color:{color:Ending Text}; opacity:0.5; position:relative;}
  332.  
  333. /* -------------------------- PERMALINK ---------------------------- */
  334.  
  335. .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;}
  336. .permalink blockquote {padding:4px; padding-left:14px; margin-left:3px;}
  337. ol.notes {padding:0px; list-style-type:none; background:transparent; letter-spacing:1px; padding-top:10px; margin-top:10px; margin-bottom:0px;}
  338. ol.notes li.note {padding: 1px; text-align: left;}
  339. .notes img {border-radius:8px; opacity:0.8; vertical-align:middle; width:10px; position:relative; margin-top:-2px; margin-right:5px;}
  340. .post_tags {width:420px; letter-spacing:1px; margin-top:15px;}
  341. .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;}
  342. .post_tags a:hover {opacity:1; border-bottom:none; color:{color:Posts};}
  343.  
  344. /* ---------------------- TUMBLR CONTROLS -------------------------- */
  345.  
  346. 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;}
  347.  
  348. 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;}
  349.  
  350. /* -------------------------- CUSTOM CSS ------------------------------- */
  351.  
  352. {CustomCSS}
  353.  
  354. </style>
  355.  
  356. </head>
  357.  
  358. <body>
  359.  
  360. <a href="http://zeldathemes.tumblr.com/"><div id="credits">
  361. <div class="credit"><div class="creditz">ℤ</div>
  362. <span>zeldathemes</span></div></div></div></a>
  363.  
  364. <div id="pokeball">
  365. <div id="pokered">
  366. <img src="{image:Poke Top}" height="150px" width="300px"></div>
  367. <div id="poketitle">{text:Top Title}</div>
  368. <div id="pokesubtitle">{text:Bottom Title}</div>
  369. <div id="pokelinksbg"></div>
  370. <div id="pokelinks">
  371. <a href="/ask">{text:Ask link Title}</a>
  372. <a href="{text:Link 3 URL}">{text:Link 3 Name}</a><br>
  373. <a href="{text:Link 1 URL}">{text:Link 1 Name}</a>
  374. <a href="{text:Link 4 URL}">{text:Link 4 Name}</a><br>
  375. <a href="{text:Link 2 URL}">{text:Link 2 Name}</a>
  376. <a href="{text:Link 5 URL}">{text:Link 5 Name}</a>
  377. </div>
  378.  
  379. <div id="pokehome"><a href="/"><img src="{image:Home Link}"></a></div>
  380.  
  381. <div id="pokeblack"></div>
  382. <div id="pokecircle"></div>
  383. <div id="pokehover">HOVER</div>
  384. <div id="pokedesc">{Description}</div>
  385. <div id="pokewhite"></div>
  386. </div>
  387.  
  388. {block:Pagination}
  389. <div id="arrow1">
  390. {block:PreviousPage}
  391. <a href="{PreviousPage}">«</a>
  392. {/block:PreviousPage}
  393. </div>
  394. {/block:Pagination}
  395.  
  396. {block:Pagination}
  397. <div id="arrow2">
  398. {block:NextPage}
  399. <a href="{NextPage}">»</a>
  400. {/block:NextPage}
  401. </div>
  402. {/block:Pagination}
  403.  
  404. {block:ifShowPostContainer}
  405. <div id="postwrap"></div>
  406. {/block:ifShowPostContainer}
  407.  
  408. <div id="posts">
  409.  
  410. {block:Posts}
  411.  
  412. {block:ContentSource}
  413. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  414. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  415. {/block:SourceLogo}
  416. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  417. {/block:ContentSource}
  418.  
  419. <div class="entry">
  420.  
  421. {block:Text}
  422. {block:Title}<h1>{Title}</h1>{/block:Title}
  423. <div style="margin-bottom:20px;">{Body}</div>
  424. {/block:Text}
  425.  
  426. {block:Photo}
  427. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}">
  428. {block:Caption}{Caption}{/block:Caption}
  429. {/block:Photo}
  430.  
  431. {block:Photoset}
  432. <div class="photo">{Photoset-500}
  433. </div>
  434. {block:Caption}{Caption}{/block:Caption}
  435. {/block:Photoset}
  436.  
  437. {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}
  438.  
  439. {block:Link}
  440. <div id="linktitle"><div class="linktexttitle"><a href="{URL}" class="linkpost" target="_blank">{Name}</a></div></div>
  441. {block:Description}
  442. <div class="linkdescription">{Description}</div>
  443. {/block:Description}
  444. {/block:Link}
  445.  
  446. {block:Chat}
  447. <div style="margin-bottom:10px;">
  448. {block:Title}<h1>{Title}</h1>{/block:Title}
  449. <div class="chat">
  450. {block:Lines}<div class="chat"><div class="line {Alt}">
  451. <div class="{Alt} user_{UserNumber}">
  452. {block:Label}
  453. <span class="label"><span style="text-transform:uppercase; letter-spacing:1px; padding-right:2px;">{Label}</span></span>
  454. {/block:Label}
  455. {Line}</div>
  456. </div></div>
  457. {/block:Lines}
  458. </div></div>
  459. {/block:Chat}
  460.  
  461.  
  462. {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}
  463.  
  464. {block:Video}
  465. {Video-500}
  466. {block:Caption}{Caption}{/block:Caption}
  467. {/block:Video}
  468.  
  469. {block:Answer}
  470. <div id="question">{Question}</div>
  471. <div id="arrow">◥</div>
  472. <br>
  473. <div id="asker"><img src="{AskerPortraitURL-24}">{Asker}</div>
  474. {Answer}
  475. {/block:answer}
  476.  
  477. {block:Date}
  478.  
  479. <div id="ending">
  480. <div class="rnotes">
  481.  
  482. {block:ifSlidingPostInfo}
  483.  
  484. <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>
  485.  
  486. <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>
  487. <div class="endnotes"><td><span style="padding-right:8px;"><b>II.</b></span></td><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  488. <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>
  489.  
  490. {/block:ifSlidingPostInfo}
  491.  
  492. {block:ifNotSlidingPostInfo}
  493. <div id="noslide_bar"></div>
  494. <div id="noslide"><span style="background-color:{color:Posts}; padding:0px 7px 0px 5px;">
  495. {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>
  496. {block:ifNotSlidingPostInfo}
  497.  
  498. </div>
  499. </div>
  500.  
  501. {block:IfShowTags}
  502. {block:HasTags}
  503. <div style="height:auto; line-height:18px; margin-top:3px; padding:2px 5px; width:510px; border-top:1px {color:Quote Line} solid; letter-spacing:1px; margin-left:-10px; text-transform:uppercase; font-size:8px; {block:ifLargerText}font-size:9px;{/block:ifLargerText} font-family:'Exo 2'; opacity:0.8; text-align:center;">
  504. {block:Tags}<a href="{TagURL}" target="_blank"><span style="color:{color:Ending Text}!important;">&nbsp;&nbsp;#{Tag}&nbsp;&nbsp;</span></a>{/block:Tags}
  505. </div>
  506. {/block:HasTags}
  507. {/block:IfShowTags}
  508.  
  509. {/block:Date}</div>
  510.  
  511. {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}
  512.  
  513. {/block:Posts}
  514. </div></div>
  515.  
  516. </body>
  517. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement