API tools faq
paste
ubc-themes

theme 83

ubc-themes
Apr 15th, 2013
864
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 29.49 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <! ----------------------------------------------
  3.  theme by: thai, umabonecaciumenta dtlhs
  4.              things-to-help-you
  5.        sem cópias totais ou parciais.
  6.          p l a g i o  e  c r i m e
  7. ---------------------------------------------- !>
  8. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  9. <link href='http://fonts.googleapis.com/css?family=ABeeZee|Kameron|Muli|Almendra' rel='stylesheet' type='text/css'>
  10. <link href='http://fonts.googleapis.com/css?family=Snippet|Sue+Ellen+Francisco|Andika|Delius+Swash+Caps|Lobster|Redressed|Margarine|Tangerine|Rancho|Rochester|Lobster+Two|Dancing+Script|Pacifico|Milonga|Crafty+Girls' rel='stylesheet' type='text/css'>
  11. <link href='http://fonts.googleapis.com/css?family=Leckerli+One' rel='stylesheet' type='text/css'>
  12. <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
  13. <link href='http://fonts.googleapis.com/css?family=Stalemate' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono|Ubuntu:300|Patrick+Hand+SC' rel='stylesheet' type='text/css'>
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Ruge+Boogie' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Leckerli+One' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC|Handlee' rel='stylesheet' type='text/css'>
  19. <head>
  20. <!-- DEFAULT UMABONECACIUMENTA VARIABLES -->
  21. <meta name="color:link" content="#000000" />
  22. <meta name="color:linkhover" content="#696969" />
  23. <meta name="color:text" content="#000000" />
  24. <meta name="color:sidebar" content="#fff" />
  25. <meta name="color:descricao" content="#fff" />
  26. <meta name="color:entry" content="#fff" />
  27. <meta name="color:cor link" content="#fff" />
  28. <meta name="color:borda um" content="#fff" />
  29. <meta name="color:borda dois" content="#e985a1" />
  30. <meta name="color:bg links hover" content="#fff" />
  31. <meta name="color:source quote" content="#fcf2f5" />
  32. <meta name="image:fundinho" content="http://static.tumblr.com/b44946dd5e675353fec2a655fd2f70af/e5skbcf/wbVmjjyu9/tumblr_static_bgdathai.jpg" />
  33. <meta name="image:top" content="http://static.tumblr.com/da245aa2d21cd104e179f550e0b811e3/e5skbcf/GPgmjk00a/tumblr_static_awnthai.png" />
  34. <meta name="image:fundinho dos links" content="http://static.tumblr.com/f1c1b2e0c1e784da73d6832286dd5821/e5skbcf/kjkmjk00p/tumblr_static_dot_pink.png" />
  35. <meta name="color:background" content="#F5f5f5" />
  36. <meta name="image:background" content="http://static.tumblr.com/c87257f8316d47f8a644844032f9ac27/e5skbcf/oNpmjk74g/tumblr_static_bg.png" />
  37. <meta name="text:titulo um" content="I'm a Barbie girl" />
  38. <meta name="text:titulo dois" content="I'll always be with you..." />
  39. <meta name="text:frase foto" content="I just wanted to hold you" />
  40. <meta name="text:Link1" content="/" />
  41. <meta name="text:Link1 Title" content="link" />
  42. <meta name="text:Link2" content="/" />
  43. <meta name="text:Link2 Title" content="link" />
  44. <meta name="text:Link3" content="/" />
  45. <meta name="text:Link3 Title" content="link" />
  46. <meta name="text:Link4" content="/" />
  47. <meta name="text:Link4 Title" content="link" />
  48. <meta name="text:Link5" content="/" />
  49. <meta name="text:Link5 Title" content="link" />
  50. <meta name="text:Link6" content="/" />
  51. <meta name="text:Link6 Title" content="link" />
  52. <meta name="text:Link7" content="/" />
  53. <meta name="text:Link7 Title" content="link" />
  54. <meta name="text:Link8" content="/" />
  55. <meta name="text:Link8 Title" content="link" />
  56. <meta name="text:Link9" content="/" />
  57. <meta name="text:Link9 Title" content="link" />
  58. <meta name="text:Link10" content="/" />
  59. <meta name="text:Link10 Title" content="link" />
  60. <meta name="text:Link11" content="/" />
  61. <meta name="text:Link11 Title" content="link" />
  62. <meta name="text:Link1 letra1" content="♥" />
  63. <meta name="text:Link2 letra2" content="♥" />
  64. <meta name="text:Link3 letra3" content="♥" />
  65.  
  66. <meta name="image:sidebar" content="http://static.tumblr.com/915277d4f981657c431bba43a896b3d1/e5skbcf/2B8mjk0f4/tumblr_static_tumblr_mine7wft831rny9qso1_500.jpg" />
  67.  
  68. <script type='text/javascript'>
  69. $(document).ready(function() {
  70.         $('.box_containere').hover(function(){
  71.                         var width = $(this).outerWidth() / 2;
  72.                         $(this).find('.left').animate({ right : width },{queue:false,duration:300});
  73.             $(this).find('.right').animate({ left : width },{queue:false,duration:300});
  74.         }, function(){
  75.             $(this).find('.left').animate({ right : 0 },{queue:false,duration:300});
  76.             $(this).find('.right').animate({ left : 0 },{queue:false,duration:300});
  77.         });
  78.        
  79.         $('.box_container3').hover(function(){
  80.            
  81.             var width = $(this).outerWidth() / 2;
  82.            
  83.             $(this).find('.left3').animate({ right : width },{easing: 'easeOutBounce', queue:false,duration:800});
  84.             $(this).find('.right3').animate({ left : width },{easing: 'easeOutBounce', queue:false,duration:800});
  85.         }, function(){
  86.            
  87.             $(this).find('.left3').animate({ right : 0 },{easing: 'easeOutBounce',queue:false,duration:800});
  88.             $(this).find('.right3').animate({ left : 0 },{easing: 'easeOutBounce',queue:false,duration:800});
  89.            
  90.         });
  91.              
  92.   });
  93. </script>
  94.  
  95. </script>
  96. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  97.  
  98. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  99.  
  100. <script type="text/javascript">
  101. $(window).load(function(){
  102. var $wall = $('#allboxes');
  103. $wall.imagesLoaded(function(){
  104. $wall.masonry({
  105. itemSelector: '.entry',
  106. isAnimated : true
  107. });
  108. });
  109. $wall.infinitescroll({
  110. navSelector : "div#navigation",
  111. nextSelector : "div#navigation a#nextPage",
  112. itemSelector : '.entry',
  113. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  114. loadingText : " ",
  115. donetext : " ",
  116. extraScrollPx : 9000,
  117. bufferPx : 10000,
  118. debug : false,
  119. errorCallback: function() {
  120. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  121. }},
  122. function( newElements ) {
  123. var $newElems = $( newElements );
  124. $newElems.hide();
  125. $newElems.imagesLoaded(function(){
  126. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  127. });
  128. }); $('#allboxes').show(500);
  129. });
  130. </script>
  131.                     <title>{Title}</title>
  132.          <link rel="shortcut icon" href="http://24.media.tumblr.com/76062a3668a0cee2c8bd4ca8bfca486b/tumblr_mjk184Z5kA1rnj43qo1_100.png">
  133.  
  134.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  135. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  136.           {block:IndexPage}
  137. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  138. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  139. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  140. <script type="text/javascript">
  141. $(window).load(function () {
  142. $('#allboxes').masonry(),
  143. $('.masonryWrap').infinitescroll({
  144. navSelector : "#page,.page",
  145. nextSelector : ".page a",
  146. itemSelector : ".entry",
  147. bufferPx : 10000,
  148. extraScrollPx: 10,
  149. loadingImg : "",
  150. loadingText : "carregando...",
  151. },
  152. // call masonry as a callback.
  153. function() { $('#allboxes').masonry({ appendedContent: $(this) }); }
  154. );
  155. });
  156. </script>
  157. {/block:IndexPage}
  158. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'></head>
  159.     <style type="text/css">
  160. iframe#tumblr_controls {
  161. top:0px !important;
  162. right:3px !important;
  163. position: fixed !important;
  164. -webkit-transition: opacity 0.6s linear;
  165. opacity: 0.3;
  166. -webkit-transition: all 0.8s ease-out;
  167. -moz-transition: all 0.8s ease-out;
  168. transition: all 0.8s ease-out;
  169. z-index:999999999999999999;}
  170.  
  171. iframe#tumblr_controls:hover{
  172. -webkit-transition: opacity 0.6s linear;
  173. opacity: 0.8;
  174. -webkit-transition: all 0.4s ease-out;
  175. -moz-transition: all 0.4s ease-out;
  176. transition: all 0.4s ease-out;
  177. z-index:999999999999999999999;}
  178.  
  179.  
  180.  
  181. ::-webkit-scrollbar{width:10px;height:0px;}
  182. ::-webkit-scrollbar-button:start:decrement
  183. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  184. ::-webkit-scrollbar-track-piece{background-color: #fff; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  185. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:borda1};-webkit-border-radius:px;border:2px double #fff;background-image: url('{image:fundinho dos links}');}
  186. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#d3d3d3;-webkit-border-radius:px;}
  187.  
  188.  
  189. body, a, a:hover { cursor:url(http://media.tumblr.com/024f29d01683e455791e3d7b432b72f8/tumblr_inline_mj7vlxIiDu1qz4rgp.png), auto}
  190. body {background-color: {color:background}; font-family: calibri; color: {color:text}; text-align: justify; font-size: 10px;  background-image:url('{image:background}'); background-attachment: fixed; ;
  191.  
  192. }
  193.  
  194. a {color: {color:link}; text-decoration: none; text-transform: none;}
  195. a:hover {color: {color:linkhover}; background-color: transparent; text-decoration: none;text-shadow:0px 0px 9px ;}
  196.  
  197. p {margin: 6px 0 0 0}
  198. /*theme by umabonecaciumenta*/  
  199.  
  200.  
  201.  
  202.  
  203. /*theme by umabonecaciumenta*/  
  204. #allboxes {float: left;margin-left:452px;margin-top:45px; text-align: left;-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;width: 700px;}
  205. .entry {width: 250px; background-color: {color:entry}; padding: 15px; margin-bottom:0px; text-align: none;font-family: 'Ubuntu', sans-serif;font-size: 12px; position: relative;margin-top:04px; margin-left:4px;-webkit-box-shadow: 0px 02px 12px #c9c9c9;-webkit-transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out;{block:indexpage}width:250px;{/block:indexpage}{block:PermalinkPage}width:515px;{/block:PermalinkPage}};}
  206. .entry:hover { }/*theme by umabonecaciumenta*/  
  207. .entry:hover #perma {display: inline;}
  208.  /*theme by umabonecaciumenta*/  
  209. h1:first-letter{font-family:Rochester  ; font-size: 21px;color:{color:borda dois};}
  210. h1 {font-family: 'Ubuntu', sans-serif; text-align: center; font-size: 15px; text-transform: none; color: {color:text};  font-weight: normal; line-height: 12px;}
  211. h1 a {text-align: center; font-size: 14px; color: {color:text}; font-weight: normal; line-height: 12px;}
  212. h1 a:hover {text-align: center; font-size: 14px; color: {color:text}; font-weight: normal; line-height: 12px;}
  213. /*theme by umabonecaciumenta*/  
  214. .image {text-align: center; border: 0px}
  215. .image img {max-width: 250px; margin-bottom: 2px; opacity:.8; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out;}
  216. .image img:hover {border:2px dashed {color:borda dois};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;}
  217.  
  218. .caption {font-family: 'Ubuntu', sans-serif; text-align: center; font-size: 14px; line-height: 10px; padding: 3px;}
  219.  
  220.  /*theme by umabonecaciumenta*/  
  221.  
  222.  
  223.  
  224.  
  225.   /*theme umabonecaciumenta*/ /*theme umabonecaciumenta*/
  226.  
  227.  
  228.  
  229.  
  230. #thail1{position: fixed;width:2;height:;margin-top:153px; margin-left: 75px;10;border-top: 10px solid {color:text}; border-left: 22px solid transparent;  z-index:5200;;-webkit-transform: rotate(-09deg);}
  231.  
  232.  
  233.  
  234.  
  235.  
  236.  
  237.  
  238.   /*theme umabonecaciumenta*/ /*theme umabonecaciumenta*/
  239.  
  240.  
  241.  /*theme by umabonecaciumenta*/  
  242.  #thaiti {text-align: center; overflow: hidden; height:32px; -webkit-border-radius: 0px 0px 0px 0px; font-size:34px; font-family: 'Sacramento',  cursive;;  position: fixed; margin-left:70px; width: 218px; background-color:{color:sidebar}; color: {color:Text}; padding: 5px; margin-top:108px; background-attachment: fixed; border-bottom:2px  dashed {color:borda dois};-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; ; letter-spacing: 0px; -webkit-transform: rotate(-09deg);text-transform: none;line-height: 34px; z-index:280;;text-shadow: 3px 5px 9px #696969;;}
  243.  #thaiit a {color:#b5b5b5;text-transform: none;font-size:20px;}/*theme by umabonecaciumenta*/  
  244.  
  245.  
  246.   /*theme by umabonecaciumenta*/  
  247.  #thaiti1 {text-align: center; overflow: hidden; height:77px; -webkit-border-radius: 0px 0px 0px 0px; font-size: 42px; font-family: sacramento; position: fixed; margin-left:-105px; width: 394px; background-color:; color: {color:text}; padding: 5px; margin-top: 307px; background-attachment: fixed; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; ; letter-spacing: 0px; text-transform: none;line-height: 52px; z-index:705;text-shadow: 3px 5px 9px #c9c9c9;;;-webkit-transform: rotate(-90deg);}/*theme by umabonecaciumenta*/  
  248.  #thaiit1 a {color:#b5b5b5;text-transform: none;font-size:20px;}
  249. /*theme by umabonecaciumenta*/  
  250.   #thaiit1:hover {color:#000;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  251.  
  252.  
  253.  
  254. .chat{
  255. line-height: 12px;
  256. list-style: none
  257. }
  258.  
  259. .chat ul {
  260. line-height: 15px;
  261. list-style: none;
  262. padding: 0px;
  263. }
  264.  
  265. .person1 {
  266. background-color:#eee;
  267. color: #888;
  268. }
  269. .person1 .label {
  270. padding: 0px;
  271. margin-left: 5px;
  272. color:#888;
  273. }
  274. .person2 {
  275. background-color: #c9c9c9;
  276. color:#888;
  277. }
  278. .person2 .label {
  279. padding: 0px;
  280. margin-left: 5px;
  281. color: #888;}
  282.  
  283.  
  284.  
  285.  
  286.  
  287.  
  288.  
  289. #questionpam{width:240px;
  290. padding:5px;
  291. background-color: {color:background};
  292. -webkit-border-radius: 5px 5px 5px 5px;
  293. -moz-border-radius: 5px 5px 5px 5px;
  294. border-radius: 5px 5px 5px 5px;}
  295.  
  296. #askerpam{text-align: left;
  297. vertical-align:bottom;
  298. margin-top:-24px;
  299. margin-left:20px;
  300. font-size:12px;
  301. font-family:''Ubuntu', sans-serif; ';}
  302.  
  303. #askerpam img{vertical-align:center;
  304. float:left;
  305. max-height:15px;
  306. margin-left: 20px;
  307. margin-right: 5px;
  308. -webkit-border-radius: 60px 0px 60px 60px;
  309. -moz-border-radius: 60px 0px 60px 60px;
  310. border-radius: 60px 0px 60px 60px;
  311. box-shadow: 3px 3px 0 0 {color:background};}
  312.  
  313. #setapam {margin-top:-0px;
  314. margin-left:18px;
  315. width: 0;
  316. height: 0;
  317. border-top: 17px solid  {color:background};;
  318. border-left: 17px solid transparent;}
  319.  
  320.    
  321.  
  322. .xquote:first-letter{font-family:  Rochester ; font-size: 21px;color:{color:borda dois};}
  323.  
  324. .xquote {text-align:justify;font-family: 'Ubuntu', sans-serif; line-height:15px; font-size: 12px;padding:3px;margin-left:02px; margin-bottom:3px; margin-top:10px;}
  325. .xquotesource {font-family:Georgia; font-style:italic;text-align:  right; text-transform:none; margin-bottom:5px; ;font-size:15px;  background-color:{color:source quote};  }
  326. .xquotesource a, a:hover{text-transform: none;}
  327. .xquotesource a, a:hover{text-transform: none;}
  328.  
  329.  
  330.  
  331. #cap {width: 450px; margin-top: -2px;}
  332.  
  333. b, strong, bold {color:borda dois};}
  334.  
  335. u,underline {color: {color:borda dois}; border-bottom: 1px dotted ;{color:borda dois}; text-decoration:none; }
  336.  
  337. i, em{color: {color:borda dois}; }
  338.  
  339.  ::-moz-selection {
  340.   color: #fff;
  341.   background: {color:borda dois};;
  342. }
  343.   ::selection {
  344.  color: #fff;
  345.           background:{color:borda dois};
  346. }
  347.  
  348.  
  349.  
  350.  
  351.  
  352. #tumblr_controls{position: fixed!important}
  353. #tumblr_controls{position: fixed!important}
  354. #tumblr_controls{position: fixed!important}
  355. #tumblr_controls{position: fixed!important}
  356.  
  357.  
  358.  
  359.  
  360. #thats1 {width:250; height: 51px; float: left; margin-left:330px; margin-top: 128px; padding: 2px; text-align:  center; position: fixed; z-index:800; }/*theme by umabonecaciumenta*/  
  361. #thats1  a {display: inline-block;float: left; margin-left: 4px; font-family: calibri ;  -webkit-border-radius: 200px ;font-size: 15px;border:1px  dashed  #fe80c0;;letter-spacing:1px; text-align:  center;  margin-top: 8px; height: 23px; width: 23px; color:{color:cor link}; line-height: 23px;  text-transform:   uppercase; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color:#1c1c1c;background-image:url('{image:fundinho dos links}') }
  362.  
  363. #thats1   :hover {-webkit-transition: all 0.9s ease-out; color:{color:#feaec2};  -webkit-transform: rotate(-90deg); }
  364.  
  365.  
  366. .caixinha { opacity:0.0;
  367. position: absolute;
  368. z-index: 999;
  369. text-align: center;
  370. height:100%;
  371. text-transform:uppercase;
  372. top: 10%;
  373. bottom: 20%;
  374. left:78%;}
  375.  
  376.  
  377.  
  378. .entry:hover .caixinha {opacity: 1.0; ; }
  379.  
  380. #thats2 {width:420; height: 51px; float: left; margin-left:104px; margin-top: 483px; padding: 2px; text-align:  center; position: fixed; z-index:800; }/*theme by umabonecaciumenta*/  
  381. #thats2  a {display: inline-block;float: left; margin-left: 4px; font-family: 'Handlee', cursive;  ;  -webkit-border-radius: 200px ;font-size: 14px;;letter-spacing:1px; text-align:  center;  margin-top: 8px; 5px;border-top:5px double {color:Borda um}; height: 25px; width: 59px; color:{color:cor link}; line-height: 25px;  -webkit-border-radius: 50px 50px 0px 0px;; text-transform:   none; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color:#c9c9c9;background-image:url('{image:fundinho dos links}') }
  382.  
  383. #thats2   :hover {-webkit-transition: all 0.9s ease-out; color:{color:#feaec2};  background:{color:bg links hover}; color:{color:text}; border-top:5px double {color:borda dois};  }
  384.  
  385.  
  386.  
  387.  #thaidlc:first-letter{font-family: 'Ubuntu', sans-serif; font-size: 19px;color:{color:borda dois};}
  388.  #thaidlc {text-align: center; overflow: hidden; height:367px; -webkit-border-radius: 0px 0px 0px 0px; font-size: 12px; font-family: 'Ubuntu', sans-serif;; position: fixed; margin-left:109px; width: 305px; background-color:; color: {color:descricao}; padding: 5px; margin-top: 413px; background-attachment: fixed; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; ; letter-spacing: 0px; text-transform: none;line-height: 12px; z-index:295;;}
  389.   /*theme by umabonecaciumenta*/  /*theme by umabonecaciumenta*/  
  390.  
  391.  
  392. #thaiamor2 {width:150%; height: 45px; margin-left:-20px; margin-top:-25px; position:fixed; overflow:hidden; background-color:{color:borda dois} ; line-height:25px;color: #; font-family:calibri; font-size:15px; text-align: center; padding:3px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;z-index:259; text-transform: uppercase; letter-spacing:1px;background-image:url('{image:top}') }}
  393.  
  394. #thaiamor2:hover{}
  395.  
  396.  
  397.  
  398. .vsanna{display: none;}
  399.  
  400.  
  401. #thats3 {width:250; height: 51px; float: left; margin-left:150px; margin-top: 377px; padding: 2px; text-align:  center; position: fixed; z-index:800; }/*theme by umabonecaciumenta*/  
  402. #thats3  a {display: inline-block;float: left; margin-left: 4px; font-family: 'Handlee', cursive;  ;  -webkit-border-radius: 200px ;font-size: 14px;border:1px  dashed  #fe80c0;;letter-spacing:1px; text-align:  center;  margin-top: 8px; border:1px dashed {color:Borda um};height: 25px; width: 66px; color:{color:cor link}; line-height: 25px;  text-transform:   none; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color:#c9c9c9;background-image:url('{image:fundinho dos links}') }
  403.  
  404. #thats3   :hover {-webkit-transition: all 0.9s ease-out; color:{color:#feaec2};  background:{color:bg links hover}; color:{color:text}; border:1px dashed {color:borda dois};    }
  405.  
  406.  
  407.  
  408.  #thai9 {text-align: center; overflow: hidden; height:15px; -webkit-border-radius: 0px 0px 0px 0px; font-size: 20px; font-family:  Rochester ; position: fixed; ;margin-left:7px; width: 62px; background-color:{color:sidebar}; color: #b5b5b5; padding: 5px; margin-top: 42px; background-attachment: fixed; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; ; letter-spacing: 0px; text-transform: none;line-height: 20px; z-index:900;border-bottom:1px dotted {color:borda dois};}
  409.  #thai9 a {color:#b5b5b5;text-transform: none;font-size:17px;}
  410.  
  411. /* by umabonecaciumenta* se pegar credite*/  
  412.  
  413. .thaimg3 {left: 118px; top:176px; position:fixed; background-color: #eee;  border-left:0px solid #eee; padding:1px; padding-bottom: 0px; opacity: 1; z-index:280;  }
  414. .thaimg3  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;  border:3px solid{color:Borda um}; height:183px; width: 283px; padding:10px;  -webkit-transition: all 0.4s ease-out;  -moz-transition: all 0.1s ease-out ;  opacity:0.6; opacity:1;
  415. ;background-image: url('{image:fundinho dos links}');}
  416.  
  417. .thaimg3:hover .textoss{opacity:0.1;-moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; left:; top:;background-color:#fff;opacity:0.5;-o-transition-duration:0.5s;-webkit-transform: rotate(-50deg); text-shadow:0px 0px 7px #fff; -webkit-filter: blur(1px);}
  418. .thaimg3:hover img.top, .cf4.hover_effect img.top {opacity:0;-webkit-transform: rotate(-70deg);-webkit-border-radius: 900px ;}
  419.  
  420. .thaimg3:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray};-webkit-transform: rotate(-70deg);} /
  421.  
  422.  
  423.  
  424.  
  425.  
  426.  
  427.  
  428.  
  429.  
  430. /*theme by umabonecaciumenta*/  /*theme by umabonecaciumenta*/
  431.  
  432.  
  433.  
  434.  
  435.  
  436.  #thaicc3 {text-align: justify; margin-top:79px; line-height:2px; background-color:#transp; margin-left: 1205px;  -webkit-transform: rotate(33deg); overflow: hidden; -webkit-border-radius: 15px 15px 0px 0px;  font-family: georgia; position: fixed; color:{color:borda dois};; padding: 10px;  background-attachment: fixed; width:45px; height: 10px;  -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;   text-transform: uppercase; -webkit-transform: rotate(deg); z-index: 680;}
  437. #thaic3{font-size: 36px; margin-left: -2px; margin-top:3px;font-family:sofia ; letter-spacing: -1px; text-transform: none; line-height: 0px;}
  438.  
  439.  #thaicc2 {text-align: justify; margin-top:59px; line-height:2px; background-color:#transp; margin-left: 1195px;  -webkit-transform: rotate(-43deg); overflow: hidden; -webkit-border-radius: 15px 15px 0px 0px;  font-family: georgia; position: fixed; color:{color:Borda dois};; padding: 10px;  background-attachment: fixed; width:45px; height: 10px;  -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;   text-transform: uppercase; -webkit-transform: rotate(deg); z-index: 680;}
  440. #thaic2{font-size: 26px; margin-left: -2px; margin-top:3px;font-family:sofia ; letter-spacing: -1px; text-transform: none; line-height: 0px;}
  441.  
  442.  
  443.   #thailinda{margin-top: 112px ; margin-left:97px; position: fixed; background-color:#fff;  font-family: verdana; font-size:9px; width:322px; font-style: none; color: #c9c9c9;  border-radius:0px 0px 16px 16px;height:387px; line-height:130%;padding: 2px; text-align: center; border-left:5px double {color:Borda um}; ;border-right:5px double {color:Borda um};;border-bottom:2px dashed {color:Borda um};;border-top:5px double {color:Borda um};z-index: 200; background-image:url('{image:fundinho}');  }
  444.  
  445.  
  446. #soulindat4 {text-align: center;padding: 5px; margin-top: 367px; margin-left: 115px; position:fixed;  color:{color:Borda um};font-size: 38px;  z-index: 680; }
  447.  
  448.  
  449. #soulindat5 {text-align: center;padding: 5px; margin-top: 367px; margin-left: 361px; position:fixed;  color:{color:Borda um};font-size: 38px;  z-index: 680;
  450.  
  451.  
  452. </style>
  453.  <script>
  454.  
  455.  
  456.  
  457. $(document).ready(function() {
  458.  
  459.     //
  460.  
  461.  
  462.  
  463. //When you click on a link with class of poplight and the href starts with a #
  464.  
  465. $('a.poplight[href^=#]').click(function() {
  466.  
  467.     var popID = $(this).attr('rel'); //Get Popup Name
  468.  
  469.     var popURL = $(this).attr('href'); //Get Popup href to define size
  470.  
  471.  
  472.  
  473.     //Pull Query & Variables from href URL
  474.  
  475.    var query= popURL.split('?');
  476.  
  477.     var dim= query[1].split('&');
  478.  
  479.     var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  480.  
  481.  
  482.  
  483.     //Fade in the Popup and add close button
  484.  
  485.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/tumblr_lrumtrIPQm1qgnots.png" class="btn_close" title="volte baby" alt="Close" /></a>');
  486.  
  487.  
  488.     //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
  489.  
  490.     var popMargTop = ($('#' + popID).height() + 80) / 2;
  491.  
  492.     var popMargLeft = ($('#' + popID).width() + 80) / 2;
  493.  
  494.  
  495.  
  496.     //Apply Margin to Popup
  497.  
  498.     $('#' + popID).css({
  499.  
  500.         'margin-top' : -popMargTop,
  501.  
  502.         'margin-left' : -popMargLeft
  503.  
  504.     });
  505.  
  506.  
  507.  
  508.     //Fade in Background
  509.  
  510.     $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  511.  
  512.     $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  513.  
  514.  
  515.  
  516.     return false;
  517.  
  518. });
  519.  
  520.  
  521.  
  522. //Close Popups and Fade Layer
  523.  
  524. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  525.  
  526.     $('#fade , .popup_block').fadeOut(function() {
  527.  
  528.         $('#fade, a.close').remove();  //fade them both out
  529.  
  530.     });
  531.  
  532.     return false;
  533.  
  534. });
  535.  
  536.  
  537.  
  538.  
  539.  
  540. });
  541. </script>
  542.  
  543. <body>
  544.  
  545.  
  546.  
  547.  
  548.  
  549.  
  550.  
  551. </div>
  552. </div>
  553.  
  554.  
  555.  
  556.  
  557.  
  558.    
  559.    
  560. </div>
  561. </div>
  562.  
  563.  
  564.  
  565.  
  566.    
  567.    
  568. </div>
  569.  
  570.  
  571.  
  572.  
  573.  
  574.  
  575.  
  576.  
  577.  
  578.  
  579.  
  580. </div>
  581.  
  582. <div id="thaidlc">{description} </div>
  583.  
  584.  
  585.  
  586. <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>
  587. </center></div></div>
  588.  
  589. <div id="soulindat4"> ╚</div>
  590.  <div id="soulindat5"> ╝ </div>
  591.  
  592.  
  593.  
  594.  
  595. </div>
  596.  
  597. <div id="thats3">
  598.  
  599. <a href="{text:link9}">{text:link9 title}</a>
  600. <a href="{text:link10}">{text:link10 title}</a>
  601. <a href="{text:link11}">{text:link11 title}</a>
  602. </div>
  603.  
  604.  
  605.  
  606.  
  607.  
  608.  
  609.  
  610.  <div id="thai9" title="Créditos: Umabonecaciumenta (c) |  NÃO COPIE!"> <a href="http://umabonecaciumenta.tumblr.com/"> Boneca <font color="{color:borda dois}">©</font></a> </div>
  611.      
  612.  
  613. <div id="thaiti1"> {text:titulo dois}</div>
  614.  
  615.  
  616. <div id="thaiti">  {text:titulo um}</div>
  617.  
  618. <div id="thats1">
  619.  
  620. <a href="{text:Link1}" title="{text:Link1 Title}">{text:Link1 letra1}</a>
  621. <a href="{text:Link2}" title="{text:Link2 Title}">{text:Link2 letra2}</a>
  622. <a href="{text:Link3}" title="{text:Link3 Title}">{text:Link3 letra3}</a></div></div></div></div>
  623.  
  624. <div id="thats2">
  625.  
  626.  
  627.  
  628.  
  629.  
  630.  
  631. <a href="{text:link4}">{text:link4 title}</a>
  632. <a href="{text:link5}">{text:link5 title}</a>
  633. <a href="{text:link6}">{text:link6 title}</a>
  634. <a href="{text:link7}">{text:link7 title}</a>
  635. <a href="{text:link8}">{text:link8 title}</a>
  636. </div>
  637. >
  638.  
  639. <div id="thail1"></div></div></div></div></div></div>
  640.  
  641.  
  642.  
  643.  
  644.    
  645.  
  646.  
  647.  
  648.  
  649.  
  650.  
  651. <div id="thaicc3"><div id="thaic3">♥</div></div></div></div></div>
  652.  
  653. <div id="thaicc2"><div id="thaic2">♥</div></div></div></div></div>
  654.  
  655. </div></div></div>
  656.  
  657.  
  658.  
  659. <div id="thaiamor1">
  660. </div></div></div>
  661. </div>
  662.  
  663.  <div id="thaiamor2"></div>
  664.  
  665.  <div id="thailinda"></div>
  666. <div class="thaimg3" class="hover">
  667.  
  668. <img class="bottom shadow" src="{image:sidebar}"style="-webkit-filter: grayscale(100%);"title=" {text:frase todo}">
  669. <img class="top shadow" src="{image:sidebar}" title=" I just wanted to hold you"></div>
  670. </div>
  671.  
  672.  
  673. </div></div></div></div></div></div></div></div></div></div>
  674.  
  675.  
  676.  
  677. <div id="puqueceehlindathai"></div>
  678. </div>  
  679.  
  680.  
  681. <div id="allboxes">
  682.  
  683. {block:Posts}
  684.  
  685.  
  686.  
  687. <div class="entry">
  688.  
  689. <div class="caixinha">
  690. <a href="{ReblogURL}" target="_blank" title="reblog my love"><img src="http://static.tumblr.com/pcjzxya/WXCmh4wa1/4.png"></a>
  691. <a href="{permalink}" title="sweet like this" target="_blank"><img src="http://static.tumblr.com/pcjzxya/2N0mh425r/4.png" target="_blank"></a>
  692. </div>
  693.  
  694.  
  695. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  696.  
  697.  
  698. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  699.  
  700.  
  701. {block:Photoset}{Photoset-250}{/block:Photoset}
  702.  
  703.  
  704. {block:Quote}
  705. <div class="xquote">“{Quote}”</div>
  706. {block:Source}<div class="xquotesource">  {Source}</div>
  707. {/block:Source}
  708. {/block:Quote}
  709.  
  710.  
  711. {block:Link}
  712. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  713. {block:Description}{Description}{/block:Description}
  714. {/block:Link}
  715.  
  716. {block:Chat}
  717. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  718. <div class="chat"><ul>{block:Lines}
  719. <li class="person{UserNumber}">{block:Label}
  720. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  721. {/block:Chat}
  722.  
  723.  
  724. {block:Audio}
  725. <div class="player">{AudioPlayerBlack}</div>
  726. {block:Caption}{Caption}{/block:Caption}
  727. {/block:Audio}
  728.  
  729.  
  730. {block:Video}{Video-500}{/block:Video}
  731.  
  732.  
  733.  
  734. {block:Answer}
  735. <div id="questionpam">{Question}</div>
  736. <div id="setapam"></div>
  737. <br>
  738. <div id="askerpam"><img src="{AskerPortraitURL-24}">{Asker}</div>
  739. {Answer}{/block:Answer}
  740.  
  741. <div id="cap">
  742. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  743. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  744. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  745.  
  746. <div class="source">
  747.  
  748. <br>
  749. </div>
  750. </div>
  751.  
  752.  
  753. <div id="info">
  754.  
  755. </div>
  756. </div>{/block:Date}
  757.  
  758.  
  759. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  760. {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</div>
  761. {/block:Posts}
  762. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  763.  
  764.  
  765. </div>
  766. </div>
  767. </div>
  768. </div>
  769. </div>
  770. </div>
  771. </div>
  772. </div>
  773. </div>
  774. </div>
  775. </div>
  776. </div>
  777. </div>
  778. </div>
  779. </div>
  780. </div>
  781. </body>
  782. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!