thmxpedro

Theme 132

Jan 3rd, 2014
241
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.41 KB | None | 0 0
  1.  
  2. <html>
  3.  
  4. <!---------------------------------------------------------
  5. | theme by: fraquear |
  6. | notes by : perenize |
  7. |seja criativo, não copie e não tire os créditos. |
  8. ------------------------------------------------------->
  9.  
  10. <head>
  11.  
  12.  
  13. </script>
  14.  
  15. <meta name="color:background" content="#ffffff" />
  16. <meta name="color:text" content="#808080" />
  17. <meta name="color:sidebar" content="#ffffff" />
  18. <meta name="color:entry" content="#fff" />
  19. <meta name="color:textside" content="#ccc" />
  20. <meta name="color:hoverlinks" content="#000" />
  21. <meta name="color:barraposts" content="#eee" />
  22. <meta name="color:bordaft" content="#fff" />
  23. <meta name="color:bgask" content="#e1e1e1" />
  24.  
  25. <meta name="text:Link1" content="Link1" />
  26. <meta name="text:Link1 Title" content="Text1" />
  27. <meta name="text:Link2" content="Link2" />
  28. <meta name="text:Link2 Title" content="Text2" />
  29. <meta name="text:Link3" content="Link3" />
  30. <meta name="text:Link3 Title" content="Text3" />
  31. <meta name="text:Link4" content="Link4" />
  32. <meta name="text:Link4 Title" content="Text4" />
  33. <meta name="text:Link5" content="Link5" />
  34. <meta name="text:Link5 Title" content="Text5" />
  35. <meta name="image:sidebar" content=""/>
  36. <meta name="image:background" content="http://static.tumblr.com/6a487779d4b62fba64bbfc69fea20853/ut8byil/159mymnvm/tumblr_static_9.jpg"/>
  37. <meta name="font:text" content="consolas" />
  38. <meta name="color:link" content="#fff" />
  39. <meta name="color:border" content="#ccc" />
  40. <meta name="color:fro" content="#ccc" />
  41. <meta name="if:Rolagem infinita" content="1"/>
  42.  
  43.  
  44. <meta name="text:titulo" content="Skyscraper." />
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Droid+Sans|Iceland|Oswald:400,300' rel='stylesheet' type='text/css'>
  47.  
  48. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  49. <link href='http://fonts.googleapis.com/css?family=Amatic SC' rel='stylesheet' type='text/css'>
  50. <link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>
  51.  
  52.  
  53.  
  54. <title>{Title}</title>
  55. <link rel="shortcut icon" href="{FavIcon}">
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  57. {block:Description}
  58. <meta name="description" content="{MetaDescription}" />
  59. {/block:Description}
  60.  
  61. <style type="text/css">
  62. ::-moz-selection
  63. {color: #FFF; background: #FFF;}
  64. ::selection
  65. {color: {color:text}; background:transparent; text-shadow:
  66. {color:border} 2px 2px 5px;}
  67.  
  68. ::-webkit-scrollbar-thumb:vertical { background-color: {color:border}; -webkit-border-radius: 0px; height: 50px; }
  69. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:border}; -webkit-border-radius: 0px; height: 10px;}
  70. ::-webkit-scrollbar {height: 5px; width: 5px; background-color:#trans;}
  71.  
  72. iframe#tumblr_controls {
  73. position: fixed !important;
  74. top: 0 !important;
  75. right: 0 !important;
  76. }
  77.  
  78.  
  79. body {background-color: #trans; font-family: cambria; color: {color:text}; text-align: calibri; font-size: 12px; background-image:url('{image:background}'); background-attachment: fixed; }
  80.  
  81. body, a, a:hover { cursor:url(http://static.tumblr.com/y3igvfg/6vUm8ca4e/cur838.gif), auto }
  82.  
  83.  
  84. a {color: {color:link}; text-decoration: none; text-transform: none; -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}
  85. a:hover {color: {color:linkhover}; background-color: transparent; text-decoration: none; -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}
  86.  
  87. p {margin: 6px 0 0 0}
  88.  
  89. blockquote {margin: 5px 5px 5px 5px; border-left: 0px solid {color:text}; padding-left: 5px;font-size: 10px; font-family: Verdana;}
  90. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 0px solid {color:text};font-size: 10px; font-family: Verdana; }
  91. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 0px solid {color:background};font-size: 10px; font-family: Verdana; }
  92. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 0px solid {color:background};font-size: 10px; font-family: Verdana; }
  93.  
  94. blockquote img{max-width: 450px!important}
  95. blockquote blockquote img{max-width: 490px!important}
  96. blockquote blockquote blockquote img{max-width: 340px!important}
  97. blockquote blockquote blockquote blockquote img{max-width: 490px!important}
  98.  
  99. #allboxes {float: left; margin-left:517px; margin-top:-6px;}
  100.  
  101. .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};}
  102. .entry img{max-width:400px;}
  103.  
  104. #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; }
  105. #info:hover {color:{color:text}} .entry:hover #info {opacity:9; padding-top:5px; margin-bottom:1px; border-top:0px solid {color:bordaft};}
  106.  
  107. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  108.  
  109. h1 {font-family: Segoe print; font-size: 11px; line-height: 10px; text-align: center; font-weight: none;margin-bottom:-5px; }
  110. h1 a {color: text;text-align: justify;margin-top:0px;}
  111. h1 a:hover {color:hover;}
  112.  
  113.  
  114. .image {text-align: center; border: 0px; text-align: center; border: 0px; opacity: 10;
  115. -webkit-transition: 0.8s ease-in;
  116.  
  117. -moz-transition: 0.8s ease-in; transition: 0.8s ease-in;-webkit-filter: grayscale(100%);}
  118.  
  119. .image:hover {-webkit-filter: grayscale(25%);}
  120.  
  121. .image img {max-width: 400px; margin-bottom:-6px;padding:0px; padding-top:2px; }
  122.  
  123.  
  124.  
  125. #postquote {font-family: cambria; font-size: 12px; line-height: 15px; padding: 5px; text-align:justify;margin-top:-1px;}
  126. #sourcequote {font-family: Consolas;text-align:left; font-style:none;padding-left:2px; margin-bottom: 2px;margin-top:-18px;font-size: 10.5px;text-transform:uppercase; border-radius:20px; border-left:0px solid {color:barraposts};height:13px;}
  127.  
  128.  
  129. .chat {line-height: 2px; list-style: none; margin-top:-2px; }
  130. .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;}
  131. .person1 {color: {color:text links desc}; padding: 2px; }
  132. .person1 .label {font-weight: bold; color:{color:text}}
  133. .person2 {color: {color:text links desc}; padding: 2px; background-color:#ccc; }
  134. .person2 .label {font-weight: bold; color:{color:text}}
  135.  
  136.  
  137. .player {background-color: #trans; text-align: left; display:block;}
  138.  
  139. #ssource{margin-left:10px; display:none}
  140.  
  141. #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; }
  142. #perma a {font-size: 9px; font-family: calibri; text-transform: uppercase; color: {color:text}; opacity:5; }
  143. #perma a:hover {opacity:0.6;}
  144.  
  145.  
  146.  
  147.  
  148. #cap {width: 400px; margin-top:-5px;}
  149. .source {display: none;}
  150.  
  151. .notes {width: 400px; padding: 0px; margin-top: 18px; margin-bottom: 0px; font-size: 9px; text-align: center}
  152. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  153. ol.notes li {background-color: {color:entry}; margin-bottom: 1px; padding: 5px; }
  154. .notes img{display: none; border:0px}
  155.  
  156.  
  157. #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}; ;}
  158. .answer {padding-right: 2px;padding-left: 2px; padding-bottom: 2px;font-size:11px; background-color:#trans;max-width: 400px; margin-bottom:-3px;border-bottom:1px solid {color:bordaft};text-align:center; }
  159. .answer img {max-width: 400px; }
  160.  
  161.  
  162. #sidebar {float:left; position:fixed; width:140px; bottom:550px; top:-30px; left:00px;
  163. padding:0px; text-align: center; position: fixed; z-index:2;
  164. }
  165.  
  166.  
  167. #side {width:261px; margin-left:60px; }
  168.  
  169.  
  170. .fotinha { margin-left:400px; margin-top:100px;position:fixed;background-color:#trans;opacity:10; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
  171. .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: 100px; height:140px; 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(100%);}
  172. .fotinha img:hover { -webkit-transition: all 0.99s ease-in-out;-webkit-filter: grayscale(20%);}
  173. .fotinha:hover { -webkit-filter: grayscale(0%);}
  174.  
  175.  
  176. .links {text-align: center; position:fixed; width: 137px;font-family:cambria; word-spacing:0px; margin-top:68px;margin-left:-100px; padding:0px; text-align:center; padding-top:0px; padding-bottom:0px; -webkit-transition-duration: .9s; background-color:#trans; border:0px solid {color:bordaft};}
  177.  
  178.  
  179. .links a {margin-top:0px; margin-left:0px; margin-right:0px; display:inline-block; background-color:#trans;color:{color:link}; text-transform:uppercase; padding:2px; font-size:10px; -webkit-transition-duration: .4s; padding-bottom:0px; font-style: none; text-shadow:0px 0px transparent, 0px -5px transparent; padding-right:8px; padding-left:8px; padding-bottom:6px; padding-top:6px; border:1px solid {color:bordaft}; }
  180.  
  181.  
  182. .links {opacity:0; margin-left:50px;-webkit-transition-duration: .9s;}
  183.  
  184. #sidebar:hover .links {opacity:10;margin-left:0px;-webkit-transition:all 1.0s ease-out; -moz-transition:all 1.0s ease-out; transition:all 1.0s ease-out;transform:rotate(-5deg);
  185. -ms-transform:rotate(-360deg);
  186. -webkit-transform:rotate(-360deg);}
  187.  
  188. #sidebar:hover #drew {
  189.  
  190. padding: 0px;
  191. height:24px;overflow:hidden;
  192. line-height:24px;
  193. float:left;
  194. -webkit-transition-duration:.3s;
  195. position:fixed;background:#trans;
  196. margin-left:4px;;font-style:normal;
  197. width:25px;margin-top:68px; border:1px solid {color:bordaft};
  198. font-family:cambria;font-size:25px;margin-left:1px;
  199. letter-spacing:0px;
  200. text-align:center;
  201. color:{color:text};
  202.  
  203. z-index:555; text-transform:none; webkit-transition:0.3s linear; -webkit-transition:all 1.0s ease-out; -moz-transition:all 1.0s ease-out; transition:all 1.0s ease-out;transform:rotate(-5deg);
  204. -ms-transform:rotate(-360deg);
  205. -webkit-transform:rotate(-360deg); opacity:10;}
  206.  
  207.  
  208. #drew {;margin-top:80px;background:;#trans;font-size:25px;width:25px;-webkit-transition-duration:.9s;margin-left:-50px;height:16px;line-height:24px;height:24px;border:1px solid {color:bordaft};opacity:0;}
  209.  
  210.  
  211.  
  212. .demi {position:fixed; width:102px; font-family:consolas; font-size:10.2px; text-align:center; color:{color:textside}; -webkit-transition: all 1.1s ease-out; -moz-transition: all 1.3s ease-out;margin-left:2px;margin-top:2px;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:uppercase;border:0px #trans;-webkit-transition: all 0.9s ease-in-out;border-top:0px dotted {color:bordaft};font-style:none;}
  213.  
  214.  
  215.  
  216.  
  217.  
  218. .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);
  219. -ms-transform:rotate(-00deg);
  220. -webkit-transform:rotate(-0deg);}
  221.  
  222. #linha2 { width: 120px; left: 393px; height:226px; top:60px; padding: 0px; background-color:#trans; 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;}
  223.  
  224. #sidebar:hover #linha2 {height:261px;-webkit-transition: all 0.9s ease-in-out; -webkit-transition:all 0.8s ease-out;}
  225.  
  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:#000;
  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.  
  269. </head>
  270. <body onkeydown="return false">
  271. <!------sua playlist aqui e ba ----->
  272.  
  273.  
  274.  
  275. <div id="sidebar">
  276. <div id="linha2"></div>
  277.  
  278. <div class="fotinha"><img src="{image:sidebar}">
  279.  
  280. <div class="demi"> {Description} </div>
  281.  
  282. <div class="links">
  283. <a href="{text:Link1}" Title="{text:Link1 Title}">s</a>
  284. <a href="{text:Link2}" Title="{text:Link2 Title}">a</a>
  285. <a href="{text:Link3}" Title="{text:Link3 Title}">d</a>
  286. </div>
  287.  
  288. <div id="drew">{text:titulo}
  289. </div>
  290.  
  291. </div>
  292. </div>
  293. </div>
  294. </div>
  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">{Asker} recitou: {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:305px;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>
  379.  
  380.  
  381.  
  382. </div>
  383. </div>
  384. </div>
  385. </div>
  386. </div>
  387.  
  388.  
  389. </body>
  390.  
  391.  
  392.  
  393.  
  394.  
  395. </html>
Advertisement
Add Comment
Please, Sign In to add comment