Advertisement
r-eplac-e

Theme 11 Entroase

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