Advertisement
zeldalise

Theme 7: The Fault, Dear Brutus

Aug 17th, 2012
35,661
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.59 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 #7: THE FAULT, DEAR BRUTUS | MADE BY ZELDATHEMES.TUMBLR.COM
  7. © THE FAULT IN OUR STARS, WRITTEN BY JOHN GREEN
  8.  
  9. * Do NOT redistribute this theme.
  10. * Do NOT claim this theme as your own work.
  11. * Do NOT move/remove the credit from this theme.
  12. * Minor/major changes to this theme ARE allowed.
  13.  
  14. ---->
  15.  
  16. <head>
  17.  
  18. <!----------------------- DEFAULT VARIABLES -------------------------->
  19.  
  20. <meta name="image:Background" content=""/>
  21. <meta name="font:CustomFont" content="Helvetica" />
  22.  
  23. <meta name="text:Home Link Title" content="go home" />
  24. <meta name="text:Ask Link Title" content="message" />
  25. <meta name="text:Link 1 Url" content="http://" />
  26. <meta name="text:Link 1 Title" content="Link 1" />
  27. <meta name="text:Link 2 Url" content="http://" />
  28. <meta name="text:Link 2 Title" content="Link 2" />
  29. <meta name="text:Link 3 Url" content="http://" />
  30. <meta name="text:Link 3 Title" content="Link 3" />
  31. <meta name="text:Link 4 Url" content="http://" />
  32. <meta name="text:Link 4 Title" content="Link 4" />
  33. <meta name="text:Link 5 Url" content="http://" />
  34. <meta name="text:Link 5 Title" content="Link 5" />
  35.  
  36. <meta name="text:Blog Title" content="it is the nature" />
  37. <meta name="text:Subtitle" content="of stars to cross." />
  38.  
  39. <meta name="if:WebkitScroll" content="1" />
  40. <meta name="if:ShowTags" content="0" />
  41. <meta name="if:ShowLink1" content="1" />
  42. <meta name="if:ShowLink2" content="1" />
  43. <meta name="if:ShowLink3" content="1" />
  44. <meta name="if:ShowLink4" content="1" />
  45. <meta name="if:ShowLink5" content="1" />
  46. <meta name="if:CustomFont" content="0" />
  47. <meta name="if:LargerText" content="0" />
  48. <meta name="if:ScrollDescription" content="0" />
  49. <meta name="if:BackgroundStretch" content="0" />
  50. <meta name="if:SlidingPostInfo" content="1" />
  51. <meta name="if:ToolTips" content="1" />
  52.  
  53. <meta name="color:Background" content="#2cabe2"/>
  54. <meta name="color:Post Title" content="#000000" />
  55. <meta name="color:Link" content="#FF0000" />
  56. <meta name="color:Link Hover" content="#FFD800" />
  57. <meta name="color:Text" content="#555555" />
  58. <meta name="color:Bold" content="#000000" />
  59. <meta name="color:Italic" content="#000000" />
  60. <meta name="color:Blockquote" content="#EEEEEE">
  61.  
  62. <meta name="color:Question BG" content="#DDDDDD" />
  63. <meta name="color:Question Text" content="#333333" />
  64. <meta name="color:Question Shadow" content="#AAAAAA" />
  65. <meta name="color:Quote Line" content="#DDDDDD" />
  66.  
  67. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  68.  
  69. <!------------------------ VARIOUS SCRIPTS --------------------------->
  70.  
  71. <script type="text/javascript" src="http://static.tumblr.com/kwlg23j/QXAlgobzw/jquery-1.5.min.js"></script>
  72. {block:ifTooltips}
  73. <script type="text/javascript" src="http://static.tumblr.com/vaqsgdj/m5lloo7bn/jquery.style-my-tooltips.js"></script>
  74. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_delay_time:100});});})(jQuery);</script>
  75. {/block:ifTooltips}
  76.  
  77. <!---------------------- CUSTOM FONT SCRIPTS ------------------------->
  78.  
  79. <link href='http://fonts.googleapis.com/css?family=Exo+2:400,400italic,700,700italic|Tulpen+One|Homemade+Apple' rel='stylesheet' type='text/css'>
  80. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  81.  
  82. <!--------------------- DEFAULT TUMBLR STUFF ------------------------->
  83.  
  84. <title>{Title}</title>
  85. <link rel="shortcut icon" href="{Favicon}">
  86. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  87. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  88.  
  89. <style type="text/css">
  90.  
  91. /* ---------------------------- SCROLL ----------------------------- */
  92.  
  93. {block:IfWebkitScroll}
  94. ::-webkit-scrollbar-thumb:vertical
  95. {background-color: #000; height: 0px;}
  96. ::-webkit-scrollbar
  97. {height: 0px; width: 5px; background-color:#fff;}
  98. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator
  99. {display:none;}
  100. {/block:IfWebkitScroll}
  101.  
  102. /* ------------------------- SMT TOOLTIP --------------------------- */
  103.  
  104. #s-m-t-tooltip {position:absolute; background-color:#000; padding:5px; z-index:99999999999999; display:inline-block; text-transform:uppercase; font-size:10px; line-height:10px; color:#fff; letter-spacing:1px; margin:3px; -webkit-transition:all 0s ease-out; -moz-transition:all 0s ease-out; transition:all 0s ease-out;}
  105.  
  106. /* ---------------------------- BODY ------------------------------- */
  107.  
  108. 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}');
  109. {block:ifBackgroundStretch}
  110. -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
  111. {/block:ifBackgroundStretch}}
  112.  
  113. 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;}
  114.  
  115. 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;}
  116.  
  117. b, strong {color: {color:Bold};}
  118. i, em {color: {color:Italic};}
  119.  
  120. #credits {position:fixed; bottom:20px; left:-10px; width:20px;}
  121. .credit {padding:10px 10px; position:absolute; left:10px; width:0px;
  122. 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;}
  123. .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;}
  124. .credit .creditz {font-size:15px; position: absolute; top:-1px; height:100%; left:4px; width:20px; color:{color:Text};}
  125. #credits:hover .credit{width:56px;}
  126. #credits:hover .credit span{opacity:1;}
  127. #credits:hover .creditz {left:-15px;}
  128. .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;}
  129.  
  130. /* ------------ BLOCKQUOTES (TOO MANY IF YOU ASK ME) -------------- */
  131.  
  132. blockquote {margin:10px 0px; display:block; position:relative; border:5px solid {color:Blockquote}; background-color:{color:Blockquote}; padding:0px 10px;}
  133.  
  134. blockquote img {max-width:100%!important;}
  135.  
  136. blockquote:before {content:''; position:absolute; height:100%; padding:5px 0px; top:-5px; left:-5px;}
  137.  
  138. blockquote blockquote, blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {margin:10px; background-color:#fff!important; border: 5px solid #fff; }
  139.  
  140. 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};}
  141.  
  142. /* ---------------------------- STUFF ------------------------------ */
  143.  
  144. #arrow1 {position:fixed; top:331px; margin-left:220px;}
  145. #arrow1 a{color:#000; font:50px Georgia; line-height:90%;}
  146. #arrow1 a:hover{color:{color:Link Hover}; z-index:9999999;}
  147.  
  148. #arrow2 {position:fixed; top:340px; margin-left:250px;}
  149. #arrow2 a{color:#000; font:50px Georgia; line-height:90%;}
  150. #arrow2 a:hover{color:{color:Link Hover}; z-index:9999999;}
  151.  
  152. #content {width:900px; margin:auto}
  153.  
  154. #side {margin-top:150px;}
  155.  
  156. #clouds {position:fixed; margin-top:0px; margin-left:0px; -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;}
  157.  
  158. #clouds img {height:400px; width:auto;}
  159.  
  160. #description {position:fixed; text-align:justify; padding:0px; padding-top:0px; padding-right:10px; background-color:transparent; line-height:14px;
  161. {block:ifScrollDescription}margin-top:248px; margin-left:50px; height:102px; width:185px; overflow:scroll;{/block:ifScrollDescription}
  162. {block:ifNotScrollDescription}margin-top:240px; margin-left:20px; height:135px; width:250px; overflow:hidden;{/block:ifNotScrollDescription}}
  163.  
  164. .l {float:left; clear:left; height:14px;}
  165. .r {float:right; clear:right; height:14px;}
  166.  
  167. #sidelinks {text-align:center;opacity:0; position:fixed; margin-top:55px; width:220px; overflow:hidden; margin-left:38px; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  168. #sidelinks a {font-family:'Exo 2'; line-height:15px; font-size:10px; text-transform:uppercase; letter-spacing:1px; display:inline-block; margin-bottom:7px; margin-right:4px; width: auto; padding:10px; height:15px; background-color: #trans; text-align: center; color: #fff;}
  169. #sidelinks a:hover {color:{color:Link Hover};}
  170.  
  171. #side:hover #sidelinks {opacity:1; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  172.  
  173. #blogtitle {position:fixed; margin-top:75px; vertical-align:bottom; margin-left:28px; text-align:center;background-color:#trans; width:235px; height:45px; font-family:'Homemade Apple'; text-transform:none; font-size:24px; color:#fff; padding:5px; overflow:hidden; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; opacity:1; z-index:9999;}
  174.  
  175. #side:hover #blogtitle {margin-top:10px; opacity: 0; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  176.  
  177. #subtitle {position:fixed; margin-top:115px; vertical-align:bottom; margin-left:26px; text-align:center;background-color:#trans; width:235px; height:38px; font-family:'Homemade Apple'; text-transform:none; font-size:20px; color:#777; padding:5px; overflow:hidden; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; opacity:1;}
  178.  
  179. #side:hover #subtitle {margin-top:180px; opacity: 0; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  180.  
  181. /* --------------------------- ENTRIES ----------------------------- */
  182.  
  183. #posts {float:left; margin-top:-130px; margin-left:330px; margin-bottom:0px;}
  184.  
  185. .entry {background-color:#fff; padding:20px 20px 5px 20px; overflow:hidden; position:relative; width:500px; margin-bottom:20px;}
  186.  
  187. .entry h1 {font-family:'Homemade Apple'; font-size:20px; color:{color:Post Title}; font-weight:normal; text-transform:none; text-align:left; margin:0; ; line-height:24px; padding-top:3px;}
  188.  
  189. .entry img {max-width:500px;}
  190.  
  191. /* ---------------------------- CHAT ------------------------------- */
  192.  
  193. .chat .line {font-size:11px; font-color:{color:Text}; margin:0px 1px; padding:4px;}
  194. .label {font-weight:none; color:{color:Bold}; font-size:9px; {block:ifLargerText}font-size:10px;{/block:ifLargerText} font-family:'Exo 2';}
  195.  
  196. /* --------------------------- QUOTE ------------------------------- */
  197.  
  198. .short_quote, .medium_quote, .long_quote {font-family:'Homemade Apple'; height:auto; margin-top:40px; padding:6px; text-align:center;letter-spacing:1px;}
  199. .short_quote {font-size:22px; line-height:28px;}
  200. .medium_quote {font-size:18px; line-height:24px;}
  201. .long_quote {font-size:14px; line-height:20px;}
  202. .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:12px; margin-bottom:5px; font-family:'Exo 2';}
  203.  
  204. #quotesymbol {position:absolute; font-size:72px; margin-top:-13px; margin-left:238px; font-family:arial; color:{color:Link}; opacity:0.8;}
  205. #quoteline {position:absolute; width:500px; height:5px; background-color:{color:Quote Line}; margin-top:5px; margin-left:0px;}
  206. #quotecircle {margin-left:230px; margin-top:-12px;position:absolute; width:30px; height:30px; background-color:#fff; border:5px #fff solid;}
  207.  
  208. /* ---------------------------- LINKS ------------------------------ */
  209.  
  210. #linktitle {width:500px;}
  211. .linktexttitle {font-family:'Homemade Apple'; text-transform:lowercase; font-size:20px; line-height:30px; 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:15px 3px 10px 3px; opacity:0.8;}
  212. .linktexttitle:hover {opacity:1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  213. .linktexttitle a {color:#fff;}
  214. .linkdescription {padding:0px; margin:0px; text-align:left;}
  215.  
  216. /* --------------------------- AUDIO ------------------------------- */
  217.  
  218. #audentryprob {display:block; height:auto; min-height:190px; margin-bottom:-40px;}
  219. #audentryprob table {width:340px;}
  220. #audioblock {height:150px; overflow:hidden; margin-left:160px;}
  221. .audentry {width:500px; position:relative; padding:0px;}
  222. .audimg img {opacity:1!important; width:148px; height:148px; solid;}
  223. .audioplayer {padding:5px 5px 3px 5px; background-color:#e3e3e3; overflow:hidden; margin:0px 0px 10px 0px; opacity:0.8;}
  224. .audiodata, .audiodata2, .audiodata3, .audiodata4 {line-height:14px; padding-bottom:8px; text-transform:uppercase; letter-spacing:1px; text-align:left;}
  225.  
  226. /* ------------------------- ASK POSTS ----------------------------- */
  227.  
  228. #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}}
  229.  
  230. #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;}
  231.  
  232. #asker a {color:{color:Text}}
  233. #asker a:hover {color:{color:Link Hover}}
  234.  
  235. #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;}
  236.  
  237. #arrow {width: 13px; height: 7px; font-size:32px; margin-top:-15px; margin-left:18px; font-family:'trebuchet ms'; color:{color:Question BG}}
  238.  
  239. /* ------------------------ ENDING ----------------------------- */
  240.  
  241. #ending {width:540px; overflow:hidden; margin:15px 0px -5px -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:#fff!important;}
  242. #ending a {color:#fff;}
  243. #ending a:hover {color:{color:Link Hover}!important;}
  244. #ending b {color:#fff!important;}
  245.  
  246. #ending .fa {color:#fff; -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:Link Hover}!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;}
  247.  
  248. .lnotes {position:absolute; margin-top:4px; margin-left:-6px; text-align:left;} .fa-1a {font-size:1.1em;}
  249. .like_button {position:relative; display:inline-block; cursor:pointer!important; overflow:hidden;}
  250. .like_button iframe {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
  251. .like_button::before {content:'❤'; text-transform:lowercase!important; position:relative; font-size:8px;}
  252. .like_button:hover::before, .like_button.liked::before {color:#ff0000; cursor:pointer!important;}
  253.  
  254. .rnotes {margin-left:0px; position:relative; padding-top:5px; padding-bottom:6px; padding-left:15px; margin-top:0px; background-color:#000; 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;}
  255. .rnotes a {text-decoration:none; padding-left:3px;}
  256. .rnotes a:hover{color:{color:Link Hover};}
  257.  
  258. .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:#000;}
  259. .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;}
  260.  
  261. .endsource {margin-left:452px; margin-top:-16px;}
  262. .endsource:hover {margin-left:373px;}
  263. .endnotes {margin-left:471px; margin-top:-43px;}
  264. .endnotes:hover {margin-left:400px;}
  265. .endtime {margin-left:492px; margin-top:-43px;}
  266. .endtime:hover {margin-left:380px;}
  267.  
  268. /* --------------------- ENDING (N0-SLIDE) ------------------------- */
  269.  
  270. #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;}
  271. #noslide_bar {margin:6px 0px 0px 5px; width:500px; height:1px; background-color:{color:Ending Text}; opacity:0.5; position:relative;}
  272.  
  273. /* ------------------------- PERMALINK ----------------------------- */
  274.  
  275. .permalink {position:relative!important; float:none; line-height:18px; letter-spacing:1px; color:#000; text-transform:uppercase; text-align:center; width:480px; padding:10px 10px 20px 10px; margin-left:10px; margin-bottom:20px; margin-top:-25px; font-family:'Exo 2'; font-size:9px;}
  276. .permalink blockquote {padding:4px; padding-left:14px; margin-left:3px;}
  277. ol.notes {padding:0px; list-style-type:none; background:transparent; letter-spacing:1px; padding-top:10px; margin-top:10px; margin-bottom:0px;}
  278. ol.notes li.note {padding: 1px; text-align: left;}
  279. .notes img {border-radius:8px; opacity:0.8; vertical-align:middle; width:10px; position:relative; margin-top:-2px; margin-right:5px;}
  280. .post_tags {width:420px; letter-spacing:1px; margin-top:15px;}
  281. .post_tags a {display:inline-block; margin:3px; background-color:#000; color:#fff; padding:4px 6px 3px 6px; opacity:0.7; word-spacing:break-word;}
  282. .post_tags a:hover {opacity:1; border-bottom:none; color:#fff};}
  283.  
  284. /* ---------------------- TUMBLR CONTROLS -------------------------- */
  285.  
  286. 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;}
  287.  
  288. 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;}
  289.  
  290. /* ------------------------ CUSTOM CSS ----------------------------- */
  291.  
  292. {CustomCSS}
  293.  
  294. </style>
  295.  
  296. </head>
  297.  
  298. <body>
  299.  
  300. <a href="http://zeldathemes.tumblr.com/"><div id="credits">
  301. <div class="credit"><div class="creditz">ℤ</div>
  302. <span>zeldathemes</span></div></div></div></a>
  303.  
  304. <div id="content">
  305.  
  306. <div id="side">
  307. <div id="clouds"><img src="http://i1168.photobucket.com/albums/r486/zeldalise/Personal%20Use/2mhx9x4copy_zpsdd16ff4c.png"></div>
  308. <div id="blogtitle">{text:Blog Title}</div>
  309. <div id="subtitle">{text:Subtitle}</div>
  310.  
  311. <div id="sidelinks">
  312. <a href="/">{text:Home Link Title}</a>
  313. <a href="/ask">{text:Ask Link Title}</a>
  314. {block:ifShowLink1}
  315. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  316. {/block:ifShowLink1}
  317. {block:ifShowLink2}
  318. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  319. {/block:ifShowLink2}
  320. {block:ifShowLink3}
  321. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  322. {/block:ifShowLink3}
  323. {block:ifShowLink4}
  324. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  325. {/block:ifShowLink4}
  326. {block:ifShowLink5}
  327. <a href="{text:Link 5 URL}">{text:Link 5 Title}</a>
  328. {/block:ifShowLink5}
  329. </div>
  330.  
  331. <div id="description">
  332. {block:ifNotScrollDescription}
  333. <div class="l" style="width:30px;"></div>
  334. <div class="r" style="width:45px;"></div>
  335. <div class="l" style="width:30px;"></div>
  336. <div class="r" style="width:5px;"></div>
  337. <div class="l" style="width:25px;"></div>
  338. <div class="r" style="width:0px;"></div>
  339. <div class="l" style="width:15px;"></div>
  340. <div class="r" style="width:5px;"></div>
  341. <div class="l" style="width:5px;"></div>
  342. <div class="r" style="width:12px;"></div>
  343. <div class="l" style="width:10px;"></div>
  344. <div class="r" style="width:12px;"></div>
  345. <div class="l" style="width:30px;"></div>
  346. <div class="r" style="width:15px;"></div>
  347. <div class="l" style="width:35px;"></div>
  348. <div class="r" style="width:25px;"></div>
  349. <div class="l" style="width:38px;"></div>
  350. <div class="r" style="width:155px;"></div>
  351. {/block:ifNotScrollDescription}
  352. {Description}</div>
  353.  
  354. </div>
  355.  
  356. {block:Pagination}
  357. <div id="arrow1">
  358. {block:PreviousPage}
  359. <a href="{PreviousPage}">«</a>
  360. {/block:PreviousPage}
  361. </div>
  362. {/block:Pagination}
  363.  
  364. {block:Pagination}
  365. <div id="arrow2">
  366. {block:NextPage}
  367. <a href="{NextPage}">»</a>
  368. {/block:NextPage}
  369. </div>
  370. {/block:Pagination}
  371.  
  372. <div id="posts">
  373.  
  374. {block:Posts}
  375.  
  376. {block:ContentSource}
  377. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  378. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  379. {/block:SourceLogo}
  380. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  381. {/block:ContentSource}
  382.  
  383. <div class="entry">
  384.  
  385. {block:Text}
  386. {block:Title}<h1>{Title}</h1>{/block:Title}
  387. <div style="margin-bottom:20px;">{Body}</div>
  388. {/block:Text}
  389.  
  390. {block:Photo}
  391. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}">
  392. {block:Caption}{Caption}{/block:Caption}
  393. {/block:Photo}
  394.  
  395. {block:Photoset}
  396. <div class="photo">{Photoset-500}
  397. </div>
  398. {block:Caption}{Caption}{/block:Caption}
  399. {/block:Photoset}
  400.  
  401. {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}
  402.  
  403. {block:Link}
  404. <div id="linktitle"><div class="linktexttitle"><a href="{URL}" class="linkpost" target="_blank">{Name}</a></div></div>
  405. {block:Description}
  406. <div class="linkdescription">{Description}</div>
  407. {/block:Description}
  408. {/block:Link}
  409.  
  410. {block:Chat}
  411. {block:Title}<h1>{Title}</h1>{/block:Title}
  412. <div class="chat">
  413. {block:Lines}<div class="chat"><div class="line {Alt}">
  414. <div class="{Alt} user_{UserNumber}">
  415. {block:Label}
  416. <span class="label"><span style="text-transform:uppercase; letter-spacing:1px">{Label}</span></span>
  417. {/block:Label}
  418. {Line}</div>
  419. </div></div>
  420. {/block:Lines}
  421. </div>
  422. {/block:Chat}
  423.  
  424. {block:Audio}<div id="audentryprob"><div class="audentry"><div class="audimg"><img src="http://24.media.tumblr.com/tumblr_m3j315A5l31r6luwpo1_500.png" alt="default album art" style="position:absolute; vertical-align:middle; -webkit-filter: grayscale(1);" />{block:AlbumArt}<img src="{AlbumArtURL}" style="position:absolute;" />{/block:AlbumArt}
  425. </div><div id="audioblock"><table cellspacing="1px" cellpadding="0"><div class="audioplayer">{AudioPlayerGrey}</div>{block:TrackName}<tr><td class="audiodata"><b>track:</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>
  426. {block:ExternalAudio}<tr><td class="audiodata"><a href="{ExternalAudioURL}" target="_blank">Source</a></td></tr>{/block:ExternalAudio}</table></div></div></div>{block:Caption}<tr><td><div class="caption">{Caption}</div></td></tr>{/block:Caption}{/block:Audio}
  427.  
  428. {block:Video}
  429. {Video-500}
  430. {block:Caption}{Caption}{/block:Caption}
  431. {/block:Video}
  432.  
  433. {block:Answer}
  434. <div id="question">{Question}</div>
  435. <div id="arrow">◥</div>
  436. <br>
  437. <div id="asker"><img src="{AskerPortraitURL-24}">{Asker}</div>
  438. {Answer}
  439. {/block:answer}
  440.  
  441. {block:Date}
  442.  
  443. <div id="ending">
  444. <div class="rnotes">
  445.  
  446. {block:ifSlidingPostInfo}
  447.  
  448. <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>
  449.  
  450. <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>
  451. <div class="endnotes"><td><span style="padding-right:8px;"><b>II.</b></span></td><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  452. <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>
  453.  
  454. {/block:ifSlidingPostInfo}
  455.  
  456. {block:ifNotSlidingPostInfo}
  457. <div id="noslide_bar"></div>
  458. <div id="noslide"><span style="background-color:#000; padding:2px 7px 2px 5px;">
  459. {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>
  460. {block:ifNotSlidingPostInfo}
  461.  
  462. </div>
  463. </div>
  464.  
  465. {block:IfShowTags}
  466. {block:HasTags}
  467. <div style="height:auto; line-height:18px; margin:5px -20px -5px -20px; padding:5px 10px; width:520px; border-top:1px #fff solid; letter-spacing:1px; margin-left:-20px; text-transform:uppercase; font-size:8px; {block:ifLargerText}font-size:9px;{/block:ifLargerText} font-family:'Exo 2'; opacity:1; text-align:center; background-color:#000;">
  468. {block:Tags}<a href="{TagURL}" target="_blank"><span style="color:#fff!important;">&nbsp;&nbsp;#{Tag}&nbsp;&nbsp;</span></a>{/block:Tags}
  469. </div>
  470. {/block:HasTags}
  471. {/block:IfShowTags}
  472.  
  473. {/block:Date}</div>
  474.  
  475. {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}
  476.  
  477. {/block:Posts}
  478. </div></div>
  479.  
  480. </body>
  481. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement