API tools faq
paste
amando-loucos

THEME 51

amando-loucos
Jul 24th, 2013
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.97 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3.  
  4.  
  5. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}" />
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. <meta name="color:Background" content="#fff"/>
  10. <meta name="image:Background" content=""/>
  11. <meta name="color:Links BG" content="#c5cfc6"/>
  12. <meta name="color:Post BG" content="#fff"/>
  13. <meta name="color:Link" content="#828282"/>
  14. <meta name="color:Link Hover" content="#696969"/>
  15. <meta name="color:Bold Text" content="#000"/>
  16. <meta name="color:Cor dos Links" content="#fff"/>
  17. <meta name="color:Titulo" content="#000"/>
  18. <meta name="text:titulo" content="Seu Titulo"/>
  19. <meta name="text:Link1" content="/" />
  20. <meta name="text:Link1 Title" content="link" />
  21. <meta name="text:Link2" content="/" />
  22. <meta name="text:Link2 Title" content="link" />
  23. <meta name="text:Link3" content="/" />
  24. <meta name="text:Link3 Title" content="link" />
  25. <meta name="text:Link4" content="/" />
  26. <meta name="text:Link4 Title" content="link" />
  27. <meta name="text:Link5" content="/" />
  28. <meta name="text:Link5 Title" content="link" />
  29. <meta name="image:sidebar"
  30. <link href='http://fonts.googleapis.com/css?family=Pompiere|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  31. <style type="text/css">
  32. body {font-family: cambria;font-style: italic;font-size: 12px;color: #000; background:{color:Background} url('{image:Background}'); background-attachment: fixed; background-repeat: no-repeat;}
  33.  
  34.  
  35. iframe#tumblr_controls {top:0%!important;
  36. right:0%!important;position:fixed!important;z-index:99999999!important;}
  37. ::-webkit-scrollbar-thumb{background-color: #9e9e9e;border: 2px solid #ffffff;height:auto;-moz-border-radius: 10px;border-radius: 10px;}::-webkit-scrollbar {height:auto;width:9px;background-color: #999999;border: 4px solid #ffffff;}b, strong {color: {color:Bold Text};}a, a:visited, a:active {text-decoration: none;transition: 0.8s ease-in-out;-moz-transition: 0.8s ease-in-out;-o-transition: 0.8s ease-in-out;-webkit-transition: 0.8s ease-in-out;color: {color:Link};}a:hover {color: {color:Link Hover};}
  38. img {-webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; -webkit-filter: grayscale(0.8); }img:hover {-webkit-filter: grayscale(0.5);}blockquote {padding-left: 5px;margin-left: 5px;
  39. border-left: 1px solid {color:Blockquote};}
  40.  
  41.  
  42. #container {width: 600px;margin-left: 370px;margin-top:10px;}
  43. .post {padding: 5px;text-align: left;float: left;width: {block:indexpage}250px{/block:indexpage}{block:permalinkpage}500px{/block:permalinkpage}; margin: 2px;background-color: {color:Post BG};border: 1px solid #eee;}
  44. h3 {font-weight: normal;font-size: 13px;font-family: cambria;margin: 0px;
  45. color: #000;font-style: italic;}
  46.  
  47. .source {margin-top: 6px; text-align:center; border-top:1px solid #eee; font-size:12px; padding-top:5px;}.album_art {position: absolute;margin-top: 0;margin-left: 0;}.player {overflow: hidden;width: 25px;height: 25px;position: absolute; margin-top: 18px;margin-left: 16px;background: #fff;opacity: 0.3;-moz-opacity: 0.3;-o-opacity: 0.3;-webkit-opacity: 0.3;filter: alpha (opacity=30);transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-webkit-transition: 0.4s ease-in-out;}.player:hover {opacity: 0.7;-moz-opacity: 0.7;-o-opacity: 0.7;-webkit-opacity: 0.7;filter: alpha (opacity=70);}.audio_caption {min-height: 50px;margin-left: 68px;margin-top: 0px;padding: 5px 4px;text-align: center;background-color: {color:Audio Info BG};}.pagination {display: none;}ul.chat li {list-style: none;margin-left: -40px;margin-bottom: 4px;}
  48. ul.chat li .label {display: inline;font-weight: bold;padding: 1px;color: {color:Bold Text};}ol.notes {position: relative;padding: 0px;margin-top: 10px;list-style-type: none;border-bottom: solid 1px {color:Post Border};}
  49. ol.notes li.note {padding: 6px;border-top: solid 1px {color:Post Border};}
  50. ol.notes li.note img.avatar {vertical-align: -6px;margin-right: 10px;width: 16px;height: 16px;float: left;}ol.notes li.note span.action {font-weight: normal;font-size: 10px;}ol.notes li.note .answer_content {font-weight: normal;}ol.notes li.note blockquote {padding: 4px 10px;margin: 10px 0px 0px 25px;border-color: {color:Post Border};}.index_meta {text-align: center;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;margin-top: 8px;padding-top: 2px; border-top: 1px solid #eee;}.vsanna{display: none;}
  51. .perma {opacity: 0.0;filter: alpha(opacity = 0);z-index:9999991; display: inline-block;position: absolute;text-align: right;height: 20px;
  52. top:8px;left:10px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  53. .post:hover .perma {opacity: 1;filter: alpha(opacity = 100);}
  54. .rep {width: 24px;height: 20px;overflow: hidden;z-index: 9999999;display: inline-block;}.rep img{width: 24px;height: 20px;line-height: 30px;display: inline;}.not { display: inline-block;background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");height: 20px;top: -6px;font-size: 11px;
  55. line-height: 20px;color: #fff;padding-left: 4px;padding-right: 4px; -moz-border-radius: 2px;border-radius: 2px;position: relative;}
  56. .not a, .not:hover a, .not a:hover {color: #ffffff!important;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}.post:hover .not, .entry:hover .rep, .entry:hover .likep {opacity: 1;filter: alpha(opacity = 100);margin-right: 0;}.not:hover , .rep:hover, .likep:hover {opacity: 1!important;filter: alpha(opacity = 100)!important;}.pergunta {display: block; margin: 1px 1px 0 1px; background: #eee; padding: 4px; color: #000; font-family: 'cambria';font-style: italic; font-size: 14px; text-align: justify;}.resposta {background: #f7f7f7; padding: 1px 5px; margin: 0 1px 1px 1px; text-align: justify; font-family: 'Electrolize', sans-serif; font-size: 12px; display: block;}.resposta2{margin-top: -8px; margin-bottom: -8px;}.fotoask {background: #fff; padding: 1px; float: left; margin: 1px 4px 1px 1px; -webkit-box-shadow: 0px 0px 3px #f2c9d3; -moz-box-shadow: 0px 0px 3px #f2c9d3; box-shadow: 0px 0px 3px #f2c9d3; border-radius: 50px;}
  57. #sidenada {float:left; position:fixed; width:220px; bottom:35px; height:8px;top:100px; left:50px;
  58. padding:0px; text-align: center; position: fixed;}
  59.  
  60. #sidenada {width:261px; margin-left:100px;}
  61.  
  62. .imagem {margin-top:0px; margin-left:31px; margin-bottom:0px; padding:10px;border:0px solid {color:border}; height:auto; width:150px;}
  63. .imagem img {display: inline; height:auto; width:140px; left:335px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;}
  64. .imagem img:hover {
  65. opacity:0.7;
  66. -webkit-transition: all 0.5s ease-out;
  67. -moz-transition: all 0.5s ease-out;
  68. }
  69.  
  70. #des a {font-size:11px;font-family:Cambria;letter-spacing:0px; text-decoration:none; text-align:right -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.1s ease-out; transition:all 0.3s ease-out; color:{color:links side}; text-align:left;margin-bottom:0px; letter-spacing:px;}
  71.  
  72. #des {z-index:999999999999;position:fixed;width: 145px; margin-left: 0px;text-align:left;margin-top: -200px;background-color:#fff;opacity:0;-webkit-transition-duration: 1.2s;height:150px;border-top:3px solid {color:borda link};font-style:italic;padding-top:2px;}
  73.  
  74. #des:hover {opacity:1;-webkit-transition-duration: 1.2s;margin-top:-150px;margin-left:-160px;}
  75.  
  76. #des a:hover{-webkit-transition-duration: 0.5s;border-left:0px solid #fff;}
  77.  
  78. .linka { border-right:1px solid {color:border}; border-top:1px solid {color:links}; width:160px; }
  79.  
  80. .linka { width:141px;margin-left: 45px; margin-top:-5px; position:fixed; background-color:#;color:#eee; border:px solid #000; border-left:px solid #eee; border-top:px solid #eee; border-bottom:px solid #000; -webkit-border-radius: 0px 0px 0px 0px; float: left; font-family:cambria; font-size:9px;font-style:; text-align: right;height: 14px;color:#000; line-height:14px;letter-spacing:px; opacity:5; text-transform:none ; padding: 0px; line-height: 14px;}
  81. .linka a:hover {border-bottom:px dotted }
  82. .linka a:hover {font-family:consolas}
  83. .linka a:hover {text-transform:uppercase ;}
  84. .linka a:hover {color:{color:lhover};}
  85.  
  86. ::-webkit-scrollbar{width:5px;height:5px;}
  87. ::-webkit-scrollbar-button:start:decrement
  88. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  89. ::-webkit-scrollbar-track-piece{background-color: {color:scrollbar bg}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  90. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  91. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  92.  
  93. #tumblr_controls{position: fixed!important}
  94. #tumblr_controls{position: fixed!important}
  95. #tumblr_controls{position: fixed!important}
  96. #tumblr_controls{position: fixed!important}
  97.  
  98. #title {width:140px;background-color:#000;position: fixed;font-style:none; font-family:calibri; letter-spacing:0px; font-size:9px; line-height:18px; text-align:center; color:#fff; padding:15px;margin-top:-10px;margin-left:46px;border-right:px solid #000; border-top:px solid #eee; border-bottom:px solid #000;padding: 0px;text-transform:uppercase;}
  99.  
  100.  
  101. </style><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script><script type="text/javascript" src=""></script><script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  102.  
  103.  
  104. </head>
  105. <body>
  106.  
  107. <div id="sidenada">
  108. <div id="title">{text:titulo}</div>
  109. <div class="imagem"><img src="{image:sidebar}"/></div>
  110. <div class="linka"><div class="link"</div>
  111. <a href="{text:Link1}">{text:Link1 Title},</a>
  112. <a href="{text:Link2}">{text:Link2 Title},</a>
  113. <a href="{text:Link3}">{text:Link3 Title},</a>
  114. <a href="{text:Link4}">{text:Link4 Title},</a>
  115. <a href="{text:Link5}">{text:Link5 Title}.</a>
  116. <div id="des">{description}</div>
  117.  
  118.  
  119. </div>
  120. <div style="margin-left: -150px; font-family: cambria; font-style:italic; letter-spacing:0px; line-height:11px; margin-top: 200px; position:fixed"><a href="http://abbused.tumblr.com">abbused</a></div>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="pagination">
  125. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  126. </div>
  127. </div>
  128.  
  129. <div class="pagination">
  130. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  131. </div>
  132. <div id="container">
  133. {block:Posts}<div class="post">
  134. {block:Text}{block:indexpage}
  135. <div class="perma"><div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a></div><div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div></div>
  136. {/block:indexpage}{block:Title}<h3>{Title}</h3>
  137. {/block:Title}{Body}{block:Text}
  138.  
  139.  
  140. {block:Photo}
  141. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250"/></a>
  142. {block:indexpage}<div class="perma"><div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a></div> <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  143. </div>
  144. {/block:indexpage}
  145. {block:permalinkpage}
  146.  
  147. {block:Caption}
  148. {Caption}
  149. {/block:Caption}
  150. {/block:permalinkpage}
  151. {/block:Photo}
  152.  
  153. {block:Photoset}
  154. {block:indexpage}
  155. {Photoset-250}
  156. {/block:indexpage}
  157. {block:permalinkpage}
  158.  
  159. {block:Caption}
  160. {Caption}
  161. {/block:Caption}
  162. {/block:permalinkpage}
  163. {/block:Photoset}
  164.  
  165. {block:Quote}
  166. <h3>{Quote}</h3>
  167. <div class="source">{Source}</div>
  168.  
  169.  
  170. {block:indexpage}
  171. <div class="perma">
  172. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  173. </div>
  174. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  175. </div>
  176. {/block:indexpage}
  177. {/block:Quote}
  178.  
  179. {block:Link}
  180. {block:indexpage}
  181. <div class="perma">
  182. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  183. </div>
  184. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  185. </div>
  186. {/block:indexpage}
  187. <h3><a href="{URL}">{Name}</a></h3>
  188. {block:Description}
  189. {Description}
  190. {/block:Description}
  191. {/block:Link}
  192.  
  193. {block:Chat}
  194. {block:indexpage}
  195. <div class="perma">
  196. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  197. </div>
  198. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  199. </div>
  200. {/block:indexpage}
  201. {block:Title}
  202. <h3>{Title}</h3>
  203. {/block:Title}
  204. <ul class="chat">
  205. {block:Lines}
  206. <li>
  207. {block:Label}
  208. <div class="label">{Label}</div>
  209. {/block:Label}
  210. {Line}
  211. </li>
  212. {/block:Lines}
  213. </ul>
  214. {/block:Chat}
  215.  
  216. {block:Audio}
  217. {block:indexpage}
  218. <div class="perma">
  219. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  220. </div>
  221. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  222. </div>
  223. {/block:indexpage}
  224. {block:AlbumArt}
  225. <div class="album_art"><img src="{AlbumArtURL}" width="60px"/></div>
  226. {/block:AlbumArt}
  227. <div class="player">{AudioPlayerWhite}</div>
  228. <div class="audio_caption">
  229. {block:PlayCount}<i>{PlayCountWithLabel}</i>{/block:PlayCount}
  230. {block:Caption}
  231. {Caption}
  232. {/block:Caption}
  233. </div>
  234. {/block:Audio}
  235.  
  236. {block:Video}
  237. {block:indexpage}
  238. <div class="perma">
  239. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  240. </div>
  241. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  242. </div>
  243.  
  244. {Video-250}
  245. {/block:indexpage}
  246. {block:permalinkpage}
  247. {Video-500}
  248. {block:Caption}
  249. {Caption}
  250. {/block:Caption}
  251. {/block:permalinkpage}
  252. {/block:Video}
  253.  
  254. {block:Answer}
  255. <div class="pergunta">
  256. <img src="{AskerPortraitURL-30}" class="fotoask">{asker} said:
  257. {Question}</div>
  258. <div class="resposta"><div class="resposta2">{Answer}</div></div>
  259. {/block:Answer}
  260.  
  261. {block:indexpage}
  262.  
  263. {/block:indexpage}
  264.  
  265. {block:permalinkpage}
  266. {block:Date}Posted {Month} {DayOfMonth}, {Year} at {24HourWithZero}:{Minutes}{/block:Date}
  267. {block:HasTags}<br/>Tagged {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  268. {/block:permalinkpage}
  269.  
  270. {block:PostNotes}
  271. <br/>{NoteCountWithLabel}:<br/>
  272. <a name="notes">
  273. {PostNotes}
  274. </a>
  275. {/block:PostNotes}
  276.  
  277. </div>
  278.  
  279. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  280. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  281.  
  282.  
  283.  
  284. {/block:Posts}
  285. </div>
  286. <script>
  287. $(function(){
  288. var $container = $('#container');
  289. $container.imagesLoaded(function(){
  290. $container.masonry({
  291. itemSelector: '.post',
  292. });
  293. });
  294. $container.infinitescroll({
  295. itemSelector : ".post",
  296. navSelector : "div.pagination",
  297. nextSelector : ".pagination a#next",
  298. loadingImg : "",
  299. loadingText : "<em></em>",
  300. bufferPx : 10000,
  301. extraScrollPx: 12000,
  302. },
  303. // trigger Masonry as a callback
  304. function( newElements ) {
  305. var $newElems = $( newElements ).css({ opacity: 0 });
  306. // ensure that images load before adding to masonry layout
  307. $newElems.imagesLoaded(function(){
  308. $newElems.animate({ opacity: 1 });
  309. $container.masonry( 'appended', $newElems, true );
  310. });
  311. }
  312. );
  313. });
  314. </script>
  315.  
  316. <script type="text/javascript">
  317. jQuery(document).ready(function() {
  318. jQuery(".sub").hide();
  319. //toggle the componenet with class msg_body
  320. jQuery(".cthrough").click(function()
  321. {
  322. jQuery(this).next(".sub").slideToggle(500);
  323. });});
  324. </script>
  325. </body>
  326. </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!