Advertisement
fiebremeh

Pianeti theme

Sep 22nd, 2013
11,843
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.14 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. • HTTP://FIEBRE.TUMBLR.COM - @Mercedes
  17. • HTTP://FIEBRETHEMES.TUMBLR.COM - *Pianeti theme*
  18.  
  19. DON'T DELETE THE CREDITS! ~
  20.  
  21. -->
  22. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23. <head>
  24.  
  25.  
  26. <meta name="color:Background" content="#fff" />
  27. <meta name="color:Background posts" content="#fff" />
  28. <meta name="color:Background sidebar" content="#fff" />
  29. <meta name="color:Text" content="#101010" />
  30. <meta name="color:borders" content="#101010" />
  31. <meta name="color:Title" content="#000" />
  32. <meta name="color:Title hover" content="#000" />
  33. <meta name="color:Links" content="#000" />
  34. <meta name="color:Links hover" content="#000" />
  35. <meta name="text:body font size" content="10px"/>
  36. <meta name="text:title font size" content="20px"/>
  37. <meta name="if:Endless Scrolling" content="1" />
  38.  
  39. <meta name="image:body background" content="" />
  40. <meta name="if:maximized body background" content="0" />
  41. <meta name="if:font 1" content="1" />
  42. <meta name="if:font 2" content="0" />
  43. <meta name="if:font 3" content="0" />
  44.  
  45. <meta name="if:cursive title" content="1" />
  46.  
  47. <meta name="if:Disable Photo Captions" content="1" />
  48.  
  49. <meta name="if:One column" content="1" />
  50. <meta name="if:Two columns" content="0" />
  51. <meta name="if:Three columns" content="0" />
  52. <meta name="image:banner image" content="" />
  53.  
  54.  
  55. <meta name="if:Show custom link1" content="0"/>
  56. <meta name="if:Show custom link2" content="0"/>
  57. <meta name="if:Show custom link3" content="0"/>
  58. <meta name="text:Custom link1" content="" />
  59. <meta name="text:Custom link1 title" content="Link1" />
  60. <meta name="text:Custom link2" content="" />
  61. <meta name="text:Custom link2 title" content="Link2" />
  62. <meta name="text:Custom link3" content="" />
  63. <meta name="text:Custom link3 title" content="Link3" />
  64.  
  65. <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  66.  
  67. <link href='http://fonts.googleapis.com/css?family=Cousine:400,400italic,700,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  68.  
  69.  
  70. <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>
  71. <style type="text/css">
  72.  
  73. 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;}
  74. 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;}
  75. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")} @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  76.  
  77. body{ margin:0px; padding:0px; margin-top:0px; margin-bottom:0px; {block:iffont1}font-family: cousine;{/block:iffont1} {block:iffont2}font-family:bitxmap;{/block:iffont2} {block:iffont3}font-family:consolas;{/block:iffont3}font-size:{text:body font size}; color:{color:text} ; background-color:{color:background}; background-image:url('{image:body background}') ; background-attachment: fixed;
  78.  
  79. {block:ifmaximizedbodybackground} -webkit-background-size: cover;
  80. -moz-background-size: cover;
  81. -o-background-size: cover;
  82. background-size: cover; {/block:ifmaximizedbodybackground} }
  83.  
  84.  
  85. a {color:{color:links}; text-decoration: none;}
  86. a:hover {;-webkit-transition-duration: 0.4s; color:{color:Links Hover}; }
  87. a:active,a:focus {outline:0;}
  88.  
  89. .notes {padding-left:15px; font-size:9px; overflow:hidden; position:relative; float:left; width:320px;}
  90. ol.notes { float:left; {block:ifonecolumn} width:400px; {/block:ifonecolumn} {block:iftwocolumns} width:520px; {/block:iftwocolumns} {block:ifthreecolumns} width:680px; {/block:ifthreecolumns} height:300px; padding-left:5px; margin-top:10px; overflow-x:hidden; list-style-type:none; font-weight:normal; font-size:9px; text-transform:none;}
  91. 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;}
  92.  
  93.  
  94.  
  95.  
  96. .permalink { font-style: italic; font-size:10px; padding:5px; margin:5px;
  97. text-align:center; {block:permalinkpage}opacity:0;{/block:permalinkpage} }
  98.  
  99. #titles{ font-weight:bold; text-align:center; line-height:{text:font size};}
  100.  
  101. #audi{ background-color:#000; height:27px; margin-bottom:-4px; width:400;}
  102.  
  103. #blogtitle { font-size:{text:title font size}; color:{color:title}; {block:ifcursivetitle} font-family: 'Homemade Apple', cursive; {/block:ifcursivetitle} }
  104.  
  105. #blogtitle a {color:{color:links} }
  106.  
  107. #blogtitle a:hover {text-decoration:underline; color:{color:Links Hover}; }
  108.  
  109. #hold {background-color:{color:background posts}; position:fixed; height:100%; {block:ifonecolumn}width:340px; margin-left:350px; {/block:ifonecolumn} {block:iftwocolumns} width:560px; margin-left:340px; {/block:iftwocolumns} top:0px;
  110. {block:Ifthreecolumns} width:720px; margin-left:340px;{/block:Ifthreecolumns}}
  111.  
  112. #posts {
  113.  
  114. {block:Ifonecolumn} width:420px; left:-30px; {/block:Ifonecolumn}
  115.  
  116. {block:Iftwocolumns}width:660px; left:-30px; {/block:Iftwocolumns}
  117. {block:Ifthreecolumns}width:780px; left:-30px; {/block:Ifthreecolumns}
  118.  
  119. position:relative; float:left; margin-top:10px; margin-left:370px; {block:PermalinkPage} width:500px; {/block:PermalinkPage} }
  120.  
  121. .post {margin-left:20px; text-align:justify; padding:10px; {block:indexpage} border-bottom: 1px solid {color:borders}; float:left; position:relative; {block:Ifonecolumn} width:300px; margin-top:20px; {/block:Ifonecolumn} {block:Iftwocolumns}width:240px; margin:10px; {/block:Iftwocolumns} {block:Ifthreecolumns} width:200px; margin:10px; {/block:Ifthreecolumns} {/block:indexpage} {block:permalinkpage} position:relative; {block:Ifonecolumn} width:400px;{/block:Ifonecolumn} {block:Ifonecolumn} width:300px; {/block:Ifonecolumn} {block:Iftwocolumns}width:500px; {/block:Iftwocolumns}
  122. {block:Ifthreecolumns} width:210px; {/block:Ifthreecolumns} {/block:permalinkpage} font-size: {text:font size}; color:{color:text}; }
  123.  
  124. {block:iftwocolumns} {block:permalinkpage}.post img {width:500px; } {/block:permalinkpage}{/block:iftwocolumns}
  125.  
  126.  
  127. {block:Ifonecolumn}
  128. .post .photoset iframe { width:250px;!important }
  129. {/block:Ifonecolumn}
  130.  
  131. {block:iftwocolumns}.post .photoset iframe { width:240px;!important } {/block:iftwocolumns}
  132.  
  133. {block:Ifthreecolumns} .post .photoset iframe { width:190px;!important } {/block:Ifthreecolumns}
  134.  
  135. .photoset {text-align:center;!important padding:0px; }
  136.  
  137. .quote {text-align:center;}
  138.  
  139. .reblogpic {padding:5px;text-align:right;position:absolute; margin-top:0px; opacity:0; -webkit-transition-duration: 0.4s; }
  140.  
  141. .pic:hover .reblogpic {opacity:1; {block:permalinkpage}opacity:0; {/block:permalinkpage} -webkit-transition-duration: 0.4s; }
  142.  
  143.  
  144.  
  145.  
  146. #sidething { background-color:{color:background sidebar}; position:fixed; border-bottom: 2px solid {color:borders}; top:0px; margin-left:60px; padding:8px; width:235px; z-index:9999; font-size: {text:body}; text-align:cente}
  147.  
  148. .imgbanner {text-align:center; }
  149. .imgbanner img {max-width:220px;}
  150. .description { text-align:center; font-style:italic; margin-top:5px;}
  151.  
  152. #chat { text-align:right; line-height: {text:body font size}; }
  153. #posto { position:fixed; right:40px; top:50px; }
  154.  
  155. 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; }
  156. div.linki a:hover {display:block; margin-bottom:4px; color:{color:links text hover};}
  157.  
  158. .logon { bottom:30px; right:30px; position:fixed; background-color:#fff; text-align:center; padding:2px; font-size:10px; font-style:italic; z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;}
  159.  
  160. .logon a {color:#000; }
  161.  
  162. .hoti {border-top:1px solid {color:lines}; border-bottom: 1px solid; padding:2px;}
  163. .hoco { margin:3px; }
  164.  
  165. .captions { margin-top:-8px; text-align:justify;}
  166. .empathy { text-align:center; margin-top:8px; padding-bottom:5px; font-size:20px; font-weight:900; color:{color:Title}; }
  167. .empathy a:hover {}
  168.  
  169. .liink { text-align:center; font-family:{font:body}; font-size:{text:body font size}; }
  170.  
  171. .liink a { color:{color:links};}
  172. .liink a:hover { color:{color:Links Hover};!important text-decoration:underline;}
  173.  
  174.  
  175. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  176. #infscr-loading {display:none;}
  177. .navigation {display:none!important;}
  178.  
  179. </style>
  180.  
  181.  
  182.  
  183. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  184.  
  185. {block:IndexPage}
  186. <script src="http://static.tumblr.com/9ji9tiw/0uJmu1pte/masonry1.js"></script>
  187. {block:ifendlessscrolling}
  188. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>{/block:ifendlessscrolling}
  189.  
  190. <script type="text/javascript">
  191. $(window).load(function () {
  192. $('#posts').masonry(),
  193. $('.masonryWrap').infinitescroll({
  194. navSelector : "div.navigation",
  195. // selector for the paged navigation (it will be hidden)
  196. nextSelector : ".navigation a#next",
  197. // selector for the NEXT link (to page 2)
  198. itemSelector : ".post",
  199. // selector for all items you'll retrieve
  200. bufferPx : 10000,
  201. extraScrollPx: 10000,
  202. loadingImg : "http://www.freeiconsweb.com/Icons-show/loading/loading2.gif",
  203. loadingText : "<em></em>",
  204. },
  205. // call masonry as a callback.
  206. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  207. );
  208. });
  209. </script>
  210. {/block:IndexPage}
  211. {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}
  212.  
  213. </head>
  214. <body>
  215.  
  216.  
  217. <div id="hold">
  218. </div>
  219.  
  220. <div id="sidething">
  221.  
  222. <div class="imgbanner"> <img src="{image:banner image}"> </div> <br>
  223. <center><div id="blogtitle">{title}</div><div class="liink"><small><a href="/"><a href="/">home</a>
  224. <a href="/ask">contact</a>
  225. <a href="/archive">archive</a>
  226. {Block:IfShowCustomLink1} <a href="{text:Custom Link1}">{text:Custom Link1 Title}</a> {/Block:IfShowCustomLink1}
  227. {Block:IfShowCustomLink2} <a href="{text:Custom Link2}">{text:Custom Link2 Title}</a> {/Block:IfShowCustomLink2}
  228. {Block:IfShowCustomLink3} <a href="{text:Custom Link3}">{text:Custom Link3 Title}</a> {/Block:IfShowCustomLink3}
  229. <a href="http://fiebre.tumblr.com">theme</a> </small> </div></center></a>
  230.  
  231.  
  232.  
  233. <div class="description">{description} <br>
  234. {block:ifnotendlessscrolling}
  235. {block:indexpage}<div style="z-index:999999999999999999999999999999999999999999999999999999999;">{block:Pagination}{block:NextPage}<p><a href="{NextPage}"><span style="padding-left:5px;">Older⇀</a>{/block:NextPage}<br>{block:PreviousPage}<a href="{PreviousPage}"><span style="padding-right:7px;">↼Newer<span></a> </p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}
  236. </div>
  237. {/block:ifnotendlessscrolling}
  238.  
  239.  
  240. </div>
  241.  
  242.  
  243. </div>
  244.  
  245.  
  246.  
  247.  
  248. <div id="contentcolumn"> <div class="masonrywrap">
  249.  
  250. <div id="posts">
  251.  
  252. {block:Posts}
  253.  
  254.  
  255.  
  256.  
  257.  
  258. {block:Text}
  259. <div class="post"> <div class="text">
  260. <div id="titles">{block:Title}<big>{Title}</big>{/block:Title}</div> {Body}
  261. </div><div class="permalink"><a href="{Permalink}">{month} {DayOfMonth}, {Year} at {24Hour}:{Minutes} </a> · <a href="{reblogurl}">reblog</a> </div>
  262.  
  263. </div> {/block:Text}
  264.  
  265.  
  266. {block:Photo} <div class="post"><div class="pic">
  267. <a href="{Permalink}">
  268.  
  269.  
  270.  
  271. <img src="{PhotoURL-500}" {block:Ifonecolumn} width="300" {/block:Ifonecolumn} {block:Iftwocolumns} width="240" {/block:Iftwocolumns} {block:Ifthreecolumns} width="200" {/block:Ifthreecolumns} alt="{PhotoAlt}"/>
  272.  
  273. {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 class="permalink"><a href="{Permalink}">{month} {DayOfMonth}, {Year} at {24Hour}:{Minutes} </a> · <a href="{reblogurl}">reblog</a> </div> </div>
  274. {/block:Photo}
  275.  
  276.  
  277. {block:Photoset} <div class="post"> <div class="photoset">{block:Ifonecolumn}<center>{Photoset-250}</center>{/block:Ifonecolumn}{block:iftwocolumns}<center>{Photoset-250}</center>{/block:iftwocolumns}{block:Ifthreecolumns}<center>{photoset-250}</center>{/block:Ifthreecolumns}</div> {Block:IfNotDisablePhotoCaptions}{block:Caption} <div class="captions"><center>{Caption}</center></div> {/block:Caption}{/Block:IfNotDisablePhotoCaptions}
  278.  
  279. <div class="permalink"><a href="{Permalink}">{month} {DayOfMonth}, {Year} at {24Hour}:{Minutes} </a> · <a href="{reblogurl}">reblog</a> </div></div>{/block:Photoset}
  280.  
  281.  
  282.  
  283. {block:Quote}<div class="post"> <div class="text"> <div class="quote">"<i>{Quote}</i>" <br><br> — {Source}</div> <div class="permalink"><a href="{Permalink}">{month} {DayOfMonth}, {Year} at {24Hour}:{Minutes} </a> · <a href="{reblogurl}">reblog</a> </div></div></div>{/block:Quote}
  284.  
  285.  
  286. {block:Link}<center> <div class="post"> <div class="text"> <div id="titles"><a href="{URL}">{Name}</a></div> {block:Description}{Description}{/block:Description} <div class="permalink"><a href="{Permalink}">{month} {DayOfMonth}, {Year} at {24Hour}:{Minutes} </a> · <a href="{reblogurl}">reblog</a> </div></div></div></center>{/block:Link}
  287.  
  288.  
  289. {block:Chat}<div class="post"> <div id="chat"><b>{block:Title}{Title}{/block:Title}</b><br>
  290. {block:Lines}{block:Label}<b>{Label}</b><br> {Line} <br><br> {/block:Label}{/block:Lines}</div><div class="permalink"><a href="{Permalink}">{month} {DayOfMonth}, {Year} at {24Hour}:{Minutes} </a> · <a href="{reblogurl}">reblog</a> </div> </div>{/block:Chat}
  291.  
  292.  
  293. {block:Audio} <div class="post"><div id="audi">{AudioPlayerBlack}</div><div id="mumu">{block:Caption}{Caption}{/block:Caption}</div><div class="permalink"><a href="{Permalink}">{month} {DayOfMonth}, {Year} at {24Hour}:{Minutes} </a> · <a href="{reblogurl}">reblog</a> </div> </div> {/block:Audio}
  294.  
  295.  
  296. {block:Answer} <div class="post"><big>{Question}<br>- {Asker}</big> <br> {Answer} <div class="permalink"><a href="{Permalink}">{month} {DayOfMonth}, {Year} at {24Hour}:{Minutes} </a> · <a href="{reblogurl}">reblog</a> </div></div> {/block:answer}
  297.  
  298.  
  299. {block:Video} <div class="post"> <div class="photoset">{Video-250}</div>
  300. {block:Caption}{Caption}{/block:Caption} <div class="permalink"><a href="{Permalink}">{month} {DayOfMonth}, {Year} at {24Hour}:{Minutes} </a> · <a href="{reblogurl}">reblog</a> </div></div>{/block:Video}
  301.  
  302. {block:PostNotes}<div class="notes">
  303. {block:NoteCount}{NoteCount} notes{/block:NoteCount} {block:HasTags}// {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
  304. {PostNotes} </div>{/block:PostNotes}
  305. {/block:posts} </div></div> </div>
  306.  
  307. <br>
  308. </div> <br> <br> <br>
  309. </body> </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement