API tools faq
paste
Eduarda

Theme buttone

Eduarda
Apr 7th, 2013
1,059
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.77 KB | None | 0 0
raw download clone embed print report
  1. <!---All Themes feito por Duda.R [OMDG] não use como base, só adapte para o seu uso próprio e por favor não disponibilize. respeite o meu tranalho
  2. --------------------------------------->
  3.  
  4. <html>
  5.  
  6. <script type="text/javascript">
  7. $(window).load(function(){
  8. var $wall = $('#box');
  9. $wall.imagesLoaded(function(){
  10. $wall.masonry({
  11. itemSelector: '.post',
  12. isAnimated : true
  13. });
  14. });
  15. $wall.infinitescroll({
  16. navSelector : "div#navigation",
  17. nextSelector : "div#navigation a#nextPage",
  18. itemSelector : '.post',
  19. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  20. loadingText : " ",
  21. donetext : " ",
  22. extraScrollPx : 9000,
  23. bufferPx : 10000,
  24. debug : false,
  25. errorCallback: function() {
  26. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  27. }},
  28. function( newElements ) {
  29. var $newElems = $( newElements );
  30. $newElems.hide();
  31. $newElems.imagesLoaded(function(){
  32. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  33. });
  34. }); $('#box').show(500);
  35. });
  36. </script>
  37.  
  38.  
  39. <head>
  40.  
  41.  
  42. <script>
  43.  
  44.  
  45.  
  46. $(document).ready(function() {
  47.  
  48. //
  49.  
  50.  
  51.  
  52. //When you click on a link with class of poplight and the href starts with a #
  53.  
  54. $('a.poplight[href^=#]').click(function() {
  55.  
  56. var popID = $(this).attr('rel'); //Get Popup Name
  57.  
  58. var popURL = $(this).attr('href'); //Get Popup href to define size
  59.  
  60.  
  61.  
  62. //Pull Query & Variables from href URL
  63.  
  64. var query= popURL.split('?');
  65.  
  66. var dim= query[1].split('&');
  67.  
  68. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  69.  
  70.  
  71.  
  72. //Fade in the Popup and add close button
  73.  
  74. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/2bh9bxo/iTXmdcocj/sbdb.gif" class="btn_close" title="Volte My boo" alt="Close" /></a>');
  75.  
  76.  
  77. //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
  78.  
  79. var popMargTop = ($('#' + popID).height() + 80) / 2;
  80.  
  81. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  82.  
  83.  
  84.  
  85. //Apply Margin to Popup
  86.  
  87. $('#' + popID).css({
  88.  
  89. 'margin-top' : -popMargTop,
  90.  
  91. 'margin-left' : -popMargLeft
  92.  
  93. });
  94.  
  95.  
  96.  
  97. //Fade in Background
  98.  
  99. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  100.  
  101. $('#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
  102.  
  103.  
  104.  
  105. return false;
  106.  
  107. });
  108.  
  109.  
  110.  
  111. //Close Popups and Fade Layer
  112.  
  113. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  114.  
  115. $('#fade , .popup_block').fadeOut(function() {
  116.  
  117. $('#fade, a.close').remove(); //fade them both out
  118.  
  119. });
  120.  
  121. return false;
  122.  
  123. });
  124.  
  125.  
  126.  
  127.  
  128.  
  129. });
  130.  
  131. </script>
  132.  
  133.  
  134. <!-- APPERENCE VARIABLES {OMDG}----->
  135.  
  136. <meta name="image:fotodr" content="http://static.tumblr.com/9b57991632349c9a144fb8e56b37fac2/2bh9bxo/1ahmkwiud/tumblr_static_531538_541945325835972_1149013744_n.jpg" />
  137. <meta name="image:background" content="" />
  138.  
  139.  
  140.  
  141.  
  142. <meta name="color:background" content="#fff" />
  143. <meta name="color:link" content="#969696" />
  144. <meta name="color:text" content="#969696" />
  145. <meta name="color:bghover" content="#FDB5CE" />
  146. <meta name="color:links" content="#fff" />
  147. <meta name="color:text desc" content="#bbbaba" />
  148. <meta name="color:borda" content="#c9c6c6" />
  149. <meta name="color:borda2" content="#FDB5CE" />
  150. <meta name="color:bordaimg" content="#b4b4b4" />
  151. <meta name="color:abc" content="#FDB5CE" />
  152. <meta name="color:italico" content="#8EE5EE" />
  153. <meta name="color:linhadopost" content="#d3d1d1" />
  154. <meta name="color:post" content="#fff" />
  155. <meta name="color:scrollbar" content="#fff" />
  156. <meta name="color:frase" content="#b4b4b4" />
  157. <meta name="color:tags" content="#FDB5CE" />
  158. <meta name="color:sombra" content="#747474" />
  159. <meta name="color:bgask" content="#d3d1d1" />
  160. <meta name="color:pag" content="#969696" />
  161. <meta name="color:sidebar" content="#e4e4e6" />
  162.  
  163.  
  164.  
  165.  
  166. <meta name="text:Link1" content="/" />
  167. <meta name="text:Link1 Title" content="link 1" />
  168. <meta name="text:Link2" content="/" />
  169. <meta name="text:Link2 Title" content="link 2" />
  170. <meta name="text:Link3" content="/" />
  171. <meta name="text:Link3 Title" content="link 3" />
  172. <meta name="text:Link4" content="/" />
  173. <meta name="text:Link4 Title" content="link 4" />
  174. <meta name="text:Link5" content="/" />
  175. <meta name="text:Link5 Title" content="link 5" />
  176. <meta name="text:Link6" content="/" />
  177. <meta name="text:Link6 Title" content="link 6" />
  178.  
  179.  
  180. <meta name="text:frase" content="Me and you Forever" />
  181.  
  182.  
  183.  
  184. <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}">
  185. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  186. {block:Description}
  187. <meta name="description" content="{MetaDescription}" />
  188. {/block:Description}
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195. <!----------------FONTES-------♥-------->
  196. <link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
  197. <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
  198. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  199.  
  200. <link href='http://fonts.googleapis.com/css?family=Anonymous+Pro' rel='stylesheet' type='text/css'>
  201.  
  202. <link href='http://fonts.googleapis.com/css?family=Life+Savers' rel='stylesheet' type='text/css'>
  203. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  204. <link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700t" rel="stylesheet" type="text/css">
  205.  
  206. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  207.  
  208.  
  209. <link href='http://fonts.googleapis.com/css?family=Ruge+Boogie' rel='stylesheet' type='text/css'>
  210.  
  211. <link href='http://fonts.googleapis.com/css?family=ABeeZee|Kameron|Muli|Almendra' rel='stylesheet' type='text/css'>
  212.  
  213. <link href='http://fonts.googleapis.com/css?family=Snippet|Sue+Ellen+Francisco|Andika|Delius+Swash+Caps|Lobster|Redressed|Tangerine|Rancho|Rochester|Lobster+Two|Dancing+Script|Pacifico|Crafty+Girls' rel='stylesheet' type='text/css'>
  214.  
  215. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  216. <link href='http://fonts.googleapis.com/css?family=Raleway+Dots' rel='stylesheet' type='text/css'>
  217. <link href='http://fonts.googleapis.com/css?family=Emilys+Candy|Butterfly+Kids|Federo|Quicksand|Antic+Didone|Josefin+Slab|Raleway+Dots|Cedarville+Cursive|Damion|Dawning+of+a+New+Day|Rancho|Marvel' rel='stylesheet' type='text/css'>
  218.  
  219. <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic' rel='stylesheet' type='text/css'>
  220. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  221. <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
  222.  
  223. <link href='http://fonts.googleapis.com/css?family=Akronim' rel='stylesheet' type='text/css'>
  224.  
  225. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  226. <link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
  227. <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>
  228. <link href='http://fonts.googleapis.com/css?family=Vibur' rel='stylesheet' type='text/css'>
  229.  
  230. <link rel="stylesheet" href="http://static.tumblr.com/5dbytsa/VYmmcwtwj/entrada.css" media="screen"/>
  231. <link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
  232. <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
  233. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  234. <!------------------eita duh--------------------->
  235. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  236.  
  237. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  238. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
  239. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  240. <link href='http://fonts.googleapis.com/css?family=Emilys+Candy|Butterfly+Kids|Federo|Quicksand|Antic+Didone|Josefin+Slab|Raleway+Dots|Cedarville+Cursive|Damion|Dawning+of+a+New+Day|Rancho|Marvel' rel='stylesheet' type='text/css'>
  241. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,300italic|Exo:300,400|Alegreya+SC|Gafata' rel='stylesheet' type='text/css'>
  242. <link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
  243. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  244. <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
  245.  
  246. <link href='http://fonts.googleapis.com/css?family=ABeeZee|Kameron|Muli|Almendra' rel='stylesheet' type='text/css'>
  247. <link href='http://fonts.googleapis.com/css?family=Stalemate' rel='stylesheet' type='text/css'>
  248.  
  249. <script type="text/javascript">
  250. // <![CDATA[
  251. var speed=100; //
  252. var height=3; //
  253. var alink="/"; // page to link text to (set to ="" for no link)
  254.  
  255. /****************************
  256. ****************************/
  257. var wobtxt, wobble, wobcnt=0;
  258. window.onload=function() { if (document.getElementById) {
  259. var i, wobli;
  260. wobble=document.getElementById("wobble");
  261. wobtxt=wobble.firstChild.nodeValue;
  262. while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
  263. for (i=0; i<wobtxt.length; i++) {
  264. wobli=document.createElement("span");
  265. wobli.setAttribute("id", "wobb"+i);
  266. wobli.style.position="relative";
  267. wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
  268. if (alink) {
  269. wobli.style.cursor="pointer";
  270. wobli.onclick=function() { top.location.href=alink; }
  271. }
  272. wobble.appendChild(wobli);
  273. }
  274. setInterval("wobbler()", speed);
  275. }}
  276.  
  277. function wobbler() {
  278. for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  279. wobcnt++;
  280. }
  281. // ]]>
  282. </script>
  283.  
  284. </head>
  285.  
  286.  
  287. <style type="text/css">
  288.  
  289. ::-moz-selection
  290.  
  291. {color: #FFF;
  292.  
  293. background: #FFF;}
  294.  
  295.  
  296.  
  297. ::selection
  298.  
  299. {color: #fff ;
  300.  
  301. background: #aca7a7;
  302. text-shadow: #3a3939 1px 1px 5px ;}
  303.  
  304.  
  305.  
  306. @font-face {font-family: "pacifico";
  307. src: url(http://static.tumblr.com/ufwwwyn/Do8m4xui1/pacifico.ttf) format("truetype");}
  308.  
  309. iframe#tumblr_controls {
  310. top:0px !important;
  311. right:3px !important;
  312. position: fixed !important;
  313. -webkit-transition: opacity 0.6s linear;
  314. opacity: 0.3;
  315. -webkit-transition: all 0.8s ease-out;
  316. -moz-transition: all 0.8s ease-out;
  317. transition: all 0.8s ease-out;
  318. z-index:999999999999999999;}
  319.  
  320. iframe#tumblr_controls:hover{
  321. -webkit-transition: opacity 0.6s linear;
  322. opacity: 0.8;
  323. -webkit-transition: all 0.4s ease-out;
  324. -moz-transition: all 0.4s ease-out;
  325. transition: all 0.4s ease-out;
  326. z-index:999999999999999999999;}
  327.  
  328. #tumblr_controls{position: fixed!important}
  329. #tumblr_controls{position: fixed!important}
  330. #tumblr_controls{position: fixed!important}
  331. #tumblr_controls{position: fixed!important}
  332.  
  333. body {color:{color:text};background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:calibri; font-size:13px; line-height:100%; text-align:justify; text-transform: none;text-align: center; font-style: none; }
  334.  
  335. a:link, a:active, a:visited{ color: {color:link}; text-decoration:none; -webkit-transition-duration: 0.4s; }
  336.  
  337. a:hover{color:{color:lhover};text-shadow:0px 0px 9px ; }
  338.  
  339.  
  340.  
  341. 58px; margin-left: 553px; position: fixed; text-transform:uppercase; letter-spacing:1px; z-index:1; opacity:0.8; border-top: 2px solid #eee; border-bottom: 0px solid #eee}
  342.  
  343. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  344.  
  345.  
  346.  
  347. #barbie-e {background-color: ; width: 1000px; margin: 0px auto 0px auto; background: #1c1c1c;}
  348.  
  349. #OMDG {margin-left: 420px; width: 700px; margin-top: 15px; opacity:2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; }
  350.  
  351. #OMDG:hover{-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; opacity:1}
  352.  
  353. .baseduh {-webkit-border-radius: 2px;
  354. -moz-border-radius: 2px;
  355. border-radius: 2px;border:1px solid {color:linhadopost}; width: 290px; background-color:{color:post} ; text-align: justify; padding: 1px; float: left; margin: 4px 0 0 4px;opacity:2;-webkit-border-radius: 5px 5px 5px 5px;}
  356.  
  357. .baseduh:hover {opacity:2}
  358.  
  359. .baseduh img { border:1px solid {color:borda};-webkit-border-radius: 5px 5px 5px 5px;max-width: 280px; padding: 2px; opacity:2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;opacity:0.9;border:1px solid {color:border};border-radius:4px;box-shadow: 0px 1px 1px {color:sombra};}
  360.  
  361. .baseduh img:hover {border: 1px solid {color:tags};opacity:2;}
  362.  
  363.  
  364. h1 { font-family: Snippet; text-align: center; font-size: 16px; text-transform: none; color: {color:post text}; font-weight: normal; }
  365. h1 a {text-align: center; font-size: 14px; text-transform: none; color: {color:post text}; font-weight: normal; }
  366. h1 a:hover {text-align: center; font-size: 18px; text-transform: none; color: {color:post text}; font-weight: normal;padding: 4px;}
  367.  
  368.  
  369. blockquote {padding:0px; padding-left:5px; margin:0px; border-left:2px solid #aaa}
  370.  
  371. .notes img{width:10px; position:relative; top:1px}
  372. ol.notes, .notes li{width:280px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  373.  
  374.  
  375. /*** Stilo da Ask por things-to-help-you **/
  376. .pergunta {background: {color:bgask}; padding: 8px; margin-top: 0px; border-bottom: 1px solid {color:borda}; margin-left: 0px;margin-right: 0;overflow: hidden; text-shadow: 0px 1px 1px {color:sombra};line-height:9px;}
  377. .perguntou {width: 415px;height:14px; background:{color:text}; font-weight:normal; padding:3px; margin-bottom:1px; color:{color:text};font-family: 'Play', sans-serif; font-size: 8px; text-align:left;line-height:16px;text-transform:uppercase;margin-left:-8px;} /**--OMDG---♥---**/
  378. .perguntou g {color:{color:borda2};} /**--OMDG---♥---**/
  379. .perguntou a {color: {color:borda2}; font-size:10px;}
  380. .askfoto {opacity: 0.7; border: 2px solid {color:borda};width: 40px;height: 40px;} /**--OMDG---♥---**/
  381. .askfoto:hover {opacity: 0.9;}
  382.  
  383.  
  384. /* Chat por Anna (livelikeasuicide) *********/
  385. .chat {background:{color:borda}; margin: 0; font-size:
  386.  
  387. 10px; font-family: consolas;}
  388. .chat .chat1 {margin-left: 0px;font-size:
  389. 8px; }
  390. .chat .chat1 .chat2 {background:{color:borda2}; color:{color:link};font-size: 10px;
  391. margin-bottom: 1px; padding:4px; font-family: tahoma; } /* Primeira linha */
  392. .chat .chat1 .chat2.even {background:{color:borda};
  393. color:{color:text};font-size:
  394. 11px; } /* Segunda linha */
  395.  
  396.  
  397.  
  398. .cred {opacity: 2; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;font-size:10px; border-top:0px solid #f2f2f2; }
  399. /*-------------NEGRITO ITALICO E SUBLINHADO------♥-------*/
  400.  
  401. b {color: {color:abc};text-decoration: none;}
  402.  
  403. i {color:{color:italico};text-decoration: none;}
  404.  
  405. u {color: {color:borda}; text-decoration: none; border-bottom: 1px dashed {color:borda2}; DO SUBLINHADO;}
  406.  
  407.  
  408. #baseduh1 {background:{color:background};
  409. margin-top: 2px; text-align:right; font-size:16px; font-family:Muli; z-index:11; padding:2px; color:{color:link} ; -webkit-transition: all 0.2s ease-out;border-top:1px solid{color:linhadopost};border-bottom:0px dotted {color:linhadopost}; -moz-transition: all .4s ease-out;letter-spacing: 0.5px;}
  410. #baseduh1 a {font-size: 10px; opacity:0.8; }
  411.  
  412. #tags {color: {color:text}; font-size: 12px; font-family:Iceland; display: inline; list-style: none; text-transform: uppercase;opacity:0.9}
  413. #tags a {font-size: 10px; font-family: Iceland; display: inline; list-style: none; text-transform: uppercase; color:{color:links};}
  414.  
  415.  
  416. #cap {width: 500px; margin-top: -2px;}
  417. .source {display: none;}
  418.  
  419. .notes {width: 520px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: center}
  420. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  421. ol.notes li {background-color: ; margin-bottom: 2px; padding: 5px; }
  422. .notes img{display: none; border:0px}
  423.  
  424.  
  425.  
  426.  
  427. .quote:first-letter{font-family: Rochester; font-size: 24px;color:{color:borda2};}
  428. .quote {font-family: Muli; text-align: center; font-size: 12px; line-height: 15px; padding: 3px; margin-top: 6px;}
  429. .taysource {-webkit-transform: rotate(0deg);font-family:'candara'; font-style:italic; font-size: 12px; text-transform: none; margin-bottom: 5px; margin-top:4px; padding-left:10px; background: {color:background}; padding:0px 10px 0px 0px; line-height:20px; height:22; border-top: 1px dashed {color:borda2}; font-weight:bold; text-align: right;}
  430. }
  431. .taysource a, a:hover{text-transform: none;}
  432.  
  433.  
  434.  
  435. ::-webkit-scrollbar-thumb:vertical {width:8px;background-color:{color:scrollbar};-webkit-border-radius: 30px;
  436. -moz-border-radius: 30px;
  437. border-radius: 30px;}
  438. ::-webkit-scrollbar {height:0px;width:8px;background-color:#fff; -webkit-border-radius: 50px;
  439. -moz-border-radius: 50px;
  440. border-radius: 50px;}
  441.  
  442.  
  443. .imagem {position: absolute; width:245px; height:495px; margin-left:5px; margin-top: 11px;position:fixed;border:7px solid {color:borda}; padding:5px; padding:8px; background-color:{color:borda};}
  444. .imagem img {position:fixed; -webkit-transition: all 1s ease-in-out;-webkit-border-radius: 0px 0px 0px 0px; -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; display: block; height:270px; width: 244px;margin-left:0px; margin-top:40px; opacity:1;}
  445.  
  446.  
  447. .imagem img.top { opacity:1;}
  448. .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0;}
  449.  
  450. .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray; -webkit-border-radius: 30px;
  451. -moz-border-radius: 30px;
  452. border-radius: 30px;}
  453.  
  454.  
  455.  
  456.  
  457. .efeito2 {position: absolute;width:189px;height:180px;margin-left:199px; -webkit-border-radius: 20px 20px 20px 20px;/**--OMDG---♥---**/
  458. margin-top: 55px;position:fixed;border:5px solid {color:bordaimg}; }
  459. .efeito2 img { position:fixed; -webkit-transition: all 1s ease-in-out;-webkit-transform: rotate(0deg);
  460. -webkit-border-radius: 20px 20px 20px 20px;-moz-transition: all 1s ease-in-out;
  461. -o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;display: block;height:180px;width: 190px;
  462. padding:0px;margin-left:0px;margin-top:0px;opacity:0.8;-webkit-transition-duration: 0.8s;opacity: 9.0;} /**--OMDG---♥---**/
  463. .efeito2 img:hover {}
  464.  
  465.  
  466.  
  467. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  468. #pagina{ margin-top: 330px; margin-left:255px;font-size:13px; width: 88px; float: right; background-color: transparent; position: fixed; height: 24px; -webkit-border-radius: 0px 0px 0px 0px; z-index:830 }
  469.  
  470.  
  471. .imsureduh {width:155px;height:20px;line-height:17px;
  472. margin-top:23px;
  473. color:{color:frase};
  474. opacity:0.999;
  475. text-align:center;
  476. position:fixed;
  477. font-family:Snippet;
  478. font-size:13px;
  479. letter-spacing:1px; /**--OMDG---♥---**/
  480. margin-left:220px; background:{color:links};}
  481. /**--OMDG---♥---**/
  482. @font-face {font-family:basket; src: url('http://static.tumblr.com/ejm8w78/aollviadu/destrukt.ttf');}
  483. /******----------------DESCRIÇÃO--------♥--------******/
  484. #notinholaduda {margin-left: 219px; margin-top: 250px; width:151px; font-size: 10px; height:58px; text-align: center; transparent; font-family:Muli; color: {color:text desc};position: fixed;z-index:99;padding: 5px; -webkit-transition: 1s ease-in; line-height: 12px;-webkit-border-radius: 5px 5px 5px 5px; /**--OMDG---♥---**/
  485. -moz-transition: 1s ease-in; transition: 1s ease-in; overflow: hidden; opacity: 1; border-top: 3px dotted transparent;padding: 2px 2px 2px 2px;}
  486. /***-------------BORDAS -------------♥-----***/
  487.  
  488.  
  489.  
  490. /*-------------NEGRITO ITALICO E SUBLINHADO------♥-------*/
  491.  
  492. b {color: {color:abc};text-decoration: none;}
  493.  
  494. i {color:{color:italico};text-decoration: none;}
  495.  
  496. u {color: {color:text}; text-decoration: none; border-bottom: 1px dashed {color:borda2}; DO SUBLINHADO;}
  497.  
  498.  
  499. /*******-------------------PARTE DA SIDEBAR------♥-----******/
  500.  
  501. #estela1 {position: fixed; margin-left: 200px; width:251px; height: 337px; background-color:{color:sidebar}; margin-top: 80px; -webkit-transform: rotate(0deg);-webkit-border-radius: 10px 10px 10px 10px; }
  502.  
  503. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  504.  
  505.  
  506. #faixa2 {margin-top: -30px; margin-left: 220px; position: fixed; background:{color:sidebar}; border-left: 1px solid {color:borda};border-right: 1px solid {color:borda};-webkit-border-radius: 10px 10px 10px 10px;height: 340px; width:153px;}/***detalhes by o-mundo-de-uma-garota***/
  507.  
  508.  
  509. /***--- SCROLLBAR---♥----***/
  510.  
  511. ::-webkit-scrollbar-thumb:vertical {background-color:{color:borda2};height:50px; border:3px solid {color:scrollbar};}
  512.  
  513. ::-webkit-scrollbar-button:vertical {height:8px;display: block; background:{color:borda2};}
  514.  
  515.  
  516. ::-webkit-scrollbar {height:0px;width:11px;background-color:{color:scrollbar};}
  517.  
  518. /**** SELECAO COLORIDA - MADLYLUV.com ****/
  519. ::-moz-selection{background:{color:borda2};text-shadow:0px 1px 1px {color:sombra}; }
  520. ::selection{background: {color:borda2}; color: {color:text};text-shadow:0px 1px 1px {color:sombra}; }
  521.  
  522. /***--------TUMBLR CONTROLS---------♥------***/
  523.  
  524. #tumblr_controls{position: fixed!important}
  525.  
  526. #tumblr_controls{position: fixed!important}
  527.  
  528. #tumblr_controls{position: fixed!important}
  529.  
  530. #tumblr_controls{position: fixed!important}
  531.  
  532. #dj2 {width: 29px; position: fixed; padding: 8px; background-color: transparent; margin-left: 170px; margin-top: 230px; color:{color:bordaimg}; font-size: 25px; -webkit-transform: rotate(90deg); z-index: 1000;}
  533.  
  534. .links { position:fixed;background:{color:links}; width:186px; height:18px; line-height:7px;opacity:0.6; font-size:8px; font-family:cambria; text-align:center; color:{color:links}; padding: 1px; margin-top:190px;margin-left:205px;background-color:trans;}
  535. .links a {color: {color:link};text-transform:uppercase;letter-spacing:0px; }
  536.  
  537. .links a:hover {color:{color:link};}
  538.  
  539. </style>
  540.  
  541.  
  542.  
  543.  
  544. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  545.  
  546. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  547. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  548. <script type="text/javascript">
  549. $(window).load(function () {
  550. $('#OMDG').masonry(),
  551. $('.masonryWrap').infinitescroll({
  552. navSelector : ".baseduh",
  553. nextSelector : "#page a#p",
  554. itemSelector : ".baseduh",
  555. bufferPx : 10000,
  556. extraScrollPx: 10000,
  557. loadingImg : "",
  558. loadingText : "",
  559. },
  560. function() { $('#OMDG').masonry({ appendedContent: $(this) }); }
  561. );
  562. });
  563. </script>
  564.  
  565.  
  566. <body onkeydown="return false">
  567.  
  568.  
  569.  
  570. <div id="barbie-e">
  571.  
  572. <div id="faixa2"></div> <div class="imsureduh">{text:frase}</div>
  573.  
  574.  
  575.  
  576. <div class="efeito2" class="hover">
  577.  
  578. <img class="bottom shadow" src="{image:fotodr}" >
  579. <img class="hover" src="{image:sidebar}" title=""><div class="tt"></div></div></div>
  580. </div></div>
  581.  
  582.  
  583. <div class="links">
  584. <a href="{text:Link1}"title="{text:Link1 Title}"><img src="http://static.tumblr.com/kzjqf6m/0pmmjntyo/menu1.png"></a>
  585.  
  586. <a href="{text:Link2}"title="{text:Link2 Title}"><img src="http://static.tumblr.com/kzjqf6m/Ermmjnu2a/menu2.png"></a>
  587.  
  588. <a href="{text:Link3}"title="{text:Link3 Title}"><img src="http://static.tumblr.com/kzjqf6m/gSXmjnu2y/menu3.png"></a>
  589.  
  590. <a href="{text:Link4}"title="{text:Link4 Title}"><img src="http://static.tumblr.com/kzjqf6m/H5Smjnuav/menu.png"></a>
  591.  
  592. <a href="{text:Link5}"title="{text:Link5 Title}"><img src="http://static.tumblr.com/kzjqf6m/7T4mjnu3h/menu5.png"></a>
  593.  
  594. <a href="{text:Link6}"title="{text:Link6 Title}"><img src="http://static.tumblr.com/kzjqf6m/zl9mjnubl/menu7.png"></a>
  595.  
  596. </div>
  597.  
  598. <div id="notinholaduda">{Description}</div>
  599.  
  600. <div id="pagina"><div id="paginacaoml"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><font color="{color:pag}">«</font></a>{/block:PreviousPage}{/block:Pagination}
  601. {CurrentPage} <font color="{color:tags}"><b> of</b></font> {TotalPages}
  602. {block:JumpPagination length="0"}
  603. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  604. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  605. {/block:JumpPagination}
  606. {block:Pagination}{block:NextPage}<a href="{NextPage}"><font color="{color:pag}">»</font></a>{/block:NextPage}{/block:Pagination}</div></div></div>
  607.  
  608. <!-------------CRÉDITOS-----------------♥------------->
  609. <div style="margin-left:55px;background:{color:sidebar};-webkit-border-radius: 5px 5px 5px 5px;-webkit-transform: rotate(0deg); width:95px; font-family:Muli;font-size:11px; margin-top: 5px; height:15px;position:fixed; border: 1px dashed {color:borda2};"><a href="http://o-mundo-de-uma-garota.tumblr.com/"title="Theme por Duda.R [OMDG] + Dtlhs by: pacional not copie plagio é crime"><small>All Themes OMDG</a></a>
  610. <font color="{color:tags}">©</font> </a></div>
  611.  
  612. <div id="OMDG">
  613.  
  614. {block:Posts}
  615. <div class="baseduh">
  616.  
  617. {block:Answer}
  618. <div class="caixa">
  619. <img src="{AskerPortraitURL-64}" align="right" class="askfoto">
  620. <div class="pergunta">
  621. <div class="perguntou"><g>{Asker}</g> asked {TimeAgo}</div>
  622. {Question}
  623. </div>
  624. {Answer}</div>
  625. {/block:Answer}
  626.  
  627. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  628.  
  629. {block:Photo}<center><img src="{PhotoURL-500}" width="500px"/></center>
  630. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  631.  
  632.  
  633. {block:Photoset}<center>{Photoset-250}</center>
  634. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  635.  
  636.  
  637. {block:Quote}
  638. <div class="quote">“{Quote}”</div>
  639. {block:Source}<div class="taysource"> — {Source}</div>
  640. {/block:Source}
  641. {/block:Quote}
  642.  
  643. {block:Link}
  644. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  645. {block:Description}{Description}{/block:Description}
  646. {/block:Link}
  647.  
  648. {block:Chat}
  649. <div class="chat">
  650. <div class="chat1">
  651. {block:Lines}
  652. <div class="chat2 {Alt}">
  653. {block:Label}
  654. <span>{Label}</span>
  655. {/block:Label}
  656. {Line}</div>
  657. {/block:Lines}
  658. </div>
  659. </div>
  660. {/block:Chat}
  661.  
  662.  
  663.  
  664. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  665.  
  666. {block:Audio}<center>{AudioPlayerWhite}</center>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  667.  
  668.  
  669. <div class="cred">
  670. {block:Date}<div id="baseduh1">
  671. <a href="{Permalink}">{block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} · </a>{block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"> Via</a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"> · Source</font> + </a>{/block:ContentSource} {block:IndexPage} <a href="{ReblogUrl}" target="_blank"> reblog <font color="{color:tags}"> ♡</font></a>{/block:IndexPage}</center> </div>{block:IfShowTags}<center><div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  672. </div></center>{/block:IfShowTags}{/block:Date}</div>
  673. </div>
  674. {/block:Posts}
  675. {block:PostNotes}{PostNotes}{/block:PostNotes}
  676. </div></div>
  677.  
  678.  
  679.  
  680.  
  681. </div>
  682. </div>
  683. </div>
  684.  
  685.  
  686.  
  687.  
  688.  
  689.  
  690.  
  691. </body>
  692. </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!