Advertisement
Jalcanttara

Theme 29 - Acalentador.

Jun 25th, 2013
275
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.77 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <!--— Todo estilo do tema foi criado por acalentador(Jadson Alcanttara) não copie nem creditando, por favor. Enjoy the theme ! :) -->
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <!-- VALORES DEFAULT-->
  8.  
  9. <meta name="font:text" content="geneva" />
  10. <meta name="color:bg" content="#ffffff" />
  11.  
  12. <meta name="color:sidebg" content="#7593a0" />
  13. <meta name="color:sidetxt" content="#000000" />
  14. <meta name="color:posttxt" content="#000000" />
  15. <meta name="color:Ask Fundo" content="#eeeeee" />
  16.  
  17. <meta name="color:description" content="#000000" />
  18. <meta name="color:borders" content="#eeeeee" />
  19. <meta name="image:bg" content="http://static.tumblr.com/r2ogzvx/nF7mi2965/base_de_bg_-_c__pia__22__-_c__pia.png" />
  20. <meta name="if:Mostrar tags" content="1"/>
  21. <meta name="if:Posthover" content="0"/>
  22.  
  23. <meta name="text:frase" content="" />
  24. <meta name="text:Link1" content="/" />
  25. <meta name="text:Link1 Title" content="link" />
  26. <meta name="text:Link2" content="/" />
  27. <meta name="text:Link2 Title" content="link" />
  28. <meta name="text:Link3" content="/" />
  29. <meta name="text:Link3 Title" content="link" />
  30. <meta name="text:Link4" content="/" />
  31. <meta name="text:Link4 Title" content="link" />
  32. <meta name="text:Link5" content="/" />
  33. <meta name="text:Link5 Title" content="link" />
  34. <meta name="text:Link6" content="/" />
  35. <meta name="text:Link6 Title" content="link" />
  36. <meta name="text:Link7" content="/" />
  37. <meta name="text:Link7 Title" content="link" />
  38.  
  39.  
  40. <title>{Title}</title>
  41.  
  42.  
  43.  
  44.    <style type="text/css">
  45.  
  46. /*** body ***/
  47. body {background-color:{color:bg}; font-family: {font:text}; color: {color:posttxt}; background-image:url('{image:bg}'); font-size: 12px; background-position:top left; background-attachment:fixed; background-size:100%;}
  48.  
  49. a {color:{color:posttxt}; text-decoration:none; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  50.  
  51. a:hover {opacity:0.5;}
  52.  
  53. /*** scroll ***/
  54. ::-webkit-scrollbar-thumb:vertical{height: 10px;background-color:{color:sidebg};border-radius: 360px 360px 360px 360px;}
  55.  
  56. ::-webkit-scrollbar-thumb:horizontal{height: 10px;background-color:{color:sidebg};border-radius: 360px 360px 360px 360px;}
  57.  
  58. ::-webkit-scrollbar {height: 4px; width: 4px;background:rgba(36,36,36,0.1)}
  59.  
  60. /*** blockquote ***/
  61. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:sidebg}; padding-left: 5px; }
  62.  
  63. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:sidebg};}
  64.  
  65. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:sidebg}; }
  66.  
  67. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:sidebg}; }
  68.  
  69.  
  70.  
  71. blockquote img{max-width: 370px!important}
  72.  
  73. blockquote blockquote img{max-width: 350px!important}
  74.  
  75. blockquote blockquote blockquote img{max-width: 330px!important}
  76.  
  77. blockquote blockquote blockquote blockquote img{max-width: 310px!important}
  78.  
  79.  
  80.  
  81. @font-face {font-family: 'Homenaje'; font-style: normal; font-weight: 400; src: local('Homenaje'), local('Homenaje-Regular'), url('http://themes.googleusercontent.com/static/fonts/homenaje/v1/jYyetuCOSxcVAexXms8sf_esZW2xOQ-xsNqO47m55DA.woff') format('woff');
  82. }
  83.  
  84. /*** conteudo ***/
  85. #posts {margin:0px 0 10px 0;  }
  86.  
  87. .post {width: 400px; padding: 10px; margin-bottom:9px; text-align: justify; font-family: georgia; font-size: 12px; margin-top: -10px; margin-left: 489px;}
  88.  
  89. .post img {max-width:400px; {block:ifDuascolunas}{block:IndexPage}max-width:250px;{/block:IndexPage}{/block:ifDuascolunas};}
  90. .post img:hover {opacity:0.8 s;}
  91.  
  92. /*** chat ***/
  93. .title {font-family:georgia; text-transform:none;}
  94. .texto {font-family:georgia;text-align:justify;}
  95.  
  96. .chat {line-height: 12px; list-style: none; font-family:georgia;}
  97.  
  98. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;font-family:georgia;}
  99.  
  100. .person1 .label {font-family:georgia;font-weight: bold; padding: 0px; margin-left: 5px;}
  101.  
  102. .person2 .label {font-family:georgia;font-weight: bold; padding: 0px; margin-left: 5px;}
  103.  
  104. /*** quote ***/
  105. .quote {font-size:12px; text-align:justify; font-family:georgia; position:relative;}
  106.  
  107. .quote small {font-size:14px;}
  108.  
  109.  
  110. .sourcequote {text-align:right;font-family:georgia;}
  111.  
  112. /*** chat 2 ***/
  113. .title {font-size:14px;font-family:georgia; text-align:center; font-weight:bold;}
  114.  
  115. .person1, .person2, .person {padding:3px;}
  116. {block:ifPosthover}
  117.  
  118. /* Ask */
  119.  
  120. .ask
  121. {text-align: left;
  122. margin-bottom: 5px;
  123. font-family: Georgia;
  124. font-size: 11px;
  125. letter-spacing: 1px;
  126. padding: 10px;
  127. background: {color:Ask Fundo}}
  128.  
  129. .answer
  130. {text-align: left;
  131. font-family:GEORGIA; font-style:italic;
  132. font-size: 11px;}
  133.  
  134. /*** notes ***/
  135. .date {font-size:10px; overflow:hidden;font-family:georgia; text-align:left;  margin:3px; margin-bottom:0px; opacity:0.3;  -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; position:absolute; top:10px; left:10px; background-color:{color:postbg}; color:{color:posttxt}; opacity:0; padding:5px; width:384px;{block:ifDuascolunas}{block:IndexPage}width:234px;{/block:IndexPage}{/block:ifDuascolunas}}
  136. {block:ifPosthover}
  137. {block:ifnotPosthover}
  138. .date {font-size:12px; overflow:hidden;font-family:calibri; text-align:center; opacity:.0;  -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; margin-top:3px;}
  139. {block:ifnotPosthover}
  140. .post:hover .date {opacity:0.700;}
  141.  
  142.  
  143. .notecount {font-family:verdana;}
  144.  
  145. #notess {margin-left: 0px; width:400px;font-size:7px; text-transform:none; font-family:{font:text}; margin-top:-9px; z-index:9999; text-align:right;}
  146.  
  147. #notess img {display: none; border:0px; height:0px; width:0px; overflow:hidden;}
  148.  
  149. #notess a {color:{color:posttxt};}
  150.  
  151. ol.notes {list-style: none;  margin-bottom:1px; padding: 0px; border-top:1px solid {color:bg};}
  152.  
  153. ol.notes li {background-color:{color:postbg}; border-bottom: 1px solid {color:bg}; padding: 5px; font-size:10px;}
  154.  
  155. #cap {position:relative;}
  156.  
  157. .source {display: none; position:absolute;}
  158.  
  159. /*imagem de carregamento da rolagem infinita*/
  160.  
  161. #infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}
  162.  
  163. /*** sidebear ***/
  164. .photobar {position:absolute; width:5px; height:565px; padding:0px; background-color:none; position:fixed; margin-top:-10px; margin-left:475px;background-color:{color:sidebg};border-radius: 360px 360px 360px 360px;z-index:99999999999999999999999999; }
  165.  
  166. /*** frase ***/
  167. .frase {position:fixed;width:1356px;height:20px;line-height:20px;font-size:22px; font-family:georgia; text-align:center;padding: 9px; margin-top:220px; z-index:999999999999; margin-left:-832px;color:{color:sidetxt};z-index:99999999999999999999999999999999999999999999999;}
  168.  
  169. /*** descricao ***/
  170. .desc {position:fixed;width:290px;height:30px;font-size:12px; font-family:cambria; text-align:justify;padding: 8px; margin-top:280px; margin-left:-320px;color: {color:descripition}}
  171.  
  172. /*** creditos ***/
  173. .cred {position:fixed;left:-185px;top:23px;width:192px;font-family:calibri;font-size:16px;color:{posttxt};padding:8px;opacity:0.9;text-align:right;-webkit-transition-duration: .95s;z-index:9999;}
  174. .cred:hover {margin-left:149px;-webkit-transition-duration: .95s;}
  175.  
  176. /*** links ***/
  177. #links {position:fixed; font-family:'Josefin Slab', serif; font-size:12px;width:222px; height:4px;margin-top:262px; margin-left:-247px;text-align:right;padding:3px;z-index: 9999999; word-spacing:2px; letter-spacing:3px;word-spacing:6px;}
  178.  
  179. #links a {color:{color:sidetxt}; -webkit-transition-duration: .39s;}
  180.  
  181. #links a:hover { -webkit-transition: .39s;;border-bottom:1px solid;}
  182.  
  183. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display: none;}
  184.  
  185. #tumblrcontrols2 {position:fixed; top:25px; right:5px;  z-index:999;}
  186. #tumblrcontrols2 a {opacity:1;}
  187. #tumblrcontrols2 a:hover {opacity:1;}
  188.  
  189.  
  190. </style>
  191. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  192.  
  193.  
  194. <link rel="shortcut icon" href="{Favicon}">
  195.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  196.         {block:Description}
  197.   <meta name="description" content="{MetaDescription}" />
  198.         {/block:Description}
  199. </head>
  200.  
  201. <body>
  202.  
  203. <!--- TUDO ---->
  204. <div id="content">
  205.  
  206. <!--- SIDEBEAR --->
  207. <div class="photobar">
  208.  
  209. <div class="desc">{description}</div>
  210. <div class="frase">{text:frase}</div>
  211.  
  212. <div id="links">
  213.  
  214. <a href="{text:Link1}">{text:Link1 Title}</a>
  215. <a href="{text:Link2}">{text:Link2 Title}</a>  
  216. <a href="{text:Link3}">{text:Link3 Title}</a>
  217. <a href="{text:Link4}">{text:Link4 Title}</a>
  218. <a href="{text:Link5}">{text:Link5 Title}</a>
  219. </div>
  220.  
  221. </div>
  222.  
  223. </div></div></div>
  224.  
  225. <div class="cred">
  226. <a href="http://acalentador.tumblr.com" title="Design by acalentador + copyright 2013 ©">Theme by acalentador ©</a></div>
  227.  
  228.  
  229. <!--- CONTEUDO --->
  230. <div id="posts">
  231. <div class="autopagerize_page_element">
  232. {block:Posts}
  233. <div class="post">
  234.  
  235. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}<div class="texto">{Body}</div>{/block:Text}
  236.  
  237. {block:Quote}
  238. <div class="quote"><font class="smbluc"></font>{Quote}”</div>
  239. {block:Source}<div class="sourcequote">{Source}</div>
  240. {/block:Source}
  241. {/block:Quote}
  242.  
  243. {block:Link}
  244. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  245. {block:Description}<div class="texto">{Description}</div>{/block:Description}
  246. {/block:Link}
  247.  
  248. {block:Chat}
  249. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  250. <div class="chat">{block:Lines}
  251. <div class="person{UserNumber}">{block:Label}
  252. <strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}</div>
  253. {/block:Chat}
  254.  
  255. {block:Audio}
  256. <div class="player">{AudioPlayerGrey}</div>
  257. {block:Caption}{Caption}{/block:Caption}
  258. {/block:Audio}
  259.  
  260.  
  261. {block:Photo}{LinkOpenTag}<center><div class="image"><img src="{PhotoURL-500}"></div></center>{LinkCloseTag}{/block:Photo}
  262.  
  263. {block:Photoset}{block:ifDuascolunas}{block:IndexPage}{Photoset-250}{/block:IndexPage}{/block:ifDuascolunas}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{block:ifnotDuascolunas}{block:IndexPage}{Photoset-400}{/block:IndexPage}{/block:ifnotDuascolunas}{/block:Photoset}
  264.  
  265. {block:Video}{block:ifDuascolunas}{block:IndexPage}{Video-250}{/block:IndexPage}{/block:ifDuascolunas}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{block:ifnotDuascolunas}{block:IndexPage}{Video-400}{/block:IndexPage}{/block:ifnotDuascolunas}{/block:Video}
  266.  
  267.  
  268. {block:Answer}
  269. <div class="ask">{Question} — <i>{Asker}</i></div>
  270. <div class="answer">{Answer}</div>
  271. {/block:Answer}
  272.  
  273. {block:Photo}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  274. {block:Video}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  275. {block:Photoset}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  276. <div class="source">
  277. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  278. </div>
  279. {block:Date}
  280. <div class="date">
  281.  
  282. <div><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} / <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a> {/block:NoteCount}
  283.  
  284.  
  285. {block:RebloggedFrom}  <a href="{ReblogRootURL}" title="{ReblogRootTitle}"></a>  <a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}<a href="{ReblogUrl}" target="_blank"> / <strong>reblog</strong></a>
  286. </div></div>
  287.  
  288. {/block:Date}
  289. {block:PostNotes}<div id="notess" style="margin-top:4px;">{PostNotes}</div>{/block:PostNotes}
  290. </div>
  291.  {/block:Posts}</div>
  292. </div>
  293. </div>
  294.  
  295.  
  296.  
  297. <div style="display:none">
  298.  
  299. </div>
  300. </div>
  301.  
  302. </body>
  303.  
  304. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement