Advertisement
thmxpedro

Thm121

Nov 23rd, 2013
133
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.50 KB | None | 0 0
  1. <html>
  2.  
  3. <!---------------------------------------------------------
  4. | theme by: fraquear |
  5. | notes by : perenize |
  6. |seja criativo, não copie e não tire os créditos. |
  7. ------------------------------------------------------->
  8.  
  9. <head>
  10.  
  11.  
  12. </script>
  13.  
  14. <meta name="color:background" content="#ffffff" />
  15. <meta name="color:text" content="#808080" />
  16. <meta name="color:sidebar" content="#ffffff" />
  17. <meta name="color:entry" content="#fff" />
  18. <meta name="color:textside" content="#666565" />
  19. <meta name="color:hoverlinks" content="#666565" />
  20. <meta name="color:barraposts" content="#eee" />
  21. <meta name="color:bordaft" content="#d4d2d2" />
  22. <meta name="color:bgask" content="#e1e1e1" />
  23.  
  24. <meta name="text:Link1" content="Link1" />
  25. <meta name="text:Link1 Title" content="Text1" />
  26. <meta name="text:Link2" content="Link2" />
  27. <meta name="text:Link2 Title" content="Text2" />
  28. <meta name="text:Link3" content="Link3" />
  29. <meta name="text:Link3 Title" content="Text3" />
  30. <meta name="text:Link4" content="Link4" />
  31. <meta name="text:Link4 Title" content="Text4" />
  32. <meta name="image:sidebar" content=""/>
  33. <meta name="image:background" content=""/>
  34. <meta name="font:text" content="consolas" />
  35. <meta name="color:link" content="#666565" />
  36. <meta name="color:border" content="#efefef" />
  37. <meta name="if:Rolagem infinita" content="1"/>
  38.  
  39.  
  40. <meta name="text:titulo" content="Skyscraper." />
  41. <meta name="text:titulo2" content="❀ ✿ ❀ ✿ ❀ ✿ ❀ ✿" />
  42.  
  43. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  44. <link href='http://fonts.googleapis.com/css?family=Amatic SC' rel='stylesheet' type='text/css'>
  45. <link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>
  46.  
  47.  
  48.  
  49. <title>{Title}</title>
  50. <link rel="shortcut icon" href="{FavIcon}">
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  52. {block:Description}
  53. <meta name="description" content="{MetaDescription}" />
  54. {/block:Description}
  55.  
  56. <style type="text/css">
  57. ::-moz-selection
  58. {color: #FFF; background: #FFF;}
  59. ::selection
  60. {color: #ccc background:transparent; text-shadow:#ccc 1px 1px 5px;}
  61.  
  62. ::-webkit-scrollbar-thumb:vertical { background-color: {color:bordaft}; -webkit-border-radius: 0px; height: 50px; }
  63. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:bordaft}; -webkit-border-radius: 0px; height: 10px;}
  64. ::-webkit-scrollbar {height: 5px; width: 5px; background-color:#trans;}
  65.  
  66. iframe#tumblr_controls {
  67. position: fixed !important;
  68. top: 0 !important;
  69. right: 0 !important;
  70. }
  71.  
  72.  
  73. body {background-color: #trans; font-family: cambria; color: {color:text}; text-align: calibri; font-size: 12px; background-image:url('{image:background}'); background-attachment: fixed; }
  74.  
  75. body, a, a:hover { cursor:url(http://static.tumblr.com/y3igvfg/6vUm8ca4e/cur838.gif), auto }
  76.  
  77.  
  78. a {color: {color:link}; text-decoration: none; text-transform: none; -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}
  79. a:hover {color: {color:linkhover}; background-color: transparent; text-decoration: none; -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}
  80.  
  81. p {margin: 6px 0 0 0}
  82.  
  83. blockquote {margin: 5px 5px 5px 5px; border-left: 0px solid {color:text}; padding-left: 5px;font-size: 10px; font-family: Verdana;}
  84. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 0px solid {color:text};font-size: 10px; font-family: Verdana; }
  85. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 0px solid {color:background};font-size: 10px; font-family: Verdana; }
  86. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 0px solid {color:background};font-size: 10px; font-family: Verdana; }
  87.  
  88. blockquote img{max-width: 450px!important}
  89. blockquote blockquote img{max-width: 490px!important}
  90. blockquote blockquote blockquote img{max-width: 340px!important}
  91. blockquote blockquote blockquote blockquote img{max-width: 490px!important}
  92.  
  93. #allboxes {float: left; margin-left:483px; margin-top:-8px;}
  94.  
  95. .entry {width: 400px; background-color: #trans; padding-left:0px; margin-top: 0px;margin-left:0px;font-style:normal; text-align: justify; font-family: cambria; font-size: 12px; position: relative;;border-left:0px solid #f3f3f3;color:{color:text};}
  96. .entry img{max-width:400px;}
  97.  
  98. #info {text-align:right; margin-top:-3px;; font-style:italic; font-size: 8px; font-family:cambria; z-index: 1111; letter-spacing:1px; background-color:#fff; margin-left:0px; width: 400px; margin-bottom: -10px; color:{color:text};-webkit-transition-duration: 0.4s; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;opacity:0;} #info a {font-size:8px; text-transform: uppercase; color:{color:text}; -webkit-transition-duration: 0.4s; }
  99. #info:hover {color:{color:text}} .entry:hover #info {opacity:9; padding-top:-5px; margin-bottom:0px; border-top:1px solid {color:bordaft};}
  100.  
  101. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  102.  
  103. h1 {font-family: verdana; font-size: 11px; line-height: 10px; text-align: center; font-weight: none;margin-bottom:-4px; }
  104. h1 a {color: text;text-align: justify;margin-bottom:-6px;}
  105. h1 a:hover {color:hover;}
  106.  
  107.  
  108. .image {text-align: center; border: 0px; text-align: center; border: 0px; opacity: 10;
  109. -webkit-transition: 0.8s ease-in;
  110.  
  111. -moz-transition: 0.8s ease-in; transition: 0.8s ease-in;-webkit-filter: grayscale(45%);}
  112.  
  113. .image:hover {-webkit-filter: grayscale(45%);}
  114.  
  115. .image img {max-width: 400px; margin-bottom:-9px;padding:0px; padding-top:2px; }
  116.  
  117.  
  118.  
  119. #postquote {font-family: cambria; font-size: 12px; line-height: 15px; padding: 5px; text-align:justify;}
  120. #sourcequote {font-family: arial;text-align:left; font-style:none;padding: 2px; margin-bottom: -10px;margin-top:-20px;font-size: 10px;text-transform:uppercase; border-top:1px solid {color:barraposts};border-bottom:1px solid {color:barraposts};padding:2px;}
  121.  
  122. .chat {line-height: 2px; list-style: none; margin-top:-2px; }
  123. .chat ul {line-height: 2px; list-style: none; padding: 0px; line-height:14px;font-family:consolas;font-size:10px; margin-top:1px;margin-bottom:-12px;}
  124. .person1 {color: {color:text links desc}; padding: 2px; }
  125. .person1 .label {font-weight: bold; color:{color:text}}
  126. .person2 {color: {color:text links desc}; padding: 2px; background-color:#f0f0f0; }
  127. .person2 .label {font-weight: bold; color:{color:text}}
  128.  
  129.  
  130. .player {background-color: #trans; text-align: left; display:block;}
  131.  
  132. #ssource{margin-left:10px; display:none}
  133.  
  134. #perma {margin-top:6px; font-family: calibri; color: {color:text}; text-align: center; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; text-transform: uppercase; background-color: {color:background}; padding: 7px;border-top:1px solid {color:barraposts}; border-bottom:0px solid {color:barraposts}; z-index: 11; }
  135. #perma a {font-size: 9px; font-family: calibri; text-transform: uppercase; color: {color:text}; opacity:5; }
  136. #perma a:hover {opacity:0.6;}
  137.  
  138.  
  139.  
  140.  
  141. #cap {width: 420px; margin-top:-5px;}
  142. .source {display: none;}
  143.  
  144. .notes {width: 420px; padding: 0px; margin-top: 18px; margin-bottom: 0px; font-size: 9px; text-align: center}
  145. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  146. ol.notes li {background-color: {color:entry}; margin-bottom: 1px; padding: 5px; }
  147. .notes img{display: none; border:0px}
  148.  
  149.  
  150.  
  151. #asker {padding: 3px; font-style:bold; font-style:italic; letter-spacing:1px; text-align: justify; font-size:11px; max-width: 400px; margin-top:3px; background-color:#trans; border-radius:1px; border:1px solid {color:bordaft}; ;}
  152. .answer {padding-right: 2px;padding-left: 2px; padding-bottom: 2px;font-size:11px; background-color:#transmax-width: 400px; margin-bottom:-10px;border:0px solid {color:bordaft}; }
  153. .answer img {max-width: 400px; }
  154.  
  155.  
  156.  
  157. #sidebar {float:left; position:fixed; width:140px; bottom:550px; top:-30px; left:00px;
  158. padding:0px; text-align: center; position: fixed; z-index:2;
  159. }
  160.  
  161.  
  162. #side {width:261px; margin-left:60px; }
  163.  
  164. /************ side por i-nsegur-a mod. por fraquear *********/
  165. .fotinha { margin-left:349px; margin-top:290px;position:fixed;background-color:#trans;opacity:10; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
  166. .fotinha img { background-color:#trans;display: inline; -webkit-transition: all 0.99s ease-in-out;-webkit-border-radius: 0px 0px 0px 0px; display: block; width: 125px; height: 125px; background-color: ; padding-top:4px;margin-left:0px; margin-top:0px; opacity:1;padding:3px;opacity:10;border:1px solid {color:bordaft};;;-webkit-filter: grayscale(0%);}
  167. .fotinha img:hover { -webkit-transition: all 0.99s ease-in-out;-webkit-filter: grayscale(40%);}
  168. .fotinha:hover { -webkit-filter: grayscale(30%);}
  169.  
  170.  
  171. /************ side por i-nsegur-a mod. por fraquear *********/
  172.  
  173.  
  174.  
  175. /************ links *********/
  176.  
  177.  
  178. .links {text-align: center; position:fixed;font-size:16px; width: 550px;font-family:cambria; word-spacing:2px; margin-top:494px;margin-left:0px; padding-left:0px; text-align:center; padding-top:0px; padding-bottom:0px; -webkit-transition-duration: .9s; background-color:#trans; border:0px solid {color:bordaft};}
  179.  
  180.  
  181. .links a {margin-top:0px; margin-left:0px; margin-right:0px; display:inline-block; background-color:{color:border}; color:{color:link}; text-transform:uppercase; padding:2px; font-size:9px; -webkit-transition-duration: .4s; padding-bottom:0px; font-style: none; text-shadow:0px 0px transparent, 0px -5px transparent; padding-right:2px; padding-left:2px; padding-bottom:5px; padding-top:5px; border:1px solid {color:bordaft}; }
  182.  
  183.  
  184. .links {opacity:10; margin-left:136px;-webkit-transition-duration: .9s;}
  185.  
  186.  
  187. #name1 {width:100px;position:fixed;left:65%;margin-left:0px;height:15px;top:244px;text-align:center;font-family:neverletgo;font-size:20px;color:{color:Title};opacity:0;-webkit-transition:.5s;}
  188.  
  189.  
  190.  
  191. .demi {position:fixed; width:129px; font-family:cambria; font-size:10px; text-align:center; color:{color:textside}; -webkit-transition: all 1.1s ease-out; -moz-transition: all 1.3s ease-out;margin-left:0px;margin-top:18px;z-index:999999; background-color:#trans;padding-left:0px;padding-bottom:0px;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;opacity:10;text-transform:none;border:0px #trans;-webkit-transition: all 0.9s ease-in-out;border-top:1px dotted {color:bordaft};font-style:italic;}
  192.  
  193.  
  194.  
  195. .cora {position:fixed; width:131px; font-family:cambria; font-size:12px; text-align:center; color:{color:textside}; -webkit-transition: all 1.1s ease-out; -moz-transition: all 1.3s ease-out;margin-left:0px;margin-top:2px;z-index:999999; background-color:{color:border}; padding-left:0px;padding-bottom:0px;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;opacity:10;text-transform:none;border:0px #trans;-webkit-transition: all 0.9s ease-in-out;border:1px solid {color:bordaft};}
  196.  
  197.  
  198.  
  199.  
  200. .cora2 {position:fixed; width:480px; font-family:La Belle Aurore; font-size:18px; text-align:center; color:{color:textside}; -webkit-transition: all 1.1s ease-out; -moz-transition: all 1.3s ease-out;margin-left:370px;margin-top:512px;z-index:999999;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;opacity:10;text-transform:none;border:0px #trans;-webkit-transition: all 0.9s ease-in-out; -webkit-transition:all 1.0s ease-out; -moz-transition:all 1.0s ease-out; transition:all 1.0s ease-out;transform:rotate(-5deg);
  201. -ms-transform:rotate(-00deg);
  202. -webkit-transform:rotate(-0deg);}
  203.  
  204. .cora2 {width:60px;margin-left:396px; margin-top:512px;opacity:10; -webkit-transition: all 0.9s ease-in-out; -webkit-transition:all 1.0s ease-out; -moz-transition:all 1.0s ease-out; transition:all 1.0s ease-out;transform:rotate(-5deg);
  205. -ms-transform:rotate(-80deg);
  206. -webkit-transform:rotate(-0deg);}
  207.  
  208.  
  209. /************ frases *********/
  210.  
  211. #linha1 { width: 1px; left: 405px; height:100%; top:0px; padding: 0px;background-color:{color:bordaft};border:0px solid {color:bordaft};-webkit-border-radius: 0px; text-align: center; position: fixed;}
  212.  
  213. #linha2 { width: 1px; left: 488px; height:100%; top:0px; padding: 0px; background-color:#ccc; border-bottom:1px solid {color:border};-webkit-border-radius: 0px; text-align: center; position: fixed;}
  214.  
  215. #linha3 { width: 1px; left: 485px; height:100%; top:0px; padding: 0px; background-color:{color:bordaft}; border-right:0px solid {color:border};border-left:0px solid {color:border};-webkit-border-radius: 0px; text-align: center; position: fixed;}
  216.  
  217.  
  218.  
  219. /************ ñ mexa aqui *********/
  220. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; top: 545px; right: 190px;}
  221.  
  222.  
  223.  
  224. #s-m-t-tooltip {
  225. font-size: 8px;
  226. max-width: 300px;
  227. padding: 4px 4px 4px 6px;
  228. margin: 20px 0px 0px 20px;
  229. z-index: 10;
  230. background:#fff;
  231. outline: 1px solid #ccc;
  232. outline-offset: -3px;
  233. font-family: calibri;
  234. letter-spacing: 2px;
  235. text-transform: uppercase;
  236. color: {color:textside};
  237. z-index: 999999999999999999999999999999999999999999999999999999999999999999999999;
  238. }
  239. /************* não mexa aqui porra **********/
  240.  
  241.  
  242.  
  243.  
  244. </style>
  245.  
  246. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/k89uxep/rFEmptza6/32.png" border="0"></a>
  247.  
  248. <script type="text/javascript"
  249. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  250. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  251. <script>
  252. (function($){
  253.  
  254. $(document).ready(function(){
  255. $("[title]").style_my_tooltips();
  256. });
  257. })(jQuery);
  258. </script>
  259.  
  260.  
  261. </head>
  262. <body onkeydown="return false">
  263. <!------sua playlist aqui e ba ----->
  264.  
  265.  
  266.  
  267.  
  268.  
  269. <div id="linha2"></div>
  270. <div id="linha3"></div>
  271.  
  272. <div id="sidebar">
  273.  
  274. <div class="links">
  275. <a href="{text:Link1}">ONE</a> ❀
  276. <a href="{text:Link2}">TWO</a> ❀
  277. <a href="{text:Link3}">TREE</a>
  278. </div>
  279.  
  280. <div class="cora2"> {text:titulo} </div>
  281.  
  282. <div class="fotinha"><img src="{image:sidebar}">
  283.  
  284. <div class="demi"> {Description} </div>
  285.  
  286. <div class="cora"> {text:titulo2} </div>
  287.  
  288. </div>
  289. </div>
  290. </div>
  291. </div>
  292. </div>
  293. </div>
  294.  
  295.  
  296.  
  297.  
  298. <div id="allboxes">
  299.  
  300. {block:IfRolagemInfinita}<div class="autopagerize_page_element">
  301. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  302. {block:Posts}
  303.  
  304. <div class="entry">
  305.  
  306.  
  307.  
  308. {block:Text}
  309. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  310. {/block:Text}
  311.  
  312. {block:Photo}
  313. {LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}
  314. {/block:Photo}
  315.  
  316. {block:Photoset}
  317. {Photoset-400}
  318. {/block:Photoset}
  319.  
  320.  
  321. {block:Quote}
  322. <div id="postquote">“{Quote}”</div><br>
  323. {block:Source}<div id="sourcequote"><b>© {Source}</b></div>{/block:Source}
  324. {/block:Quote}
  325.  
  326. {block:Link}
  327. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  328. {block:Description}{Description}{/block:Description}
  329. {/block:Link}
  330.  
  331. {block:Chat}
  332. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  333. <div class="chat"><ul>{block:Lines}
  334. <li class="person{UserNumber}">{block:Label}
  335. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  336. {/block:Chat}
  337.  
  338. {block:Audio}
  339. <div class="player">{AudioPlayerBlack}</div>
  340. {block:Caption}{Caption}{/block:Caption}
  341. {/block:Audio}
  342.  
  343. {block:Video}
  344. {Video-500}
  345. {/block:Video}
  346.  
  347. {block:Answer}
  348. <div id="asker"><b>{Asker} recitou:</b> {Question}</div>
  349. <div class="answer">{Answer}</div>
  350. {/block:Answer}
  351.  
  352. <div id="cap">
  353. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  354. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  355. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  356.  
  357.  
  358.  
  359.  
  360. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  361. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  362. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  363. {/block:ContentSource}</div></div>
  364. <br>
  365.  
  366. <div class="creditoaokaique">
  367. <div id="info">
  368. {block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} / <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}"><a href="{ReblogRootURL}" title="{ReblogRootTitle}"></a>{/block:RebloggedFrom} {block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>
  369. {/block:Date}</div>
  370. </div>
  371.  
  372.  
  373. {/block:Posts}
  374.  
  375. </div>
  376. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  377.  
  378. <a style="position:fixed;bottom:32px;right:15px;font-family:calibri;font-size:12px;font-style:italic;opacity:1;" href="http://fraquear.tumblr.com/" title="© thmx by pedro, fraquear|tumblr don't copy, click and see more;">theme by <b>fraquear</b></a>
  379.  
  380.  
  381. </div>
  382. </div>
  383. </div>
  384. </div>
  385. </div>
  386.  
  387.  
  388. </body>
  389.  
  390.  
  391.  
  392.  
  393.  
  394. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement