fanih

Theme 27

Jan 20th, 2013
904
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.65 KB | None | 0 0
  1. <!---- theme by a-rticulada, base por ir-radiante -->
  2.  
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7.  
  8.  
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  10.  
  11. <meta name="color:bg" content="#ffffff" />
  12. <meta name="color:posttxt" content="#000000" />
  13. <meta name="color:post" content="#ffffff" />
  14. <meta name="image:background" content="" />
  15. <meta name="image:sidebar" content="http://static.tumblr.com/d3dbda4a5a0274b364e4980ad86d7952/i1e3kds/Ub8mguc3u/tumblr_static_tumblr_me7ldayseo1rlqtrvo1_500.jpg" />
  16. <meta name="color:linksmenu" content="#000000" />
  17. <meta name="color:desc" content="#0e0d0d" />
  18.  
  19.  
  20. <meta name="if:Duascolunas" content="1"/>
  21.  
  22. <meta name="text:Link1" content="/" />
  23. <meta name="text:Link1 Title" content="link1" />
  24. <meta name="text:Link2" content="/" />
  25. <meta name="text:Link2 Title" content="link2" />
  26. <meta name="text:Link3" content="/" />
  27. <meta name="text:Link3 Title" content="link3" />
  28. <meta name="text:Link4" content="/" />
  29. <meta name="text:Link4 Title" content="link4" />
  30. <meta name="text:Link5" content="/" />
  31. <meta name="text:Link5 Title" content="link5" />
  32.  
  33. <meta name="text:frase" content="Uma frase aqui ok"/>
  34. <meta name="color:corfrase" content="#696969" />
  35.  
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=Miniver' rel='stylesheet' type='text/css'>
  38.  
  39. <script type="text/javascript"
  40. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  41.  
  42. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  43.  
  44. <script type="text/javascript">
  45. $(window).load(function () {
  46. $('#posts').masonry(),
  47. $('.masonryWrap').infinitescroll({
  48. navSelector : "{block:ifScrollinfinito}#pagination a{/block:ifScrollinfinito}",
  49. // selector for the paged navigation (it will be hidden)
  50. nextSelector : "{block:ifScrollinfinito}#pagination a{/block:ifScrollinfinito}",
  51. // selector for the NEXT link (to page 2)
  52. itemSelector : "{block:ifScrollinfinito}.post{/block:ifScrollinfinito}",
  53. // selector for all items you'll retrieve
  54. bufferPx : 10000,
  55. extraScrollPx: 10,
  56. loadingImg : "",
  57. loadingText : "<em></em>",
  58. },
  59. // call masonry as a callback.
  60. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  61. );
  62. });
  63. </script>
  64.  
  65.  
  66. <link rel="shortcut icon" href="{Favicon}">
  67. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  68.  
  69.  
  70. <title>{Title}</title>
  71.  
  72. <style type="text/css">
  73.  
  74. body {background-color:{color:bg}; font-family: arial; color: {color:posttxt}; background-image:url('{image:bg}'); font-size: 12px; background-position:bottom left; background-attachment:fixed; background-repeat:repeat;}
  75.  
  76. 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;}
  77.  
  78. a:hover {opacity:0.5;}
  79.  
  80. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height: 50px;}
  81.  
  82. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height: 10px;}
  83.  
  84. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:scrollbarbg}; }
  85.  
  86. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:bg}; padding-left: 5px; }
  87.  
  88. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg};}
  89.  
  90. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  91.  
  92. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  93.  
  94.  
  95.  
  96. blockquote img{max-width: 370px!important}
  97.  
  98. blockquote blockquote img{max-width: 350px!important}
  99.  
  100. blockquote blockquote blockquote img{max-width: 330px!important}
  101.  
  102. blockquote blockquote blockquote blockquote img{max-width: 310px!important}
  103.  
  104. #content {}
  105.  
  106. @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');
  107. }
  108.  
  109.  
  110.  
  111.  
  112. #posts {position:relative; {block:ifnotDuascolunas}left:550px;{/block:ifnotDuascolunas}{block:ifDuascolunas}{block:IndexPage}left:450px;{/block:IndexPage}{/block:ifDuascolunas} {block:PermalinkPage}left:180px;{/block:PermalinkPage} top:10px; width:540px; }
  113.  
  114. .post {{block:ifnotDuascolunas}width:500px;{/block:ifnotDuascolunas}{block:ifDuascolunas}{block:IndexPage}width:250px;{/block:IndexPage}{/block:ifDuascolunas} {block:PermalinkPage}width:500px;{/block:PermalinkPage} padding: 3px; text-align: justify; font-family: arial; font-size: 11px; position: relative; color:{color:posttxt}; z-index:100; background-color:{color:post}; position:relative; overflow:hidden; float:left; margin-right:12px; margin-bottom:3px; border:1px solid #e8e8e8;}
  115.  
  116. .post img {max-width:500px; {block:ifDuascolunas}{block:IndexPage}max-width:250px;{/block:IndexPage}{/block:ifDuascolunas}; }
  117. .post img:hover {opacity:1;}
  118.  
  119. .title {font-family:calibri; text-transform:uppercase;}
  120.  
  121. .chat {line-height: 12px; list-style: none; }
  122.  
  123. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  124.  
  125. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  126.  
  127. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  128.  
  129.  
  130. .quote {font-size:11px; text-align:justify; font-family:calibri; position:relative; margin-top:6px; margin-bottom:4px;}
  131.  
  132. .quote small {font-size:12px;}
  133.  
  134.  
  135. .sourcequote {text-align:right; font-size:10px; margin-bottom:10px;}
  136.  
  137. .title {font-size:14px; text-align:center; text-transform: none; margin-top: 10px;}
  138.  
  139. .person1, .person2, .person {padding:3px; }
  140.  
  141. .everthingaboutyou {margin-left: 350px;}
  142.  
  143. .date {font-size:10px; overflow:hidden;font-family:calibri; 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:3px; left:3px; background-color:{color:post}; color:{color:posttxt}; opacity:0; padding:5px; width:484px;{block:ifDuascolunas}{block:IndexPage}width:234px;{/block:IndexPage}{/block:ifDuascolunas}}
  144.  
  145. .post:hover .date {opacity:0.95;}
  146. .date a {color:{color:posttxt}; text-transform:uppercase; opacity:1; font-family:calibri;}
  147. .date a:hover {opacity:1;}
  148.  
  149. .notecount {font-family:verdana;}
  150.  
  151. .tags {margin:3px; margin-left:0px;}
  152.  
  153. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display: none;}
  154.  
  155.  
  156.  
  157. .tags a {padding:2px; margin-top:2px; margin-left:2px; background-color:{color:posttxt}; color:{color:post}; display:inline; float:center;}
  158.  
  159. #notess {margin-left: 0px; width:500px;font-size:7px; text-transform:none; font-family:arial; margin-top:-9px; z-index:9999; text-align:right;}
  160.  
  161. #notess img {display: none; border:0px; height:0px; width:0px; overflow:hidden;}
  162.  
  163. #notess a {color:{color:posttxt};}
  164.  
  165. ol.notes {list-style: none; margin-bottom:1px; padding: 0px; border-top:1px solid {color:bg};}
  166.  
  167. ol.notes li {background-color:{color:post}; border-bottom: 1px solid {color:bg}; padding: 5px; font-size:10px;}
  168.  
  169. #cap {position:relative;}
  170.  
  171. .source {display: none; position:absolute;}
  172.  
  173.  
  174.  
  175. #pagination {color:{color:sidetxt}; position:fixed; bottom:4px; left:721px; font-size:22px;}
  176. #pagination a {color:{color:sidetxt};}
  177.  
  178. #askheere {width:190px; margin-left:40px;padding:10px; opacity:1; text-align:justify; color:#000; background-color:#DCDCDC; border-radius:5px;font-size: 11px; font-family: arial; }
  179. #askheere a {color:#000}
  180.  
  181. #askhere2 {color:{color:text}; font-size: 11px; font-weight: normal; font-family: verdana; padding:10px; opacity:1; text-align:justify; background-color:{color:post}; border-radius:5px;}
  182.  
  183. .askfoto {text-align:center; color:{color:text}; font:11px verdana; text-transform:none;}
  184. .askfoto a{color:{color:text};}
  185. .askfoto img {width:48px; vertical-align:middle; background-color:{color:background}; padding:3px;}
  186. .askfoto:hover {opacity: 0.9;}
  187.  
  188.  
  189.  
  190. #allimage{ float: left; top: 190px; left: 248px; height: auto; width:102px; height: 82px; position: fixed; background-color: none; }
  191.  
  192. #image {margin-top: 5px; margin-bottom: 5px;}
  193. #image img{width: 202px; height: 200px; margin-top: -1px; margin-left: -1; border-radius:100px }
  194.  
  195.  
  196.  
  197. #desc {width:210px; height: 45px; margin-left: 28px; margin-top: 300px; position:fixed; text-align:right; line-height: 12px; font-family: calibri; font-size: 11px; overflow:hidden; color:{color:desc}; background-color: none; padding: 3px 2px;}
  198.  
  199. #titulo {float: left; width: 230px; height:-452px; top: 253px; left: 10px; padding:0px; text-align: right; position: fixed; background: none; }
  200. .titulo {clear: both; margin-top: -3px; background-color: none; padding:0px; letter-spacing: 0px; font-size: 16px; font-family: Miniver; color: {color:corfrase}; text-transform: none; }
  201.  
  202.  
  203.  
  204. #menu {text-align:center; width:259px; margin-top: 282px; margin-left: -28px; position:fixed;}
  205.  
  206. .links { text-align: center; padding:4px; margin-top: -7px; width:274px; margin-left: 25px; background-color:none;}
  207. .links a {text-transform: uppercase; padding: 5px; letter-spacing: 0px; font-family:calibri; font-size: 10px; text-align:center; color:{color:linksmenu}; text-decoration: none; background-color: none; font-weight:normal; }
  208. .links a:hover {text-align: center; font-weight: none; }
  209.  
  210.  
  211. ::-webkit-scrollbar-thumb:vertical {background-color:{color:posttxt}; height:auto;-webkit-box-shadow: inset 0 0 6px {color:posttxt};-webkit-border-radius:1px;}
  212.  
  213. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:posttxt}; height:5px !important;-webkit-box-shadow: inset 0 0 6px {color:posttxt}; -webkit-border-radius:1px;}
  214.  
  215. ::-webkit-scrollbar {height:2px; width:7px; background-color:{color:post}; }
  216.  
  217. ::-webkit-scrollbar-corner {background-color:{color:post};}
  218.  
  219.  
  220. .cred {margin-left:30px; margin-top:20px; padding:5px; text-align: center; z-index:3; position: fixed;}
  221. .cred a {float: left; margin-right: 1px; font-family: Calibri; font-size:10px; margin-bottom:1px; width: 90px; background-color:{color:background}; color:{color:desc}; display: block; letter-spacing: 1px; text-decoration: none; line-height:20px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; }
  222. .cred a:hover{background-color:{color:background} ;color: {color:desc};text-align: center;}
  223.  
  224.  
  225. @font-face { font-family: "ronda"; src: url'http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  226.  
  227.  
  228.  
  229.  
  230. @font-face { font-family: "just realize"; src: url('http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf'); }
  231.  
  232.  
  233.  
  234. div.navigate a{
  235. text-align:center;
  236. font-family:tinytots;
  237. text-transform:uppercase;
  238. letter-spacing:2px;
  239.  
  240. line-height:13px;
  241. color:{color:sidebar text};
  242. background-color:{color:links background};
  243. border:1px solid grey;
  244. border-radius:0px;
  245. padding-right:3px;
  246. padding-left:3px;
  247. margin:1px 2px 4px 1px;
  248. float:center;
  249. width: 30px;
  250. display: inline-block;
  251. -webkit-transition: opacity 0.3s linear;
  252. -webkit-transition: all 0.3s ease-in-out;
  253. -moz-transition: all 0.3s ease-in-out;
  254. -o-transition: all 0.3s ease-in-out;
  255. }
  256.  
  257.  
  258. div.navigate a:hover{
  259. color: grey;
  260. width:65px;
  261. letter-spacing:3px;
  262. background: white;
  263. z-index:2;
  264. }
  265.  
  266.  
  267. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; z-index:99; z-index:19;}
  268.  
  269.  
  270.  
  271. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; }
  272.  
  273. #pagicon{ margin-top: 355px; margin-left: 162px; width: 100px; float: right; background-color: transparent; position: fixed; height: 24px; -webkit-border-radius: 0px 0px 0px 0px; z-index:1000000; opacity:0.9;}
  274.  
  275. #confpag {font-size: 10px; font-family: calibri; line-height: 24px;}
  276. #confpag a {font-size: 10px; font-family: calibri; background: transparent; margin: 0 1px 0 0; padding: 2px 2px; color: {color:desc}; text-decoration: none;}
  277. #confpag a:hover {font-size: 10px; font-family: calibri; background: transparent; border: none;}
  278. #confpag span.pagina_atual {background: {color:background}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:desc}; text-decoration: none; font-weight: bold;}
  279.  
  280. </style>
  281.  
  282.  
  283. </head>
  284.  
  285. <body>
  286.  
  287. <div class="cred">
  288. <a href="http://a-rticulada.tumblr.com"> THEME</a></div>
  289. <div id="pagicon"><div id="confpag"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"alt="" title="Previous">«back</a>/{/block:PreviousPage}{/block:Pagination}
  290.  
  291. {block:JumpPagination length="0"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:Pagination}{block:NextPage}<a href="{NextPage}"alt="" title="Next">next»</a>{/block:NextPage}{/block:Pagination}</div></div>
  292.  
  293.  
  294. <div id="desc">{block:Description}{Description}{/block:Description}
  295. </div></div>
  296. <div id="titulo"><div class="titulo">{text:frase}</div></div>
  297.  
  298.  
  299. <div id="allimage"><div id="image">
  300. <img src="{image:sidebar}"/></div></div>
  301.  
  302.  
  303. <div id="menu">
  304. <div class="links">
  305. <a href="{text:Link1}">{text:Link1 Title}</a>
  306. <a href="{text:Link2}">{text:Link2 Title}</a>
  307. <a href="{text:Link3}">{text:Link3 Title}</a>
  308. <a href="{text:Link4}">{text:Link4 Title}</a>
  309. <a href="{text:Link5}">{text:Link5 Title}</a>
  310. </a></div></div>
  311.  
  312. <div id="posts">
  313. {block:Posts}
  314. <div class="post">
  315. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  316. {block:Quote}
  317. <div class="quote"><font class="smbluc">“</font>{Quote}”</div>
  318. {block:Source}<div class="sourcequote">— {Source}</div>
  319. {/block:Source}
  320. {/block:Quote}
  321. {block:Link}
  322. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  323. {block:Description}{Description}{/block:Description}
  324. {/block:Link}
  325. {block:Chat}
  326. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  327. <div class="chat">{block:Lines}
  328. <div class="person{UserNumber}">{block:Label}
  329. <strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}</div>
  330. {/block:Chat}
  331. {block:Audio}
  332. <div class="player">{AudioPlayerBlack}</div>
  333. {block:Caption}{Caption}{/block:Caption}
  334. {/block:Audio}
  335.  
  336.  
  337. {block:Photo}{LinkOpenTag}<div class="image"><img src="{block:ifDuascolunas}{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{/block:ifDuascolunas}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}{block:ifnotDuascolunas}{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{/block:ifnotDuascolunas}"></div>{LinkCloseTag}{/block:Photo}
  338. {block:Photoset}{block:ifDuascolunas}{block:IndexPage}{Photoset-250}{/block:IndexPage}{/block:ifDuascolunas}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:ifnotDuascolunas}{block:IndexPage}{Photoset-500}{/block:IndexPage}{/block:ifnotDuascolunas}{/block:Photoset}
  339. {block:Video}{block:ifDuascolunas}{block:IndexPage}{Video-250}{/block:IndexPage}{/block:ifDuascolunas}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:ifnotDuascolunas}{block:IndexPage}{Video-500}{/block:IndexPage}{/block:ifnotDuascolunas}{/block:Video}
  340.  
  341.  
  342. {block:Answer}
  343. <img src="{AskerPortraitURL-48}" align="left" class="askfoto">
  344. <div id="askheere">
  345. <strong>{Asker}</strong> asked: {Question}<br /></div>
  346. <div class="askshere2"> {Answer}
  347. </div>{/block:Answer}
  348.  
  349.  
  350. {block:Photo}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  351. {block:Video}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  352. {block:Photoset}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  353. <div class="source">
  354. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  355. </div>
  356.  
  357.  
  358. {block:Date}
  359. <div class="date">
  360.  
  361. <div><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} · <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a> {/block:NoteCount}
  362.  
  363.  
  364. {block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> · <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}<a href="{ReblogUrl}" target="_blank"> · <strong>reblog</strong></a>
  365.  
  366.  
  367. {block:IfMostrartags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}"><strong>#</strong>{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfMostrartags}
  368. </div></div>
  369.  
  370. {/block:Date}
  371. {block:PostNotes}<div id="notess" style="margin-top:4px;">{PostNotes}</div>{/block:PostNotes}
  372. </div>
  373. {/block:Posts}
  374. </div>
  375.  
  376.  
  377. </div>
  378.  
  379.  
  380.  
  381. <div style="display:none">
  382.  
  383.  
  384.  
  385.  
  386. </div>
  387. </div>
  388. </body>
  389.  
  390. </html>
Advertisement
Add Comment
Please, Sign In to add comment