API tools faq
paste
Eduarda

Theme Grafitt

Eduarda
Apr 4th, 2013
1,685
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.54 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 trabalho
  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/4f11189a1970bd3dcd96b28f958eebc5/2bh9bxo/QVNmkr1vb/tumblr_static_tumblr_m9od4jwpdj1qjb0reo1_500.jpg" />
  137. <meta name="image:background" content="http://static.tumblr.com/f2bca577055670138baa5993df681b1e/2bh9bxo/fS1mkqtlp/tumblr_static_fundo_6.jpg" />
  138.  
  139.  
  140.  
  141.  
  142. <meta name="color:background" content="#1c1c1c" />
  143. <meta name="color:link" content="#969696" />
  144. <meta name="color:text" content="#fdfdfd" />
  145. <meta name="color:bghover" content="#FDB5CE" />
  146. <meta name="color:links" content="#000" />
  147. <meta name="color:text desc" content="#bbbaba" />
  148. <meta name="color:borda" content="#252525" />
  149. <meta name="color:borda2" content="#FDB5CE" />
  150. <meta name="color:bordaimg" content="#000" />
  151. <meta name="color:abc" content="#FDB5CE" />
  152. <meta name="color:italico" content="#8EE5EE" />
  153. <meta name="color:linhadopost" content="#252525" />
  154. <meta name="color:post" content="#000" />
  155. <meta name="color:scrollbar" content="#000" />
  156. <meta name="color:frase" content="#a0a0a0" />
  157. <meta name="color:tags" content="#FDB5CE" />
  158. <meta name="color:sombra" content="#747474" />
  159. <meta name="color:bgask" content="#1c1c1c" />
  160. <meta name="color:pag" content="#8B8989" />
  161.  
  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. <meta name="text:frase2" content="Eu sinto falta de tantas coisas,mais,isso não significa que quero de volta." />
  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: 450px; 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 dotted {color:linhadopost}; width: 290px; background-color:{color:post} ; text-align: justify; padding: 1px; float: left; margin: 4px 0 0 4px;opacity:2; }
  356.  
  357. .baseduh:hover {opacity:2}
  358.  
  359. .baseduh img { border:1px solid {color:borda};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;{block:IfOneColumns} border-top:0px solid #f2f2f2; {/block:IfOneColumns}}
  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 dotted{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. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  455.  
  456. #duu {z-index:11;width:41px; height: 124px; float: left; margin-left:210px; margin-top: 130px; padding: 0px; text-align: center;position:fixed; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; border-bottom: 0px solid {color:borda}; background:; }
  457. #duu a {border-bottom: 1px dotted {color:links};float: left; margin-left: 1px; font-family: Snippet; font-size: 12px; text-align: center; margin-top: 3px; height: 14px; width: 43px; color:{color:links}; line-height: 11px; letter-spacing: 0px; text-transform: lowercase; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; text-transform: lowercase; }
  458. #duu a:hover{background:{color:bghover};-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.1s ease-out; color:{color:bghover};-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.1s ease-out;text-shadow: 0 0 9px {color:sidebar};box-shadow: inset 0px 0px -200px 0px {color:links}; -webkit-border-radius: 5px 5px 5px 5px;opacity:0.6;}
  459.  
  460. /***-------------- TITULOS------------------♥--------***/
  461. #duka {margin-left:53px;margin-top: 280px; height:20px; line-height:18px;float:left; position:fixed; width:750px; font-family:Snippet; font-size:13px; text-align: center;
  462. color:{color:frase} ;letter-spacing:-1px; z-index:11; text-transform: none; -webkit-transform: rotate(90deg);border-bottom: 1px dotted {color:borda};border-top: 1px dotted {color:borda}; } /**--OMDG---♥---**/
  463. /**--OMDG---♥---**/
  464. #duka a:hover {color:{color:linha};-webkit-transform: rotate(3deg);}
  465. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  466.  
  467.  
  468.  
  469. .efeito2 {background:{color:borda};position: absolute;width:189px;height:180px;margin-left:195px; /**--OMDG---♥---**/
  470. margin-top: 95px;position:fixed;border:8px solid {color:bordaimg}; }
  471. .efeito2 img {border:1px dashed {color:borda}; position:fixed; -webkit-transition: all 1s ease-in-out;-webkit-transform: rotate(0deg);
  472. -webkit-border-radius: 0px 0px 0px 0px;-moz-transition: all 1s ease-in-out;
  473. -o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;display: block;height:178px;width: 187px;
  474. padding:0px;margin-left:0px;margin-top:0px;opacity:0.8;-webkit-transition-duration: 0.8s;opacity: 9.0;} /**--OMDG---♥---**/
  475. .efeito2 img:hover {}
  476.  
  477.  
  478.  
  479. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  480. #pagina{ margin-top: 400px; margin-left:275px;font-size:13px; width: 88px; float: right; background-color: transparent; position: fixed; height: 24px; -webkit-border-radius: 0px 0px 0px 0px; z-index:830 }
  481.  
  482.  
  483. .imsureduh {width:205px;
  484. margin-top:73px;
  485. color:{color:borda2};
  486. opacity:0.999;
  487. text-align:center;
  488. position:fixed;
  489. font-family:Akronim;
  490. font-size:25px;
  491. text-shadow: 1px 1px 1px {color:sombra};
  492. letter-spacing:1px; /**--OMDG---♥---**/
  493. margin-left:198px;}
  494. /**--OMDG---♥---**/
  495. @font-face {font-family:basket; src: url('http://static.tumblr.com/ejm8w78/aollviadu/destrukt.ttf');}
  496. /******----------------DESCRIÇÃO--------♥--------******/
  497. #notinholaduda {margin-left: 194px; margin-top: 300px; width:220px; 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---♥---**/
  498. -moz-transition: 1s ease-in; transition: 1s ease-in; overflow: hidden; opacity: 1; border-top: 3px dotted transparent;padding: 2px 2px 2px 2px;border: 1px dotted {color:borda};border-right: 0px dashed {color:borda2};-webkit-transform: rotate(0deg);}
  499. /***-------------BORDAS -------------♥-----***/
  500.  
  501. #barra {position: fixed; margin-left: 216px; width:191px; height: 145px; background-color:{color:sidebar};margin-top: 194px; -webkit-transform: rotate(90deg);-webkit-border-radius: 0px 15px 15px 0px;border: 5px double {color:linhadopost};} /**--OMDG---♥---**/
  502.  
  503. #barra1 {position: fixed; margin-left: 200px; width:58px; height: 194px; background-color:{color:bordaimg};margin-top: 95px; -webkit-transform: rotate(0deg);-webkit-border-radius: 0px 0px 0px 0px;opacity:0.3;}
  504. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  505. #barra2 {position: fixed; margin-left: 90px; width:19px; height: 24px; background-color:{color:sidebar};margin-top: 49px; -webkit-transform: rotate(0deg);-webkit-transform: rotate(180deg);-webkit-border-radius: 20px 0px 0px 20px;}
  506.  
  507.  
  508.  
  509.  
  510. /*-------------NEGRITO ITALICO E SUBLINHADO------♥-------*/
  511.  
  512. b {color: {color:abc};text-decoration: none;}
  513.  
  514. i {color:{color:italico};text-decoration: none;}
  515.  
  516. u {color: {color:text}; text-decoration: none; border-bottom: 1px dashed {color:borda2}; DO SUBLINHADO;}
  517.  
  518.  
  519. /*******-------------------PARTE DA SIDEBAR------♥-----******/
  520.  
  521. #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; }
  522.  
  523. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  524.  
  525.  
  526. #faixa2 {margin-top: -30px; margin-left: 220px; position: fixed; background:{color:bordaimg}; border-top: 1px dotted {color:borda};-webkit-border-radius: 10px 10px 10px 10px;height: 230px; width:153px;}/***detalhes by o-mundo-de-uma-garota***/
  527. #faixa3 {margin-top: 160px; margin-left: 113px; position: fixed; background-color:{color:borda2};border-top: 1px dashed {color:sidebar}; height: 2px; width:298px;}/***detalhes by o-mundo-de-uma-garota***/
  528.  
  529. #faixa4 {margin-top: 148px; margin-left: 103px; position: fixed; background-color:{color:sidebar}; height: 3px; width:322px;-webkit-border-radius: 150px 150px 150px 150px; -webkit-transform: rotate(0deg);}/***detalhes by o-mundo-de-uma-garota***/
  530.  
  531. #faixa5 {margin-top: 154px; margin-left: 50px; position: fixed; background-color:{color:borda2}; height: 5px; width:409px; -webkit-transform: rotate(0deg);border: 1px dashed {color:sidebar};}/***detalhes by o-mundo-de-uma-garota***/
  532.  
  533. #faixa6 {margin-top: 380px; margin-left: 38px; position: fixed; background-color:{color:sidebar}; height: 38px; width:434px; -webkit-transform: rotate(0deg);}/***detalhes by o-mundo-de-uma-garota***/
  534.  
  535.  
  536.  
  537.  
  538.  
  539. /***--- SCROLLBAR---♥----***/
  540.  
  541. ::-webkit-scrollbar-thumb:vertical {background-color:{color:borda2};height:50px; border:3px dotted {color:scrollbar};}
  542.  
  543. ::-webkit-scrollbar-button:vertical {height:8px;display: block; background:{color:borda2};}
  544.  
  545.  
  546. ::-webkit-scrollbar {height:0px;width:11px;background-color:{color:scrollbar};}
  547.  
  548. /**** SELECAO COLORIDA - MADLYLUV.com ****/
  549. ::-moz-selection{background:{color:borda2};text-shadow:0px 1px 1px {color:sombra}; }
  550. ::selection{background: {color:borda2}; color: {color:text};text-shadow:0px 1px 1px {color:sombra}; }
  551.  
  552. /***--------TUMBLR CONTROLS---------♥------***/
  553.  
  554. #tumblr_controls{position: fixed!important}
  555.  
  556. #tumblr_controls{position: fixed!important}
  557.  
  558. #tumblr_controls{position: fixed!important}
  559.  
  560. #tumblr_controls{position: fixed!important}
  561.  
  562. #dj2 {width: 29px; position: fixed; padding: 8px; background-color: transparent; margin-left: 175px; margin-top: 230px; color:{color:bordaimg}; font-size: 25px; -webkit-transform: rotate(90deg); z-index: 1000;}
  563.  
  564.  
  565. </style>
  566.  
  567.  
  568.  
  569.  
  570. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  571.  
  572. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  573. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  574. <script type="text/javascript">
  575. $(window).load(function () {
  576. $('#OMDG').masonry(),
  577. $('.masonryWrap').infinitescroll({
  578. navSelector : ".baseduh",
  579. nextSelector : "#page a#p",
  580. itemSelector : ".baseduh",
  581. bufferPx : 10000,
  582. extraScrollPx: 10000,
  583. loadingImg : "",
  584. loadingText : "",
  585. },
  586. function() { $('#OMDG').masonry({ appendedContent: $(this) }); }
  587. );
  588. });
  589. </script>
  590.  
  591.  
  592. <body onkeydown="return false">
  593.  
  594.  
  595.  
  596. <div id="barbie-e">
  597.  
  598. <div id="faixa2"></div> <div class="imsureduh">{text:frase}</div>
  599. <div id="duka">{text:frase2}</div>
  600.  
  601.  
  602. <div class="efeito2" class="hover">
  603.  
  604. <img class="bottom shadow" src="{image:fotodr}" >
  605. <img class="hover" src="{image:sidebar}" title=""><div class="tt"></div></div></div>
  606. </div></div>
  607.  
  608. <div id="barra1"></div>
  609.  
  610.  
  611. <div id="duu">
  612. <a href="{text:Link1}">{text:Link1 Title}</a>
  613. <a href="{text:Link2}">{text:Link2 Title}</a>
  614. <a href="{text:Link3}">{text:Link3 Title}</a>
  615. <a href="{text:Link4}">{text:Link4 Title}</a>
  616. <a href="{text:Link5}">{text:Link5 Title}</a>
  617. <a href="{text:Link6}">{text:Link6 Title}</a>
  618. </div>
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625. <div id="notinholaduda">{Description}</div>
  626.  
  627. <div id="pagina"><div id="paginacaoml"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><font color="{color:pag}">«</font></a>{/block:PreviousPage}{/block:Pagination}
  628. {CurrentPage} <font color="{color:tags}"><b> of</b></font> {TotalPages}
  629. {block:JumpPagination length="0"}
  630. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  631. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  632. {/block:JumpPagination}
  633. {block:Pagination}{block:NextPage}<a href="{NextPage}"><font color="{color:pag}">»</font></a>{/block:NextPage}{/block:Pagination}</div></div></div>
  634.  
  635. <!-------------CRÉDITOS-----------------♥------------->
  636. <div style="margin-left:55px;background:{color:bordaimg};-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] not copie plagio é crime"><small>All Themes OMDG</a></a>
  637. <font color="{color:tags}">©</font> </a></div>
  638.  
  639. <div id="OMDG">
  640.  
  641. {block:Posts}
  642. <div class="baseduh">
  643.  
  644. {block:Answer}
  645. <div class="caixa">
  646. <img src="{AskerPortraitURL-64}" align="right" class="askfoto">
  647. <div class="pergunta">
  648. <div class="perguntou"><g>{Asker}</g> asked {TimeAgo}</div>
  649. {Question}
  650. </div>
  651. {Answer}</div>
  652. {/block:Answer}
  653.  
  654. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  655.  
  656. {block:Photo}<center><img src="{PhotoURL-500}" width="500px"/></center>
  657. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  658.  
  659.  
  660. {block:Photoset}<center>{Photoset-250}</center>
  661. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  662.  
  663.  
  664. {block:Quote}
  665. <div class="quote">“{Quote}”</div>
  666. {block:Source}<div class="taysource"> — {Source}</div>
  667. {/block:Source}
  668. {/block:Quote}
  669.  
  670. {block:Link}
  671. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  672. {block:Description}{Description}{/block:Description}
  673. {/block:Link}
  674.  
  675. {block:Chat}
  676. <div class="chat">
  677. <div class="chat1">
  678. {block:Lines}
  679. <div class="chat2 {Alt}">
  680. {block:Label}
  681. <span>{Label}</span>
  682. {/block:Label}
  683. {Line}</div>
  684. {/block:Lines}
  685. </div>
  686. </div>
  687. {/block:Chat}
  688.  
  689.  
  690.  
  691. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  692.  
  693. {block:Audio}<center>{AudioPlayerWhite}</center>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  694.  
  695.  
  696. <div class="cred">
  697. {block:Date}<div id="baseduh1">
  698. <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}
  699. </div></center>{/block:IfShowTags}{/block:Date}</div>
  700. </div>
  701. {/block:Posts}
  702. {block:PostNotes}{PostNotes}{/block:PostNotes}
  703. </div></div>
  704.  
  705.  
  706.  
  707.  
  708. </div>
  709. </div>
  710. </div>
  711.  
  712.  
  713.  
  714.  
  715.  
  716.  
  717.  
  718. </body>
  719. </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!