Advertisement
fiebremeh

Daydream theme

May 1st, 2014
13,570
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.00 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!--
  4.  
  5. THIS THEME WAS MADE BY
  6.  
  7. /$$$$$$ /$$ /$$
  8. /$$__ $$|__/ | $$
  9. | $$ \__/ /$$ /$$$$$$ | $$$$$$$ /$$$$$$ /$$$$$$
  10. | $$$$ | $$ /$$__ $$| $$__ $$ /$$__ $$ /$$__ $$
  11. | $$_/ | $$| $$$$$$$$| $$ \ $$| $$ \__/| $$$$$$$$
  12. | $$ | $$| $$_____/| $$ | $$| $$ | $$_____/
  13. | $$ | $$| $$$$$$$| $$$$$$$/| $$ | $$$$$$$
  14. |__/ |__/ \_______/|_______/ |__/ \_______/
  15.  
  16.  
  17. • HTTP://FIEBRE.TUMBLR.COM - @Mercedes
  18. • HTTP://FIEBRETHEMES.TUMBLR.COM - *Daydream theme*
  19.  
  20. DON'T DELETE THE CREDITS! ~
  21.  
  22. -->
  23. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  24. <head>
  25. <meta name="color:Background" content="#fff" />
  26. <meta name="color:Text" content="#101010" />
  27. <meta name="color:Title" content="#000" />
  28. <meta name="color:Title Hover" content="#000" />
  29. <meta name="color:Links" content="#000" />
  30. <meta name="color:Links Hover" content="#000" />
  31. <meta name="font:Title" content="Baskerville"/>
  32. <meta name="font:Body" content="Baskerville"/>
  33. <meta name="text:Font Size" content="12px"/>
  34.  
  35. <meta name="if:Disable Photo Captions" content="1" />
  36. <meta name="if:Endless Scrolling" content="1" />
  37. <meta name="image:body background" content="" />
  38. <meta name="if:maximized body background" content="0" />
  39.  
  40. <meta name="text:title font size" content="20px"/>
  41.  
  42. <meta name="if:Three columns" content="1" />
  43. <meta name="if:four columns" content="0" />
  44. <meta name="if:banner" content="0" />
  45. <meta name="image:banner image" content="" />
  46.  
  47. <meta name="if:Show Custom Link1" content="0"/>
  48. <meta name="if:Show Custom Link2" content="0"/>
  49. <meta name="if:Show Custom Link3" content="0"/>
  50. <meta name="text:Custom Link1" content="" />
  51. <meta name="text:Custom Link1 Title" content="Link1" />
  52. <meta name="text:Custom Link2" content="" />
  53. <meta name="text:Custom Link2 Title" content="Link2" />
  54. <meta name="text:Custom Link3" content="" />
  55. <meta name="text:Custom Link3 Title" content="Link3" />
  56.  
  57.  
  58. <link rel="icon" href="{Favicon}"/> <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/> <title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title> {CustomCSS} <title>{title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  59. <style type="text/css">
  60.  
  61. iframe#tumblr_controls { right:3px !important; position: fixed !important; -webkit-transition: opacity 0.7s linear; opacity:1; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  62. 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;} #tumblr_controls {!important; position:fixed !important;} .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  63.  
  64.  
  65. body { margin:0px; padding:0px; margin-top:0px; margin-bottom:0px; font-family: {font:body}; font-size:{text:font size}; color:{color:text} ; background-color:{color:background}; background-image:url('{image:body background}') ; background-attachment: fixed;
  66.  
  67. {block:ifmaximizedbodybackground} -webkit-background-size: cover;
  68. -moz-background-size: cover;
  69. -o-background-size: cover;
  70. background-size: cover; {/block:ifmaximizedbodybackground} }
  71.  
  72.  
  73.  
  74. a {color:{color:links}; text-decoration: none;}
  75. a:hover {;-webkit-transition-duration: 0.4s; color:{color:Links Hover};}
  76. a:active,a:focus {outline:0;}
  77. .notes {padding-left:25px; font-size:9px; overflow-x:hidden;}
  78. ol.notes { float:left; width:500px; height:300px; padding-left:5px; margin-top:10px; overflow:scroll; overflow-x:hidden; over-flow-y:scroll; list-style-type:none; font-weight:normal; font-size:9px; text-transform:none;}
  79. ol.notes li.note {padding-top:2px; opacity:.8; -moz-transition:0.1s ease-in; -webkit-transition:0.1s ease-in; -o-transition:0.1s ease-in; transition:0.1s ease-in;} ol.notes li.note:hover {opacity:1;} ol.notes li.note img.avatar {width:14px; height:14px;}
  80.  
  81.  
  82. #contentcolumn{ }
  83.  
  84. .permalink {padding:2px;
  85. text-align:right; {block:permalinkpage}opacity:0;{/block:permalinkpage}
  86. }
  87.  
  88. #titles{ font-weight:bold; text-align:left; line-height:{text:font size};}
  89.  
  90. #audi{ background-color:#000; height:27px; margin-bottom:-4px; width:240;}
  91.  
  92.  
  93.  
  94. #posts { {block:iffourcolumns}width:1000px; {/block:iffourcolumns} {block:ifnotfourcolumns}width:800px;{/block:ifnotfourcolumns} position:relative; float:left; margin-top:20px; margin-left:280px; {block:PermalinkPage} width:500px; {/block:PermalinkPage} }
  95.  
  96. .post {{block:indexpage}width:200px; margin:15px;{/block:indexpage} {block:permalinkpage}width:540px;{/block:permalinkpage} float:left; position:relative; text-align:justify; font-family:{font:body}; font-size: {text:font size}; color:{color:text}; {block:PermalinkPage} width:500px; margin:30px; {/block:PermalinkPage} }
  97.  
  98. {block:Iffadedimages} img{ -webkit-transition: opacity 0.7s linear; opacity:1; } img:hover {-webkit-transition: opacity 0.7s linear; opacity: 0.9;} {/block:Iffadedimages}
  99.  
  100. .quote {text-align:center;}
  101.  
  102. .reblogpic {padding:5px;text-align:right;position:absolute; margin-top:0px; opacity:0; -webkit-transition-duration: 0.4s; }
  103.  
  104. .pic:hover .reblogpic {opacity:1; {block:permalinkpage}opacity:0; {/block:permalinkpage} -webkit-transition-duration: 0.4s; }
  105.  
  106. .post .photoset iframe { width:200px;!important }
  107.  
  108. .blogtitle {text-align:left; font-family: {font:title}; font-size:18px; height:40px; line-height:10px; letter-spacing:px; position:fixed; width:100%; top:px; margin-top:60px; line-height:28px; z-index:1; margin-left:240px; border-bottom: 1px solid; {Block:IfnotTwoColumns}width:790px;{/Block:IfnotTwoColumns} {Block:IfTwoColumns}width:520px;{/Block:IfTwoColumns}}
  109. .blogtitle a { color: {color:title} }
  110. .blogtitle a:hover{ color: {color:title hover} }
  111. .blogtitle:hover {}
  112.  
  113. .imgbanner {text-align:right; }
  114. .imgbanner img {max-width:220px;}
  115.  
  116. #sidething { position:fixed; margin-top:50px; margin-left:30px; padding:15px; width:220px; text-align:right; }
  117.  
  118. #chat { text-align:right; line-height: {text:font size}; }
  119. #posto { position:fixed; right:20px; top:50px; }
  120.  
  121. div.linki a { background-color:{color:links background}; margin-bottom:4px; text-align:right; display:block; position:relative; color:{color:links text}; font-size:10px; }
  122. div.linki a:hover {display:block; margin-bottom:4px; color:{color:links text hover};}
  123.  
  124. .logon { bottom:30px; right:30px; position:fixed; background-color:#fff; text-align:center; padding:2px; font-size:10px; font-style:italic; z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;}
  125.  
  126. .logon a {color:#000; }
  127. .notesi {padding:10px; }
  128. .captions { margin-top:-8px;}
  129. .empathy { text-align:right; margin-top:8px; padding-bottom:5px; font-size:20px; color:{color:Title}; font-family: {font:title}; }
  130. .empathy a:hover {}
  131.  
  132. .liink { text-align:right; font-size:12px; ; border-right: 1px dotted; }
  133.  
  134. .liink a { color:{color:links};}
  135. .liink a:hover { color:{color:links hover}; text-decoration:underline;}
  136.  
  137. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  138. #infscr-loading {display:none;}
  139. .navigation {display:none!important;}
  140.  
  141. </style>
  142.  
  143.  
  144.  
  145. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  146.  
  147. {block:IndexPage}
  148. <script src="http://static.tumblr.com/9ji9tiw/0uJmu1pte/masonry1.js"></script>
  149. {block:ifendlessscrolling}
  150. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>{/block:ifendlessscrolling}
  151.  
  152. <script type="text/javascript">
  153. $(window).load(function () {
  154. $('#posts').masonry(),
  155. $('.masonryWrap').infinitescroll({
  156. navSelector : "div.navigation",
  157. // selector for the paged navigation (it will be hidden)
  158. nextSelector : ".navigation a#next",
  159. // selector for the NEXT link (to page 2)
  160. itemSelector : ".post",
  161. // selector for all items you'll retrieve
  162. bufferPx : 10000,
  163. extraScrollPx: 10000,
  164. loadingImg : "http://www.freeiconsweb.com/Icons-show/loading/loading2.gif",
  165. loadingText : "<em></em>",
  166. },
  167. // call masonry as a callback.
  168. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  169. );
  170. });
  171. </script>
  172. {/block:IndexPage}
  173. {block:indexpage}<div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}
  174.  
  175.  
  176.  
  177. </head>
  178.  
  179. <body>
  180.  
  181.  
  182. <div id="sidething"> {block:ifbanner} <div class="imgbanner"> <img src="{image:banner image}"> </div> {/block:ifbanner}
  183. <div class="empathy">{title}</div>
  184.  
  185. {description} <br> <br>
  186.  
  187. <div class="liink">
  188. <a href="/">home</a> <br>
  189. <a href="/ask">contact</a> <br>
  190. <a href="/archive">archive</a> <br>{Block:IfShowCustomLink1}
  191. <a href="{text:Custom Link1}">{text:Custom Link1 Title}</a> <br>{/Block:IfShowCustomLink1}
  192. {Block:IfShowCustomLink2}<a href="{text:Custom Link2}">{text:Custom Link2 Title}</a> <br>{/Block:IfShowCustomLink2}
  193. {Block:IfShowCustomLink3}<a href="{text:Custom Link3}">{text:Custom Link3 Title}</a> <br>{/Block:IfShowCustomLink3}{/Block:IfShowCustomLink3}
  194. <a href="http://fiebre.tumblr.com">theme</a> <br>
  195.  
  196. </div>
  197. {block:ifnotendlessscrolling}
  198. {block:indexpage}<div style="z-index:999999999999999999999999999999999999999999999999999999999;">{block:Pagination}{block:NextPage}<p><a style="float:right" href="{NextPage}"><span style="padding-left:5px;">Older⇀</a>{/block:NextPage}<br>{block:PreviousPage}<a style="float:right" href="{PreviousPage}"><span style="padding-right:7px;">↼Newer<span></a> </p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}
  199. </div>
  200. {/block:ifnotendlessscrolling}
  201.  
  202. </div>
  203.  
  204. <div id="contentcolumn"> <div class="masonrywrap">
  205.  
  206. <div id="posts">
  207.  
  208. {block:Posts}
  209.  
  210.  
  211.  
  212.  
  213.  
  214. {block:Text}
  215. <div class="post">
  216. <div id="titles">{block:Title}<big>{Title}</big>{/block:Title}</div> {Body}
  217. <div class="permalink"><div class="permalink"><a href="{Permalink}">{timeago}</a></div></div></div> {/block:Text}
  218.  
  219.  
  220. {block:Photo} <div class="post"><div class="pic">
  221. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  222.  
  223. {block:IndexPage} <div class="reblogpic"> <a href="{ReblogURL}"><img src="http://static.tumblr.com/9ji9tiw/HBRmh4q4v/reblog_thing.png"></a></div> <a href="{permalink}">
  224.  
  225. <img src="{PhotoURL-500}" width="200" alt="{PhotoAlt}"/> {/block:IndexPage}
  226.  
  227. {block:PermalinkPage} <center><img src="{PhotoURL-500}" style=" "alt="{PhotoAlt}"/></center> <br>{/block:PermalinkPage}
  228. {block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {Block:IfNotDisablePhotoCaptions}{block:Caption} <div class="captions">{Caption}</div> {/block:Caption}{/Block:IfNotDisablePhotoCaptions} </div></div>
  229. {/block:Photo}
  230.  
  231.  
  232. {block:Photoset} <div class="post"> <div class="photoset"> {Photoset-250} </div> {Block:IfNotDisablePhotoCaptions}{block:Caption} <div class="captions">{Caption}</div> {/block:Caption}{/Block:IfNotDisablePhotoCaptions}
  233.  
  234. <div class="permalink"><a href="{Permalink}">{timeago}</a></div></div>{/block:Photoset}
  235.  
  236. {block:Quote}<div class="post"> <div class="quote">" <i>{Quote}</i> " <br><br> — {Source}</div> <div class="permalink"><a href="{Permalink}">{24Hour}:{Minutes}</a></div></div>{/block:Quote}
  237.  
  238.  
  239. {block:Link} <div class="post"><div id="titles"><a href="{URL}">{Name}</a></div> {block:Description}{Description}{/block:Description} <div class="permalink"><a href="{Permalink}">{timeago}</a></div></div>{/block:Link}
  240.  
  241.  
  242. {block:Chat}<div class="post"> <div id="chat"><b>{block:Title}{Title}{/block:Title}</b><br>
  243. {block:Lines}{block:Label}<b>{Label}</b><br> {Line} <br><br> {/block:Label}{/block:Lines}</div> <div class="permalink"><a href="{Permalink}">{timeago}</a></div> </div>{/block:Chat}
  244.  
  245.  
  246. {block:Audio} <div class="post">{AudioPlayerBlack}<div id="mumu">{block:Caption}{Caption}{/block:Caption}</div> <div class="permalink"><a href="{Permalink}">{timeago}</a></div> </div> {/block:Audio}
  247.  
  248.  
  249. {block:Answer} <div class="post"><big>{Question}<br>- {Asker}</big> <br> {Answer} </div> {/block:answer}
  250.  
  251. {block:Video} <div class="post"> <div class="photoset">{Video-250}</div>
  252. {block:Caption}{Caption}{/block:Caption} <div class="permalink"><a href="{Permalink}">{timeago}</a></div></div>{/block:Video}
  253.  
  254. {block:PostNotes}<div class="notes"> {block:Caption} {Caption} {/block:Caption}
  255. {block:NoteCount}{NoteCount} notes{/block:NoteCount} {block:HasTags}// {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
  256. {PostNotes} </div>{/block:PostNotes}
  257.  
  258.  
  259. {/block:posts} </div></div> </div>
  260. <div id="posto"> {block:PermalinkPagination} {block:PreviousPost}<a href="{PreviousPost}">past</a> | {/block:PreviousPost} {block:NextPost} <a href="{NextPost}">future</a> {/block:NextPost} {/block:PermalinkPagination} </div> </div> <br> <br>
  261. </body> </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement