API tools faq
paste
fanih

Theme 13

fanih
Nov 17th, 2012
457
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.09 KB | None | 0 0
raw download clone embed print report
  1. <!---- theme por A-RTICULADA.tumblr.com (Fanih)
  2. base por intercalado.tumblr.com -->
  3.  
  4.  
  5.  
  6. <html>
  7. <head>
  8.  
  9. <!-- DEFAULT VARIABLES -->
  10.  
  11. <meta name="font:text" content="geneva" />
  12. <meta name="color:bg" content="#111111" />
  13.  
  14. <meta name="color:postbg" content="#000000" />
  15. <meta name="color:posttxt" content="#ffffff" />
  16. <meta name="color:desc" content="#fff" />
  17. <meta name="color:allsidebar" content="#000" />
  18. <meta name="color:linksmenu" content="#e9e9e9" />
  19. <meta name="color:corfrase" content="#e9e9e9" />
  20. <meta name="color:bglinks" content="#000" />
  21. <meta name="color:borders" content="#eeeeee" />
  22. <meta name="image:bg" content="http://static.tumblr.com/i1e3kds/lujmdifn0/chicago-city.jpg" />
  23. <meta name="if:Mostrar tags" content="1"/>
  24. <meta name="if:Duascolunas" content="1"/>
  25. <meta name="if:Posthover" content="0"/>
  26.  
  27. <meta name="image:sidebar"/>
  28.  
  29. <meta name="text:frase" content="Uma frase aqui"/>
  30.  
  31. <meta name="text:Link1" content="/" />
  32. <meta name="text:Link1 Title" content="link1" />
  33. <meta name="text:Link2" content="/" />
  34. <meta name="text:Link2 Title" content="link2" />
  35. <meta name="text:Link3" content="/" />
  36. <meta name="text:Link3 Title" content="link3" />
  37. <meta name="text:Link4" content="/" />
  38. <meta name="text:Link4 Title" content="link4" />
  39. <meta name="text:Link5" content="/" />
  40. <meta name="text:Link5 Title" content="link5" />
  41. <meta name="text:Link6" content="/" />
  42. <meta name="text:Link6 Title" content="link6" />
  43.  
  44.  
  45. <link rel="shortcut icon" href="{Favicon}" />
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Norican' rel='stylesheet' type='text/css'>
  48.  
  49. <title>{Title}</title>
  50.  
  51. <style type="text/css">
  52.  
  53. body {background-color:{color:bg}; font-family: {font:text}; color: {color:posttxt}; background-image:url('{image:bg}'); font-size: 12px; background-position:bottom left; background-attachment:fixed;}
  54.  
  55. 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;}
  56.  
  57. a:hover {opacity:0.5;}
  58.  
  59.  
  60. #content {}
  61.  
  62.  
  63. #posts {position:relative; left:360px; top:0px; max-width:546px; border-top:0px solid transparent; z-index:2; {block:ifnotDuascolunas}left:510px;{/block:ifnotDuascolunas} {block:ifDuascolunas}{block:PermalinkPage}left:510px;{/block:PermalinkPage}{/block:ifDuascolunas}; opacity:0.85}
  64.  
  65. .post {{block:ifnotDuascolunas}width:500px;{/block:ifnotDuascolunas}{block:ifDuascolunas}{block:IndexPage}width:250px;{/block:IndexPage}{/block:ifDuascolunas} {block:PermalinkPage}width:500px;{/block:PermalinkPage} padding: 10px; text-align: justify; font-family: {font:text}; font-size: 11px; position: relative; color:{color:posttxt}; z-index:100; background-color:{color:postbg}; position:relative; overflow:hidden; float:left; margin-right:3px; margin-bottom:3px; }
  66.  
  67. .post img {max-width:500px; {block:ifDuascolunas}{block:IndexPage}max-width:400px;{/block:IndexPage}{/block:ifDuascolunas};}
  68. .post img:hover {opacity:1;}
  69.  
  70. .title {font-family:calibri; text-transform:uppercase;}
  71.  
  72. .chat {line-height: 12px; list-style: none; }
  73.  
  74. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  75.  
  76. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  77.  
  78. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  79.  
  80.  
  81. .quote {font-size:15px; text-align:center; font-family:calibri; position:relative;}
  82.  
  83. .quote small {font-size:14px;}
  84.  
  85.  
  86. .sourcequote {text-align:right;}
  87.  
  88. .title {font-size:16px; text-align:center; font-weight:bold;}
  89.  
  90. .person1, .person2, .person {padding:3px;}
  91. {block:ifPosthover}
  92. .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:10px; left:10px; background-color:{color:postbg}; color:{color:posttxt}; opacity:0; padding:5px; width:484px;{block:ifDuascolunas}{block:IndexPage}width:384px;{/block:IndexPage}{/block:ifDuascolunas}}
  93. {block:ifPosthover}
  94. {block:ifnotPosthover}
  95. .date {font-size:10px; overflow:hidden;font-family:calibri; text-align:center; opacity:0.6; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; margin-top:3px;}
  96. {block:ifnotPosthover}
  97. .post:hover .date {opacity:0.95;}
  98.  
  99. .date a {color:{color:posttxt}; text-transform:uppercase; opacity:1; font-family:calibri;}
  100. .date a:hover {opacity:1;}
  101.  
  102. .notecount {font-family:verdana;}
  103.  
  104. .tags {margin:3px; margin-left:0px;}
  105.  
  106.  
  107.  
  108.  
  109. .tags a { color:{color:posttxt}; float:center;}
  110.  
  111. #notess {margin-left: 0px; width:500px;font-size:7px; text-transform:none; font-family:{font:text}; margin-top:-9px; z-index:9999; text-align:right;}
  112.  
  113. #notess img {display: none; border:0px; height:0px; width:0px; overflow:hidden;}
  114.  
  115. #notess a {color:{color:posttxt};}
  116.  
  117. ol.notes {list-style: none; margin-bottom:1px; padding: 0px; border-top:1px solid {color:bg};}
  118.  
  119. ol.notes li {background-color:{color:postbg}; border-bottom: 1px solid {color:bg}; padding: 5px; font-size:10px;}
  120.  
  121. #cap {position:relative;}
  122.  
  123. .source {display: none; position:absolute;}
  124.  
  125.  
  126. #askheere {width:200px; margin-left:40px;padding:10px; opacity:1; text-align:justify; color:#000; background-color:#DCDCDC; border-radius:5px;font-size: 11px; font-family: verdana; }
  127. #askheere a {color:#000}
  128.  
  129. #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;}
  130.  
  131. .askfoto {text-align:center; color:{color:text}; font:11px verdana; text-transform:none;}
  132. .askfoto a{color:{color:text};}
  133. .askfoto img {width:48px; vertical-align:middle; background-color:{color:background}; padding:3px;}
  134. .askfoto:hover {opacity: 0.9;}
  135.  
  136.  
  137. #allimage{ float: left; top: 100px; left: 145px; height: auto; width:102px; height: 82px; position: fixed; background-color: none; }
  138.  
  139. #image {margin-top: 5px; margin-bottom: 5px;}
  140. #image img{width: 198px; height: 300px; margin-top: -1px; margin-left: -1;border: 3px solid #DCDCDC; opacity:0.6}
  141.  
  142. #desc {width:209px; height: 65px; margin-left: 130px; margin-top: 436px; position:fixed; text-align:center; line-height: 16px; font-family: calibri; font-size: 10px; overflow:hidden; color:{color:desc}; background-color: none; border-bottom:1px dotted {color:corfrase}; border-top:1px dotted {color:corfrase}; padding:3px; opacity:0.9}
  143.  
  144. #coluna {position: fixed; margin-left: 124px; width: 222px;box-shadow: 0px 0px 9px {color:corfrase}; height: 1080px; background-color:{color:allsidebar}; margin-top: -50px;-webkit-transform: rotate(0deg); -webkit-transform: rotate(180deg);opacity:0.6; border:3px double {color:corfrase}}
  145.  
  146. #titulo {float: left; width: 200px; height:90px; top: 40px; left: 145px; padding:px; text-align: center; position: fixed; background: none; opacity:0.6}
  147. .titulo {clear: both; margin-top: -3px; background-color: none; padding: 3px; letter-spacing: 0px; font-size: 22px; font-family: Norican; color: {color:corfrase}; text-transform: none; border-bottom: 1px solid; border-top: 1px solid;}
  148.  
  149.  
  150. #menu {float: left; width: 300px; height:56px; top: 343px; left: 76px; text-align: center; position: fixed; background: none;}
  151.  
  152.  
  153.  
  154. .links {margin-left:65px; margin-top:190px; padding: 0px; text-align: center; z-index:3; position: absolute;float: left;clear: both; }
  155. .links a {float: left; margin-right: 1px; font-family: Calibri; font-size:9px; margin-bottom:1px; width:207px; background-color: {color:bglinks}; color:{color:linksmenu}; display: block; letter-spacing: 1px; text-decoration: none; text-transform:uppercase; line-height:20px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  156. .links a:hover{ background-color: {color:nada}; color: {color:nada};text-align: center; -webkit-box-shadow:inset 0 0 55px 0px #fff, 0 0 55px 33px #fff; }
  157.  
  158. .links2 {margin-left:-70px; margin-top:400px; padding: 0px; text-align: center; z-index:3; position: absolute;}
  159. .links2 a {float: left; margin-right: 1px; font-family: Calibri; font-size:11px; margin-bottom:1px; width: 97px; background-color:#000; color:#fff; display: block; letter-spacing: 1px; text-decoration: none; text-transform:uppercase; line-height:20px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; opacity:0.6}
  160. .links2 a:hover{background-color:#696969 ;color: #fff;text-align: center; opacity:0.6}
  161.  
  162.  
  163. #pagicon{ margin-top: 70px; margin-left: 120px; width: 100px; float: right; background-color: transparent; position: fixed; height: 24px; -webkit-border-radius: 0px 0px 0px 0px; z-index:1000000; opacity:0.9;}
  164.  
  165. #confpag {font-size: 40px; font-family: calibri; line-height: 24px;}
  166. #confpag a {font-size: 40px; font-family: calibri; background: transparent; margin: 0 1px 0 0; padding: 2px 2px; color: {color:desc}; text-decoration: none;}
  167. #confpag a:hover {font-size: 40px; font-family: calibri; background: transparent; border: none;}
  168. #confpag span.pagina_atual {background: {color:background}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:desc}; text-decoration: none; font-weight: bold;}
  169.  
  170.  
  171. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Text}; height:auto;-webkit-box-shadow: inset 0 0 6px {color:Text};-webkit-border-radius:1px;}
  172.  
  173. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:Text}; height:5px !important;-webkit-box-shadow: inset 0 0 6px {color:Text}; -webkit-border-radius:1px;}
  174.  
  175. ::-webkit-scrollbar {height:2px; width:7px; background-color:{color:post}; }
  176.  
  177. ::-webkit-scrollbar-corner {background-color:{color:post};}
  178.  
  179.  
  180. </style>
  181.  
  182.  
  183.  
  184. <script type="text/javascript"
  185. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  186.  
  187. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  188.  
  189.  
  190. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  191.  
  192. <script type="text/javascript">
  193. $(window).load(function () {
  194. $('#posts').masonry(),
  195. $('.masonryWrap').infinitescroll({
  196. navSelector : "{block:ifScrollinfinito}#pagination a{/block:ifScrollinfinito}",
  197. // selector for the paged navigation (it will be hidden)
  198. nextSelector : "{block:ifScrollinfinito}#pagination a{/block:ifScrollinfinito}",
  199. // selector for the NEXT link (to page 2)
  200. itemSelector : "{block:ifScrollinfinito}.post{/block:ifScrollinfinito}",
  201. // selector for all items you'll retrieve
  202. bufferPx : 10000,
  203. extraScrollPx: 10,
  204. loadingImg : "",
  205. loadingText : "",
  206. },
  207. // call masonry as a callback.
  208. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  209. );
  210. });
  211. </script>
  212.  
  213.  
  214.  
  215.  
  216. </head>
  217.  
  218. <body>
  219.  
  220.  
  221.  
  222. <div id="coluna"> </div>
  223. <div id="allimage"><div id="image">
  224. <img src="{image:sidebar}"/></div>
  225. </div></div>
  226.  
  227. <div id="desc">{block:Description}{Description}{/block:Description}
  228. </div></div>
  229.  
  230.  
  231.  
  232. <div id="titulo"><div class="titulo">{text:frase}</div>
  233.  
  234. <div id="menu">
  235. <div class="links">
  236. <a href="{text:Link1}">{text:Link1 Title}</a>
  237. <a href="{text:Link2}">{text:Link2 Title}</a>
  238. <a href="{text:Link3}">{text:Link3 Title}</a>
  239. <a href="{text:Link4}">{text:Link4 Title}</a>
  240. <a href="{text:Link5}">{text:Link5 Title}</a>
  241. <a href="{text:Link6}">{text:Link6 Title}</a>
  242. </a></div>
  243.  
  244. <div class="links2">
  245. <a href="http://a-rticulada.tumblr.com"> © A-RTICULADA
  246. </a></div>
  247.  
  248. <font color= #000>
  249. <div id="pagicon"><div id="confpag"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"alt="" title="Previous">«</a>{/block:PreviousPage}{/block:Pagination}
  250.  
  251. {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">»</a>{/block:NextPage}{/block:Pagination}</div></div>
  252.  
  253. </div>
  254.  
  255. </div>
  256. <div id="posts">
  257. {block:Posts}
  258. <div class="post">
  259. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  260. {block:Quote}
  261. <div class="quote"><font class="smbluc">“</font>{Quote}”</div>
  262. {block:Source}<div class="sourcequote">{Source}</div>
  263. {/block:Source}
  264. {/block:Quote}
  265. {block:Link}
  266. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  267. {block:Description}{Description}{/block:Description}
  268. {/block:Link}
  269. {block:Chat}
  270. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  271. <div class="chat">{block:Lines}
  272. <div class="person{UserNumber}">{block:Label}
  273. <strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}</div>
  274. {/block:Chat}
  275. {block:Audio}
  276. <div class="player">{AudioPlayerBlack}</div>
  277. {block:Caption}{Caption}{/block:Caption}
  278. {/block:Audio}
  279.  
  280.  
  281. {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}
  282. {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}
  283. {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}
  284.  
  285.  
  286. {block:Answer}
  287. <img src="{AskerPortraitURL-48}" align="left" class="askfoto">
  288. <div id="askheere">
  289. <strong>{Asker}</strong> asked: {Question}<br /></div>
  290. <div class="askshere2"> {Answer}
  291. </div>{/block:Answer}
  292.  
  293.  
  294. {block:Photo}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  295. {block:Video}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  296. {block:Photoset}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  297. <div class="source">
  298. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  299. </div>
  300. {block:Date}
  301. <div class="date">
  302.  
  303. <div><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} · <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a> {/block:NoteCount}
  304.  
  305.  
  306. {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>
  307.  
  308.  
  309. {block:IfMostrartags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}"><strong>#</strong>{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfMostrartags}
  310. </div></div>
  311.  
  312. {/block:Date}
  313. {block:PostNotes}<div id="notess" style="margin-top:4px;">{PostNotes}</div>{/block:PostNotes}
  314. </div>
  315. {/block:Posts}
  316. </div>
  317. </div>
  318.  
  319.  
  320.  
  321. <div style="display:none">
  322.  
  323.  
  324.  
  325. </div>
  326. </div>
  327. </body>
  328.  
  329. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!