API tools faq
paste
bubaborges

Theme One More Night

bubaborges
Jun 6th, 2013
1,605
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.43 KB | None | 0 0
raw download clone embed print report
  1. <!--- THEME BY BRUNA BORGES © 2013 (HTTP://ENDSTONIGHT.TUMBLR.COM/)--->
  2. <!--- THEME BY BRUNA BORGES © 2013 (HTTP://ENDSTONIGHT.TUMBLR.COM/)--->
  3. <!--- THEME BY BRUNA BORGES © 2013 (HTTP://ENDSTONIGHT.TUMBLR.COM/)--->
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7. <meta name="text:contador" content="Nome do seu tumblr"/>
  8. <meta name="text:Link Musica" content="URL" />
  9. <meta name="image:Background Image" content="" />
  10. <meta name="color:Background" content="#f1f1f1"/>
  11. <meta name="color:Blockquote" content="#eee"/>
  12. <meta name="color:Box Permalink" content="#f1f1f1"/>
  13. <meta name="color:Titulo" content="#b9b3ad"/>
  14. <meta name="color:Titulo 2" content="##cf9f8e"/>
  15. <meta name="color:Links" content="##ac9990"/>
  16. <meta name="color:LinksHover" content="#79b7b5"/>
  17. <meta name="color:Font Bold" content="#ee8a95"/>
  18. <meta name="color:Font Italic" content="#d69595"/>
  19. <meta name="color:Font Sublinhado" content="#db7171"/>
  20. <link href='http://fonts.googleapis.com/css?family=Nova+Round' rel='stylesheet' type='text/css'>
  21. <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Alef' rel='stylesheet' type='text/css'>
  24. <script type="text/javascript"
  25. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  26. <title>{title}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. </head>
  29. <style type="text/css">
  30. body {background: {color:Background}; background-image:url('{image:Background Image}') fixed;}
  31. .page{margin: 0px auto;width: 800px; }
  32. #content {width: 530px;margin-left:55px;top: 5px;float:left;
  33. {block:PermalinkPage} margin-left: 40px; width: 500px; margin-top: px{/block:PermalinkPage}}
  34.  
  35. #sidebar { width: 200px; margin-top: 30px;margin-left: 590px;float: center;text-align: justify; position: fixed; padding: 5px;
  36. text-transform: uppercase; font: 09px  'Nunito', sans-serif; color: #aaa}
  37. .cx{padding: 1px; background: #fff; margin-bottom:5px;}
  38. .boxz {background: #FAFAFA;padding:6px; border-left: 0px solid #e8e9c2; }
  39. .box {padding: 3px; text-align: justify;}
  40.  
  41. .left{float: left;margin-right: 20px;width: 802px; }
  42. .right{float: right;width: 200px;}
  43. #tumblr_controls{position:fixed !important;opacity: 0.5;}
  44. .notesavatar ol, .notes-bottom ul {margin: 0;padding: 0;list-style: none;}
  45. .notesavatar li {background:#eee;margin: 2px 2px 2px 2px;padding: 10px 0 10px 0;font-size: 11px; text-indent : 8px;-webkit-transition-duration: .50s;}
  46. .notesavatar li:hover {background: #eee;font-size: 11px;position: relative; text-indent : 15px;}
  47. .notesavatar li img.avatar {margin: -6px 5px 0px 8px;float: left;width: auto;padding: 2px; background: #fff; border: 3px solid #fff;}
  48. blockquote { float:center; text-align: justify; padding: 6px; margin: 4px; line-height: 12px; color:#6E6E6E; background: {color:Blockquote} }
  49. a{cursor:hand;color: {color:Links}; text-decoration:none; line-height: 14px;-webkit-transition-duration: .60s}a:hover{color: {color:LinksHover}; cursor:hand;}
  50. .entry {text-align:justify; float:left; display: block;overflow:hidden;width:250px;{block:PermalinkPage}width:500px;margin-left:25px;text-align:justify; {/block:PermalinkPage}background: #fff;font-family:calibri;  font-size:12px; line-height:11px; margin: 06px 0px 0px 06px; color: #A4A4A4; box-shadow: 2px 2px 3px rgba(0,0,0,0.05); z-index: 100; padding: 1px}
  51. .caixapost {margin: 0px 0px 0px -20px; padding: 8px ; position: absolute; opacity:0;ffont-family:Pixel; font-size:11px;text-align:center;-webkit-transition-duration: .50s;-webkit-transition-duration: .50s;z-index: 6; width: auto;text-transform:uppercase;background:#fff; bottom: 0px}
  52. .entry:hover .caixapost {margin: 0px 0px 0px 0px ; width:auto; color: #6e91af; opacity: 0.8; background:#c7d278;background: #fff; bottom: 0px}
  53. .caixalike{margin: 0px 0px 0px 225px; padding: 8px ; position: absolute; opacity:0;ffont-family:Pixel; font-size:11px;text-align:center;-webkit-transition-duration: .50s;-webkit-transition-duration: .50s;z-index: 6; width: auto;text-transform:uppercase;background:#fff; bottom: 0px}
  54. .entry:hover .caixalike{margin: 0px 0px 0px 214px ; width:auto; color: #6e91af; opacity: 0.8; background:#c7d278;background: #fff; bottom: 0px}
  55. h1 {color: {color:Titulo}; font-family: 'Nova Round', cursive; font-size:15px;line-height:16px;font-weight:normal;margin:0px;padding:0px;margin-bottom:-0px;text-align:left;letter-spacing: 1px; text-align: justify; }
  56. h2 {color: {color:Titulo 2}!important; font-family:  'Alef', sans-serif;  font-size:14px;line-height:19px;font-weight:normal;margin:0px;padding:0px;margin-bottom:-0px;text-align:left;letter-spacing: 1px; text-align: justify; text-transform: uppercase;}
  57. li{background: #eee; margin: 2px 2px 2px -37px; padding:8px; -webkit-transition-duration: .40s;list-style: none;text-indent : 5px; }
  58. li:hover {text-indent : 2px;}
  59. .lista{background: #eee; margin: 2px 2px 2px 2px; padding:8px; -webkit-transition-duration: .40s;list-style: none;text-indent : 5px; text-transform: uppercase; font-size: 11px}
  60. c{color: #6E6E6E; background: #fff; padding : 5px;}
  61. .chat{background: #eee; margin: 2px 2px 2px 2px; padding:5px; -webkit-transition-duration: .40s;list-style: none;text-indent : -4px;
  62. line-height:16px; font-size:12px; }
  63. b {color: {color:Font Bold};} i {color: {color:Font Italic}; text-decoration: none;} s {color: {color:Font Sublinhado};}
  64. img{-webkit-transition-duration: .20s; -webkit-filter: saturate(40%);-moz-filter: saturate(40%);-ms-filter: saturate(40%);-o-filter: saturate(40%);filter: saturate(40%); opacity: 0.6}  
  65. img:hover {-webkit-filter: saturate(99%);-moz-filter: saturate(99%);-ms-filter: saturate(99%);-o-filter: saturate(99%);filter: saturate(99%);}
  66. .buh {background: {color:Box Permalink};padding:6px; font-family:calibri;  font-size:11px;line-height:11px; margin-top: 2px;  height:12px; letter-spacing: 1px;}
  67. #brubs {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; opacity: 0; margin-top: -10px}
  68. .entry:hover #brubs {margin-top: 00px; opacity: 1;}
  69. #brubs2 {position: absolute; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
  70. .entry:hover #brubs2 {margin-top: 10px; opacity: 0; }
  71. /*** ASK - endstonight|tumblr**/
  72. .nav5 {align:right;background: #eeeeee; margin: -10px 0px 0px 0px;padding:5px;position: relative; }
  73. .border {border: 3px solid #fff; z-index:0}
  74. #asker {background: #F8F8F8; padding:8px; position: relative; z-index:100; margin: 1px 0 0 0px; text-transform: uppercase; font: 09px  'Nunito', sans-serif; }
  75. .boxasker {padding: 4px; text-align: justify;}
  76. .by{  position: fixed; margin-top: -8px; margin-left: -8px; display: block; width:auto; padding: 8px; font-family:calibri;  font-size:11px;line-height:17px; background: #fff;z-index:1000 ; -webkit-transition-duration: .50s; padding: 2px; color: #D1D1D1; bottom: -1px}
  77. .by a{color:#9A9A9A}
  78. /*Menu Having Themes*/
  79. #nav {display: inline-block; color:#fff;  float: center; margin:1px ; padding:1px; height:16px; width:200px; -webkit-transition-duration: .60s; text-align: left; font-family: 'Carrois Gothic', sans-serif; font-size:15px;text-transform:uppercase; border-bottom: 1px solid #ccc; margin-top:10px; text-indent : 4px;}
  80. #nav:hover {cursor:hand;text-indent : 18px;}
  81. .player{ height:50px; position: fixed; margin-top: -28px; margin-left: 00px; display: block; width:40px; padding: 1px;font-family:calibri;  font-size:13px;line-height:17px; background: ;z-index:1000 ; -webkit-transition-duration: .50s; }
  82. .player:hover{margin-top: -5px; }
  83. </style>
  84. <body>
  85. <div class="by"><a href="http://endstonight.tumblr.com" ; title=" Copyright © 2013.">THEME BY ENDSTONIGHT</a></div>
  86. <div class="player">
  87. <embed src="{text:Link Musica}" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  88. <img src="http://static.tumblr.com/8buytvw/2rBml0rkk/plywe.png"
  89. style="opacity: 0.4"></div>
  90. <div class="page">
  91.  
  92. <div id="sidebar">
  93. <img src="http://25.media.tumblr.com/5ed745bba91973c330fa11fe93badca8/tumblr_mlidcxlw8C1s5e1pvo3_250.png" align="left" style="padding:4px"  width="98"/>
  94.  
  95. {block:Description}{Description}{/block:Description}
  96. {<b><a href='http://www.blogutils.net/olct/' id='lnolt_' target='_blank' style='font-family:Verdana;font-size:10px;text-decoration:none;'>
  97. <script language='JavaScript' src='http://blogutils.net/olct/online.php?site=http://{text:contador}.tumblr.com/&interval=600'></script></a><a href='http://www.blogutils.net/' target='_blank'></a></b> /
  98. <b><script src="http://fastwebcounter.com/secure.php?s=www.{text:contador}.tumblr.com"></script></b>}
  99. <br>
  100. <div id="nav"><a href="/">Home</a></div>
  101. <div id="nav"><a href="/ask">ask</a></div>
  102. <div id="nav"><a href="/sumit">submit</a></div>
  103. <div id="nav"><a href="/archive">archive</a></div>
  104. <div id="nav"><a href="/random">random</a></div>  
  105. </div>
  106.  
  107. <div class="left"><div id="content">
  108. {block:Posts}
  109. {block:ContentSource}<a href="{SourceURL}" target="_blank"></a>{/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  110. <div class="entry">
  111.  
  112. {block:Text}{block:Title}<div class="boxz"><h2><center>{Title}</center></h2></div>{/block:Title}<div class="box">{Body}</div>
  113. <div class="buh">
  114. <div id="brubs2">posted {TimeAgo}</div>
  115. <div id="brubs"># <a class="reblogue" href="{ReblogURL}" target="_blank">reblog</a> . # <a class="notes" href="{Permalink}">permalink</a></div></div>
  116. {/block:Text}
  117.  
  118.  
  119. {block:Photo}
  120.  
  121. {block:IndexPage}
  122. <div class="caixapost">
  123. <a  href="{ReblogURL}" target="_blank"> <img src="http://static.tumblr.com/hqb6dzr/Pmnmnzddw/sinchronize.png" width="20px" style="opacity:0.4"></a></div>
  124. <div class="caixalike">
  125. <a  href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/duesseldorf/32/heart.png" width="20px" style="opacity:0.4"></a></div>
  126.  
  127. {/block:IndexPage}
  128.  
  129. <center><img src="{PhotoURL-500}"  alt="{PhotoAlt}" class="img"
  130. {block:PermalinkPage} width="500px"{/block:PermalinkPage}
  131. {block:IndexPage}width="250" height="auto"{/block:IndexPage}/>
  132. </center>{block:PermalinkPage}<center>{Photo-500}</center>
  133. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  134.  
  135. {block:Photoset}
  136.  
  137. {block:IndexPage}
  138. <div class="caixapost">
  139. <a  href="{ReblogURL}" target="_blank"> <img src="http://static.tumblr.com/hqb6dzr/Pmnmnzddw/sinchronize.png" width="20px" style="opacity:0.4"></a></div>
  140. <div class="caixalike">
  141. <a  href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/duesseldorf/32/heart.png" width="20px" style="opacity:0.4"></a></div>
  142.  
  143. {/block:IndexPage}
  144.  
  145. {block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  146. {block:Caption}<div class="box">{Caption}</div>{/block:Caption}
  147. {block:IndexPage}
  148. {/block:IndexPage}
  149. {/block:Photoset}
  150.  
  151. {block:Answer}
  152. <div id="asker">{Asker} pergunta:</div>
  153. <p><div class="nav5">{Question}&nbsp;</div> <div class="boxasker">{Answer}</div>
  154. {block:IndexPage}{/block:IndexPage}
  155. {/block:Answer}
  156.  
  157. {block:Link}
  158. {block:IndexPage}
  159. <div class="caixapost">
  160. <a  href="{ReblogURL}" target="_blank"> <img src="http://static.tumblr.com/hqb6dzr/Pmnmnzddw/sinchronize.png" width="20px" style="opacity:0.4"></a></div>
  161. <div class="caixalike">
  162. <a  href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/duesseldorf/32/heart.png" width="20px" style="opacity:0.4"></a></div>
  163. {/block:IndexPage}
  164. <div class="boxz"><a href="{URL}"><h1><center>{Name}</center></h1></a></div>{block:Description}<div class="box">{Description}</div> {/block:Description}
  165. {/block:link}
  166.  
  167. {block:Quote}
  168. <div class="boxz"><h1>{Quote}</h1></div>
  169. {block:Source}<div class="buh">
  170. <div id="brubs2">- {Source} </div>
  171. <div id="brubs"># <a class="reblogue" href="{ReblogURL}" target="_blank">reblog</a> . # <a class="notes" href="{Permalink}">permalink</a></div> </div>{/block:Source}{/block:Quote}
  172.  
  173. {block:Chat}
  174. {block:IndexPage}
  175. <div class="caixapost">
  176. <a  href="{ReblogURL}" target="_blank"> <img src="http://static.tumblr.com/hqb6dzr/Pmnmnzddw/sinchronize.png" width="20px" style="opacity:0.4"></a></div>
  177. <div class="caixalike">
  178. <a  href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/duesseldorf/32/heart.png" width="20px" style="opacity:0.4"></a></div>
  179. {/block:IndexPage}
  180. {block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines} <div class="chat">{block:Label} <c>{Label}</c> {/block:Label}{Line}</div>{/block:Lines} {/block:Chat} {Line}{/block:Lines}{/block:Chat}
  181.  
  182. {block:Audio}
  183. {block:IndexPage}
  184. <div class="caixapost">
  185. <a  href="{ReblogURL}" target="_blank"> <img src="http://static.tumblr.com/hqb6dzr/Pmnmnzddw/sinchronize.png" width="20px" style="opacity:0.4"></a></div>
  186. <div class="caixalike">
  187. <a  href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/duesseldorf/32/heart.png" width="20px" style="opacity:0.4"></a></div>
  188. {/block:IndexPage}
  189. <div class="lista">{block:Caption} {Caption}{/block:Caption}</div>
  190. <div class="lista">{block:Album}<b>Album</b> - {Album}{/block:Album}</div>
  191. <div class="lista">{block:Artist}<b>Artista</b> - {Artist}{/block:Artist}</div><br>
  192. <center><div style="width:248px; margin-top: -6px;margin-bottom: -16px;"><div style="float:center">{AudioPlayerGrey}</div></div><br><br>
  193. </center>
  194. {/block:Audio}
  195.  
  196. {block:Video}
  197. {block:IndexPage}
  198. <div class="caixapost">
  199. <a  href="{ReblogURL}" target="_blank"> <img src="http://static.tumblr.com/hqb6dzr/Pmnmnzddw/sinchronize.png" width="20px" style="opacity:0.4"></a></div>
  200. <div class="caixalike">
  201. <a  href="{Permalink}" target="_blank"> <img src="http://cdn1.iconfinder.com/data/icons/duesseldorf/32/heart.png" width="20px" style="opacity:0.4"></a></div>
  202. {/block:IndexPage}
  203. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}{block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}
  204. {block:Video}
  205.  
  206. {/block:PermalinkPage}{block:PostNotes}
  207. <br>
  208. <div class="lista"><img src="http://cdn1.iconfinder.com/data/icons/duesseldorf/32/user.png" width="10px" style="opacity:0.4"> via <a href="{SourceURL}" target="_blank">{block:ContentSource}{SourceTitle}{/block:ContentSource}</a>
  209.  / reblog from<a href="{ReblogParentURL}" target="_blank">
  210.  {ReblogParentTitle}</a>{/block:RebloggedFrom}</div>
  211.  
  212. <div class="lista"><img src="http://cdn4.iconfinder.com/data/icons/wirecons-free-vector-icons/32/date-16.png" width="10px" style="opacity:0.4"> {block:Date} Posted {DayOfMonthWithZero} {Month} de {Year} às {24Hour}:{Minutes} {/block:Date}</div>
  213.  
  214. <div class="lista">
  215. <img src="http://cdn1.iconfinder.com/data/icons/System%20Tray%20Icons%20v2/16/Last.FM_Alt.png" width="11px" style="opacity:0.4">
  216. {NoteCount} lovers </div>
  217.  
  218. <div class="lista">
  219. <img src="http://cdn1.iconfinder.com/data/icons/iconsweets2/40/tags.png" width="12px" style="opacity:0.4">
  220. Tags: {block:HasTags}
  221. {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  222. <br>
  223. <div class="notesavatar">{PostNotes}</div>{/block:PostNotes}
  224. </div>
  225. {/block:Posts}<br>
  226. </div></div>
  227. </div></div></div></div>
  228. {block:IndexPage}
  229. {block:Pagination}
  230. <div id="pagination">
  231. {block:NextPage}
  232. <a id="nextPage" href="{NextPage}"></a>
  233. {/block:NextPage}
  234. {block:PreviousPage}
  235. <a href="{PreviousPage}"></a>
  236. {/block:PreviousPage}
  237. </div>
  238. {/block:Pagination}
  239. {/block:IndexPage}
  240.  
  241. {block:IndexPage}
  242. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  243. <script type="text/javascript" src="http://static.tumblr.com/8buytvw/aQ1mg3x23/jqueryinfintescroll.js"></script>
  244.  
  245. <script type="text/javascript">
  246. $(window).load(function () {
  247. var $content = $('#content');
  248. $content.masonry({itemSelector: '.entry'}),
  249. $content.infinitescroll({
  250. navSelector : 'div#pagination',
  251. nextSelector : 'div#pagination a#nextPage',
  252. itemSelector : '.entry',
  253. loading: {
  254. finishedMsg: '',
  255. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  256. },
  257. bufferPx : 600,
  258. debug : false,
  259. },
  260. // call masonry as a callback.
  261. function( newElements ) {
  262. var $newElems = $( newElements );
  263. $newElems.hide();
  264. // ensure that images load before adding to masonry layout
  265. $newElems.imagesLoaded(function(){
  266. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  267.  
  268. });
  269. });
  270. });
  271. </script>
  272. {/block:IndexPage}
  273. </div></div></div></div></div>
  274. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!