API tools faq
paste
Eduarda

Theme fly

Eduarda
Mar 22nd, 2013
2,766
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.23 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/0fc57d446a1aa0b66b23ebc24514d067/2bh9bxo/gKvmk2ptq/tumblr_static_tumblr_mgz9g6d9h01r89kqfo1_500.jpg" />
  137. <meta name="image:background" content="http://static.tumblr.com/f345e5967943962803a477bb971e8a4c/2bh9bxo/LDamk30nv/tumblr_static_pretofloral.png" />
  138. <meta name="image:fundo" content="http://static.tumblr.com/37f928144fa7e05b02217c8a5e3942a9/2bh9bxo/BkOmk2nte/tumblr_static_bg.png" />
  139.  
  140.  
  141.  
  142. <meta name="color:background" content="#1c1c1c" />
  143. <meta name="color:link" content="#929191" />
  144. <meta name="color:text" content="#8B8682" />
  145. <meta name="color:links" content="#fff" />
  146. <meta name="color:text desc" content="#fff" />
  147. <meta name="color:borda" content="#1f1e1e" />
  148. <meta name="color:borda2" content="#5b7572" />
  149. <meta name="color:bordaimg" content="#cbe3e6" />
  150. <meta name="color:abc" content="#627978" />
  151. <meta name="color:italico" content="#979797" />
  152. <meta name="color:linhadopost" content="#1f1e1e" />
  153. <meta name="color:post" content="#000" />
  154. <meta name="color:sidebar" content="#000" />
  155. <meta name="color:scrollbar" content="#000" />
  156. <meta name="color:frase" content="#fff" />
  157. <meta name="color:tags" content="#627978" />
  158. <meta name="color:sombra" content="#000" />
  159. <meta name="color:bgask" content="#1c1c1c" />
  160. <meta name="color:pag" content="#8B8682" />
  161. <meta name="color:faixa1" content="#1c1c1c" />
  162.  
  163.  
  164. <meta name="if:one columns" content="1"/>
  165.  
  166.  
  167. <meta name="text:Link1" content="/" />
  168. <meta name="text:Link1 Title" content="Home" />
  169. <meta name="text:Link2" content="/" />
  170. <meta name="text:Link2 Title" content="ask" />
  171. <meta name="text:Link3" content="/" />
  172. <meta name="text:Link3 Title" content="link" />
  173. <meta name="text:Link4" content="/" />
  174. <meta name="text:Link4 Title" content="link" />
  175. <meta name="text:Link5" content="/" />
  176. <meta name="text:Link5 Title" content="link " />
  177. <meta name="text:Link6" content="/" />
  178. <meta name="text:Link6 Title" content="link " />
  179.  
  180.  
  181.  
  182. <meta name="text:frase1" content="... E se foi [...]" />
  183.  
  184.  
  185. <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}">
  186. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  187. {block:Description}
  188. <meta name="description" content="{MetaDescription}" />
  189. {/block:Description}
  190.  
  191.  
  192.  
  193.  
  194.  
  195.  
  196. <!----------------FONTES-------♥-------->
  197. <link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
  198. <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'>
  199. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  200.  
  201. <link href='http://fonts.googleapis.com/css?family=Anonymous+Pro' rel='stylesheet' type='text/css'>
  202.  
  203. <link href='http://fonts.googleapis.com/css?family=Life+Savers' rel='stylesheet' type='text/css'>
  204. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  205. <link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700t" rel="stylesheet" type="text/css">
  206.  
  207. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  208.  
  209.  
  210. <link href='http://fonts.googleapis.com/css?family=Ruge+Boogie' rel='stylesheet' type='text/css'>
  211.  
  212. <link href='http://fonts.googleapis.com/css?family=ABeeZee|Kameron|Muli|Almendra' rel='stylesheet' type='text/css'>
  213.  
  214. <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'>
  215.  
  216. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  217. <link href='http://fonts.googleapis.com/css?family=Raleway+Dots' rel='stylesheet' type='text/css'>
  218. <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'>
  219.  
  220. <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic' rel='stylesheet' type='text/css'>
  221. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  222.  
  223.  
  224. <link href='http://fonts.googleapis.com/css?family=Akronim' rel='stylesheet' type='text/css'>
  225.  
  226. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  227. <link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
  228. <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>
  229. <link href='http://fonts.googleapis.com/css?family=Vibur' rel='stylesheet' type='text/css'>
  230.  
  231. <link rel="stylesheet" href="http://static.tumblr.com/5dbytsa/VYmmcwtwj/entrada.css" media="screen"/>
  232.  
  233. <!------------------eita duh--------------------->
  234. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  235.  
  236. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  237. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
  238. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  239. <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'>
  240. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,300italic|Exo:300,400|Alegreya+SC|Gafata' rel='stylesheet' type='text/css'>
  241. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  242.  
  243. <link href='http://fonts.googleapis.com/css?family=ABeeZee|Kameron|Muli|Almendra' rel='stylesheet' type='text/css'>
  244. <link href='http://fonts.googleapis.com/css?family=Stalemate' rel='stylesheet' type='text/css'>
  245.  
  246. <script type="text/javascript">
  247. // <![CDATA[
  248. var speed=100; //
  249. var height=3; //
  250. var alink="/"; // page to link text to (set to ="" for no link)
  251.  
  252. /****************************
  253. ****************************/
  254. var wobtxt, wobble, wobcnt=0;
  255. window.onload=function() { if (document.getElementById) {
  256. var i, wobli;
  257. wobble=document.getElementById("wobble");
  258. wobtxt=wobble.firstChild.nodeValue;
  259. while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
  260. for (i=0; i<wobtxt.length; i++) {
  261. wobli=document.createElement("span");
  262. wobli.setAttribute("id", "wobb"+i);
  263. wobli.style.position="relative";
  264. wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
  265. if (alink) {
  266. wobli.style.cursor="pointer";
  267. wobli.onclick=function() { top.location.href=alink; }
  268. }
  269. wobble.appendChild(wobli);
  270. }
  271. setInterval("wobbler()", speed);
  272. }}
  273.  
  274. function wobbler() {
  275. for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  276. wobcnt++;
  277. }
  278. // ]]>
  279. </script>
  280.  
  281. </head>
  282.  
  283.  
  284. <style type="text/css">
  285.  
  286. ::-moz-selection
  287.  
  288. {color: #FFF;
  289.  
  290. background: #FFF;}
  291.  
  292.  
  293.  
  294. ::selection
  295.  
  296. {color: #fff ;
  297.  
  298. background: #aca7a7;
  299. text-shadow: #3a3939 1px 1px 5px ;}
  300.  
  301.  
  302.  
  303. @font-face {font-family: "pacifico";
  304. src: url(http://static.tumblr.com/ufwwwyn/Do8m4xui1/pacifico.ttf) format("truetype");}
  305.  
  306. iframe#tumblr_controls {
  307. top:0px !important;
  308. right:3px !important;
  309. position: fixed !important;
  310. -webkit-transition: opacity 0.6s linear;
  311. opacity: 0.3;
  312. -webkit-transition: all 0.8s ease-out;
  313. -moz-transition: all 0.8s ease-out;
  314. transition: all 0.8s ease-out;
  315. z-index:999999999999999999;}
  316.  
  317. iframe#tumblr_controls:hover{
  318. -webkit-transition: opacity 0.6s linear;
  319. opacity: 0.8;
  320. -webkit-transition: all 0.4s ease-out;
  321. -moz-transition: all 0.4s ease-out;
  322. transition: all 0.4s ease-out;
  323. z-index:999999999999999999999;}
  324.  
  325. #tumblr_controls{position: fixed!important}
  326. #tumblr_controls{position: fixed!important}
  327. #tumblr_controls{position: fixed!important}
  328. #tumblr_controls{position: fixed!important}
  329.  
  330. 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; }
  331.  
  332. a:link, a:active, a:visited{ color: {color:link}; text-decoration:none; -webkit-transition-duration: 0.4s; }
  333.  
  334. a:hover{color:{color:lhover};text-shadow:0px 0px 9px ; }
  335.  
  336.  
  337.  
  338. 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}
  339.  
  340. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  341.  
  342.  
  343.  
  344. #barbie-e {background-color: ; width: 1000px; margin: 0px auto 0px auto; background: #1c1c1c;}
  345.  
  346. #OMDG {margin-left: 380px; width: 900px; margin-top: 15px; opacity:2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; }
  347.  
  348. #OMDG:hover{-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; opacity:1}
  349.  
  350. .baseduh {-webkit-border-radius: 2px;
  351. -moz-border-radius: 2px;
  352. border-radius: 2px;border:1px solid {color:linhadopost};-webkit-border-radius: 10px 10px 10px 10px; width: 270px; background-color:{color:post} ; text-align: justify; padding: 3px; float: left; margin: 4px 0 0 6px;opacity:2; {block:PermalinkPage}width:500px {/block:PermalinkPage};{block:IfOneColumns}width:438px;{/block:IfOneColumns} }
  353.  
  354. .baseduh:hover {opacity:2}
  355.  
  356. .baseduh img {-webkit-border-radius: 10px 10px 10px 10px;border: 3px solid {color:borda}; max-width: 260px; padding: 2px; opacity:2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;{block:IfOneColumns}max-width: 405px;{/block:IfOneColumns};opacity:0.9;}
  357.  
  358. .baseduh img:hover {border: 1px solid {color:tags};opacity:2;}
  359.  
  360.  
  361. h1 {font-family: 'muli'; text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; }
  362. h1 a {text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; }
  363. h1 a:hover {text-align: center; font-size: 18px; text-transform: none; color: {color:borda2}; font-weight: normal;padding: 4px;}
  364.  
  365.  
  366. blockquote {padding:0px; padding-left:5px; margin:0px; border-left:2px solid #aaa}
  367.  
  368. .notes img{width:10px; position:relative; top:1px}
  369. ol.notes, .notes li{width:280px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  370.  
  371. /*** Stilo da Ask por TTHY ********/
  372. .pergunta {background: {color:bgask2}; padding: 6px;margin-top: 0px; border-bottom: 1px solid {color:linha2}; margin-top: 2px; border-right: 0px solid {color:borda}; margin-left: 0; margin-right: 0;overflow: hidden; }
  373. .perguntou {display: block; height: 24px; margin-left: 31px; background: {color:bgask}; border-left: 6px solid {color:linha2}; line-height: 23px; font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; font-style: italic; font-size: 10pt; color: {color:text}; padding: 3px; text-align: left; text-shadow: 0px 1px 1px {color:sombra};}
  374. .perguntou a {color: {color:text}; border-bottom: dotted 1px {color:borda2};}
  375. .fotoask {float: left; margin-top: 0px; margin-left: 0; margin-right: 4px; display: inline; margin-bottom: 0;}
  376. .oi {background: {color:post}; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; margin-top: 0px;color: {color:text}; border-bottom: 0px solid {color:borda}; border-right: 1px solid {color:borda}; margin-left: 0; margin-right: 2px;overflow: hidden; }
  377.  
  378.  
  379. .chat {margin: 1px 1px 0 1px; font-size: 11px; color: #888;margin-bottom:2px;}
  380. .chat .chat1 {margin-left: 0px;}
  381. .chat .chat1 .chat2 {background:rgba(238,238,238, 0.4); margin-bottom: 1px; padding: 0px 5px; font-family: 'calibri', sans-serif; line-height:21px;}
  382. .chat .chat1 .chat2.even {background: rgba(234,234,234, 0.6);}
  383. .chat b{color: #000; background: #f5f5f5; padding: 4px 5px; font-size: 9px; font-weight: normal; margin: 0 0 0 -5px; text-transform: uppercase;}
  384. .chat1 a, .chat2 a{color: #d9e0e7;}
  385.  
  386.  
  387. .cred {opacity: 2; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;font-size:10px;{block:IfOneColumns} border-top:0px solid #f2f2f2; {/block:IfOneColumns}}
  388. /*-------------NEGRITO ITALICO E SUBLINHADO------♥-------*/
  389.  
  390. b {color: {color:abc};text-decoration: none;}
  391.  
  392. i {color:{color:italico};text-decoration: none;}
  393.  
  394. u {color: {color:borda}; text-decoration: none; border-bottom: 1px dashed {color:borda2}; DO SUBLINHADO;}
  395.  
  396.  
  397. #baseduh1 {background:{color:background};
  398. margin-top: 2px; text-align:right; font-size:16px; font-family:pacifico; z-index:11; padding:2px; color:{color:link} ; -webkit-transition: all 0.2s ease-out;border-top:1px solid {color:borda};border-bottom:0px dashed {color:linhadopost}; -moz-transition: all .4s ease-out;letter-spacing: 0.5px;{block:IfOneColumns} ; {/block:IfOneColumns}}
  399. #baseduh1 a {font-size: 10px; opacity:0.8; }
  400.  
  401. #tags {color: {color:text}; font-size: 12px; font-family:Iceland; display: inline; list-style: none; text-transform: uppercase;opacity:0.9}
  402. #tags a {font-size: 10px; font-family: Iceland; display: inline; list-style: none; text-transform: uppercase; color:{color:links};}
  403.  
  404.  
  405. #cap {width: 500px; margin-top: -2px;}
  406. .source {display: none;}
  407.  
  408. .notes {width: 520px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: center}
  409. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  410. ol.notes li {background-color: ; margin-bottom: 2px; padding: 5px; }
  411. .notes img{display: none; border:0px}
  412.  
  413.  
  414.  
  415.  
  416. .quote:first-letter{font-family: Rochester; font-size: 24px;color:{color:borda2};}
  417. .quote {font-family: Muli; text-align: center; font-size: 12px; line-height: 15px; padding: 3px; margin-top: 6px;}
  418. .b-source {-webkit-transform: rotate(-3deg);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;}
  419. }
  420. .b-source a, a:hover{text-transform: none;}
  421.  
  422.  
  423.  
  424. ::-webkit-scrollbar-thumb:vertical {width:8px;background-color:{color:scrollbar};-webkit-border-radius: 30px;
  425. -moz-border-radius: 30px;
  426. border-radius: 30px;}
  427. ::-webkit-scrollbar {height:0px;width:8px;background-color:#fff; -webkit-border-radius: 50px;
  428. -moz-border-radius: 50px;
  429. border-radius: 50px;}
  430.  
  431.  
  432. .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};}
  433. .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;}
  434.  
  435.  
  436. .imagem img.top { opacity:1;}
  437. .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0;}
  438.  
  439. .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray; -webkit-border-radius: 30px;
  440. -moz-border-radius: 30px;
  441. border-radius: 30px;}
  442.  
  443. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  
  450. .efeito2 {background:{color:sidebar};position: absolute;width:260px;height:505px;margin-left:69px; /**--OMDG---♥---**/
  451. margin-top: 160px;position:fixed;border:2px solid {color:bordaimg};-webkit-border-radius: 15px 15px 0px 0px; }
  452. .efeito2 img {border:1px solid {color:borda2}; position:fixed; -webkit-transition: all 1s ease-in-out;-webkit-transform: rotate(0deg);
  453. -webkit-border-radius: 15px 15px 0px 0px;-moz-transition: all 1s ease-in-out;
  454. -o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;display: block;height:503px;width: 258px;
  455. padding:0px;margin-left:0px;margin-top:0px;opacity:0.8;-webkit-transition-duration: 0.8s;opacity: 9.0;} /**--OMDG---♥---**/
  456. .efeito2 img:hover { }
  457.  
  458.  
  459. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  460.  
  461. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  462. .imsureduh {width:195px;
  463. margin-top:24px;background:{color:sidebar};
  464. color:{color:frase};
  465. opacity:0.999;height:60px;line-height:28px;
  466. text-align:center;
  467. position:fixed;
  468. font-family:pacifico;
  469. font-size:21px;
  470. text-shadow: 1px 1px 1px {color:sombra};
  471. letter-spacing:1px; /**--OMDG---♥---**/
  472. margin-left:40px;-webkit-transform: rotate(-90deg);-webkit-border-radius: 10px 15px 0px 0px;-webkit-transition: 0.6s ease-in; -moz-transition: 0.6s ease-in; transition: 0.6s ease-in;}
  473.  
  474.  
  475. .imsureduh1 {width:425px;
  476. margin-top:505px;background:;
  477. color:{color:frase};
  478. opacity:0.999;height:30px;line-height:28px;
  479. text-align:right;
  480. position:fixed;
  481. font-family:pacifico;
  482. font-size:19px;
  483. text-shadow: 1px 1px 1px {color:sombra};
  484. letter-spacing:1px; /**--OMDG---♥---**/
  485. margin-left:-115px;-webkit-transform: rotate(0deg);-webkit-border-radius: 0px 15px 15px 0px;-webkit-transition: 0.6s ease-in; -moz-transition: 0.6s ease-in; transition: 0.6s ease-in;}
  486.  
  487.  
  488. /**--OMDG---♥---**/
  489. @font-face {font-family:basket; src: url('http://static.tumblr.com/ejm8w78/aollviadu/destrukt.ttf');}
  490. /******----------------DESCRIÇÃO--------♥--------******/
  491. #notinholaduda {margin-left: 83px; margin-top: 530px; width:231px; font-size: 11px; height:80px; text-align: right; transparent; font-family:Ubuntu Mono;text-shadow: 1px 1px 1px {color:sombra} ;color: {color:text desc};position: fixed;z-index:99;padding: 5px; -webkit-transition: 1s ease-in; line-height: 13px;}
  492.  
  493.  
  494.  
  495.  
  496.  
  497.  
  498. #pink{width:18px; height: 40px; float: left; margin-left:252px; margin-top: 343px; padding: 0px; text-align: center; position: fixed; z-index:9999;}
  499. /***link by o-mundo-de-uma-garota***/
  500. #pink a {display: inline-block;float: left; margin-left: 1px; font-family: rochester; font-size: 25px;text-shadow: 1px 1px 1px {color:sombra} ;letter-spacing:0px; text-align: center; margin-top: 2px; height: 24px; width: 58px; color:{color:links}; -webkit-border-radius: 5px 5px 5px 5px; line-height: 22px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; } /***link by o-mundo-de-uma-garota***/
  501.  
  502. #pink a:hover{box-shadow: inset 50px 0px #; color: #; text-shadow: -2px 0px {color:sombra}, 2px 0px #;-webkit-box-shadow:inset 0 0 95px 5px {color:sombra}, 0 0 95px 35px {color:sombra};opacity:0.8;} /***link by o-mundo-de-uma-garota***/
  503.  
  504.  
  505. /***-------------BORDAS -------------♥-----***/
  506.  
  507. #barra {position: fixed; margin-left: 50px; width:283px; height: 535px; background-color:{color:faixa1};background-image: url('{image:fundo}');margin-top: 140px; -webkit-transform: rotate(0deg);border: 0px double {color:borda};-moz-background-clip: padding;
  508. -webkit-background-clip: padding;
  509. background-clip: padding-box;
  510. border: 10px solid rgba(0,0,0,0.4);
  511. -webkit-border-radius: 6px;
  512. -moz-border-radius: 6px;
  513. border-radius: 6px;} /**--OMDG---♥---**/
  514.  
  515.  
  516.  
  517. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  518. #paginal {font-family: verdana; font-size: 8px; text-align: center;}
  519. #paginal a { margin: 0 1px 0 0; padding: 2px 4px; background:{color:bordaimg};color: {color:pag};opacity:1; -webkit-border-radius: 20px 20px 0px 0px;border: 0px dashed {color:borda};} /**--OMDG---♥---**/
  520. #paginal a:hover {background: {color:borda2}; color: {color:text};}
  521. #paginal span.pagina_atual {background: {color:bordaimg}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:text}; font-weight: bold; text-decoration: none;-webkit-border-radius: 20px 20px 0px 0px;} /**--OMDG---♥---**/
  522. .ps {position: fixed; padding: 2px; width: 148px; margin-left: 202px; margin-top: 147px; height: auto; color: {color:text};opacity:1;-webkit-border-radius: 20px 20px 0px 0px; }
  523.  
  524.  
  525.  
  526.  
  527. /*-------------NEGRITO ITALICO E SUBLINHADO------♥-------*/
  528.  
  529. b {color: {color:abc};text-decoration: none;}
  530.  
  531. i {color:{color:italico};text-decoration: none;}
  532.  
  533. u {color: {color:text}; text-decoration: none; border-bottom: 1px dashed {color:borda2}; DO SUBLINHADO;}
  534.  
  535.  
  536. /*******-------------------PARTE DA SIDEBAR------♥-----******/
  537.  
  538. #estela1 {position: fixed; margin-left: 232px; width:273px; height: 60px; background-color:{color:faixa1}; margin-top: 250px; -webkit-transform: rotate(0deg);-webkit-border-radius: 20px 20px 20px 20px; border: 0px solid {color:bordaimg};}
  539.  
  540. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  541.  
  542.  
  543. #faixa2 {margin-top: -19px; margin-left: 173px; position: fixed; background:{color:borda2}; height: 190px; width:10px;border-right: 1px dashed {color:faixa1};-webkit-border-radius: 20px 20px 20px 20px;}/***detalhes by o-mundo-de-uma-garota***/
  544.  
  545.  
  546.  
  547. /***--- SCROLLBAR---♥----***/
  548.  
  549. ::-webkit-scrollbar-thumb:vertical {background-color:{color:borda2};height:50px; border:5px solid {color:scrollbar};}
  550.  
  551. ::-webkit-scrollbar-button:vertical {height:8px;display: block; background:{color:borda2};}
  552.  
  553.  
  554. ::-webkit-scrollbar {height:0px;width:12px;background-color:{color:scrollbar};}
  555.  
  556. /**** SELECAO COLORIDA - MADLYLUV.com ****/
  557. ::-moz-selection{background:{color:borda2};text-shadow:0px 1px 1px {color:sombra}; }
  558. ::selection{background: {color:borda2}; color: {color:text};text-shadow:0px 1px 1px {color:sombra}; }
  559.  
  560. /***--------TUMBLR CONTROLS---------♥------***/
  561.  
  562. #tumblr_controls{position: fixed!important}
  563.  
  564. #tumblr_controls{position: fixed!important}
  565.  
  566. #tumblr_controls{position: fixed!important}
  567.  
  568. #tumblr_controls{position: fixed!important}
  569.  
  570.  
  571.  
  572.  
  573. </style>
  574.  
  575.  
  576.  
  577.  
  578. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  579.  
  580. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  581. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  582. <script type="text/javascript">
  583. $(window).load(function () {
  584. $('#OMDG').masonry(),
  585. $('.masonryWrap').infinitescroll({
  586. navSelector : ".baseduh",
  587. nextSelector : "#page a#p",
  588. itemSelector : ".baseduh",
  589. bufferPx : 10000,
  590. extraScrollPx: 10000,
  591. loadingImg : "",
  592. loadingText : "",
  593. },
  594. function() { $('#OMDG').masonry({ appendedContent: $(this) }); }
  595. );
  596. });
  597. </script>
  598.  
  599.  
  600. <body onkeydown="return false">
  601.  
  602.  
  603.  
  604. <div id="barbie-e">
  605.  
  606.  
  607.  
  608. <div class="imsureduh"></div><div id="faixa2"></div>
  609.  
  610. <div id="barra"></div>
  611.  
  612.  
  613.  
  614. <div class="efeito2" class="hover">
  615.  
  616. <img class="bottom shadow" src="{image:fotodr}" >
  617. <img class="hover" src="{image:sidebar}" title=""></div></div>
  618. </div></div>
  619.  
  620. <div id="notinholaduda">{Description}</div>
  621.  
  622. <div class="imsureduh1">{text:frase1}</div>
  623.  
  624. <div id="pink">
  625.  
  626. <a href="{text:Link1}">{text:Link1 Title}</a>
  627. <a href="{text:Link2}">{text:Link2 Title}</a>
  628.  
  629. <a href="{text:Link3}">{text:Link3 Title}</a>
  630. <a href="{text:Link4}">{text:Link4 Title}</a>
  631.  
  632. <a href="{text:Link5}">{text:Link5 Title}</a>
  633.  
  634. <a href="{text:Link6}">{text:Link6 Title}</a>
  635.  
  636. </div class>
  637. </div></div>
  638. </div>
  639. </div>
  640. </div>
  641. <!-------------PAGINATION-----------♥---------->
  642.  
  643. <div class="ps"><div id="paginal">
  644. {block:JumpPagination length="4"}
  645. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  646. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  647. {/block:JumpPagination}
  648. </div></div>
  649.  
  650. <!-------------CRÉDITOS-----------------♥------------->
  651. <div style="margin-left:5px;background:{color:post};-webkit-border-radius: 5px 5px 5px 5px;-webkit-transform: rotate(0deg); width:95px; font-family:Muli;font-size:11px; margin-top: 1px; 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] not copie plagio é crime"><small>All Themes OMDG</a></a>
  652. <font color="{color:tags}">©</font> </a></div>
  653.  
  654. <div id="OMDG">
  655.  
  656. {block:Posts}
  657. <div class="baseduh">
  658.  
  659. {block:Answer}
  660. <img src="{AskerPortraitURL-30}" align="left" class="fotoask"> <div class="perguntou">Pergunta feita por: {Asker} </div>
  661. <div class="pergunta">{Question}</div>
  662. <br>
  663. <div class="oi">{Answer}</div>
  664. {/block:Answer}
  665.  
  666. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  667.  
  668. {block:Photo}<center><img src="{PhotoURL-500}" width="500px"/></center>
  669. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  670.  
  671.  
  672. {block:Photoset}<center>{Photoset-250}</center>
  673. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  674.  
  675.  
  676. {block:Quote}
  677. <div class="quote">“{Quote}”</div>
  678. {block:Source}<div class="b-source"> — {Source}</div>
  679. {/block:Source}
  680. {/block:Quote}
  681.  
  682. {block:Link}
  683. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  684. {block:Description}{Description}{/block:Description}
  685. {/block:Link}
  686.  
  687. {block:Chat}
  688. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  689. <div class="chat"><ul>{block:Lines}
  690. <li class="person{UserNumber}">{block:Label}
  691. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  692. {/block:Chat}
  693.  
  694. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  695.  
  696. {block:Audio}<center>{AudioPlayerWhite}</center>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  697.  
  698.  
  699. <div class="cred">
  700. {block:Date}<div id="baseduh1">
  701. <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}
  702. </div></center>{/block:IfShowTags}{/block:Date}</div>
  703. </div>
  704. {/block:Posts}
  705. {block:PostNotes}{PostNotes}{/block:PostNotes}
  706. </div></div>
  707.  
  708.  
  709.  
  710.  
  711. </div>
  712. </div>
  713. </div>
  714.  
  715.  
  716.  
  717.  
  718.  
  719.  
  720.  
  721. </body>
  722. </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!