Advertisement
r-eplac-e

Theme 14 Entroase

Jan 6th, 2015
207
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.56 KB | None | 0 0
  1. <!--------------------------------------------------------------------------
  2.  
  3.  
  4. THEME FEITO POR ENTROASE,POR FAVOR NÃO RETIRE OS CREDITOS,NEM USE COMO BASE.
  5.  
  6.  
  7. http://entroase.tumblr.com
  8.  
  9. <----------------------------- ---------------------------------------------->
  10.  
  11.  
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
  14. <head profile="http://gmpg.org/xfn/11">
  15.  
  16. <script type="text/javascript"
  17. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  18. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  19. <script>
  20. (function($){
  21.  
  22. $(document).ready(function(){
  23. $("[title]").style_my_tooltips();
  24. });
  25. })(jQuery);
  26. </script>
  27.  
  28.  
  29. <!--- DEFAULT VARIABLES --->
  30. <meta name="color:background" content="#ffffff" />
  31. <meta name="color:text" content="#575656" />
  32. <meta name="color:hover" content="#890263" />
  33. <meta name="color:post" content="#ffffff" />
  34. <meta name="color:sidebar" content="#ffffff" />
  35. <meta name="color:border" content="#e2e2e2" />
  36. <meta name="color:chat" content="#eaeaea" />
  37. <meta name="color:chathover" content="#cccccc" />
  38. <meta name="color:sombra" content="#4f4f4f" />
  39. <meta name="color:ask" content="#fbfbfb" />
  40. <meta name="color:frase" content="#fbfbfb" />
  41. <meta name="color:bghover" content="#fbfbfb" />
  42.  
  43. <meta name="if:Uma Coluna" content="1" />
  44. <meta name="if:Cores Claras" content="/"/>
  45. <meta name="if:Borda" content="/"/>
  46.  
  47. <meta name="image:background" content="" />
  48. <meta name="image:fundoask" content="" />
  49.  
  50. <meta name="image:sidebar" content="https://secure.static.tumblr.com/1eb19db029971f57718010d0accaea52/wnpfct6/XDYnhk76o/tumblr_static_8fnw6nre19ss40sgco44k404s.jpg" />
  51.  
  52. <meta name="image:icon" content="http://static.tumblr.com/n66cz1n/dXwm6qymk/flor1.png" />
  53.  
  54. <meta name="text:Link1" content="/" />
  55. <meta name="text:Link1 Title" content="um" />
  56. <meta name="text:Link2" content="/" />
  57. <meta name="text:Link2 Title" content="dois" />
  58. <meta name="text:Link3" content="/" />
  59. <meta name="text:Link3 Title" content="tres" />
  60. <meta name="text:Link4" content="/" />
  61. <meta name="text:Link4 Title" content="quatro" />
  62. <meta name="text:Link5" content="/" />
  63. <meta name="text:Link5 Title" content="cinco" />
  64.  
  65. <meta name="text:mensagem fim ask" content="Volte Sempre ♥" />
  66.  
  67. <meta name="text:frase" content="I'll love u forever">
  68.  
  69.  
  70. <title>{title}</title>
  71. <link rel="shortcut icon" href="{Favicon}">
  72. {block:Description}
  73. <meta name="description" content="{MetaDescription}" />
  74. {/block:Description}
  75.  
  76. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/5u1fog0/UCmnc0f10/install.css">
  77. <script type="text/javascript" src="http://static.tumblr.com/gwrylhv/GMAnib88w/theme.js"></script>
  78.  
  79. <link href='http://fonts.googleapis.com/css?family=Lobster|Muli|Homenaje|Alef|Dancing+Script' rel='stylesheet' type='text/css'>
  80.  
  81.  
  82. </head>
  83.  
  84.  
  85.  
  86. <style type="text/css">
  87. body {background-color:{color:background};font-family:arial;color:{color:text};text-align:center;background-attachment:fixed;background-repeat:no-repeat;background-image:url('{image:background}'); }
  88.  
  89. #entry {width:640px;margin-left:300px;margin-top:10px;{block:IfUmaColuna}margin-left: 350px;{/block:IfUmaColuna};}
  90.  
  91. .post {width: 250px;height:auto; background-color:{color:post} ;text-align: left;padding: 6px;float: left;font-family:verdana;font-size:11px;{block:IfBorda} margin:1px;{/block:IfBorda} opacity:2;{block:PermalinkPage}width:400px {/block:PermalinkPage};{block:IfUmaColuna}width: 350px {/block:IfUmaColuna};{block:IfBorda}border:1px solid {color:border};{/block:IfBorda}}
  92.  
  93. /* QUOTE cerejadosundae */
  94. .quote:first-letter{font-family: georgia; font-style:italic; font-size: 20px;}
  95. .quote {margin: 0; padding: 0px; font: normal 11px 'georgia'; text-align: justify;}
  96. .quotesource {font-family: verdana; color: {color:text};font-size: 9px;padding: 7px; text-align: center; text-transform: none; margin-bottom: -13px; height:auto; outline-offset: -3px; outline:}
  97.  
  98. .quotesource a, a:hover{text-transform: none; color: {color:text};}
  99.  
  100. a, a:link, a:active, a:visited {color:{color:text}; text-decoration:none}
  101. a:hover {color: {color:hover}; text-decoration:none}
  102.  
  103. blockquote {border-left: 3px solid {color:border}; border-right: 3px solid{color:border} ;padding: 15px 15px 15px; margin: 2px; background: {color:post}; }
  104.  
  105. h1 {font-family:'verdana'; text-align: left; font-size: 12px; text-transform: none; color: {color:text};line-height: 13px;padding:6px;margin-bottom:-10px;}
  106. h1 a {text-align:left; font-size: 12px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 13px;}
  107. h1 a:hover {text-align: center; font-size: 12px; text-transform: none; color: {color:text}; line-height: 13px;}
  108.  
  109. ::-webkit-scrollbar {height:10px; width:5px; background:transparent;}
  110. ::-webkit-scrollbar-thumb:vertical {background:#646464;}
  111.  
  112. .image {text-align: center;}
  113.  
  114. .image img {max-width: 250px; margin-bottom: 0px ;{block:IfUmaColuna}max-width: 350px;{/block:IfUmaColuna};-webkit-transition-duration: 0.9s;
  115. -moz-transition-duration: 0.9s;}
  116.  
  117. .photoset {max-width:250px;{block:IfUmaColuna}max-width: 350px;{/block:IfUmaColuna};}
  118.  
  119. .post:hover .image img {border-radius:10px;-webkit-transition-duration: 0.9s;
  120. -moz-transition-duration: 0.9s;}
  121.  
  122. .player {background-color: {color:post}; text-align: left; display:block;}
  123.  
  124. #cap {width: 250px; margin-top:1px;}
  125. .source {display: none;}
  126.  
  127. .notes {width: 250px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: center;}
  128. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  129. ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  130. .notes img{display: none; border:0px;}
  131.  
  132. /** htmluv **/
  133.  
  134. .chat {background: #fff; margin: 0; font-size: 12px; font-family: 'Play';}
  135.  
  136. .chat .lines {font-family: 'Play'; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: {color:chat}; padding: 5px; margin-bottom: 2px; font-size: 12px; color: {color:text}; text-shadow: 1px 1px 0px #eee; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s;}
  137.  
  138. .chat .lines:hover {background: {color:chathover}; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s;}
  139.  
  140. .chat .lines span {font-weight: bold;}
  141.  
  142. .caixask {width:auto;height:auto;border-radius:10px;background-image:url('{image:fundoask}');}
  143.  
  144. .ask {text-align:left; background: {color:ask};font-size:10px font-family:"handy";color:{color:text}; padding:6px;height:auto;}
  145.  
  146. .askresp {text-align:left;font-size:10px font-family:"handy";color:{color:text};height:auto;overflow:auto;margin: 2px;}
  147.  
  148. .barrinha {width:99%;height:15px;color:{color:text};font-family:'handy';margin-left:2px;border-radius:10px;text-align:right;background-color:{color:ask};}
  149.  
  150. #tumblr_controls{position: fixed!important}
  151. #tumblr_controls{position: fixed!important}
  152. #tumblr_controls{position: fixed!important}
  153.  
  154. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display: none;}
  155.  
  156. /* Helpdesign */
  157. #s-m-t-tooltip {max-width:300px;border-radius: 5px; padding:3px 4px 5px 4px;margin:15px 20px;background-color:{color:post}; font-family:calibri; font-size:9px; letter-spacing:1px; text-transform:uppercase; color:{color:text}; z-index:9999999;}
  158.  
  159. #sidebar {width:150px; height: 300px; top: 180px;margin-left:70px;position: fixed;{block:IfUmaColuna}margin-left: 150px;{/block:IfUmaColuna};background-color:{color:sidebar};border:1px solid {color:border};}
  160.  
  161. .notas { width:auto; height:auto;margin-left:auto;margin-top:auto;text-align:center;font-family:arial;font-size:9px;opacity:1;color:{color:text};padding:3px;{block:IfUmaColuna}margin-left:-2px;width: 345px;{/block:IfUmaColuna};{block:IfBorda}border:1px solid {color:border};{/block:IfBorda}}
  162.  
  163. .notas a:hover { font-family:arial;font-weight:bold;font-size:9px;color:{color:hover};}
  164.  
  165. #imagem {width:120px;height:150px;margin-top:5px;margin-left:15px;overflow:hidden;-webkit-transition-duration: .90s;}
  166.  
  167. #imagem img {width:120px; height:150px; margin-left:0px; margin-top: 10px; -moz-transition: all .0s ease-in-out!important;
  168. -o-transition: all .0s ease-in-out!important;
  169. transition: all .9s ease-in-out!important;
  170. -webkit-transition: all .5s ease-in-out!important; }
  171.  
  172. img.grayscale {-webkit-transition-duration: .90s;}
  173. img.grayscale:hover {-webkit-filter: grayscale(60%);}
  174.  
  175. .desc{width: 115px; height: 100px;opacity: 0.7; color:{color:text};transparent; -webkit-transition-duration: .90s; margin-top: 10px;margin-left:12px; overflow:hidden; position: fixed;padding:5px; text-align: left;font-size:11px; }
  176.  
  177. .frase {position: fixed;clear: both; float: left; width: 150px; margin-top: 110px; text-align: center; margin-left: 0px;font-family:Dancing Script;font-size:20px;color:{color:frase};}
  178.  
  179. #menu {position:fixed;margin-left:-31px;margin-top:5px;padding:10px;
  180. height:170px;width:10px;}
  181.  
  182. #menu a {display:inline-block;background:transparent;padding:5px;font-size:15px;width:10px;height:10px;line-height:15px;text-align:center;margin:1px 0;border:1px solid {color:border};}
  183.  
  184. #menu a:hover {background:{color:bghover};
  185. -webkit-transition-duration: 0.9s;
  186. -moz-transition-duration: 0.9s;
  187. }
  188.  
  189. #menu img {width:15px;height:15px;margin-left:-2px;margin-top:-3px;-webkit-transform: rotate(-85deg);}
  190.  
  191.  
  192. /* FRAGILEHELP */
  193. {block:IfCoresClaras} iframe#tumblr_controls, .credit.icon.theme {position:fixed!important; -webkit-filter:invert(100%); opacity:.4;} {/block:IfCoresClaras}
  194. {block:IfNotCoresClaras} iframe#tumblr_controls, .credit.icon.theme {position:fixed!important;} {/block:IfNotCoresClaras}
  195.  
  196. </style>
  197.  
  198. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  199.  
  200. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  201. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  202. <script type="text/javascript">
  203. $(window).load(function () {
  204. $('#entry').masonry(),
  205. $('.masonryWrap').infinitescroll({
  206. navSelector : "div#navigation",
  207. nextSelector : "div#navigation a#nextPage",
  208. itemSelector : ".post",
  209. bufferPx : 10000,
  210. extraScrollPx: 12000,
  211. loadingImg : "http://www.pgbovine.net/photos/wait26.gif",
  212. loadingText : "",
  213. },
  214. function() { $('#entry').masonry({ appendedContent: $(this) }); }
  215. );
  216. });
  217. </script>
  218.  
  219. </style>
  220.  
  221. <body>
  222.  
  223. <div id="sidebar">
  224.  
  225. <div id="menu">
  226. <a href="{text:Link1}"title="{text:Link1 Title}"><img src="{image:icon}"></a>
  227. <a href="{text:Link2}"title="{text:Link2 Title}"><img src="{image:icon}"></a>
  228. <a href="{text:Link3}"title="{text:Link3 Title}"><img src="{image:icon}"></a>
  229. <a href="{text:Link4}"title="{text:Link4 Title}"><img src="{image:icon}"></a>
  230. <a href="{text:Link5}"title="{text:Link5 Title}"><img src="{image:icon}"></b> </a>
  231. </div>
  232. <div id="imagem"><img src="{image:sidebar}"class="grayscale"></div>
  233.  
  234.  
  235.  
  236. <div class="desc">{description}</div>
  237.  
  238. <div class="frase">{text:frase}</div></div>
  239.  
  240. </div></div></div></div></div>
  241.  
  242. <div id="entry">
  243.  
  244. {block:Posts}
  245. <div class="post">
  246.  
  247. {block:Text}
  248. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  249. {/block:Text}
  250.  
  251. {block:Photo}
  252. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  253. {/block:Photo}
  254.  
  255. {block:Photoset}
  256.  
  257. {Photoset-250}
  258. {block:Caption}{Caption}{/block:Caption}
  259. {/block:Photoset}
  260.  
  261. {block:Video}
  262.  
  263. {Video-250}
  264. {block:Caption}{Caption}{/block:Caption}
  265. {/block:Video}
  266.  
  267. {block:Audio}
  268. <div class="player">{AudioPlayerBlack}</div>
  269. {block:Caption}{Caption}{/block:Caption}
  270. {/block:Audio}
  271.  
  272. {block:Quote}
  273. <div class="quote">{Quote}</div>
  274. {block:Source}<div class="quotesource"> {Source}</b></div>
  275. {/block:Source}
  276. {/block:Quote}
  277.  
  278. {block:Chat}
  279. {block:Lines}
  280. <div class="chat">
  281. <div class="lines">{block:Label}
  282. <span>{Label}</span>
  283. {/block:Label}
  284. {Line}</div></div>
  285. {/block:Lines}
  286. {/block:Chat}
  287.  
  288. {block:Link}
  289.  
  290. <a href="{URL}">{Name}</a>
  291. {block:Description}{Description}{/block:Description}
  292. {/block:Link}
  293.  
  294. {block:Answer}
  295. <table width="{block:IfUmaColuna}350px{/block:IfUmaColuna}250px" cellspacing="0" cellpadding="0">
  296. <tr>
  297. <div class="caixask">
  298. <div class="ask">
  299. <img src="{AskerPortraitURL-40}"align="right" style="border-radius:30px;margin-top:-15px;-webkit-transform: rotate(10deg);">
  300. <strong>{Asker}, perguntou: </strong>{Question}<br/>
  301. </div><br>
  302. <div class="askresp">
  303. {Answer}<br/></div>
  304. <div class="barrinha">{text:mensagem fim ask}
  305. </td>
  306. </tr>
  307. </table>
  308. {/block:Answer}
  309.  
  310. <div id="cap">
  311. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  312. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  313. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  314.  
  315. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  316. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  317. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  318. {/block:ContentSource}</div></div>
  319. <br>
  320.  
  321.  
  322. <div class="notas">
  323. {block:Date}{TimeAgo} • {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel} • </a>{/block:NoteCount} {block:IndexPage}{block:RebloggedFrom}<a href="{ReblogParentURL}"><a href="{ReblogParentURL}"></a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:IndexPage}<a href="{ReblogUrl}" target="_blank">Reblog</a>{/block:IndexPage}</center>
  324. </div>
  325. </div>
  326. {/block:Date}
  327. {/block:Posts}
  328.  
  329. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  330.  
  331. </div>
  332.  
  333. {block:IndexPage}
  334. <div class="column navigation" id="navigation">
  335. {block:Pagination}
  336. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  337. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  338. </div>
  339.  
  340.  
  341. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  342.  
  343. </body>
  344.  
  345. </html>
  346.  
  347. <!--------------------------------------------------------------------------
  348.  
  349.  
  350. THEME FEITO POR ENTROASE,POR FAVOR NÃO RETIRE OS CREDITOS,NEM USE COMO BASE.
  351.  
  352.  
  353. http://entroase.tumblr.com
  354.  
  355. <----------------------------- ---------------------------------------------->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement