ubc-themes

theme 142 [new]

Oct 23rd, 2013
1,112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 28.17 KB | None | 0 0
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <! ----------------------------------------------
  3.  LIVE PREVIEW: http://thmxthai142.tumblr.com/
  4.  
  5. theme by: AFASTAREI
  6.   sem cópias totais ou parciais.
  7.     p l a g i o  e  c r i m e
  8. ---------------------------------------------- !>
  9. <link href='http://fonts.googleapis.com/css?family=Snippet|Sue+Ellen+Francisco|Andika|Delius+Swash+Caps|But|Lobster|Redressed|Qwigley|Tangerine|Rancho|Rochester|Lobster+Two|Libre+Baskerville|Dancing+Script|Pacifico|Crafty+Girls' rel='stylesheet' type='text/css'>
  10. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  13. <link href='http://fonts.googleapis.com/css?family=Sofia|Wire+One|Londrina+Outline' rel='stylesheet' type='text/css'>
  14.  
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Ruge+Boogie' rel='stylesheet' type='text/css'>
  17. <head><link rel="stylesheet" href="http://static.tumblr.com/mpornxv/oTzlov58o/lavalamp_test.css" type="text/css" media="screen">
  18.  
  19.     <script type="text/javascript" src="http://static.tumblr.com/mpornxv/BnLlov3e2/jquery-1.1.3.1.min.js"></script>
  20.  
  21.     <script type="text/javascript" src="http://static.tumblr.com/mpornxv/n3hlov3c1/jquery.easing.min.js"></script>
  22.  
  23.     <script type="text/javascript" src="http://static.tumblr.com/mpornxv/Mwklov3cl/jquery.lavalamp.js"></script>
  24. <script type="text/javascript">
  25.     $(function() {
  26.   $(".lavaLamp").lavaLamp({
  27.   fx: "backout", speed: 700 })
  28.   });
  29.  
  30. </script>
  31. <script type="text/javascript">
  32. $(window).load(function(){
  33. var $wall = $('#allboxes');
  34. $wall.imagesLoaded(function(){
  35. $wall.masonry({
  36. itemSelector: '.entry',
  37. isAnimated : true
  38. });
  39. });
  40. $wall.infinitescroll({
  41. navSelector : "div#navigation",
  42. nextSelector : "div#navigation a#nextPage",
  43. itemSelector : '.entry',
  44. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  45. loadingText : " ",
  46. donetext : " ",
  47. extraScrollPx : 9000,
  48. bufferPx : 10000,
  49. debug : false,
  50. errorCallback: function() {
  51. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  52. }},
  53. function( newElements ) {
  54. var $newElems = $( newElements );
  55. $newElems.hide();
  56. $newElems.imagesLoaded(function(){
  57. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  58. });
  59. }); $('#allboxes').show(500);
  60. });
  61. </script>
  62. <!-- DEFAULT VARIABLES -->
  63. <meta name="color:background" content="#ffffff" />
  64. <meta name="color:link" content="#828282" />
  65. <meta name="color:linkhover" content="BB7530" />
  66. <meta name="color:text" content="#828282" />
  67. <meta name="color:sidebar" content="#eee" />
  68. <meta name="text:titulo" content="She's on top of the world." />
  69. <meta name="image:background" content="/" />
  70.  
  71. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Dosis|Inconsolata' rel='stylesheet' type='text/css'>
  72.  
  73.  
  74.  
  75. <meta name="color:entry" content="#ffffff" />
  76. <meta name="color:links" content="#999999" />
  77.  
  78. <meta name="color:titulo" content="#fff" />
  79.  
  80. <meta name="color:linkshover" content="#828282" />
  81.  
  82.  
  83. <meta name="color:link hover" content="#696969" />
  84.  
  85.  
  86.  
  87. <meta name="color:link" content="#828282" />
  88. <meta name="color:linkhover" content="#999" />
  89.  
  90.  
  91.  
  92.  
  93.  
  94. <meta name="text:Link1" content="" />
  95. <meta name="text:Link1 Title" content="link1" />
  96. <meta name="text:Link2" content="" />
  97. <meta name="text:Link2 Title" content="link2" />
  98. <meta name="text:Link3" content="" />
  99. <meta name="text:Link3 Title" content="link3" />
  100. <meta name="text:Link4" content="" />
  101. <meta name="text:Link4 Title" content="link4" />
  102. <meta name="text:Link5" content="" />
  103. <meta name="text:Link5 Title" content="link5" />
  104. <meta name="text:Link6" content="" />
  105. <meta name="text:Link6 Title" content="link6" />
  106. <meta name="image:sidebar" content="http://static.tumblr.com/fdbc3e4d8a23dd483722bbf3fc5d7ce5/e5skbcf/4t7muxezg/tumblr_static_tumblr_muq6mragxn1rzs2lno1_400.jpg" />
  107.  
  108.  
  109. <meta name="color:font" content="#999999" />
  110. <meta name="color:links" content="#999999" />
  111.  
  112. <meta name="color:link" content="#ffffff" />
  113.  
  114. <script src="http://static.tumblr.com/rozpbz7/nFim53lu5/jquery.js"></script>
  115. <script src="http://static.tumblr.com/rozpbz7/tcom53lvc/easing.js"></script>
  116.  
  117. <script type='text/javascript'>
  118. $(document).ready(function() {
  119.         $('.box_containere').hover(function(){
  120.                         var width = $(this).outerWidth() / 2;
  121.                         $(this).find('.left').animate({ right : width },{queue:false,duration:300});
  122.             $(this).find('.right').animate({ left : width },{queue:false,duration:300});
  123.         }, function(){
  124.             $(this).find('.left').animate({ right : 0 },{queue:false,duration:300});
  125.             $(this).find('.right').animate({ left : 0 },{queue:false,duration:300});
  126.         });
  127.        
  128.         $('.box_container3').hover(function(){
  129.            
  130.             var width = $(this).outerWidth() / 2;
  131.            
  132.             $(this).find('.left3').animate({ right : width },{easing: 'easeOutBounce', queue:false,duration:800});
  133.             $(this).find('.right3').animate({ left : width },{easing: 'easeOutBounce', queue:false,duration:800});
  134.         }, function(){
  135.            
  136.             $(this).find('.left3').animate({ right : 0 },{easing: 'easeOutBounce',queue:false,duration:800});
  137.             $(this).find('.right3').animate({ left : 0 },{easing: 'easeOutBounce',queue:false,duration:800});
  138.            
  139.         });
  140.              
  141.   });
  142. </script>
  143.  
  144. </script>
  145.  
  146. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  147.  
  148. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  149.  
  150.  
  151.  
  152.  <title>{Title}</title>
  153.         <link rel="shortcut icon" href="{Favicon}">
  154.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  155. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  156.  
  157. </script>
  158. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  159.  
  160. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  161.  
  162.  
  163. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  164.  
  165. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  166.  
  167.  
  168.  
  169. <title>{Title}</title>
  170.         <link rel="shortcut icon" href="{Favicon}">
  171.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  172. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  173.  
  174.  
  175.  
  176.          
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183.  
  184. </script>
  185. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  186.  
  187. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  188.  
  189.  
  190. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=ABeeZee|Kameron|Muli|Almendra' rel='stylesheet' type='text/css'>
  191.  {block:IndexPage}
  192. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  193. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  194. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  195. <script type="text/javascript">
  196. $(window).load(function () {
  197. $('#allboxes').masonry(),
  198. $('.masonryWrap').infinitescroll({
  199. navSelector : "#page,.page",
  200. nextSelector : ".page a",
  201. itemSelector : ".entry",
  202. bufferPx : 10000,
  203. extraScrollPx: 10,
  204. loadingImg : "",
  205. loadingText : "carregando...",
  206. },
  207. // call masonry as a callback.
  208. function() { $('#allboxes').masonry({ appendedContent: $(this) }); }
  209. );
  210. });
  211. </script>
  212. {/block:IndexPage}
  213. </head>
  214.  
  215.  <style type="text/css">
  216. iframe#tumblr_controls {
  217. top:0px !important;
  218. right:3px !important;
  219. position: fixed !important;
  220. -webkit-transition: opacity 0.6s linear;
  221. opacity: 0.3;
  222. -webkit-transition: all 0.8s ease-out;
  223. -moz-transition: all 0.8s ease-out;
  224. transition: all 0.8s ease-out;
  225. z-index:999999999999999999;}
  226.  
  227. iframe#tumblr_controls:hover{
  228. -webkit-transition: opacity 0.6s linear;
  229. opacity: 0.8;
  230. -webkit-transition: all 0.4s ease-out;
  231. -moz-transition: all 0.4s ease-out;
  232. transition: all 0.4s ease-out;
  233. z-index:999999999999999999999;}
  234.  
  235. ::-webkit-scrollbar{width:16px;height:0px;}
  236. ::-webkit-scrollbar-button:start:decrement
  237. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  238. ::-webkit-scrollbar-track-piece{background-color: #fff; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  239. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:Bordas};-webkit-border-radius:px;;}
  240. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#d3d3d3;-webkit-border-radius:px;}
  241.  
  242.  
  243.  
  244. /*theme by umabonecaciumenta*/  
  245.  
  246.  
  247.  
  248. body {background-color: {color:background}; font-family:calibri; color: {color:text}; text-align: justify; font-size: 12px;  background-image:url('{image:background}'); background-attachment: fixed; }
  249.  
  250. a {color: {color:link}; text-decoration: none; text-transform: none; -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}
  251. a:hover {color: {color:linkhover}; background-color: transparent; text-decoration: none; -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}
  252.  
  253. p {margin: 6px 0 0 0}
  254.  
  255. blockquote {margin: 5px 5px 5px 5px; border-left: 3px solid {color:text}; padding-left: 5px; }
  256. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid  {color:text};}
  257. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid  {color:text}; }
  258. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid  {color:text}; }
  259.  
  260. blockquote img{max-width: 370px!important}
  261. blockquote blockquote img{max-width: 350px!important}
  262. blockquote blockquote blockquote img{max-width: 330px!important}
  263. blockquote blockquote blockquote blockquote img{max-width: 310px!important}
  264.  
  265.  
  266.  
  267.  
  268.  
  269.  iframe#tumblr_controls {
  270. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.6;}
  271. #tumblrcontrols2 {position:fixed; top:50px; right:4px;  z-index:999;}
  272. #tumblrcontrols2 a {opacity:2;
  273. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.6;}
  274.  
  275.  
  276.  
  277.  /* BASE BY THAI, AFASTAREI */
  278.  
  279.  
  280. #allboxes {float: left;margin-left:495px;margin-top:10px; text-align: left;-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;width:710px;}
  281. .entry {width: 450px; background-color: {color:entry}; padding: 0px; margin-bottom:0px;text-align:none; margin-left: 1px;margin-top:0px; ;font-family:calibri ;font-size: 10px; position: relative;-webkit-transition: all 1.5s ease-ou-moz-transition: all 1.5s ease-out;{block:indexpage}width:400px;{/block:indexpage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}};}
  282. .entry:hover {}/*theme by umabonecaciumenta*/  
  283. .entry:hover }
  284.  /*theme by umabonecaciumenta*/  
  285. h1:first-letter{font-family:   consolas; ;letter-spacing: 2px;font-size: 11px;color:{color:text}}
  286. h1 {font-family: cambria;text-align: center; font-size: 12px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 12px;}
  287. h1 a {text-align: center; font-size: 12px; color: {color:text}; font-weight: normal; line-height: 12px;transform: none; }
  288. h1 a:hover {text-align: center; font-size: 14px; color: {color:text}; font-weight: normal; line-height: 12px;}
  289. /*theme by umabonecaciumenta*/  
  290. .image {text-align: center; border: 0px}
  291. .image img {max-width:400px; margin-bottom: 2px; opacity:.8; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out;}
  292. .image img:hover {webkit-filter: grayscale(1);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: url(desaturate.svg#greyscale);filter: gray; filter: grayscale(100%);-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  293.  
  294. .caption {font-family: muli; text-align: center; font-size: 14px; line-height: 10px; padding: 3px;}
  295.  
  296.  
  297.  
  298.  
  299. .xquote {text-align:center;font-family:  arial; line-height:15px; font-size:10px;padding:3px;margin-left:02px; margin-bottom:3px; margin-top:10px;font-style:normal;}
  300. .xquotesource { font-family:calibri; font-style:normal;text-align:   right; text-transform:none; margin-bottom:5px; ;font-size:10px;  color:{color:text};}
  301. .xquotesource a, a:hover{text-transform: none;}
  302. .xquotesource a, a:hover{text-transform: none;}
  303.  /*theme by umabonecaciumenta*/  
  304.  
  305. @font-face { font-family: pixie; src: url('http://static.tumblr.com/fxpo5zq/a8Em6bgnk/lekton-regular.ttf'); }
  306.  
  307. .chat{
  308. line-height: 12px;
  309. list-style: none
  310. }
  311.  
  312. .chat ul {
  313. line-height: 15px;
  314. list-style: none;
  315. padding: 0px;
  316. }
  317.  
  318. .person1 {
  319. background-color:#eee;
  320. color: #888;
  321. }
  322. .person1 .label {
  323. padding: 0px;
  324. margin-left: 5px;
  325. color:#888;
  326. }
  327. .person2 {
  328. background-color: #ccc;
  329. color:#888;
  330. }
  331. .person2 .label {
  332. padding: 0px;
  333. margin-left: 5px;
  334. color: #888;}
  335.  
  336.  
  337.  
  338. .askme {align:center;background: ; margin:0px 0px 0px 0px;padding:5px;position: relative;font-size:9px; font-family:  arial; text-align: justify;font-style:normal;background:#fff;border:1px solid #eee;}
  339. .askme a{color:{color:text} ;}
  340. .askme p {margin:0px 0px;}
  341.  
  342. .askborder img {float: left;margin: 0px 0px 0px 0px;padding: 0px; -webkit-border-radius:100;background: {color:background}}
  343. .askmeresposta {font-size: 11px;}
  344.  
  345.  
  346.  
  347.  
  348.  ::-moz-selection {
  349.   color: #fff;
  350.   background:{color:Text};
  351. }
  352.   ::selection {
  353.  color: #fff;
  354.           background:{color:Text};
  355. }
  356.  
  357.  
  358.  
  359.  
  360.  
  361.  
  362. #ssource{margin-left:10px; display: none;}
  363.  
  364. #perma { background: {color:background}; color: {color:text}; text-align:left; line-height:10px;height:17px; padding:5px; width:60px; margin-left: 400px; opacity:0.01; -moz-opacity: 0.01; filter: alpha(opacity=01); position: absolute; margin-top:-60px; z-index: 123; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; display: block; }
  365. #perma a { text-transform: none; color:  {color:text}; font-size: 9px; letter-spacing:0px;height:auto;font-family:arial;  font-style:normal;text-transform:none;;  }
  366.  
  367. .entry:hover #perma {opacity:1;height:auto; -moz-opacity: 1; filter: alpha(opacity=1); width: 60px;  font-size: 9px;font-weight: normal;; color:{color:text}; -webkit-transition: all 0.9s ease-out; }
  368.  
  369.  #perma a:hover{color:{color:bordas};}
  370.  
  371.  
  372.  .page { width:50px; height: 9px; margin-left:45px; margin-top:460px; position:fixed;  overflow:hidden; background-color: transparent; padding:3px;color:  transparent;}
  373.  
  374.  
  375.  
  376.  
  377.  
  378. @font-face {font-family: "discoverbeauty";src: url('http://static.tumblr.com/nf5qb3y/3ptm2vwot/discoverbeauty.ttf') format("truetype");}
  379.  
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388.  
  389. #thaid {
  390.  
  391. padding: 1px;
  392. height:101px;
  393. line-height:35px;
  394. float:left;
  395.  -webkit-transition-duration:.9s;
  396. position:fixed;
  397. margin-left:-204px;
  398. margin-top:557px;font-style:normal;
  399. width:45px;
  400. font-family:cambria;font-size:25px;
  401. letter-spacing:-1px;
  402. text-align: center;
  403. color:{color:Text}; letter-spacing:2px;
  404.  
  405. z-index:525; text-transform:none; }
  406. #thaimozi3{position:fixed; width:64px;height:0px; float: left; margin-left:120px; margin-top:5px;  text-shadow:10px 0px transparent, -10px 0px transparent;   -webkit-transition: all 0.5s linear; padding: 0px; text-align: center;z-index:5 ;overflow:hidden; }
  407.  
  408. #thaimozi3 a {float: left; margin-left:3px; margin-top:0px;display: block; letter-spacing:0px; font-family:arial; overflow: hidden;font-size:9px;  text-align:center;font-style:normal;;margin-bottom:5px;color:{color:Text}; text-decoration: uppercase; text-transform:none; height:20px; padding: 1px;line-height:20px;; text-shadow: 00px -20px transparent, 0px  20px  transparent;;padding:3px;background:{color:background};width:34px;}
  409.  
  410.  
  411.  
  412. #thaimozi3 a:hover {text-shadow:0px 0px {color:bordas},-0px  0px  {color:bordas};;   -webkit-transition: all 0.9s linear; -webkit-transition: all 0c.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s linear; -webkit-transition: all 0c.9s ease-in-out;-moz-transition: all 0.9s ease-in-out; ;color:{color:Text};
  413. -o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out;;;; background:transparent;;}
  414.  
  415. .thaimg:hover #thaimozi3{margin-top:45px;-webkit-transition-duration:.9s;height:90px; }
  416.  
  417.  
  418.  
  419.  .thaimg {left:310px; top:100px; position:fixed;    padding:2px; padding-bottom: 0px; opacity: 1; }
  420. .thaimg  img {position:fixed;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; opacity:0.9;  ;background:{color:Background};-webkit-filter: grayscale(40%) ; height:163px; width: 166px;padding:4px;border:1px solid {color:sidebar};-webkit-transition: all 0.4s ease-out;  -moz-transition: all 0.1s ease-out  
  421. }
  422.  
  423. .thaimg:hover .textoss{opacity:0.2;-moz-transition-duration:0.2s; -webkit-transition-duration:0.5s;-webkit-filter: blur(5px); -o-transition-duration:0.2s; left:; top:;background-color:{color:Background};opacity:0.2;-o-transition-duration:0.2s;-webkit-transform: rotate(-50deg); text-shadow:0px 0px 7px #fff; -webkit-filter: blur(5px);top:185px;}
  424.  
  425.  
  426.  
  427.  
  428.  
  429. .thaimg:hover #thaiee {;-webkit-transition-duration:.9s;
  430. overflow:hidden;;margin-top:510px;background:transparent;color:{color:text};text-align:center;font-family:discoverbeauty;;text-transform:none;  letter-spacing:0px;;font-size:12px;width:148px;margin-left:-4px;line-height:10px;}
  431.  
  432.  
  433.  
  434.  #thaiee {
  435.  
  436. padding:1px;
  437. height:10px;
  438. line-height:20px;
  439. float:left;
  440.  -webkit-transition-duration:.3s;
  441. position:fixed;text-transform:uppercase;
  442. margin-left:11px;
  443. margin-top:180px;
  444. font-style:normal;
  445. width:138px;
  446. font-family:"Homenaje";font-size:13px;
  447. letter-spacing:-1px;
  448. text-align:right;
  449. color:{color:Background}; letter-spacing:1px;
  450.  
  451. z-index:5; }
  452.  
  453. #thaie {
  454.  
  455. padding: 0px;
  456. height:35px;
  457. line-height:12px;background:{color:Background};
  458. float:left;
  459.  -webkit-transition-duration:.3s;
  460. position:fixed;
  461. margin-left:4px;;font-style:normal;
  462. width:167px;margin-top:190px;
  463. font-family:arial;font-size:9px;
  464. letter-spacing:0px;
  465. text-align:left;
  466. color:{color:Text};
  467.  
  468. z-index:555; text-transform:none; }
  469.  
  470. .thaimg:hover #thaie2{;-webkit-transition-duration:.9s;;background:{color:Background};color:{color:Text};margin-top:224px; border-bottom:1px dashed {color:sidebar};}
  471.  
  472.  
  473. #thaie2 {
  474.  
  475. padding: 0px;
  476. height:12px;
  477. line-height:15px;background:{color:Background};
  478. float:left;
  479.  -webkit-transition-duration:.3s;
  480. position:fixed;
  481. margin-left:0px;;font-style:normal;
  482. width:177px;margin-top:177px;
  483. font-family:web;font-size:17px;
  484. letter-spacing:0px;
  485. text-align:left;
  486. color:{color:Text};;
  487.  
  488. z-index:555; text-transform:none; }
  489.  
  490.  
  491.  
  492.  
  493. .thaimg:hover #thaie1{;-webkit-transition-duration:.9s;;background:{color:Background};color:{color:Text};;margin-top:177px;border-bottom:1px dashed {color:Background}}
  494.  
  495.  
  496. #thaie1 {
  497.  
  498. padding: 0px;
  499. height:13px;
  500. line-height:12px;border-bottom:1px dashed {color:sidebar};
  501. float:left;background:{color:Background};
  502.  -webkit-transition-duration:.3s;
  503. position:fixed;
  504. margin-left:4px;;font-style:normal;
  505. width:167px;margin-top:224px;
  506. font-family:arial;font-size:9px;
  507. letter-spacing:1px;
  508. text-align:left;
  509. color:{color:Text};
  510.  
  511. z-index:555; text-transform:none; }
  512.  
  513.  
  514.  
  515.  
  516. .thaimg:hover #thaies {;margin-top:243px;font-size:13px;width:85px;-webkit-transition-duration:.9s;margin-left:54px;height:16px;line-height:16px;}
  517.  
  518.  
  519.  
  520.  
  521.  
  522.  
  523.   @font-face {font-family: "Web"; src: url('http://static.tumblr.com/xrmodho/vvmmmoc3j/callie_hand-trial_version.otf');}
  524.  
  525.  
  526.  
  527.  @font-face {font-family:basket; src: url('http://static.tumblr.com/ejm8w78/aollviadu/destrukt.ttf');}
  528.  
  529.  
  530.  
  531.  
  532.  
  533.  
  534.  
  535.  
  536.  
  537. @font-face{font-family:"Basic";src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);}
  538.  
  539.  /*links by afastarei */
  540.  
  541.  
  542.  
  543.  
  544. .thaimg:hover #thaimozi2 {;-webkit-transition-duration:.9s;
  545. overflow:hidden;;  }
  546.  
  547.  
  548.  
  549.  
  550. #thaigostosa {margin-top:0px; position:fixed; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  551. #thaigostosa:hover {margin-top:123px;}
  552.  
  553.  
  554.  
  555.  iframe#tumblr_controls {
  556. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;}
  557. #tumblrcontrols2 {position:fixed; top:50px; right:4px;  z-index:999;}
  558. #tumblrcontrols2 a {opacity:2;
  559. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;}
  560.  
  561.  
  562.  
  563.  #thai9 {text-align: center; overflow: hidden; height:44px; -webkit-border-radius: 0px 0px 0px 0px; font-size: 10px; font-family:consolas; position: fixed; margin-left:-27px; width: 107px; background-color:{color:background}; color: {color:Text}; padding: 5px; margin-top: 490px; background-attachment: fixed; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; ; letter-spacing: 0px; text-transform:  none;line-height: 84px; z-index:942;}
  564.  #thai9 a {color: {color:Text};text-transform:  none;font-size:10px;border-bottom: 1px dotted {color:sidebar};}
  565.  
  566.  
  567.  
  568. /* Menu Lavalamp */
  569.  
  570. .lavaLamp {position:fixed;height: 21px; width: 163px;background:{color:Background};padding: 5px; margin:240px 0;overflow: hidden;border:1px solid {color:sidebar};}
  571.  
  572. .lavaLamp li {float: left;list-style: none;}
  573.  
  574. .lavaLamp li.back {background:{color:Background};width: 9px; height: 20px;z-index: 8;position: absolute;}
  575.  
  576. .lavaLamp li.back .left {background:{color:sidebar};height: 20px;margin-right: 0px;}
  577.  
  578. .lavaLamp li a {position: relative; overflow: hidden;text-decoration: none;text-transform:none;outline: none;text-align: center;height: 20px; top: 5px;z-index: 10; letter-spacing: 0;float: left; display: block;margin: auto 10px; font-family:arial; font-size:9px; color:{color:Text};text-align: center;overflow: hidden; text-shadow: 00px -20px transparent, 0px  20px  transparent;}
  579.  
  580. .lavaLamp li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {color:{color:Text};border: none;}
  581.  
  582.  </style>
  583.  <link rel="stylesheet" href="http://static.tumblr.com/mpornxv/oTzlov58o/lavalamp_test.css" type="text/css" media="screen">
  584.  
  585.     <script type="text/javascript" src="http://static.tumblr.com/mpornxv/BnLlov3e2/jquery-1.1.3.1.min.js"></script>
  586.  
  587.     <script type="text/javascript" src="http://static.tumblr.com/mpornxv/n3hlov3c1/jquery.easing.min.js"></script>
  588.  
  589.     <script type="text/javascript" src="http://static.tumblr.com/mpornxv/Mwklov3cl/jquery.lavalamp.js"></script>
  590. <script type="text/javascript">
  591.     $(function() {
  592.   $(".lavaLamp").lavaLamp({
  593.   fx: "backout", speed: 700 })
  594.   });
  595.  
  596. </script>
  597.  
  598.  
  599.  
  600.  
  601.  
  602.  
  603.  
  604.  
  605.  
  606.  
  607. <body>
  608.  
  609. </div>
  610. </div>
  611. </div>
  612. </div></div>
  613. </div>
  614.  
  615.  
  616.  
  617.  
  618.  
  619.  
  620.  
  621. <div class="page"> <center><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"> </a>&nbsp;{/block:PreviousPage}{block:NextPage}&nbsp; <a href="{NextPage}"> </a>{/block:NextPage} </div></big>
  622. </center></div></div>
  623.  
  624.  
  625.    
  626.    
  627.    
  628.    
  629.    
  630. </div>
  631.  
  632.  
  633.    
  634.  
  635.  
  636.  
  637. </div>
  638. </div>
  639.  
  640. <div class="thaimg" class="hover">
  641.  
  642. <img class="bottom shadow" src="{image:sidebar}"style="-webkit-filter: grayscale(100%);"title=" {title}">
  643.  
  644. <img class="top shadow" src="{image:sidebar}" title=" {title}">
  645.   <ul class="lavaLamp">
  646.  
  647. <li><a href="{text:link1}"><b>{text:link1 title}</b></a></li>
  648.  
  649. <li><a href="{text:link2}">{text:link2 title}</a></li>
  650.  
  651. <li><a href="{text:link3}"><b>{text:link3 title}</b></a></li>
  652.  
  653.  </li>
  654.  
  655.  
  656.  
  657. </ul>
  658.  
  659.  
  660.  
  661.  
  662.  <div id="thaiee">
  663. </div>
  664. <div id="thaie">{description}
  665.    
  666. </div><div id="thaie1"> ♡ ♡ ♡ ♡ ♡ ♡ ♡ ♡ ♡ ♡ ♡ ♡ ♡ ♡
  667.  
  668. </div>
  669. <div id="thaie2">{text:titulo}
  670.  
  671.  
  672.  
  673. </div>
  674.    <div id="thaimozi3">
  675.  
  676. <a href="{text:link4}">{text:link4 title}</a>
  677. <a href="{text:link5}"><b>{text:link5 title}</b></a>
  678.  
  679. <a href="{text:link6}">{text:link6 title}</a>
  680.  
  681.  
  682. </div>
  683.  
  684.  
  685.  
  686.  
  687. </div>
  688. </div>
  689.  
  690.  
  691.  
  692. </div>
  693.  
  694.  
  695.  
  696. </div>
  697. </div></div>
  698.  
  699.  
  700.  
  701.  
  702. </div>
  703.  
  704.  
  705.  
  706. </div>
  707. </div></div>
  708.  
  709.  
  710.  
  711. </div></div>
  712.  
  713.  
  714.  
  715.  <div id="thai9" title="Créditos: Afastarei (c) NÃO COPIE!"> <a href="http://thmxthai.tumblr.com/"> @ afastarei</a> </div>
  716.  
  717. </div>
  718.  
  719.  
  720. </div>
  721.  
  722.  
  723.  
  724.  
  725.  
  726.  
  727.  
  728. </div></div></div></div>
  729.  
  730. <div id="thaiamor1"> </div>
  731.  
  732.  
  733.  <div id="thaiamor2"> </div>
  734.  
  735. <div id="allboxes">
  736.  
  737. {block:Posts}
  738.  
  739.  
  740.  
  741. <div class="entry">
  742.  
  743.  
  744.  
  745. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  746.  
  747.  {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  748. {block:PostNotes}
  749. <div class="caixa>
  750.  <div class="extra"><img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user">
  751. {block:RebloggedFrom} <a href="{ReblogParentURL}"> - Via</a> <a href="{ReblogRootURL}">- From</b></a> {/block:RebloggedFrom}   {block:ContentSource}<a href="{SourceURL}" target=blank> - Source  </a>{/block:ContentSource}</div>
  752. <div class="extra">
  753. <img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user"> {DayOfMonth},<b> {Month}</b> de {Year}
  754. </div>
  755. <div class="extra">
  756. <img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user"> {block:HasTags}{/block:HasTags}
  757. <span style="width:auto;">
  758. {block:HasTags}
  759. {block:Tags}
  760. <a class="tag" href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</span>
  761. </div>
  762. <div class="extra">
  763. <img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user">{NoteCount}
  764. </div>
  765. {PostNotes}  
  766.  
  767. </div>
  768. {/block:PostNotes}
  769.  
  770.  
  771. {block:Photoset}{Photoset-400}{/block:Photoset}
  772.  
  773. {block:Quote}
  774. <div class="xquote">❝{Quote}❞</div>
  775. {block:Source}<div class="xquotesource"><b> {Source}</b></div>
  776. {/block:Source}
  777. {/block:Quote}
  778.  
  779.  
  780.  
  781. {block:Link}
  782. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  783. {block:Description}{Description}{/block:Description}
  784. {/block:Link}
  785.  
  786. {block:Chat}
  787. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  788. <div class="chat"><ul>{block:Lines}
  789. <li class="person{UserNumber}">{block:Label}
  790. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  791. {/block:Chat}
  792.  
  793.  
  794. {block:Audio}
  795. <div class="player">{AudioPlayerBlack}</div>
  796. {block:Caption}{Caption}{/block:Caption}
  797. {/block:Audio}
  798.  
  799.  
  800. {block:Video}{Video-500}{/block:Video}
  801.  
  802.  
  803.  
  804. {block:Answer}
  805.  
  806. <div class="askme"><span></span><b>{Asker} says:</b> {Question}&nbsp;</div><div class="askmeresposta">{Answer}</div>{/block:Answer}
  807.  
  808. <div id="cap">
  809. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  810. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  811. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  812.  
  813.  
  814.  
  815. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  816. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  817. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  818. {/block:ContentSource}</div></div> <div id="perma">
  819. {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a> {/block:NoteCount} <br><a href="{ReblogURL}" target="_blank">reblog </a>
  820. {block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>
  821. {/block:RebloggedFrom}
  822.  
  823.  
  824.  
  825. {/block:RebloggedFrom}
  826. <br>{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  827. </div></div>
  828.    
  829.  {/block:Posts}
  830. </div>
  831. </div>
  832.  </div>
  833. </div>
  834. </div>
  835. </div>
  836. </div>
  837. </div>
  838. </div>
  839. </div>
  840.  
  841.  
  842.  
  843. <!-- PLEASE DO NOT REMOVE THE CREDIT LINK. I'D APPRECIATE THAT VERY MUCH !DON'T COPY BITCH.DON'T COPY BITCH. DON'T COPY BITCH . DON'T COPY BITCH -->
  844. <div style="font-size: 10px; font-family:calibri;position:fixed;bottom:5px;right:5px; color:{color:text}">
  845. <a href="http://afastarei.tumblr.com" title="Créditos:  AFASTAREI © | NAO COPIE! (c)  " ><big>THEME ©</big></a></div>
  846.  
  847. </body>
Advertisement
Add Comment
Please, Sign In to add comment