Advertisement
r-eplac-e

Theme 18 Entroase

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