Advertisement
zeldalise

Theme 3: Marchin' On

Jul 13th, 2012
9,055
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.56 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 #3: MARCHIN ON | 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. <!-- DEFAULT VARIABLES -->
  17. <meta name="image:Background" content=""/>
  18. <meta name="image:Sidebar" content=""/>
  19.  
  20. <meta name="font:CustomFont" content="Helvetica" />
  21. <meta name="text:Blog Title" content="Blog title goes here." />
  22. <meta name="text:Home Link Title" content="home" />
  23. <meta name="text:Ask Link Title" content="ask" />
  24. <meta name="text:Link 1 Url" content="http://" />
  25. <meta name="text:Link 1 Title" content="Link 1" />
  26. <meta name="text:Link 2 Url" content="http://" />
  27. <meta name="text:Link 2 Title" content="Link 2" />
  28. <meta name="text:Link 3 Url" content="http://" />
  29. <meta name="text:Link 3 Title" content="Link 3" />
  30. <meta name="text:Link 4 Url" content="http://" />
  31. <meta name="text:Link 4 Title" content="Link 4" />
  32. <meta name="text:Link 5 Url" content="http://" />
  33. <meta name="text:Link 5 Title" content="Link 5" />
  34. <meta name="text:Link 6 Url" content="http://" />
  35. <meta name="text:Link 6 Title" content="Link 6" />
  36.  
  37. <meta name="if:WebkitScroll" content="1" />
  38. <meta name="if:CustomFont" content="0" />
  39. <meta name="if:LargerText" content="0" />
  40. <meta name="if:ShowTags" content="0" />
  41. <meta name="if:ShowIcon" content="1" />
  42. <meta name="if:ToolTips" content="1" />
  43. <meta name="if:SlidingPostInfo" content="1" />
  44. <meta name="if:BackgroundStretch" content="1" />
  45. <meta name="if:ShowLink3" content="1" />
  46. <meta name="if:ShowLink4" content="1" />
  47. <meta name="if:ShowLink5" content="1" />
  48. <meta name="if:ShowLink6" content="1" />
  49.  
  50. <meta name="color:Background" content="#DDDDDD"/>
  51. <meta name="color:Posts" content="#FFFFFF" />
  52. <meta name="color:Post Title" content="#000000" />
  53.  
  54. <meta name="color:Link" content="#FF0000" />
  55. <meta name="color:Link Hover" content="#0000FF" />
  56. <meta name="color:Text" content="#555555" />
  57. <meta name="color:Bold" content="#000000" />
  58. <meta name="color:Italic" content="#000000" />
  59. <meta name="color:Blockquote" content="#EFEFEF" />
  60.  
  61. <meta name="color:Blog Title" content="#000000" />
  62. <meta name="color:Subtitle" content="#333333" />
  63. <meta name="color:Extra Links BG" content="#000000"/>
  64. <meta name="color:Extra Links Text" content="#FFFFFF"/>
  65. <meta name="color:Extra Links BG Hover" content="#FFFFFF"/>
  66. <meta name="color:Extra Links Text Hover" content="#000000"/>
  67. <meta name="color:Description BG" content="#FFFFFF"/>
  68. <meta name="color:Description Text" content="#333333"/>
  69.  
  70. <meta name="color:Ending Text" content="#888888" />
  71. <meta name="color:Ending Link Hover" content="#BBBBBB" />
  72. <meta name="color:Question BG" content="#EEEEEE" />
  73. <meta name="color:Question Text" content="#333333" />
  74. <meta name="color:Question Shadow" content="#BBBBBB" />
  75. <meta name="color:Quote Line" content="#DDDDDD" />
  76. <meta name="color:Scroll" content="#555555" />
  77. <meta name="color:Scroll BG" content="#999999" />
  78.  
  79. <meta name="color:Sidebar Borders" content="#222222" />
  80. <meta name="color:Navigation Selected" content="#FFFFFF" />
  81. <meta name="color:Navigation Text" content="#888888" />
  82. <meta name="color:Ask Link Text" content="#000000" />
  83. <meta name="color:Ask Link BG" content="#FFFFFF" />
  84. <meta name="color:Ask Link Hover Text" content="#FFFFFF" />
  85. <meta name="color:Ask Link Hover BG" content="#000000" />
  86. <meta name="color:Link One Text" content="#FFFFFF" />
  87. <meta name="color:Link One BG" content="#000000" />
  88. <meta name="color:Link One Hover Text" content="#000000" />
  89. <meta name="color:Link One Hover BG" content="#FFFFFF" />
  90. <meta name="color:Link Two Text" content="#000000" />
  91. <meta name="color:Link Two BG" content="#FFFFFF" />
  92. <meta name="color:Link Two Hover Text" content="#FFFFFF" />
  93. <meta name="color:Link Two Hover BG" content="#000000" />
  94. <meta name="color:Extra Links BG" content="#000000"/>
  95. <meta name="color:Extra Links Text" content="#FFFFFF"/>
  96. <meta name="color:Extra Links BG Hover" content="#FFFFFF"/>
  97. <meta name="color:Extra Links Text Hover" content="#000000"/>
  98.  
  99. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  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. <link href='http://fonts.googleapis.com/css?family=Ropa+Sans|Tulpen+One' rel='stylesheet' type='text/css'>
  107.  
  108. <title>{Title}</title>
  109. <link rel="shortcut icon" href="{Favicon}">
  110. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  111. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  112.  
  113. <style type="text/css">
  114.  
  115. @font-face{font-family:WebSymbolsRegular; src:url(http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf);}
  116.  
  117. @font-face{font-family:Sosa; src:url(http://static.tumblr.com/imnherg/QIamo364v/sosa.ttf);}
  118.  
  119. /* ----------------------- TUMBLR CONTROLS ------------------------- */
  120.  
  121. iframe#tumblr_controls {opacity: 0.5; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  122.  
  123. iframe#tumblr_controls:hover {opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
  124.  
  125. /* ------------------------- SMT TOOLTIP --------------------------- */
  126.  
  127. #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;}
  128.  
  129. /* --------------------------- SCROLL ------------------------------ */
  130.  
  131. {block:IfWebkitScroll}
  132. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scroll}; height: 0px;}
  133. ::-webkit-scrollbar {height: 0px; width: 5px; background-color:{color:Scroll BG};}
  134. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  135. {/block:IfWebkitScroll}
  136.  
  137. /* ---------------------------- BODY ------------------------------- */
  138.  
  139. 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}'); background-position:bottom right;
  140. {block:ifBackgroundStretch}
  141. -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
  142. {/block:ifBackgroundStretch}}
  143.  
  144. 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;}
  145.  
  146. 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;}
  147.  
  148. b, strong {color:{color:Bold};}
  149. i, em {color:{color:Italic};}
  150.  
  151. #content {margin:auto; width:840px;}
  152.  
  153. #credits {position:fixed; bottom:20px; left:-10px; width:20px;}
  154. .credit {padding:10px 10px; position:absolute; left:10px; width:0px;
  155. 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;}
  156. .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:'Ropa Sans'; font-size:9px; background-color:{color:Posts}; color:{color:Text}; letter-spacing:1px;}
  157. .credit .creditz {font-size:15px; position: absolute; top:1px; height:100%; left:4px; width:20px; color:{color:Text};}
  158. #credits:hover .credit{width:54px;}
  159. #credits:hover .credit span{opacity:1;}
  160. #credits:hover .creditz {left:-15px;}
  161. .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;}
  162.  
  163. /* ------------- BLOCKQUOTES (TOO MANY IF YOU ASK ME) ------------- */
  164.  
  165. blockquote {margin:10px 0px; display:block; position:relative; border:5px solid {color:Blockquote}; background-color:{color:Blockquote}; padding:0px 10px;}
  166.  
  167. blockquote img {max-width:100%!important;}
  168.  
  169. blockquote:before {content:''; position:absolute; height:100%; padding:5px 0px; top:-5px; left:-5px;}
  170.  
  171. 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}; }
  172.  
  173. 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};}
  174.  
  175. /* ----------------------------- SIDE ------------------------------ */
  176.  
  177. #sidebar {position:fixed; margin-top:50px; margin-left:0px; width:250px; z-index:99;}
  178.  
  179. #blogtitle {position:relative; margin-left:0px; margin-bottom:10px; width:256px; text-align:center; font-family:'Tulpen One'; text-transform:uppercase; font-size:28px; color:{color:Blog Title}; letter-spacing:2px;}
  180.  
  181. #sidebarimage img{width:236px; border:10px {color:Sidebar Borders} solid; border-bottom:none;}
  182.  
  183. #navs {position:relative; margin-top:-3px; width:216px; height:20px; padding:5px 20px; word-spacing:5px; letter-spacing:2px; background-color:{color:Sidebar Borders}; color:{color:Navigation Selected}; font-family:'Economica'; font-size:14px; text-align:center; text-transform:uppercase; line-height:19px;}
  184. #navs a{color:{color:Navigation Text}}
  185.  
  186. #sidelinks {position:relative; width:256px; margin-top:0px; margin-left:0px;}
  187. #sidelinks a {display:inline-block; margin-bottom:0px; margin-right:-2px; text-align: center; line-height:54px; font-family:'Tulpen One'; text-transform:uppercase; font-size:13px; letter-spacing:2px; border-bottom:10px {color:Sidebar Borders} solid;}
  188.  
  189. .linkone a {background-image: url('{PortraitURL-64}'); height:64px; width:64px;}
  190.  
  191. .linktwo a {color:{color:Ask Link Text}; background-color:{color:Ask Link BG}; height:54px; width:54px; padding:5px;}
  192. .linktwo a:hover {color:{color:Ask Link Hover Text}; background-color:{color:Ask Link Hover BG};}
  193.  
  194. .linkthree a {color:{color:Link One Text}; background-color:{color:Link One BG}; height:54px; width:54px; padding:5px;}
  195. .linkthree a:hover {color:{color:Link One Hover Text}; background-color:{color:Link One Hover BG};}
  196.  
  197. .linkfour a {color:{color:Link Two Text}; background-color:{color:Link Two BG}; height:54px; width:54px; padding:5px;}
  198. .linkfour a:hover {color:{color:Link Two Hover Text}; background-color:{color:Link Two Hover BG};}
  199.  
  200. #desctriangle {position:relative; margin-top:5px; margin-left:22px; color:{color:Description BG}; font-size:20px; 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;}
  201.  
  202. #sidebar:hover #desctriangle {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;}
  203.  
  204. #description {position:relative; margin-top:-5px; margin-left:0px; width:226px; padding:15px; -webkit-border-radius: 20px; border-radius: 20px; color:{color:Description Text}; background-color:{color:Description BG}; text-align:justify; font:{font:Body}; 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;}
  205.  
  206. #sidebar:hover #description {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;}
  207.  
  208. #extralinks {margin:0px; {block:ifShowLink3}margin:15px 0px -5px 0px;{/block:ifShowLink3}}
  209. #extralinks a {width:196px; margin-bottom:5px; text-align:center; background-color:{color:Extra Links BG}; padding:5px; display:block; color:{color:Extra Links Text}; font-family:'Tulpen One'; text-transform:uppercase; letter-spacing:2px; border-left:10px {color:Extra Links BG} solid; border-right:10px {color:Extra Links BG} solid; font-size:13px;}
  210. #extralinks a:hover {background-color:{color:Extra Links BG Hover}; color:{color:Extra Links Text Hover};}
  211.  
  212. /* ---------------------------- ENTRIES ---------------------------- */
  213.  
  214. #posts {margin-top:20px; margin-left:300px; margin-bottom:20px;}
  215.  
  216. .entry {background-color:{color:Posts}; padding:20px 20px 5px 20px; overflow:hidden; position:relative; width:500px; margin-bottom:20px;}
  217.  
  218. .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;}
  219.  
  220. .entry img {max-width: 500px; margin-bottom: -3px;}
  221.  
  222. /* ----------------------------- CHAT ------------------------------ */
  223.  
  224. .chat .line{font-size:11px; font-color: {color:Text}; margin:0 0 1px; padding:4px;}
  225. .label {font-weight:none; color:{color:Bold}; font-size:10px; {block:ifLargerText}font-size:11px;{/block:ifLargerText}; font-family:'Ropa Sans';}
  226.  
  227. /* ---------------------------- QUOTE ------------------------------ */
  228.  
  229. .short_quote, .medium_quote, .long_quote {font-family:'Tulpen One'; height:auto; margin-top:45px; padding:6px; text-align:center;letter-spacing:1px;}
  230. .short_quote {font-size:28px; line-height:26px;}
  231. .medium_quote {font-size:24px; line-height:23px;}
  232. .long_quote {font-size:20px; line-height:21px;}
  233. .source {text-align:center; font-style:none; text-transform:uppercase; font-size:10px; letter-spacing:1px; margin-top:10px; margin-bottom:5px; font-family:'Ropa Sans';}
  234.  
  235. #quotesymbol {position:absolute; font-size:72px; margin-top:-3px; margin-left:238px; font-family:arial; color:{color:Link}; opacity:0.8;}
  236. #quoteline {position:absolute; width:500px; height:5px; background-color:{color:Quote Line}; margin-top:15px; margin-left:0px;}
  237. #quotecircle {margin-left:230px; margin-top:-2px;position:absolute; width:30px; height:30px; background-color:{color:Posts}; border:5px {color:Quote Line} solid;}
  238.  
  239. /* ---------------------------- LINKS ------------------------------ */
  240.  
  241. #linktitle {width:500px;}
  242.  
  243. .linktexttitle {font-family: 'Tulpen One'; text-transform:uppercase; font-size:23px; letter-spacing:2px; 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;}
  244. .linktexttitle:hover {opacity:1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  245. .linktexttitle a {color:{color:Posts};}
  246. .linkdescription {padding:0px; margin:0px; text-align:left;}
  247.  
  248. /* ----------------------------- AUDIO --------------------------------- */
  249.  
  250. #audentryprob {display:block; position:relative; min-height:120px;}
  251. .audentry {width:490px; position:relative; padding:5px; min-height:120px;}
  252.  
  253. .audioplayercircle {position: absolute; z-index: 3; background: white; -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;}
  254.  
  255. .audioplayercircle:hover {opacity:1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  256.  
  257. .audioplayer {width: 20px; height: 30px; overflow: hidden; margin: 17px 24px 13px 16px;}
  258.  
  259. .audiodata {text-transform:none; height:16px; padding:8px 0px 0px 0px!important; vertical-align:middle;}
  260. .audiodata b{font-family: 'Ropa Sans'; text-transform:uppercase; letter-spacing: 1px; font-weight:normal;}
  261. .audiodata2 {text-transform:none; height:16px; padding:10px 0px 0px 0px!important; vertical-align:middle;}
  262. .audiodata2 b{font-family: 'Ropa Sans'; text-transform:uppercase; letter-spacing: 1px; font-weight:normal;}
  263. .audiodata3 {text-transform:none; height:16px; padding:10px 0px 0px 0px!important; vertical-align:middle;}
  264. .audiodata3 b{font-family:'Ropa Sans'; text-transform:uppercase; letter-spacing: 1px; font-weight:normal;}
  265. .audiodata4 { text-transform:none; height:16px; padding:10px 0px 13px 0px!important;}
  266. .audiodata4 b{font-family: 'Ropa Sans'; text-transform:uppercase; letter-spacing: 1px; font-weight:normal;}
  267.  
  268. /* -------------------------- ASK POSTS ---------------------------- */
  269.  
  270. #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}}
  271.  
  272. #asker {text-align:left; vertical-align:bottom; margin-top:2px; margin-left:20px; font-size:10px; letter-spacing:1px; font-family:'Ropa Sans'; text-transform:uppercase; line-height:18px;}
  273.  
  274. #asker a {color:{color:Text}}
  275. #asker a:hover {color:{color:Link Hover}}
  276.  
  277. #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;}
  278.  
  279. #arrow {width: 13px; height: 7px; font-size:32px; margin-top:-15px; margin-left:18px; font-family:'trebuchet ms'; color:{color:Question BG}}
  280.  
  281. /* ------------------------ ENDING ----------------------------- */
  282.  
  283. #ending {width:540px; margin-left:-20px; overflow:hidden; margin-top:5px; height:30px; margin-bottom:-5px; color:{color:Ending Text}; background-color:{color:Posts};}
  284. #ending a {color:{color:Ending Text};}
  285. #ending a:hover {color:{color:Ending Link Hover};}
  286.  
  287. .lnotes {position:absolute; margin-top:2px; margin-left:-4px; text-align:left; font-family:'Sosa'}
  288.  
  289. .like_button {position:relative; display:inline-block; cursor:pointer!important; overflow:hidden;}
  290. .like_button iframe {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
  291. .like_button::before {content:'C'; font-family:'Sosa'!important; text-transform:lowercase!important; position:relative; font-size:11px; -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;}
  292. .like_button:hover::before, .like_button.liked::before {color:#ff0000; cursor:pointer!important; -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;}
  293.  
  294. .rnotes {margin-left:0px; position:relative; padding:6px 25px 6px 15px; width:500px; margin-top:0px; margin-bottom:20px; 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;}
  295. .rnotes a{padding-left:3px;}
  296.  
  297. .endsource, .endnotes, .endtime {font-family:'Ropa Sans'; position:relative; padding-right:15px; padding-left:10px; width:510px; text-transform:uppercase; text-align:left; overflow:hidden; line-height:16px; font-size:9px; height:20px; margin-bottom:-5px; padding-bottom:6px; padding-top:17px; overflow:hidden; letter-spacing:1px; background-color:{color:Posts}; -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.6s ease-in-out;}
  298. .number {font-size:10px!important;}
  299. .endsource:hover, .endnotes:hover, .endtime: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.6s ease-in-out;}
  300.  
  301. .endsource {margin-left:437px; margin-top:-16px;}
  302. .endsource:hover {margin-left: 358px;}
  303. .endnotes {margin-left:467px; margin-top:-44px;}
  304. .endnotes:hover {margin-left: 385px;}
  305. .endtime {margin-left:493px; margin-top:-43px;}
  306. .endtime:hover {margin-left: 376px;}
  307.  
  308. .symbols {font-family:'WebSymbolsRegular'!important; text-transform:none!important; font-style: normal!important;}
  309.  
  310. /* --------------------- ENDING (N0-SLIDE) ------------------------- */
  311.  
  312. #noslide {font-family:Ropa Sans; font-size:9px; letter-spacing:1px; text-transform:uppercase; margin-top:-6px; margin-right:5px; position:relative;}
  313. #noslide_bar {margin:6px 0px 0px 5px; width:500px; height:1px; background-color:{color:Ending Text}; opacity:0.5; position:relative;}
  314.  
  315. /* ------------------------- PERMALINK ----------------------------- */
  316.  
  317. .permalink {position:relative!important; float:none; line-height:18px; letter-spacing:1px; color:{color:Title Inside}; text-transform:uppercase; text-align:center; width:480px; padding:10px 10px 20px 10px; margin-left:10px; margin-bottom:20px; margin-top:-25px; font-family:'Ropa Sans'; font-size:10px;}
  318. .permalink blockquote {padding:4px; padding-left:14px; margin-left:3px;}
  319. ol.notes {padding:0px; list-style-type:none; background:transparent; letter-spacing:1px; padding-top:10px; margin-top:10px; margin-bottom:0px;}
  320. ol.notes li.note {padding: 1px; text-align: left;}
  321. .notes img {border-radius:8px; opacity:0.8; vertical-align:middle; width:10px; position:relative; margin-top:-2px; margin-right:5px;}
  322. .post_tags {width:420px; letter-spacing:1px; margin-top:15px;}
  323. .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;}
  324. .post_tags a:hover {opacity:1; border-bottom:none; color:{color:Posts};}
  325.  
  326. /* ------------------------ TUMBLR CONTROLS ---------------------------- */
  327.  
  328. iframe#tumblr_controls {-webkit-transition: opacity 0.7s linear; opacity: 0.5; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  329.  
  330. 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;}
  331.  
  332. /* -------------------------- CUSTOM CSS ------------------------------- */
  333.  
  334. {CustomCSS}
  335.  
  336. </style>
  337. </head>
  338.  
  339. <body>
  340.  
  341. <a href="http://zeldathemes.tumblr.com/"><div id="credits">
  342. <div class="credit"><div class="creditz">ℤ</div>
  343. <span>zeldathemes</span></div></div></div></a>
  344.  
  345. <div id="content">
  346.  
  347. <div id="sidebar">
  348. <div id="blogtitle">{text:Blog Title}</div>
  349. {block:ifSidebar}<div id="sidebarimage"><img src="{image:Sidebar}"></div>{/block:ifSidebar}
  350.  
  351. <div id="navs">
  352.  
  353. {block:Pagination}
  354. {block:PreviousPage}
  355. <a href="{PreviousPage}">←</a>
  356. {/block:PreviousPage}
  357.  
  358. {block:JumpPagination length="5"}
  359. {block:CurrentPage}
  360. <span class="current_page">{PageNumber}</span>
  361. {/block:CurrentPage}
  362.  
  363. {block:JumpPage}
  364. <a class="jump_page" href="{URL}">{PageNumber}</a>
  365. {/block:JumpPage}
  366. {/block:JumpPagination}
  367.  
  368. {block:NextPage}
  369. <a href="{NextPage}">→</a>
  370. {/block:NextPage}
  371. {/block:Pagination}
  372.  
  373. </div>
  374.  
  375. <div id="sidelinks">
  376. <span class="linkone"><a href="/"></a></span>
  377. <div style="margin-left:64px; margin-top:-77px;"><span class="linktwo"><a href="/ask">{text:Ask Link Title}</a></span>
  378. <span class="linkthree"><a href="{text:Link 1 URL}">{text:Link 1 Title}</a></span>
  379. <span class="linkfour"> <a href="{text:Link 2 URL}">{text:Link 2 Title}</a></span></div>
  380. </div>
  381.  
  382. <div id="desctriangle">▲</div>
  383. <div id="description">{Description}
  384. <div id="extralinks">
  385. {block:ifShowLink3}<a href="{text:Link 3 URL}">{text:Link 3 Title}</a>{/block:ifShowLink3}
  386. {block:ifShowLink4}<a href="{text:Link 4 URL}">{text:Link 4 Title}</a>{/block:ifShowLink4}
  387. {block:ifShowLink5}<a href="{text:Link 5 URL}">{text:Link 5 Title}</a>{/block:ifShowLink5}
  388. {block:ifShowLink6}<a href="{text:Link 6 URL}">{text:Link 6 Title}</a>{/block:ifShowLink6}</div></div>
  389. </div>
  390.  
  391. <div id="posts">
  392.  
  393. {block:Posts}
  394.  
  395. {block:ContentSource}
  396. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  397. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  398. {/block:SourceLogo}
  399. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  400. {/block:ContentSource}
  401.  
  402. <div class="entry">
  403.  
  404. {block:Text}
  405. {block:Title}<h1>{Title}</h1>{/block:Title}
  406. {Body}
  407. {/block:Text}
  408.  
  409. {block:Photo}
  410. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}">
  411. {block:Caption}{Caption}{/block:Caption}
  412. {/block:Photo}
  413.  
  414. {block:Photoset}
  415. <div class="photo">{Photoset-500}
  416. </div>
  417. {block:Caption}{Caption}{/block:Caption}
  418. {/block:Photoset}
  419.  
  420. {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}
  421.  
  422. {block:Link}
  423. <div id="linktitle"><div class="linktexttitle"><a href="{URL}" class="linkpost" target="_blank">{Name}</a></div></div>
  424. {block:Description}
  425. <div class="linkdescription">{Description}</div>
  426. {/block:Description}
  427. {/block:Link}
  428.  
  429. {block:Chat}
  430. {block:Title}<h1>{Title}</h1>{/block:Title}
  431. <div class="chat">
  432. {block:Lines}<div class="chat"><div class="line {Alt}">
  433. <div class="{Alt} user_{UserNumber}">
  434. {block:Label}
  435. <span class="label"><span style="text-transform:uppercase; letter-spacing:1px; padding-right:2px;">{Label}</span></span>
  436. {/block:Label}
  437. {Line}</div>
  438. </div></div>
  439. {/block:Lines}
  440. </div>
  441. {/block:Chat}
  442.  
  443. {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>Played: </b>{FormattedPlayCount} times.</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}
  444.  
  445. {block:Video}
  446. {Video-500}
  447. {block:Caption}{Caption}{/block:Caption}
  448. {/block:Video}
  449.  
  450. {block:Answer}
  451. <div id="question">{Question}</div>
  452. <div id="arrow">◥</div>
  453. <br>
  454. <div id="asker"><img src="{AskerPortraitURL-24}">{Asker}</div>
  455. {Answer}
  456. {/block:answer}
  457.  
  458. {block:Date}
  459.  
  460. <div id="ending">
  461. <div class="rnotes">
  462.  
  463. {block:ifSlidingPostInfo}
  464. <div class="lnotes">
  465. <a href="{ReblogURL}"><span class="symbols" style="font-size:10px;">J</span></a><div style="margin-top:-12px; margin-left:30px;">{LikeButton color="grey" size="10"}</div></div>
  466. {/block:ifSlidingPostInfo}
  467.  
  468. {block:ifSlidingPostInfo}
  469. <div class="endsource">{block:RebloggedFrom}<td><span class="symbols" style="font-size:9px; padding-right:10px;">u</span></td><a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">VIA</a><span style="padding:0px 0px 0px 5px;"> | </span><a href="{ReblogRootURL}" title="{ReblogRootName}" target="_blank">SOURCE</a>{/block:RebloggedFrom}</div>
  470.  
  471. <div class="endnotes"><td><span class="symbols" style="font-size:9px; padding-right:10px;">R</span></td><a href="{Permalink}"><span class="number">{NoteCount}</span> notes</a></div>
  472.  
  473. <div class="endtime"><td><span class="symbols" style="font-size:9px; padding-right:10px;">P</span></td><a href="{Permalink}"><span class="number">{12Hour}:{Minutes}</span> {CapitalAmPm}<span style="padding:0px 3px 0px 3px;"> | </span>{ShortMonth} <span class="number">{DayOfMonth}</span>{DayOfMonthSuffix}</a></div>
  474. {/block:ifSlidingPostInfo}
  475.  
  476. {block:ifNotSlidingPostInfo}
  477. <div id="noslide_bar"></div>
  478. <div id="noslide"><span style="background-color:{color:Posts}; padding:0px 7px 0px 5px;">
  479. {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}"><span class="number">{NoteCount}</span> notes</a><span style="padding:0px 0px 0px 5px;"> // </span><a href="{Permalink}"><span class="number">{12Hour}:{Minutes}</span> {CapitalAmPm}</a><span style="padding:0px 0px 0px 5px;"> // </span><a href="{ReblogURL}">REBLOG</a></div></span>
  480. {block:ifNotSlidingPostInfo}
  481.  
  482. </div>
  483. </div>
  484. </div>
  485. {block:IndexPage}
  486. {block:IfShowTags}
  487. {block:HasTags}
  488. <div style="background-color:{color:Posts}; height:auto; line-height:18px; margin-top:-20px; margin-bottom:20px; padding:2px 5px; width:530px; margin-left:0px; letter-spacing:1px; margin-left:0px; text-transform:uppercase; font-size:9px; font-family:'Ropa Sans'; opacity:0.8; text-align:center;">
  489. {block:Tags}<a href="{TagURL}" target="_blank"><span style="color:{color:Ending Text}!important;">&nbsp;&nbsp;#{Tag}&nbsp;&nbsp;</span></a>{/block:Tags}
  490. </div>
  491. {/block:HasTags}
  492. {/block:IfShowTags}
  493. {/block:IndexPage}
  494.  
  495. {/block:Date}
  496.  
  497. {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}
  498.  
  499. {/block:Posts}
  500. </div>
  501. </div>
  502.  
  503. </body>
  504. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement