thmxpedro

Theme 135

Jan 11th, 2014
184
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.40 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="#c1c1c1" />
  19. <meta name="color:hoverlinks" content="#000" />
  20. <meta name="color:barraposts" content="#eee" />
  21. <meta name="color:bordaft" content="#ccc" />
  22. <meta name="color:bgask" content="#eee" />
  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="image:sidebar" content=""/>
  31. <meta name="image:background" content=""/>
  32. <meta name="font:text" content="consolas" />
  33. <meta name="color:link" content="#797979" />
  34. <meta name="color:border" content="#ccc" />
  35. <meta name="color:fro" content="#797979" />
  36. <meta name="if:Rolagem infinita" content="1"/>
  37.  
  38.  
  39. <meta name="text:titulo" content="Skyscraper." />
  40.  
  41. <link href='http://fonts.googleapis.com/css?family=Droid+Sans|Iceland|Oswald:400,300' rel='stylesheet' type='text/css'>
  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: #ccc; background: #ccc;}
  59. ::selection
  60. {color: {color:text}; background:transparent; text-shadow:
  61. {color:border} 2px 2px 5px;}
  62.  
  63. ::-webkit-scrollbar-thumb:vertical { background-color: {color:border}; -webkit-border-radius: 10px; height: 50px; width:10px; }
  64. ::-webkit-scrollbar-thumb:horizontal {background-color: #ccc; -webkit-border-radius: 0px; height: 1px;}
  65. ::-webkit-scrollbar {height: 5px; width: 5px; background-color:#trans;}
  66.  
  67. iframe#tumblr_controls {
  68. position: fixed !important;
  69. top: 0 !important;
  70. right: 0 !important;
  71. }
  72.  
  73.  
  74. body {background-color: #trans; font-family: cambria; color: {color:text}; text-align: calibri; font-size: 12px; background-image:url('{image:background}'); background-attachment: fixed; }
  75.  
  76. body, a, a:hover { cursor:url(http://static.tumblr.com/y3igvfg/6vUm8ca4e/cur838.gif), auto }
  77.  
  78.  
  79. a {color: {color:link}; text-decoration: none; text-transform: none; -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}
  80. a:hover {color: {color:linkhover}; background-color: transparent; text-decoration: none; -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}
  81.  
  82. p {margin: 6px 0 0 0}
  83.  
  84. blockquote {margin: 5px 5px 5px 5px; border-left: 0px solid {color:text}; padding-left: 5px;font-size: 10px; font-family: Verdana;}
  85. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 0px solid {color:text};font-size: 10px; font-family: Verdana; }
  86. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 0px solid {color:background};font-size: 10px; font-family: Verdana; }
  87. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 0px solid {color:background};font-size: 10px; font-family: Verdana; }
  88.  
  89. blockquote img{max-width: 450px!important}
  90. blockquote blockquote img{max-width: 490px!important}
  91. blockquote blockquote blockquote img{max-width: 340px!important}
  92. blockquote blockquote blockquote blockquote img{max-width: 490px!important}
  93.  
  94. #allboxes {float: left; margin-left:495px; margin-top:-8px;}
  95.  
  96. .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};}
  97. .entry img{max-width:400px;}
  98.  
  99. #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; }
  100. #info:hover {color:{color:text}} .entry:hover #info {opacity:9; padding-top:5px; margin-bottom:1px; border-top:0px solid {color:bordaft};}
  101.  
  102. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  103.  
  104. h1 {font-family: Segoe print; font-size: 11px; line-height: 10px; text-align: center; font-weight: none;margin-bottom:-5px; }
  105. h1 a {color: text;text-align: justify;margin-top:0px;}
  106. h1 a:hover {color:hover;}
  107.  
  108.  
  109. .image {text-align: center; border: 0px; text-align: center; border: 0px; opacity: 10;
  110. -webkit-transition: 0.8s ease-in;
  111.  
  112. -moz-transition: 0.8s ease-in; transition: 0.8s ease-in;-webkit-filter: grayscale(50%);}
  113.  
  114. .image:hover {-webkit-filter: grayscale(25%);}
  115.  
  116. .image img {max-width: 400px; margin-bottom:-6px;padding:0px; padding-top:2px; }
  117.  
  118.  
  119.  
  120. #postquote {font-family: cambria; font-size: 12px; line-height: 15px; padding: 5px; text-align:justify;margin-top:-1px;}
  121. #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;}
  122.  
  123.  
  124. .chat {line-height: 2px; list-style: none; margin-top:-2px; }
  125. .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;}
  126. .person1 {color: {color:text links desc}; padding: 2px; }
  127. .person1 .label {font-weight: bold; color:{color:text}}
  128. .person2 {color: {color:text links desc}; padding: 2px; background-color:#eee; }
  129. .person2 .label {font-weight: bold; color:{color:text}}
  130.  
  131.  
  132. .player {background-color: #trans; text-align: left; display:block;}
  133.  
  134. #ssource{margin-left:10px; display:none}
  135.  
  136. #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; }
  137. #perma a {font-size: 9px; font-family: calibri; text-transform: uppercase; color: {color:text}; opacity:5; }
  138. #perma a:hover {opacity:0.6;}
  139.  
  140.  
  141.  
  142.  
  143. #cap {width: 400px; margin-top:-5px;}
  144. .source {display: none;}
  145.  
  146. .notes {width: 400px; padding: 0px; margin-top: 18px; margin-bottom: 0px; font-size: 9px; text-align: center}
  147. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  148. ol.notes li {background-color: {color:entry}; margin-bottom: 1px; padding: 5px; }
  149. .notes img{display: none; border:0px}
  150.  
  151.  
  152. #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}; ;}
  153. .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; }
  154. .answer img {max-width: 400px; }
  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.  
  165. .fotinha { margin-left:364px; margin-top:50px;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:165px; 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(50%);}
  167. .fotinha img:hover { -webkit-transition: all 0.99s ease-in-out;-webkit-filter: grayscale(0%);}
  168. .fotinha:hover { -webkit-filter: grayscale(0%);}
  169.  
  170.  
  171. #menu {width: 108px;line-height:14.9px;text-align:center;margin-top:-20px;margin-left:25px;opacity:10;}
  172.  
  173. #menu a { font-size:10px;text-transform:none;display:block;text-decoration:none;background-color:#fff;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease; border:1px solid {color:bordaft};padding:2px;font-family:cambria;font-style:italic;}
  174.  
  175. #menu a {margin-bottom:3px;margin-top:0px; letter-spacing:0px }
  176.  
  177. #menu2 {width: 108px;line-height:14.9px;text-align:center;margin-top:-20px;margin-left:25px;opacity:10;}
  178.  
  179. #menu2 a { font-size:10px;text-transform:none;display:block;text-decoration:none;background-color:#fff;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease; border:1px solid {color:bordaft};padding:2px;font-family:cambria;font-style:italic;}
  180.  
  181. #menu2 a {margin-bottom:3px;margin-top:0px; letter-spacing:0px }
  182.  
  183. #menu3 {width: 108px;line-height:14.9px;text-align:center;margin-top:-20px;margin-left:25px;opacity:10;}
  184.  
  185. #menu3 a { font-size:10px;text-transform:none;display:block;text-decoration:none;background-color:#fff;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease; border:1px solid {color:bordaft};padding:2px;font-family:cambria;font-style:italic;}
  186.  
  187. #menu3 a {margin-bottom:3px;margin-top:0px; letter-spacing:0px }
  188.  
  189. #drew {;margin-top:3px;background:#trans;font-size:15px;width:19px;-webkit-transition-duration:.9s;margin-left:0px;height:16px;line-height:17px;height:18px;border:1px solid {color:bordaft};opacity:10;color:#797979;}
  190.  
  191. #drew2 {;margin-top:5px;background:#trans;font-size:15px;width:19px;-webkit-transition-duration:.9s;margin-left:0px;height:16px;line-height:17px;height:18px;border:1px solid {color:bordaft};opacity:10;color:#797979;}
  192.  
  193. #drew3 {;margin-top:5px;background:#trans;font-size:15px;width:19px;-webkit-transition-duration:.9s;margin-left:0px;height:16px;line-height:17px;height:18px;border:1px solid {color:bordaft};opacity:10;color:#797979;}
  194.  
  195.  
  196.  
  197. .demi {position:fixed; width:125px; 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:2px;margin-top:76px;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;}
  198.  
  199. #sidebar:hover .demi {letter-spacing:2px;}
  200.  
  201.  
  202. .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);
  203. -ms-transform:rotate(-00deg);
  204. -webkit-transform:rotate(-0deg);}
  205.  
  206. #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;}
  207.  
  208. #sidebar:hover #linha2 {height:261px;-webkit-transition: all 0.9s ease-in-out; -webkit-transition:all 0.8s ease-out;}
  209.  
  210.  
  211. /************ ñ mexa aqui *********/
  212. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; top: 545px; right: 190px;}
  213.  
  214.  
  215.  
  216. #s-m-t-tooltip {
  217. font-size: 8px;
  218. max-width: 300px;
  219. padding: 4px 4px 4px 6px;
  220. margin: -2px 0px 0px 8px;
  221. z-index: 10;
  222. background-color:{color:fro};
  223. outline: 4px double #fff;
  224. outline-offset: -3px;
  225. font-family: calibri;
  226. letter-spacing: 2px;
  227. text-transform: uppercase;
  228. color: #fff;
  229. z-index: 999999999999999999999999999999999999999999999999999999999999999999999999;
  230. }
  231. /************* não mexa aqui porra **********/
  232.  
  233.  
  234.  
  235.  
  236. </style>
  237.  
  238. <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>
  239.  
  240. <script type="text/javascript"
  241. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  242. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  243. <script>
  244. (function($){
  245.  
  246. $(document).ready(function(){
  247. $("[title]").style_my_tooltips();
  248. });
  249. })(jQuery);
  250. </script>
  251.  
  252.  
  253. </head>
  254. <body onkeydown="return false">
  255. <!------sua playlist aqui e ba ----->
  256.  
  257.  
  258. <div id="sidebar">
  259.  
  260. <div class="fotinha"><img src="{image:sidebar}">
  261.  
  262. <div class="demi"> {Description} </div>
  263.  
  264. <div id="drew">☺
  265. </div>
  266.  
  267. <div id="menu">
  268. <a href="{text:Link1}">{text:Link1 Title}</a>
  269. </div>
  270.  
  271. <div id="drew2">☺
  272. </div>
  273.  
  274. <div id="menu2">
  275. <a href="{text:Link2}">{text:Link2 Title}</a>
  276. </div>
  277.  
  278. <div id="drew3">☺
  279. </div>
  280.  
  281. <div id="menu3">
  282. <a href="{text:Link3}">{text:Link3 Title}</a>
  283. </div>
  284.  
  285. </div>
  286. </div>
  287. </div>
  288. </div>
  289. </div>
  290.  
  291.  
  292. <div id="allboxes">
  293.  
  294. {block:IfRolagemInfinita}<div class="autopagerize_page_element">
  295. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  296. {block:Posts}
  297.  
  298. <div class="entry">
  299.  
  300.  
  301.  
  302. {block:Text}
  303. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  304. {/block:Text}
  305.  
  306. {block:Photo}
  307. {LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}
  308. {/block:Photo}
  309.  
  310. {block:Photoset}
  311. {Photoset-400}
  312. {/block:Photoset}
  313.  
  314.  
  315. {block:Quote}
  316. <div id="postquote">“{Quote}”</div><br>
  317. {block:Source}<div id="sourcequote"><b>— {Source}</b></div>{/block:Source}
  318. {/block:Quote}
  319.  
  320. {block:Link}
  321. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  322. {block:Description}{Description}{/block:Description}
  323. {/block:Link}
  324.  
  325. {block:Chat}
  326. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  327. <div class="chat"><ul>{block:Lines}
  328. <li class="person{UserNumber}">{block:Label}
  329. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  330. {/block:Chat}
  331.  
  332. {block:Audio}
  333. <div class="player">{AudioPlayerBlack}</div>
  334. {block:Caption}{Caption}{/block:Caption}
  335. {/block:Audio}
  336.  
  337. {block:Video}
  338. {Video-500}
  339. {/block:Video}
  340.  
  341. {block:Answer}
  342. <div id="asker">{Asker} recitou: {Question}</div>
  343. <div class="answer">{Answer}</div>
  344. {/block:Answer}
  345.  
  346. <div id="cap">
  347. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  348. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  349. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  350.  
  351.  
  352.  
  353.  
  354. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  355. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  356. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  357. {/block:ContentSource}</div></div>
  358. <br>
  359.  
  360. <div class="creditoaokaique">
  361. <div id="info">
  362. {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>
  363. {/block:Date}</div>
  364. </div>
  365.  
  366.  
  367. {/block:Posts}
  368.  
  369. </div>
  370. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  371.  
  372. <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>
  373.  
  374.  
  375.  
  376. </div>
  377. </div>
  378. </div>
  379. </div>
  380. </div>
  381.  
  382.  
  383. </body>
  384.  
  385.  
  386.  
  387.  
  388.  
  389. </html>
Advertisement
Add Comment
Please, Sign In to add comment