Advertisement
r-eplac-e

Theme 13 Entroase

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