Advertisement
thmxpedro

Theme 137

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