API tools faq
paste
Advertisement
tannyoliveira

theme 03

tannyoliveira
Mar 28th, 2013
213
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.52 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2. <title>{title}</title><link rel="shortcut icon" href="{Favicon}">
  3.  
  4.  
  5.  
  6.  
  7. <!--THEME BY ARROMBADA, BASE TITANIOS E CONJUNTAR.-->
  8.  
  9.  
  10.  
  11. <!------ APPEARENCE ------>
  12. <meta name="color:background" content="#fff"/>
  13.  
  14. <meta name="color:letras" content="#222"/>
  15. <meta name="color:links" content="#222"/>
  16. <meta name="color:detalhes" content="#eee"/>
  17. <meta name="image:background"
  18.  
  19. content="http://static.tumblr.com/zvqacv0/dmIm9s9ot/bg5.png"/>
  20. <meta name="if:backgroundcaixa" content="1"/>
  21. <meta name="color:chat1" content="#FF6A6A"/>
  22. <meta name="color:chat2" content="#eee"/>
  23. <meta name="color:chatcolor" content="#000"/>
  24. <meta name="color:negrito" content="#9AB0A8"/>
  25.  
  26.  
  27.  
  28. <meta name="image:sidebar" content="" />
  29.  
  30. <meta name="text:titulo" content="Descrição não muito grande e nem muito pequena,
  31.  
  32. fica feio demais, deixe 2 linhas." />
  33.  
  34. <meta name="if:infinite scroll" content="1"/>
  35. <meta name="text:Link1" content="link" />
  36. <meta name="text:Link1 Title" content="link1" />
  37. <meta name="text:Link2" content="Link" />
  38. <meta name="text:Link2 Title" content="link2" />
  39. <meta name="text:Link3" content="link" />
  40. <meta name="text:Link3 Title" content="link3" />
  41. <meta name="text:Link4" content="Link" />
  42. <meta name="text:Link4 Title" content="link4" />
  43. <meta name="text:Link5" content="link" />
  44. <meta name="text:Link5 Title" content="link5" />
  45. <meta name="text:Link6" content="link" />
  46. <meta name="text:Link6 Title" content="link6" />
  47.  
  48.  
  49. <meta name="text:Tamanho da fonte" content="11px"/>
  50. <meta name="if:2Colunas" content="1"/>
  51. <meta name="if:3Colunas" content="0"/>
  52.  
  53. <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC'
  54.  
  55. rel='stylesheet' type='text/css'>
  56.  
  57. <script type="text/javascript">
  58. var rector=3
  59. var stopit=0
  60. var a=1
  61.  
  62. function init(which){
  63. stopit=0
  64. shake=which
  65. shake.style.left=0
  66. shake.style.top=0
  67. }
  68.  
  69. function rattleimage(){
  70. if ((!document.all&&!document.getElementById)||stopit==1)
  71. return
  72. if (a==1){
  73. shake.style.top=parseInt(shake.style.top)+rector+"px"
  74. }
  75. else if (a==2){
  76. shake.style.left=parseInt(shake.style.left)+rector+"px"
  77. }
  78. else if (a==3){
  79. shake.style.top=parseInt(shake.style.top)-rector+"px"
  80. }
  81. else{
  82. shake.style.left=parseInt(shake.style.left)-rector+"px"
  83. }
  84. if (a<4)
  85. a++
  86. else
  87. a=1
  88. setTimeout("rattleimage()",50)
  89. }
  90.  
  91. function stoprattle(which){
  92. stopit=1
  93. which.style.left=0
  94. which.style.top=0
  95. }
  96. </script>
  97.  
  98.  
  99. <script type="text/javascript"
  100.  
  101. src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  102.  
  103. <style type="text/css">
  104.  
  105.  
  106. body {background:{color:background} Url('{image:background}'); color: {color:letras};
  107.  
  108. background-attachment: fixed; background-size: 100% 100%; background-repeat: no-
  109.  
  110. repeat; font-family:cambria; font-size: {text:Tamanho da fonte}; line-height: 15px;
  111.  
  112. overflow-x:hidden; height:100%; text-align: justify;}
  113.  
  114.  
  115. p {padding: 0px; margin: 0 0 8px 0; line-height: 17px; text-align: justify;}
  116. .musica {padding: 5px; margin-bottom:1px; background: #e4e4e4;}
  117. a {color:{color:links}; text-decoration:none;}
  118.  
  119.  
  120. #page {width: 935px; margin: 20px auto 20px auto;}
  121. #side {text-align:center}
  122. #main {overflow: hidden;{block:IndexPage}
  123. {block:If2Colunas}margin-left:50px; width:711px; position:relative;
  124.  
  125. {/block:If2Colunas}
  126. {block:If3Colunas}margin-left:-50px; width:960px; position:relative;
  127.  
  128. {/block:If3Colunas}{/block:IndexPage}
  129. {block:PermalinkPage}margin-left:50px; width: 690px;{/block:PermalinkPage}}
  130.  
  131. .box {float: right; margin-bottom: 20px; margin-top: 12px; position:relative;
  132.  
  133. {block:IndexPage}{block:If2Colunas}width: 538px;{/block:If2Colunas}{block:If3Colunas}
  134.  
  135. width: 810px;{/block:If3Colunas}{/block:IndexPage}{block:PermalinkPage}width: 508px;
  136.  
  137. margin-top: 15px;{/block:PermalinkPage}}
  138. .boxx {position:relative; padding: 4px; margin-bottom:9px; margin-left:5px;
  139. {block:Ifbackgroundcaixa}background: rgba(255,255,255,0.5);
  140.  
  141. {/block:Ifbackgroundcaixa}{block:IndexPage}{block:If2Colunas}width: 252px;
  142.  
  143. margin:4px; float:left;{/block:If2Colunas} {block:If3Colunas}width: 252px; margin-
  144.  
  145. left:4px; float:left;{/block:If3Colunas}{/block:IndexPage}{block:PermalinkPage}width:
  146.  
  147. 500px;{/block:PermalinkPage}}
  148. {Favicon}
  149.  
  150. #simg {
  151. position: relative;
  152. margin-left:20px;
  153. margin-top: 20px;}
  154.  
  155. #simg img{
  156. width: 160px;
  157. height: 160px;
  158. border-radius: 100px;
  159. -webkit-transition: all 0.7s ease;
  160. -moz-transition: all 0.7s ease;
  161. -o-transition: all 0.7s ease;}
  162.  
  163. .shakeht { position:relative}
  164.  
  165. /* Chat (Cerejadosundea) */
  166. .chat { font-size:10px; font-family: calibri;text-align:left;}
  167. .chat .chat1 {margin-left: 0px;}
  168. .chat .chat1 .chat2 {background: {color:chat1}; color:{color:chatcolor};
  169. margin-bottom: 1px; padding: 4px 5px 5px 5px;} /* Primeira linha */
  170. .chat .chat1 .chat2.even {background: {color:chat2};
  171. color: {color:chatcolor};} /* Segunda linha */
  172. .chat .chat1 .chat2 span{font-weight: bold;}
  173.  
  174. /* QUOTE (sweet-help) */
  175. .quote {font: normal 12px 'cambria'; text-align: justify; margin-left: 5px; margin-
  176.  
  177. top:10px;margin-bottom:15px;}
  178. .aspa {font-size: 80px; font-family: Georgia; text-align: left; float: left; line-
  179.  
  180. height: 75px; z-index: -999; opacity:0.45; -moz-opacity: 0.45; filter: alpha
  181.  
  182. (opacity=45); margin-right: -40px;}
  183.  
  184. .qsource {text-align:right;;padding: 2px;; text-transform: uppercase; font-
  185.  
  186. size:10px;font-family:calibri;font-weight:bold;}
  187. .source{color:#FF7F00; text-align: center; margin-top: 1px; padding-top: 1px;}
  188. .titulo {color:#FF7F00; padding:-1px; font-size: 16px; display:block; text-
  189.  
  190. align:center; font-family:'georgia'; font-style:italic;}
  191. P.cit:first-letter {font-family: "georgia"; font-style:italic; font-size: 16px;}
  192. .t1 {font-family:'lk'; text-align:center; font-size:50px; line-height:9px;
  193.  
  194. cursor:auto; display:inline-block; margin-top:20px;}
  195. .tt {text-align:center; font-family: "lk"; font-size:35px; padding-top: 2px; line-
  196.  
  197. height: 16px; margin-top: 10px; }
  198. @font-face {font-family: "lk"; src: url
  199.  
  200. ('http://static.tumblr.com/qzpui9z/dKFmegsm3/lk.ttf');}
  201. .t2{width:500px; text-align:justify}
  202.  
  203.  
  204. .extr {text-align:right; padding:5px; padding-right:1px; margin-top:-5px; margin-
  205.  
  206. bottom: -3px; display:block;}
  207. ol.notes{margin:0;padding:0;list-style:none;}
  208. ol.notes li{margin:2px 3px 1px 1px; padding:2px; list-style:none;}
  209. ol.notes li.note img.avatar {display: inline; width: 10px}
  210.  
  211. iframe#tumblr_controls {position: fixed !important;}
  212.  
  213.  
  214.  
  215. .per {position:relative; padding: 3px 7px; margin:0; -moz-border-radius:10px; -
  216.  
  217. webkit-border-radius:10px; border-radius:10px; background:{color:detalhes};
  218.  
  219. clear:both;}
  220.  
  221. .autor {position:absolute; bottom:-20px; left:45px;}
  222.  
  223. .fe {display:block; position:absolute; bottom:-15px; left:20px; width:0; border-
  224.  
  225. width:15px 15px 0; border-style:solid; border-color: {color:detalhes}
  226.  
  227. transparent;}.autor {position:absolute; bottom:-20px; left:45px;}
  228. .reb {width: 24px;height: 20px;overflow: hidden;position: relative; z-index:
  229.  
  230. 999;position: absolute; margin-left: 25px;}
  231.  
  232.  
  233. .reb {width: 24px;height: 20px;overflow: hidden;position: relative; z-index:
  234.  
  235. 999;position: absolute; margin-left: 25px;}
  236. .reb img{width: 24px;height: 20px;line-height: 30px;display: inline;}
  237.  
  238. .likep {width: 21px;height: 20px;overflow: hidden;position: relative;z-index:
  239.  
  240. 9999999; position: absolute;}
  241. .likep a:hover {background-position: 0px 0px;}
  242. .likep a {background-image: url
  243.  
  244. ("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");background-position: 0px
  245.  
  246. 0px;display: block;z-index: 9999999;webkit-transition: all 0s linear;-webkit-
  247.  
  248. transition: all 0s linear;-moz-transition: all 0s linear;transition: all 0s linear;}
  249. .likep img {width: 21px;height: 20px;webkit-transition: all 0.2s linear;
  250. -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all
  251.  
  252. 0.2s linear;}
  253. #likeiframe {display: none}
  254.  
  255. .nts {position: absolute; background: url
  256.  
  257. ("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");height: 20px;font-size:
  258.  
  259. 11px;line-height: 20px;color: #fff;position: absolute; margin-left: 53px;padding-
  260.  
  261. left: 4px;padding-right: 4px;-moz-border-radius: 2px;border-radius: 2px;}
  262. .nts a{color: #fff;font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
  263.  
  264.  
  265. .boxx .hvr {opacity: 0.0;filter: alpha(opacity = 0); width: 250px; font-size:
  266.  
  267. 9px;position:absolute; top: -5px;text-align: center;z-index:9999991;-webkit-
  268.  
  269. transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
  270.  
  271. transition: all 1s ease; float:right}
  272. .boxx:hover .hvr {opacity: 1; top:8px; -webkit-transition: all 1s ease; -moz-
  273.  
  274. transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  275.  
  276. .to {font-family:georgia; text-align: center; font-style: italic;text-
  277.  
  278. transform:lowercase; font-size:20px; margin-top:3px; margin-left:40px;margin-
  279.  
  280. bottom:70px;}
  281. .to a{text-transform:lowercase}
  282.  
  283.  
  284. #baselinks {opacity:0.5; position:relative; margin-top:-300px; text-align:center;
  285.  
  286. margin-left:250px;margin-bottom:100px;}
  287. #baselinks a {color:#000000;display:block;-webkit-transition:all 0.5s ease-out; -
  288.  
  289. moz-transition:all 0.5s ease-out; transition:all 0.2s ease-out;}
  290. #baselinks a:hover {color:#FF7F00; opacity:0.5;}
  291.  
  292. a.m1 {font:30px/40px Coustard, georgia, times new roman, serif;letter-spacing:-
  293.  
  294. 2px;margin:0px 50px;}
  295. a.m2 {font:italic 30px/60px georgia, times new roman, serif;margin-top:-4px;}
  296. a.m3 {font: 35px/30px trebuchet ms, arial, sans-serif;letter-spacing:-2px;margin-
  297.  
  298. top:-15px;margin-left:-5px;}
  299.  
  300. a.m4 {font:bold italic 30px/25px times new roman, georgia, serif;margin-
  301.  
  302. left:15px;letter-spacing:-1px;}
  303.  
  304. #titulo2 {font-size:12px; font-style: italic; text-align:center; font-family:calibri;
  305.  
  306. color:#000000; padding: 5px; width:340px; padding-bottom: 2px; padding-top: 2px;
  307.  
  308. height: 16px; letter-spacing:1px; margin-top: -65px; line-height:15px;
  309.  
  310. position:relative; margin-left:305px; background-color: transparent; text-transform:
  311.  
  312. lowercase;margin-bottom:120px; }
  313.  
  314.  
  315.  
  316. </style><body>
  317.  
  318.  
  319.  
  320.  
  321. <div id="page"><div id="side"><div style="padding:10px;"><div>
  322. <div id="simg"><img src="{image:sidebar}"" alt="{PhotoAlt}" width="200"
  323.  
  324. class="shakeht" onMouseover="init(this);rattleimage()" onMouseout="stoprattle
  325.  
  326. (this);top.focus()" onClick="top.focus()" /></div>
  327.  
  328. <div class="to">{text:titulo}</div>
  329. <div id="titulo2">{description}</div>
  330.  
  331.  
  332. <div id="baselinks">
  333. <br><a href="{text:Link1}"><div class="nav">{text:Link1 Title}</div></a>
  334.  
  335. {/block:ifLink1}{block:ifLink2}<a href="{text:Link2}"><div class="nav">{text:Link2
  336.  
  337. Title}</div></a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link3}"><div
  338.  
  339. class="nav">{text:Link3 Title}</div></a>{/block:ifLink3}{block:ifLink4}<a
  340.  
  341. href="{text:Link4}"><div class="nav">{text:Link4 Title}</div></a>{/block:ifLink4}
  342.  
  343. {block:ifLink5}<a href="{text:Link5}"><div class="nav">{text:Link5 Title}</div></a>
  344.  
  345. {/block:ifLink5}{block:ifLink6}<a href="{text:Link6}"><div class="nav">{text:Link6
  346.  
  347. Title}</div></a>{/block:ifLink6}<a href="http://arrombad-a.tumblr.com/"><div
  348.  
  349. class="nav">theme</div></a>
  350.  
  351. </div>
  352.  
  353.  
  354.  
  355. <div id="main"><div class="box">{block:Posts}<div class="boxx">
  356. {block:IndexPage}<div class="hvr"><div class="likep"><a id="like{PostID}"
  357.  
  358. href="javascript:likelink('{PostID}','{Permalink}','');"><img
  359.  
  360. src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20"
  361.  
  362. alt="Like this post" id="likeimage{PostID}"/></a></div>
  363. <div class="reb"><a href="{reblogurl}" target="_blank"><img
  364.  
  365. src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  366. <div class="nts"><a id="notes{PostID}" href="{Permalink}">{NoteCount}
  367.  
  368. </a></div></div>{/block:IndexPage}
  369.  
  370. {block:Quote}<div class="quote"><p class=cit>{Quote}</div>
  371. <div class="source">{Source}</div>{/block:Quote}
  372.  
  373. {block:Photo}
  374. {block:IndexPage}{block:If2Colunas}<div class="foto"><img src="{PhotoURL-
  375.  
  376. 250}"></div>{/block:If2Colunas}{/block:IndexPage}
  377. {block:IndexPage}{block:If3Colunas}<div class="foto"><img src="{PhotoURL-
  378.  
  379. 250}"></div>{/block:If3Colunas}{/block:IndexPage}
  380. {block:PermalinkPage}<div class="foto"><img src="{PhotoURL-500}"></div>
  381.  
  382. {/block:PermalinkPage}{/block:Photo}
  383.  
  384. {block:Photoset}
  385. {block:IndexPage}{block:If2Colunas}<div class="foto">{Photoset-250}</div>
  386.  
  387. {/block:If2Colunas}{/block:IndexPage}
  388. {block:IndexPage}{block:If3Colunas}<div class="foto">{Photoset-250}</div>
  389.  
  390. {/block:If3Colunas}{/block:IndexPage}
  391. {block:PermalinkPage}<div class="foto">{Photoset-500}</div>{/block:PermalinkPage}
  392.  
  393. {/block:Photoset}
  394.  
  395. {block:Link}<a href="{URL}" target="{Target}"><div class="titulo">{Name}</div></a>
  396.  
  397. {block:Description}{Description}{/block:Description}{/block:Link}
  398.  
  399. {block:Chat}{block:Title}<div class="titulo">{Title}</div>{/block:Title}
  400. <div class="chat"><div class="chat1">{block:Lines}
  401. <div class="chat2 {Alt}">{block:Label}<span>{Label}</span>{/block:Label}
  402. {Line}</div>{/block:Lines}</div></div>{/block:Chat}
  403.  
  404. {block:Audio}<div class="musica">{AudioPlayerGrey}</div>
  405. <div class="musica">{block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}
  406.  
  407. {Artist}{/block:Artist} — ({PlayCount}) plays</div>{/block:Audio}
  408.  
  409. {block:Text}{block:Title}<div class="titulo">{Title}</div>{/block:Title}
  410. {Body}{/block:Text}
  411.  
  412. {block:Video}
  413. {block:If2Colunas}<div class="foto">{Video-250}</div>{/block:If2Colunas}
  414. {block:If3Colunas}<div class="foto">{Video-250}</div>{/block:If3Colunas}
  415. {block:PermalinkPage}<div class="foto">{Video-500}</div>{/block:PermalinkPage}
  416.  
  417. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  418.  
  419. {block:Answer}<div class="per"><p>{Question}<p><div class="fe"></div>
  420. <div class="autor">{Asker}</div></div>
  421. <div class="both"><p>&nbsp;</p></div>
  422. <div class="text"><p>{Answer}</p></div>{/block:Answer}
  423.  
  424. {block:PostNotes}</div><div class="boxx">
  425. <div class="extr">postado por {block:ContentSource}<a href="{SourceURL}"
  426.  
  427. target=blank>{SourceTitle}</a>{/block:ContentSource}</div>
  428. <div class="extr">reblogado de {block:RebloggedFrom}<a href="{ReblogParentURL}"
  429.  
  430. target="_blank">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  431. {PostNotes}</div>{/block:PostNotes}</div>{/block:Posts}</div></div>
  432.  
  433. {block:IndexPage}<script type="text/javascript"
  434.  
  435. src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  436. <script
  437.  
  438. src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  439. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  440. <script type="text/javascript">
  441. $(window).load(function () {
  442. $('.box').masonry(),
  443. $('.masonryWrap').infinitescroll({
  444. navSelector : "div#navigation",
  445. nextSelector : "div#navigation a#nextPage",
  446. itemSelector : ".boxx",
  447. bufferPx : 10000,
  448. extraScrollPx: 11000,
  449. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  450. loadingText : "<i></i>",
  451. },
  452. // call masonry as a callback.
  453. function() { $('.box').masonry({ appendedContent: $(this) }); }
  454. );
  455. });
  456. </script>
  457. <div class="column navigation" id="navigation">{block:Pagination}
  458.  
  459. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}
  460.  
  461. {block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"
  462.  
  463. class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>
  464.  
  465. {/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  466.  
  467. <a style="position:fixed;right:10px;bottom:10px;font-family:calibri;font-
  468.  
  469. size:9px;text-transform:uppercase;opacity:0.8;color:{color:link};background-
  470.  
  471. color:#eee;padding: 2px;" href="http://arrombad-a.tumblr.com" title="theme por
  472.  
  473. arrombad-a, base titanios, dlts conjuntar">theme</a>
  474.  
  475.  
  476. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!