Advertisement
zeldalise

Theme 14: Master Sword

Apr 14th, 2013
12,015
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.02 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 #14: MASTER SWORD | 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="font:CustomFont" content="Helvetica" />
  21.  
  22. <meta name="text:Blog Title" content="Your blog title goes here." />
  23. <meta name="text:Subtitle" content="Your subtitle goes here." />
  24. <meta name="text:Home Link Title" content="Home" />
  25. <meta name="text:Ask Link Title" content="Message" />
  26. <meta name="text:Link 1 Url" content="http://" />
  27. <meta name="text:Link 1 Title" content="Link 1" />
  28. <meta name="text:Link 2 Url" content="http://" />
  29. <meta name="text:Link 2 Title" content="Link 2" />
  30. <meta name="text:Link 3 Url" content="http://" />
  31. <meta name="text:Link 3 Title" content="Link 3" />
  32. <meta name="text:Link 4 Url" content="http://" />
  33. <meta name="text:Link 4 Title" content="Link 4" />
  34. <meta name="text:Link 5 Url" content="http://" />
  35. <meta name="text:Link 5 Title" content="Link 5" />
  36. <meta name="text:Link 6 Url" content="http://" />
  37. <meta name="text:Link 6 Title" content="Link 6" />
  38. <meta name="text:Link 7 Url" content="http://" />
  39. <meta name="text:Link 7 Title" content="Link 7" />
  40.  
  41. <meta name="if:WebkitScroll" content="1" />
  42. <meta name="if:ShowTags" content="0" />
  43. <meta name="if:CustomFont" content="0" />
  44. <meta name="if:BackgroundStretch" content="0" />
  45. <meta name="if:LargerText" content="0" />
  46. <meta name="if:ShowLink1" content="1" />
  47. <meta name="if:ShowLink2" content="1" />
  48. <meta name="if:ShowLink3" content="1" />
  49. <meta name="if:ShowLink4" content="1" />
  50. <meta name="if:ShowLink5" content="1" />
  51. <meta name="if:ShowLink6" content="1" />
  52. <meta name="if:ShowLink7" content="1" />
  53. <meta name="if:SlidingPostInfo" content="1" />
  54. <meta name="if:ToolTips" content="1" />
  55.  
  56. <meta name="color:Background" content="#111111"/>
  57. <meta name="color:Posts" content="#FFFFFF" />
  58. <meta name="color:Post Title" content="#000000" />
  59.  
  60. <meta name="color:Link" content="#FF0000" />
  61. <meta name="color:Link Hover" content="#381F9C" />
  62. <meta name="color:Text" content="#555555" />
  63. <meta name="color:Bold" content="#000000" />
  64. <meta name="color:Italic" content="#000000" />
  65. <meta name="color:Blockquote" content="#EEEEEE">
  66.  
  67. <meta name="color:Sword Blade" content="#CCCCCC" />
  68. <meta name="color:Sword Details" content="#E0E01D" />
  69. <meta name="color:Sword Diamond" content="#D10A0A" />
  70. <meta name="color:Sword Hilt" content="#381F9C" />
  71. <meta name="color:Sword Hilt Ends" content="#2C187D" />
  72. <meta name="color:Sword Wings" content="#211063" />
  73.  
  74. <meta name="color:Blog Title" content="#FFFFFF" />
  75. <meta name="color:Subtitle" content="#888888" />
  76. <meta name="color:Description Text" content="#555555" />
  77. <meta name="color:Description BG" content="#FFFFFF" />
  78. <meta name="color:Description Border" content="#E4E4E4" />
  79. <meta name="color:Description Shadow" content="#000000" />
  80.  
  81. <meta name="color:Triforce Icons" content="#2E8C24" />
  82. <meta name="color:Triforce Links" content="#777777" />
  83.  
  84. <meta name="color:Extra Links Text" content="#38238C" />
  85. <meta name="color:Extra Links BG" content="#624ABE" />
  86. <meta name="color:Extra Links Border" content="#381F9C" />
  87. <meta name="color:Extra Links Text Hover" content="#170852" />
  88. <meta name="color:Extra Links BG Hover" content="#38238C" />
  89. <meta name="color:Extra Links Border Hover" content="#251270" />
  90. <meta name="color:Extra Links Shadow" content="#000000" />
  91.  
  92. <meta name="color:Ending Text" content="#888888" />
  93. <meta name="color:Ending Link Hover" content="#381F9C" />
  94.  
  95. <meta name="color:Question BG" content="#DDDDDD" />
  96. <meta name="color:Question Text" content="#333333" />
  97. <meta name="color:Question Shadow" content="#AAAAAA" />
  98. <meta name="color:Quote Line" content="#DDDDDD" />
  99. <meta name="color:Scroll" content="#281F4C" />
  100. <meta name="color:Scroll BG" content="#111111" />
  101.  
  102. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  103.  
  104. <!------------------------ VARIOUS SCRIPTS --------------------------->
  105.  
  106. <script type="text/javascript" src="http://static.tumblr.com/kwlg23j/QXAlgobzw/jquery-1.5.min.js"></script>
  107. {block:ifTooltips}
  108. <script type="text/javascript" src="http://static.tumblr.com/vaqsgdj/m5lloo7bn/jquery.style-my-tooltips.js"></script>
  109. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_delay_time:100});});})(jQuery);</script>
  110. {/block:ifTooltips}
  111.  
  112. <!---------------------- CUSTOM FONT SCRIPTS ------------------------->
  113.  
  114. <link href='http://fonts.googleapis.com/css?family=Metamorphous|Qwigley|Tulpen+One|Exo+2:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  115. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  116.  
  117. <!--------------------- DEFAULT TUMBLR STUFF ------------------------->
  118.  
  119. <title>{Title}</title>
  120. <link rel="shortcut icon" href="{Favicon}">
  121. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  122. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  123.  
  124. <style type="text/css">
  125.  
  126. /* ---------------------------- SCROLL ----------------------------- */
  127.  
  128. {block:IfWebkitScroll}
  129. ::-webkit-scrollbar-thumb:vertical
  130. {background-color: {color:Scroll}; height: 0px;}
  131. ::-webkit-scrollbar
  132. {height: 0px; width: 5px; background-color:{color:Scroll BG};}
  133. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator
  134. {display:none;}
  135. {/block:IfWebkitScroll}
  136.  
  137. /* ------------------------- SMT TOOLTIP --------------------------- */
  138.  
  139. #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;}
  140.  
  141. /* ---------------------------- BODY ------------------------------- */
  142.  
  143. 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}');
  144. {block:ifBackgroundStretch}
  145. -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
  146. {/block:ifBackgroundStretch}}
  147.  
  148. 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;}
  149.  
  150. 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;}
  151.  
  152. b, strong {color:{color:Bold};}
  153. i, em {color:{color:Italic};}
  154.  
  155. #credits {position:fixed; bottom:20px; left:-10px; width:20px;}
  156. .credit {padding:10px 10px; position:absolute; left:10px; width:0px;
  157. 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;}
  158. .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;}
  159. .credit .creditz {font-size:15px; position: absolute; top:-1px; height:100%; left:4px; width:20px; color:{color:Text};}
  160. #credits:hover .credit{width:56px;}
  161. #credits:hover .credit span{opacity:1;}
  162. #credits:hover .creditz {left:-15px;}
  163. .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;}
  164.  
  165. /* ------------ BLOCKQUOTES (TOO MANY IF YOU ASK ME) -------------- */
  166.  
  167. blockquote {margin:10px 0px; display:block; position:relative; border:5px solid {color:Blockquote}; background-color:{color:Blockquote}; padding:0px 10px;}
  168.  
  169. blockquote img {max-width:100%!important;}
  170.  
  171. blockquote:before {content:''; position:absolute; height:100%; padding:5px 0px; top:-5px; left:-5px;}
  172.  
  173. 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}; }
  174.  
  175. 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};}
  176.  
  177. /* ------------------------- MASTER SWORD -------------------------- */
  178.  
  179. #mastersword {position:fixed;font-family:helvetica!important; margin-top:-50px;}
  180.  
  181. #blade {position:fixed; margin-top:200px; margin-left:140px; width:260px; height:30px; background-color:{color:Sword Blade};}
  182. #blade_tip {position:fixed; margin-top:191px; margin-left:394px; font-size:42px; color:{color:Sword Blade};}
  183.  
  184. #blade_middle1 {position:fixed; margin-top:174px; margin-left:184px; width:18px; height:20px; border-left:12px transparent solid; border-right:12px transparent solid; border-bottom:6px {color:Sword Blade} solid;}
  185. #blade_middle2 {position:fixed; margin-top:230px; margin-left:184px; width:18px; height:20px; border-left:12px transparent solid; border-right:12px transparent solid; border-top:6px {color:Sword Blade} solid;}
  186.  
  187. #blade_triforce1, #blade_triforce2, #blade_triforce3 {position:fixed; font-size:18px; color:#000; opacity:0.15;}
  188. #blade_triforce1 {margin-top:198px; margin-left:195px;}
  189. #blade_triforce2 {margin-top:210px; margin-left:195px;}
  190. #blade_triforce3 {margin-top:204px; margin-left:207px;}
  191.  
  192. #square1 {position:fixed; margin-top:200px; margin-left:134px; width:8px; height:8px; background-color:{color:Sword Details}; border-left:30px {color:Sword Wings} solid;}
  193. #square2 {position:fixed; margin-top:222px; margin-left:134px; width:8px; height:8px; background-color:{color:Sword Details}; border-left:30px {color:Sword Wings} solid;}
  194.  
  195. #middle1 {position:fixed; margin-top:200px; margin-left:120px; width:20px; height:20px; border-left:12px transparent solid; border-right:12px transparent solid; border-top:13px {color:Sword Wings} solid;}
  196. #middle2 {position:fixed; margin-top:197px; margin-left:120px; width:20px; height:20px; border-left:12px transparent solid; border-right:12px transparent solid; border-bottom:13px {color:Sword Wings} solid;}
  197.  
  198. #diamond {position:fixed; margin-top:206px; margin-left:124px; height:12px; width:12px; background-color:{color:Sword Diamond}; border:3px solid {color:Sword Details}; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);}
  199. #diamond_square {position:fixed; margin-top:213px; margin-left:138px; background-color:{color:Sword Details}; width:14px; height:4px;}
  200.  
  201. #blade_wing1 {position:fixed; margin-top:170px; margin-left:10px; width:100px; height:90px; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; background-color:transparent; border-right:25px {color:Sword Hilt Ends} solid;}
  202. #blade_wing2 {position:fixed; margin-top:160px; margin-left:98px; width:100px; height:100px; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; background-color:transparent; border:5px transparent solid; border-left:10px {color:Sword Wings} solid;}
  203. #blade_wing3 {position:fixed; margin-top:162px; margin-left:105px; width:100px; height:96px; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; background-color:transparent; border:5px transparent solid; border-left:10px {color:Sword Wings} solid;}
  204. #blade_wing4 {position:fixed; margin-top:163px; margin-left:112px; width:100px; height:92px; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; background-color:transparent; border:5px transparent solid; border-left:10px {color:Sword Wings} solid;}
  205.  
  206. #hilt {position:fixed; margin-top:205px; margin-left:40px; background-color:{color:Sword Hilt}; height:20px; width:54px;}
  207. #hilt_design {position:fixed; margin-top: 203px; margin-left:40px; color:#000; font-size:20px; opacity:0.6;}
  208. #hilt_circle {position:fixed; margin-top:200px; margin-left:100px; width:16px; height:26px; border-radius:0px 100px 100px 0px; -webkit-border-radius:0px 100px 100px 0px; -moz-border-radius:0px 100px 100px 0px; background-color:{color:Sword Hilt Ends}; border:2px {color:Sword Wings} solid;}
  209. #hilt_border {position:fixed; margin-top:197px; margin-left:100px; height:32px; width:6px; border:2px {color:Sword Wings} solid; background-color:{color:Sword Hilt Ends};}
  210. #hilt_front {position:fixed;position:fixed; margin-top:197px; margin-left:89px; width:5px; height:24px; border-top:6px transparent solid; border-bottom:6px transparent solid; border-right:6px {color:Sword Hilt Ends} solid;}
  211. #hilt_end {position:fixed;position:fixed; margin-top:199px; margin-left:30px; width:0px; height:20px; border-top:6px transparent solid; border-bottom:6px transparent solid; border-left:10px {color:Sword Hilt Ends} solid;}
  212. #hilt_tip {position:fixed;position:fixed;position:fixed; margin-top:204px; margin-left:10px; width:0px; height:10px; border-top:6px transparent solid; border-bottom:6px transparent solid; border-right:20px {color:Sword Hilt Ends} solid;}
  213.  
  214. /* ------------------------- HEY, LISTEN! -------------------------- */
  215.  
  216. #blogtitle {position:fixed; margin-top:80px; margin-left:20px; font-size:17px; font-family:'Metamorphous'; letter-spacing:1px; width:400px; height:18px; line-height:18px; overflow:hidden; text-transform:uppercase; color:{color:Blog Title}; text-align:center;}
  217.  
  218. #subtitle {position:fixed; margin-top:113px; margin-left:150px; font-size:24px; font-family:'Qwigley'; letter-spacing:1px; width:270px; height:25px; line-height:21px; overflow:hidden; text-transform:none; color:{color:Subtitle}; opacity:0.7; text-align:center;}
  219.  
  220. #side {position:fixed; margin-top:200px; margin-left:150px;}
  221. #description {background-color:{color:Description BG}; color:{color:Description Text}; border:5px {color:Description Border} solid;width:220px; padding:10px; text-align:justify; -moz-box-shadow: 0px 5px 10px {color:Description Shadow}; -webkit-box-shadow: 0px 5px 10px {color:Description Shadow}; box-shadow: 0px 5px 10px {color:Description Shadow};}
  222.  
  223. #triforce {position:fixed; margin-top:230px; margin-left:100px; font-family:calibri!important;}
  224.  
  225. #triforce1, #triforce2, #triforce3, #triforce4, #triforce5 {position:fixed; font-size:21px; line-height:11px; color:{color:Triforce Icons};}
  226. #triforce1 {margin-top:0px; opacity:1;}
  227. #triforce2 {margin-top:35px; opacity:0.85;}
  228. #triforce3 {margin-top:70px; opacity:0.7;}
  229. #triforce4 {margin-top:105px; opacity:0.55;}
  230. #triforce5 {margin-top:140px; opacity:0.4;}
  231. #triforce1a, #triforce2a, #triforce3a, #triforce4a, #triforce5a {margin-top:0px; margin-left:6px;}
  232. #triforce1b, #triforce2b, #triforce3b, #triforce4b, #triforce5b {margin-top:0px; margin-left:0px;}
  233. #triforce1c, #triforce2c, #triforce3c, #triforce4c, #triforce5c {margin-top:-11px; margin-left:12px;}
  234.  
  235. #navi {position:fixed; margin-top:225px; margin-left:5px; width:80px; text-align:right;}
  236. #navi a {display:inline-block; font-family:'Metamorphous'; text-transform:uppercase; letter-spacing:1px; text-align:right; width:80px; margin:5px 5px 7px 20px; padding:4px 34px 4px 4px; font-size:10px; line-height:17px; height:12px; overflow:hidden; opacity:0; color:{color:Triforce Links};}
  237. #navi a:hover {margin-left:5px; opacity:1;}
  238.  
  239. #navigation {margin-top:0px; margin-left:-10px; width:258px; padding:5px;}
  240. #navigation a {display:inline-block; font-family:'Metamorphous'; text-transform:uppercase; letter-spacing:1px; text-align:center;; width:107px; margin:5px 1px 3px 5px; padding:4px; font-size:10px; line-height:16px; height:16px; overflow:hidden; color:{color:Extra Links Text}; background-color:{color:Extra Links BG}; border:3px {color:Extra Links Border} solid; -moz-box-shadow: 0px 5px 10px {color:Extra Links Shadow}; -webkit-box-shadow: 0px 5px 10px {color:Extra Links Shadow}; box-shadow: 0px 5px 10px {color:Extra Links Shadow};}
  241. #navigation a:hover {background-color:{color:Extra Links BG Hover}; color:{color:Extra Links Text Hover}; border:3px {color:Extra Links Border Hover} solid;}
  242.  
  243. #pages {width:258px; height:21px; line-height:17px; text-align:center; letter-spacing:5px; margin-left:-4px;}
  244. #pages a {background-color:{color:Extra Links BG}; display:inline-block; width:15px; height:15px; line-height:15px; color:{color:Extra Links Text}; text-decoration:none; padding:3px 0px 3px 5px; margin:5px; border:3px {color:Extra Links Border} solid;}
  245. #pages a:hover {background-color:{color:Extra Links BG Hover}; color:{color:Extra Links Text Hover}; border:3px {color:Extra Links Border Hover} solid;}
  246. .current_page {background-color:{color:Extra Links BG Hover}; display:inline-block; width:15px; height:15px; line-height:15px; color:{color:Extra Links Text Hover}; padding:3px 0px 3px 5px; margin:5px; border:3px {color:Extra Links Border Hover} solid;}
  247.  
  248. /* --------------------------- ENTRIES ----------------------------- */
  249.  
  250. #posts {margin-top:20px; margin-left:445px;}
  251.  
  252. .entry {background-color:{color:Posts}; padding:20px 20px 5px 20px; overflow:hidden; position:relative; width:500px; margin-bottom:20px;}
  253. .entry h1 {font-family:'Qwigley'; font-size:26px; color:{color:Post Title}; text-align:left; margin:0px; font-weight:normal; letter-spacing:1px;}
  254. .entry img {max-width: 500px;}
  255.  
  256. /* ---------------------------- CHAT ------------------------------- */
  257.  
  258. .chat .line {font-size:11px; font-color:{color:Text}; margin:0px 1px; padding:4px;}
  259. .label {font-weight:none; color:{color:Bold}; font-size:9px; {block:ifLargerText}font-size:10px;{/block:ifLargerText} font-family:'Exo 2';}
  260.  
  261. /* ---------------------------- QUOTE ------------------------------ */
  262.  
  263. .short_quote, .medium_quote, .long_quote {font-family:'Qwigley'; height:auto; margin-top:45px; padding:6px; text-align:center;letter-spacing:1px;}
  264. .short_quote {font-size:28px; line-height:26px;}
  265. .medium_quote {font-size:24px; line-height:23px;}
  266. .long_quote {font-size:20px; line-height:21px;}
  267. .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';}
  268.  
  269. #quotesymbol {position:absolute; font-size:72px; margin-top:-3px; margin-left:238px; font-family:arial; color:{color:Link}; opacity:0.8;}
  270. #quoteline {position:absolute; width:500px; height:5px; background-color:{color:Quote Line}; margin-top:15px; margin-left:0px;}
  271. #quotecircle {margin-left:230px; margin-top:-2px;position:absolute; width:30px; height:30px; background-color:{color:Posts}; border:5px {color:Quote Line} solid;}
  272.  
  273. /* --------------------------- LINKS ------------------------------- */
  274.  
  275. #linktitle {width:500px;}
  276. .linktexttitle {font-family:'Metamorphous'; text-transform:uppercase; font-size:17px; 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; background-color:{color:Link}; text-align:center; padding:7px 3px 5px 3px; font-weight:normal;}
  277. .linktexttitle a {color:{color:Posts};}
  278. .linkdescription {padding:0px; margin:0px; text-align:left;}
  279.  
  280. /* --------------------------- AUDIO ------------------------------- */
  281.  
  282. #audentryprob {display:block; position:relative; min-height:120px; text-align:left;}
  283. .audentry {width:490px; position:relative; padding:5px; min-height:120px;}
  284.  
  285. .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;}
  286. .audioplayercircle:hover {opacity:1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  287. .audioplayer {width:20px; height:30px; overflow:hidden; margin:17px 24px 13px 16px;}
  288.  
  289. .audiodata, .audiodata2, .audiodata3, .audiodata4 {text-transform:none; height:16px; padding:8px 0px 0px 0px!important; vertical-align:middle;}
  290. .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;}
  291. .audiodata4 {padding:10px 0px 13px 0px!important;}
  292.  
  293. /* ------------------------- ASK POSTS ----------------------------- */
  294.  
  295. #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}}
  296.  
  297. #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;}
  298.  
  299. #asker a {color:{color:Text}}
  300. #asker a:hover {color:{color:Link Hover}}
  301.  
  302. #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;}
  303.  
  304. #arrow {width: 13px; height: 7px; font-size:32px; margin-top:-15px; margin-left:18px; font-family:'trebuchet ms'; color:{color:Question BG}}
  305.  
  306. /* -------------------------- ENDING ------------------------------- */
  307.  
  308. #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;}
  309. #ending a {color:{color:Ending Text};}
  310. #ending a:hover {color:{color:Ending Link Hover}!important;}
  311. #ending b {color:{color:Ending Text}!important;}
  312.  
  313. #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;}
  314.  
  315. .lnotes {position:absolute; margin-top:4px; margin-left:-6px; text-align:left;} .fa-1a {font-size:1.1em;}
  316. .like_button {position:relative; display:inline-block; cursor:pointer!important; overflow:hidden; margin-top:-1px;}
  317. .like_button iframe {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
  318. .like_button::before {content:'❤'; text-transform:lowercase!important; position:relative; font-size:9px;}
  319. .like_button:hover::before, .like_button.liked::before {color:#ff0000; cursor:pointer!important;}
  320.  
  321. .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;}
  322. .rnotes a {text-decoration:none; padding-left:3px;}
  323. .rnotes a:hover{color:{color:Ending Link Hover};}
  324.  
  325. .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};}
  326. .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;}
  327.  
  328. .endsource {margin-left:452px; margin-top:-16px;}
  329. .endsource:hover {margin-left:373px;}
  330. .endnotes {margin-left:471px; margin-top:-43px;}
  331. .endnotes:hover {margin-left:400px;}
  332. .endtime {margin-left:492px; margin-top:-43px;}
  333. .endtime:hover {margin-left:380px;}
  334.  
  335. /* ---------------------- ENDING (N0-SLIDE) ------------------------ */
  336.  
  337. #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;}
  338. #noslide_bar {margin:6px 0px 0px 5px; width:500px; height:1px; background-color:{color:Ending Text}; opacity:0.5; position:relative;}
  339.  
  340. /* ------------------------- PERMALINK ----------------------------- */
  341.  
  342. .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;}
  343. .permalink blockquote {padding:4px; padding-left:14px; margin-left:3px;}
  344. ol.notes {padding:0px; list-style-type:none; background:transparent; letter-spacing:1px; padding-top:10px; margin-top:10px; margin-bottom:0px;}
  345. ol.notes li.note {padding: 1px; text-align: left;}
  346. .notes img {border-radius:8px; opacity:0.8; vertical-align:middle; width:10px; position:relative; margin-top:-2px; margin-right:5px;}
  347. .post_tags {width:420px; letter-spacing:1px; margin-top:15px;}
  348. .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;}
  349. .post_tags a:hover {opacity:1; border-bottom:none; color:{color:Posts};}
  350.  
  351. /* ----------------------- TUMBLR CONTROLS ------------------------- */
  352.  
  353. iframe#tumblr_controls {-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;}
  354.  
  355. 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;}
  356.  
  357. /* ------------------------- CUSTOM CSS ---------------------------- */
  358.  
  359. {CustomCSS}
  360.  
  361. </style>
  362.  
  363. </head>
  364.  
  365. <body>
  366.  
  367. <a href="http://zeldathemes.tumblr.com/"><div id="credits">
  368. <div class="credit"><div class="creditz">ℤ</div>
  369. <span>zeldathemes</span></div></div></div></a>
  370.  
  371. <div id="blogtitle">{text:Blog Title}</div>
  372. <div id="subtitle">{text:Subtitle}</div>
  373. <div id="side">{block:Description}<div id="description">{Description}</div>{/block:Description}
  374.  
  375. <div id="navigation">
  376. {block:IfShowLink4}
  377. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  378. {/block:IfShowLink4}
  379. {block:IfShowLink5}
  380. <a href="{text:Link 5 URL}">{text:Link 5 Title}</a>
  381. {/block:IfShowLink5}
  382. {block:IfShowLink6}
  383. <a href="{text:Link 6 URL}">{text:Link 6 Title}</a>
  384. {/block:IfShowLink6}
  385. {block:IfShowLink7}
  386. <a href="{text:Link 7 URL}">{text:Link 7 Title}</a>
  387. {/block:IfShowLink7}
  388. </div>
  389.  
  390.  
  391. <div id="pages">{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}</div></div></div>
  392.  
  393. <div id="triforce">
  394. <div id="triforce1"><div id="triforce1a">▲</div>
  395. <div id="triforce1b">▲</div><div id="triforce1c">▲</div></div>
  396. <div id="triforce2"><div id="triforce2a">▲</div>
  397. <div id="triforce2b">▲</div><div id="triforce2c">▲</div></div>
  398. {block:IfShowLink1}
  399. <div id="triforce3"><div id="triforce3a">▲</div>
  400. <div id="triforce3b">▲</div><div id="triforce3c">▲</div></div>
  401. {/block:IfShowLink1}
  402. {block:IfShowLink2}
  403. <div id="triforce4"><div id="triforce4a">▲</div>
  404. <div id="triforce4b">▲</div><div id="triforce4c">▲</div></div>
  405. {/block:IfShowLink2}
  406. {block:IfShowLink3}
  407. <div id="triforce5"><div id="triforce5a">▲</div>
  408. <div id="triforce5b">▲</div><div id="triforce5c">▲</div></div>
  409. {/block:IfShowLink3}
  410. </div>
  411.  
  412. <div id="navi">
  413. <a href="/">{text:Home Link Title}</a>
  414. <a href="/ask">{text:Ask Link Title}</a>
  415. {block:IfShowLink1}
  416. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  417. {/block:IfShowLink1}
  418. {block:IfShowLink2}
  419. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  420. {/block:IfShowLink2}
  421. {block:IfShowLink3}
  422. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  423. {/block:IfShowLink3}
  424. </div>
  425.  
  426. <div id="mastersword">
  427.  
  428. <div id="blade"></div>
  429.  
  430. <div id="blade_tip">►</div>
  431.  
  432. <div id="blade_middle1"></div>
  433. <div id="blade_middle2"></div>
  434.  
  435. <div id="blade_triforce1">►</div>
  436. <div id="blade_triforce2">►</div>
  437. <div id="blade_triforce3">►</div>
  438.  
  439. <div id="square1"></div>
  440. <div id="square2"></div>
  441.  
  442. <div id="middle1"></div>
  443. <div id="middle2"></div>
  444.  
  445. <div id="blade_wing1"></div>
  446. <div id="blade_wing2"></div>
  447. <div id="blade_wing3"></div>
  448. <div id="blade_wing4"></div>
  449.  
  450. <div id="diamond_square"></div>
  451. <div id="diamond"></div>
  452.  
  453. <div id="hilt"></div>
  454. <div id="hilt_design">♢♢♢♢</div>
  455. <div id="hilt_circle"></div>
  456. <div id="hilt_border"></div>
  457. <div id="hilt_front"></div>
  458. <div id="hilt_end"></div>
  459. <div id="hilt_tip"></div>
  460.  
  461. </div>
  462.  
  463. <div id="posts">
  464.  
  465. {block:Posts}
  466.  
  467. {block:ContentSource}
  468. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  469. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  470. {/block:SourceLogo}
  471. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  472. {/block:ContentSource}
  473.  
  474. <div class="entry">
  475.  
  476. {block:Text}
  477. {block:Title}<h1>{Title}</h1>{/block:Title}
  478. <div style="margin-bottom:15px;">{Body}</div>
  479. {/block:Text}
  480.  
  481. {block:Photo}
  482. {block:ifSlidingPostInfo}<img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}">
  483. {block:Caption}{Caption}{/block:Caption}{/block:ifSlidingPostInfo}
  484. {block:ifNotSlidingPostInfo}<div style="margin-bottom:5px;"><img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"></div>
  485. {block:Caption}<div style="margin-top:-5px;">{Caption}</div>{/block:Caption}{/block:ifNotSlidingPostInfo}
  486. {/block:Photo}
  487.  
  488. {block:Photoset}
  489. <div class="photo">{Photoset-500}
  490. </div>
  491. {block:Caption}{Caption}{/block:Caption}
  492. {/block:Photoset}
  493.  
  494. {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}
  495.  
  496. {block:Link}
  497. <div id="linktitle"><div class="linktexttitle"><a href="{URL}" class="linkpost" target="_blank">{Name}</a></div></div>
  498. {block:Description}
  499. <div class="linkdescription">{Description}</div>
  500. {/block:Description}
  501. {/block:Link}
  502.  
  503. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat">
  504. {block:Lines}<div class="chat"><div class="line {Alt}">
  505. <div class="{Alt} user_{UserNumber}">{block:Label}
  506. <span class="label"><span style="text-transform:uppercase; letter-spacing:1px">{Label}</span></span>{/block:Label}
  507. {Line}</div></div></div>
  508. {/block:Lines}</div>{/block:Chat}
  509.  
  510. {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}
  511.  
  512. {block:Video}
  513. {Video-500}
  514. {block:Caption}{Caption}{/block:Caption}
  515. {/block:Video}
  516.  
  517. {block:Answer}
  518. <div id="question">{Question}</div>
  519. <div id="arrow">◥</div>
  520. <br>
  521. <div id="asker"><img src="{AskerPortraitURL-24}">{Asker}</div>
  522. {Answer}
  523. {/block:answer}
  524.  
  525. {block:Date}
  526.  
  527. <div id="ending">
  528. <div class="rnotes">
  529.  
  530. {block:ifSlidingPostInfo}
  531.  
  532. <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>
  533.  
  534. <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>
  535. <div class="endnotes"><td><span style="padding-right:8px;"><b>II.</b></span></td><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  536. <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>
  537.  
  538. {/block:ifSlidingPostInfo}
  539.  
  540. {block:ifNotSlidingPostInfo}
  541. <div id="noslide_bar"></div>
  542. <div id="noslide"><span style="background-color:{color:Posts}; padding:0px 7px 0px 5px;">
  543. {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>
  544. {block:ifNotSlidingPostInfo}
  545.  
  546. </div>
  547. </div>
  548.  
  549. {block:IfShowTags}
  550. {block:HasTags}
  551. <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;">
  552. {block:Tags}<a href="{TagURL}" target="_blank"><span style="color:{color:Ending Text}!important;">&nbsp;&nbsp;#{Tag}&nbsp;&nbsp;</span></a>{/block:Tags}
  553. </div>
  554. {/block:HasTags}
  555. {/block:IfShowTags}
  556.  
  557. {/block:Date}</div>
  558.  
  559. {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}
  560.  
  561. {/block:Posts}
  562. </div></div>
  563.  
  564. </body>
  565. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement