API tools faq
paste
fanih

Theme 74

fanih
Mar 31st, 2017
176
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 32.61 KB | None | 0 0
raw download clone embed print report
  1.     <!----theme por POSSIDE.tumblr.com  (Fanih)
  2.                    + base scusare, dtls anyhs-themes                 -->
  3.                  
  4.     <!--- Don't use as base and details, good use. ---->    
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11. <head>
  12.  
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
  15.  
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Economica|Ubuntu+Condensed' rel='stylesheet' type='text/css'>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  20.  
  21.  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  22. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  23. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  24.  
  25. <script type="text/javascript">
  26. $(window).ready(function(){
  27.  
  28. /** align posts **/
  29. var $wall = $('#box');
  30. $wall.imagesLoaded(function(){
  31. $wall.masonry({
  32. itemSelector: '.post',
  33. isAnimated : true
  34. });
  35. });
  36. /** align posts **/
  37.  
  38. /** infinite scroll **/
  39. $wall.infinitescroll({
  40. navSelector : "div#navigation",
  41. nextSelector : "div#navigation a#nextPage",
  42. itemSelector : '.post',
  43. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  44. loadingText : " ",
  45. donetext : " ",
  46. extraScrollPx : 0,
  47. bufferPx : 10000,
  48. debug : false,
  49. errorCallback: function() {
  50. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  51. }},
  52. function( newElements ) {
  53. var $newElems = $( newElements );
  54.  
  55. /** make like button works **/
  56. var $newElemsIDs = $newElems.map(function(){
  57.     return this.id;
  58. }).get();
  59. console.log($newElems, $newElemsIDs);
  60. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  61. /** make like button works **/
  62.  
  63. $newElems.hide();
  64. $newElems.imagesLoaded(function(){
  65. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  66. });
  67. }); $('#box').show(500);
  68. /** infinite scroll **/
  69.  
  70. });
  71. </script>
  72.  
  73.  
  74. <script>
  75.  
  76.  
  77.  
  78. $(document).ready(function() {
  79.  
  80.     //
  81.  
  82.  
  83.  
  84. //When you click on a link with class of poplight and the href starts with a #
  85.  
  86. $('a.poplight[href^=#]').click(function() {
  87.  
  88.     var popID = $(this).attr('rel'); //Get Popup Name
  89.  
  90.  
  91.     var popURL = $(this).attr('href'); //Get Popup href to define size
  92.  
  93.  
  94.  
  95.     //Pull Query & Variables from href URL
  96.  
  97. var query= popURL.split('?');
  98.  
  99.     var dim= query[1].split('&');
  100.  
  101.     var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  102.  
  103.  
  104.  
  105.     //Fade in the Popup and add close button
  106.  
  107.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/tumblr_lyw0etTsFT1r25y56.png" class="btn_close" title="Volte My boo" alt="Close" /></a>');
  108.  
  109.  
  110.     //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
  111.  
  112.     var popMargTop = ($('#' + popID).height() + 80) / 2;
  113.  
  114.     var popMargLeft = ($('#' + popID).width() + 80) / 2;
  115.  
  116.  
  117.  
  118.     //Apply Margin to Popup
  119.  
  120.     $('#' + popID).css({
  121.  
  122.         'margin-top' : -popMargTop,
  123.  
  124.         'margin-left' : -popMargLeft
  125.  
  126.     });
  127.  
  128.  
  129.  
  130.     //Fade in Background
  131.  
  132.     $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  133.  
  134.     $('#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
  135.  
  136.  
  137.  
  138.     return false;
  139.  
  140. });
  141.  
  142.  
  143.  
  144. //Close Popups and Fade Layer
  145.  
  146. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  147.  
  148.     $('#fade , .popup_block').fadeOut(function() {
  149.  
  150.         $('#fade, a.close').remove();  //fade them both out
  151.  
  152.     });
  153.  
  154.     return false;
  155.  
  156. });
  157.  
  158.  
  159.  
  160.  
  161.  
  162. });
  163.  
  164. </script>
  165.  
  166. <html>
  167. <head>
  168. <meta name="color:background" content="#fff"/>
  169. <meta name="color:inteiro" content="#bebebe"/>
  170. <meta name="color:link" content="#000"/>
  171.  
  172. <meta name="color:backgroundbox" content="#000"/>
  173. <meta name="color:linkshover" content="#fff" />
  174. <meta name="color:text" content="#000" />
  175. <meta name="color:titulo" content="#000" />
  176. <meta name="color:border" content="#ede5f3"/>
  177. <meta name="color:bgfrase" content="#fff"/>
  178.  
  179.  
  180. <meta name="color:Posts" content="#fff"/>
  181. <meta name="color:escrita" content="#000"/>
  182. <meta name="color:bglinks" content="#fff"/>
  183. <meta name="color:links" content="#000"/>
  184. <meta name="color:linkhover" content="#000"/>
  185. <meta name="color:scroll" content="#696969"/>
  186. <meta name="color:frase" content="#000"/>
  187.  <meta name="color:linhacoluna" content="#DCDCDC" />
  188.  <meta name="color:desc" content="#424242" />
  189. <meta name="color:coluna" content="#fff" />
  190.  
  191.  
  192.     <meta name="image:background"/>
  193. <meta name="image:sidebar" content="http://static.tumblr.com/0e9rsgb/5LXomkhmp/tumblr_static_emoucdxkobso4o40kko4scsgc.jpg"/>
  194.      
  195.     <meta name="text:frase" content="L o v e"/>
  196. <meta name="color:corfrase" content="#696969" />
  197.  
  198.  
  199.  
  200. <meta name="text:Link1" content="link" />
  201. <meta name="text:Link1 Title" content="link1" />
  202. <meta name="text:Link2" content="Link" />
  203. <meta name="text:Link2 Title" content="link2" />
  204. <meta name="text:Link3" content="link" />
  205. <meta name="text:Link3 Title" content="link3" />
  206. <meta name="text:Link4" content="Link" />
  207. <meta name="text:Link4 Title" content="link4" />
  208. <meta name="text:Link5" content="link" />
  209. <meta name="text:Link5 Title" content="link5" />
  210.  
  211.     <meta name="image:bgcoluna" content="https://secure.static.tumblr.com/i1e3kds/Z7fmi8yi5/images.jpg" />
  212.  
  213. <meta name="color:colunalinhas" content="#ede5f3" />
  214.  
  215. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  216.  
  217.  
  218. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  219. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  220. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  221. <link rel="shortcut icon" href="{Favicon}" />
  222. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  223.  
  224.  
  225.  
  226. <link rel="shortcut icon" href="{Favicon}" />
  227. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  228.  
  229. <script type="text/javascript">
  230. function abrirPaginas(URLS){
  231. for(var i=0; i<arguments.length; i++){
  232. open(arguments[i]);
  233. }
  234. };
  235.  
  236.  
  237. </script>
  238. <a href="javascript: abrirPaginas('http://estremecida.tumblr.com/themesbyme', '>http://tumblikes.com.br?ref=estremecida');">
  239.  
  240. </a>
  241.  
  242.  
  243.  <style type="text/css">
  244. a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:5px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:0px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
  245. </style>
  246.  
  247.  
  248.  
  249.  
  250. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  251.  
  252. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  253.  
  254. <script>
  255.  
  256. (function($){
  257.  
  258. $(document).ready(function(){
  259.  
  260. $("a[title]").style_my_tooltips({
  261.  
  262. tip_follows_cursor:true,
  263.  
  264. tip_delay_time:90,
  265.  
  266. tip_fade_speed:600,
  267.  
  268. attribute:"title"
  269.  
  270. });
  271.  
  272. });
  273.  
  274. })(jQuery);
  275.  
  276. </script>
  277.  
  278.  
  279.  
  280.  
  281.  
  282.  
  283.  
  284. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  285.  
  286. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  287.  
  288.  
  289. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  290. <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
  291.  
  292.  
  293.  <link href='http://fonts.googleapis.com/css?family=Amatic+SC|Alex+Brush|Archivo+Narrow|Bad+Script|Baumans|Bonbon|Butterfly+Kids|Cedarville+Cursive|Carrois+Gothic|Cookie|Cedarville+Cursive|Dancing+Script|Dosis|Electrolize|Euphoria+Script|Gloria+Hallelujah|Handlee|Italianno|Kaushan+Script|Leckerli+One|Lora:400italic|Lobster+Two|Medula+One|Miniver|Muli|Niconne|Open+Sans:400,300|Orienta|Patrick+Hand+SC|Pacifico|Playball|Pompiere|Rosario|Ropa+Sans|Rouge+Script|Roboto+Condensed|Sacramento|Satisfy|Source+Sans+Pro:400,500,600,700|Tangerine|Ubuntu|Vampiro+One|Wellfleet|Yanone+Kaffeesatz|Yesteryear' rel='stylesheet' type='text/css'>
  294. <style type="text/css">
  295.  
  296.  
  297. <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}" />
  298.    <style type="text/css">
  299.  
  300.     /* base, dtls da base ilovethemes, feito por jobs */
  301.  
  302. body {background:{color:background} Url('{image:background}') no-repeat fixed bottom right;; color: {color:text}; font-family:'Inconsolata'; font-size:12px; line-height: 15px; overflow-x:hidden; height:100%; text-align: justify;}body {background:{color:background}  color: {color:text}; background-attachment: fixed; background-size: 100% 100%;  background-repeat: no-repeat; font-family:'calibri'; font-size:12px; line-height: 15px; overflow-x:hidden; height:100%; text-align: justify;}
  303.  body {background-color: {color:background}; color: {color:text};background-image:url('{image:background}'); background-attachment: fixed;}
  304.  pagesm {background:transparent; background:{color:background}; margin:4px; padding:0px; margin-bottom:-0px;  text-align:center; letter-spacing:1px; font-family:'Trebuchet ms'; font-size:10px; font-style:bold;padding:2px;line-height:25px;}
  305.  
  306.  
  307.   /* cursor por investido, jobs */
  308.  
  309. body {cursor: url('http://static.tumblr.com/piwu9ez/ynnljgi2y/cursor15.gif'), auto;}
  310. a:hover {cursor: url('http://i.imgur.com/IepP2.jpg'), auto;}
  311.  
  312.  
  313.  
  314. a:link, a:visited, a:active {color:{color:link} ; letter-spacing: 0.02em; text-decoration: none;;}
  315. a:hover {color: {color:linkhover}; -webkit-transition-duration: .99s; }
  316.  @font-face { font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 700; src: local('Yanone Kaffeesatz Bold'), local('YanoneKaffeesatz-Bold'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/We_iSDqttE3etzfdfhuPRWwXwFHHZlCwprwJOQ-Se7k.woff) format('woff'); }
  317.  
  318. ::-moz-selection {background: {color:background};color: {color:inteiro};}
  319. ::selection {background:{color:background};color:{color:inteiro};}
  320.  
  321.  
  322.   /* fixação do theme, jobs */
  323.  
  324. #tumblr_controls{position: fixed!important}
  325. #tumblr_controls{position: fixed!important}
  326. #tumblr_controls{position: fixed!important}
  327. #tumblr_controls{position: fixed!important}
  328.  /* follow e dash branco, jobs */
  329.  
  330.  
  331.  
  332.  
  333.  /*scroll cerejadosundae, jobs*/
  334.  
  335. ::-webkit-scrollbar-thumb{
  336. background-color: {color:scroll};
  337. border: 2px solid {color:background};
  338. height:auto;
  339. -webkit-border-radius: 8px;
  340. }
  341.  
  342. ::-webkit-scrollbar {
  343. height:auto;
  344. width:10px;
  345. background-color: {color:scroll};
  346. border: 4px solid {color:background};
  347. }
  348.  
  349.  
  350.  
  351.  
  352. #coluna {position: fixed; margin-left: 309px; width: 10px; height: 1080px;  margin-top: -10px; opacity:0.90;  background-color: {color:colunalinhas};}
  353. #bgside {position: fixed; margin-left: 104px; width: 190px; height: 30px;  margin-top: 410px; opacity:0.90;  background-color: {color:colunalinhas};}
  354.  
  355. #image {margin-top:105px; margin-left:104px; position:absolute; width:172px; height:190px; position:fixed; background-color:none;  }
  356.  
  357. #image img {display: block;width: 174px; height: 180px; border:2px solid {color:colunalinhas}; padding:5px; padding-bottom:15px}
  358.  
  359.  
  360. #desc {width:180px; height: 57px; margin-left: 104px; margin-top: 330px; position:fixed; text-align:center; line-height: 16px;  font-family: calibri; font-size: 11px;  overflow:hidden; color:{color:desc}; background-color: none; padding:3px; padding-bottom:6px; border: 2px solid {color:colunalinhas}; text-transform: uppercase; padding-top:15px;}
  361. #desc a {font-size:10px; font-family:calibri; color:#808080; letter-spacing: 0.5px; }
  362. #desc a:hover {color: #4a4a4a;}
  363.  
  364. .frase {width:145px; height: 15px;  padding:6px;  margin-left: 120px; margin-top: 305px;  position:fixed; text-align:center; line-height: 15px;  font-family:Julius Sans One; font-size: 19px;  overflow:hidden; color:#5d5d5d; background-color:{color:background}; text-transform:uppercase; z-index: 1; padding-top:6px; letter-spacing:2px; }
  365.  
  366. #menu {width:26px; margin-left:107px; position:fixed; z-index:9999;}
  367.  
  368. .links {margin-top:400px; margin-left: -6px; display:inline-block;
  369.     width:200px;background-color: none; }
  370.  
  371. .links2 {width:20px;  -webkit-transition:all 0.4s ease-in-out; padding:8px;  }
  372.  
  373. .links2:hover {opacity:.17;}
  374.  
  375. .links1 {width:17px; -webkit-transition:all 0.4s ease-in-out;  padding:8px;  }
  376.  
  377. .links1:hover {opacity:.17;}
  378.  
  379. #credit {position:fixed; left:0px; top:0px; width:70px; line-height:11px; font:9px calibri; padding:3px; z-index:400}
  380. #credit a {text-transform:uppercase; color:{color:link}}
  381.  
  382.   /* parte de personalização, jobs */
  383.  
  384.  
  385.  
  386. #s-m-t-tooltip { max-width:200px; padding:5px; border: 1px solid {color:border};
  387. margin:10px 0px 0px 10px; background-color:{color:background}; /* change the background color */ font-family:calibri; text-transform:uppercase;
  388. font-size:8px; /* change the font size */ letter-spacing:2px; /* change the letter spacing */ color:{color:links}; /* change the text color */ z-index:999999999999999999999999999999999999 }
  389.  
  390.  
  391.  
  392. /* nova base, jobs */
  393.  
  394.  
  395. .left{float: left;margin-left: 335px;width: 500px;}
  396.  
  397. .right{float: right;width: 500px;background-color: {color:background};}
  398.  
  399. body {padding: 0px;margin: 0px;color:{color:text};font-family:trebuchet ms;font-size: 12px;background-color: {color:background};background-image:url('{image:background}');background-attachment: fixed;background-position: top left;background-repeat: repeat;}
  400.  
  401. a:link, a:active, a:visited{color: {color:link};text-decoration: none;}
  402.  
  403. a:hover {color:{color:linkhover};-webkit-transition: 0.4s ease-in;-o-transition: 0.4s ease-in;-moz-transition: 0.4s ease-in;transition: 0.4s ease-in;}
  404.  
  405. .entry {padding:15px;float:left;background-color:{color:posts};font-family:calibri;font-style:;font-size: 12px;line-height:10px;border:1px solid {color:border};{block:IndexPage}opacity:1;width:250px;margin:5px;{/block:IndexPage}{block:PermalinkPage}opacity:1;width:700px;padding-top:3x;margin-top:65px;margin-right:0px;margin-bottom:10px;margin-left:2px;{/block:PermalinkPage}-webkit-transition: 0.4s ease-in;-o-transition: 0.4s ease-in;-moz-transition: 0.4s ease-in;transition: 0.4s ease-in;-webkit-border-radius: 0px 0px 0px 0px;}
  406. .entry:hover {opacity:1;}
  407.  
  408. .entry .perma{position:absolute;bottom:46%;left:0px;width:auto;color:{color:link};height:auto;padding:7px;padding-bottom:5px;overflow:hidden;
  409. font-family:calibri;font-style:;font-size:10px;text-transform:uppercase;letter-spacing:1px;text-align:center;opacity:0.0;border-top-right-radius:2px;
  410. border-bottom-right-radius:2px;background-color:{color:background};-webkit-transition: all .1s linear;-moz-transition: all .1s linear;transition: all .1s linear;-webkit-border-radius: 0px 10px 10px 0px;}
  411.  
  412.  
  413.  
  414. .entry:hover .perma{opacity: 0.9;left:0px;-webkit-transition: all .1s linear;-moz-transition: all .1s linear;transition: all .1s linear;}
  415. .entry:hover .perma:hover{left:0px;padding-left:15px;-webkit-transition:all .1s linear;-moz-transition: all .1s linear;transition: all .1s linear;}
  416.  
  417. .entry .perma2{position:absolute;bottom:50%;
  418. right:0px;width:auto;color:{color:link};height:auto;padding:7px;
  419. padding-bottom:5px;overflow:hidden;font-family:calibri;font-style:;font-size:9px;text-transform:uppercase;letter-spacing:0px;text-align:center;opacity:0.0;border-top-left-radius:2px;border-bottom-left-radius:2px;background-color:{color:background};-webkit-transition: all .1s linear;-moz-transition:all .1s linear;transition: all .1s linear;-webkit-border-radius: 10px 0px 0px 10px;}
  420.  
  421. .entry:hover .perma2{opacity: 0.9;right:0px;-webkit-transition: all .1s linear;-moz-transition: all .1s linear;transition: all .1s linear;}
  422. .entry:hover .perma2:hover{right:0px;padding-right:15px;-webkit-transition: all .1s linear;-moz-transition: all .1s linear;transition: all .1s linear;}
  423.  
  424.  
  425.  .entry .perma3{position:absolute;bottom:46%;right:0px;width:auto;color:{color:link};height:auto;padding:7px;padding-bottom:5px;overflow:hidden;
  426. font-family:calibri;font-style:normal;font-size:10px;text-transform:;letter-spacing:1px;text-align:center;opacity:0.0;border-top-right-radius:2px;
  427. border-bottom-right-radius:2px;background-color:{color:background};-webkit-transition: all .1s linear;-moz-transition: all .1s linear;transition: all .1s linear;-webkit-border-radius: 10px 0px 0px 10px;}
  428.  
  429.  
  430.  
  431. .entry:hover .perma3{opacity: 0.9;right:0px;-webkit-transition: all .1s linear;-moz-transition: all .1s linear;transition: all .1s linear;}
  432. .entry:hover .perma3:hover{right:0px;padding-right:15px;-webkit-transition:all .1s linear;-moz-transition: all .1s linear;transition: all .1s linear;}
  433.  
  434.  
  435.  
  436.  .entry .permalink{{block:IndexPage}position:absolute;opacity:0;display: block;border-radius:5px;padding-top:1px;padding-right:0px;padding-left:0px;
  437. background-color:#margin-top:10px;right:8px;text-transform:uppercase; font-style:;font-family:calibri;font-size: 10px;overflow-y:block;letter-spacing:1px;color: {color:link};line-height: 14px;
  438. text-align:center;text-decoration: none;-webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-webkit-transition: all .1s linear;-moz-transition: all .1s linear;transition: all .1s linear;border: 0px solid #ccc;width:auto;{/block:IndexPage}}
  439.  
  440. .entry:hover .permalink{opacity:1;color: {color:link};margin-top:-30px;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear;box-shadow; margin-left:35px;}
  441.  
  442. blockquote{padding:0px 0px 2px 5px;margin:0px 0px 2px 1px;border-left: 1px solid {color:text};}
  443. blockquote p, ul{margin:0px; padding:0px;}
  444. blockquote{padding:0px 0px 2px 5px;margin:0px 0px 2px 1px;border-left: 1px solid #f0f0f0;}
  445.  blockquote p, ul{margin:0px; padding:0px;}
  446.  
  447.  
  448. #posts {width: 900px;margin-left:2px;{block:PermalinkPage}margin-left:42px;margin-top:10px;{/block:PermalinkPage}top: 1px; float:left;font-family: calibri;-moz-box-shadow: 0px 0px 5px #000;-webkit-box-shadow: 0px 0px 5px #000;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.35);opacity:1;}
  449.  
  450.  #posts img:hover {opacity:1;}
  451.  
  452. #posts img {{block:IndexPage}max-width: 250px;height:auto;overflow-y:auto;{/block:IndexPage}{block:PermalinkPage}max-width: 800px; overflow-y:auto;{/block:PermalinkPage} margin-bottom: -1px; opacity:0.8;-webkit-transition-duration: .99s; }
  453.  
  454. #infscr-loading{bottom: -100px;position: absolute;left: 50%;margin-left:-8px;width:16px;height:11px;overflow:hidden;margin-bottom: 50px;}
  455.  
  456. .title{font-family:Baumans;font-size: 12px;line-height:14px;color: {color:Title};letter-spacing:0px;text-align:center;font-weight: normal;text-transform;}
  457.  
  458.  /* quotes */
  459. .title2{font-family: calibri; text-align: center; font-size: 13px; line-height: 15px; padding: 1px; margin-top: -7px; margin-bottom: -10px;}
  460.  
  461. .qsource {font-family: calibri; font-size: 12px; text-align: center; text-transform: none; margin-bottom: 2px; padding-top: 3px; border-top: 1px solid #eee;}
  462.  
  463. .cit:first-letter {display:none;}
  464.  
  465. .blogtitle{font-size:20px;text-shadow: 0px 0px 0px #000;color:  {color:titulo};-webkit-transition-duration:1.5s;font-family:trebuchet ms;font-style:italic;text-transform:;letter-spacing:0px;line-height:20px;padding-left:10px;font-style:normal;padding-top:4px;padding-bottom:0px;text-align:center;opacity:1;-webkit-transition-duration: .2s;}
  466.  
  467. .blogtitle:hover {-webkit-transition-duration: .2s;}
  468.  
  469.  
  470.  
  471.  /* PHOTO POST PERMALINKS */
  472. .entry .perma4{opacity:1;
  473. position: absolute;
  474. z-index: 999;
  475. text-align: center;
  476. text-transform:uppercase;
  477. top: 35%;
  478. bottom: 30%;
  479. left:0%;
  480. -webkit-transition-duration: 0.9s;margin:10px;border-raiuds:0px;width:25px;background:{color:border};
  481. position:absolute;color:{color:link};height:30px;padding:0px;padding-bottom:0px;overflow:hidden;font-family: trebuchet ms;font-size:9px;line-height:0px;text-transform:uppercase;text-align:center;opacity:0;letter-spacing:0px;padding-top:5px;background-color:{color:links};background: -moz-linear-gradient(top, rgba(0,0,0,.0) 0%, rgba(0,0,0,0) 0%);
  482.  /* FF3.6+ */
  483. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.0)), color-stop(0%,rgba(0,0,0,0)));
  484. /* Chrome,Safari4+ */
  485. background: -webkit-linear-gradient(top, rgba(0,0,0,.0) 0%,rgba(0,0,0,0) 0%);
  486. /* Chrome10+,Safari5.1+ */
  487. background: -o-linear-gradient(top, rgba(0,0,0,.0) 0%,rgba(0,0,0,0) 0%);
  488. /* Opera 11.10+ */
  489. background: -ms-linear-gradient(top, rgba(0,0,0,.0) 0%,rgba(0,0,0,0) 0%);
  490. /* IE10+ */
  491. background: linear-gradient(to bottom, rgba(0,0,0,.0) 0%,rgba(0,0,0,0) 0%);
  492.  
  493. /* IE6-9 */
  494. filter: alpha(opacity = 1); width: 250px;position:absolute;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  495.  
  496. .entry:hover .perma4{opacity: 1;-webkit-transition: all .3s linear;
  497. -moz-transition: all .3s linear;transition: all .3s linear;}
  498.  
  499.  
  500.  
  501. .chat ul {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
  502. .chat li {line-height:12px;list-style-type: none;padding-left:0px;margin-right:0px;}
  503. .chat li.odd {color:{color:Text};}
  504. .chat li.even {color: {color:Text};background-color: {color:link};}
  505.  
  506. blockquote{padding:0px 0px 2px 5px;margin:0px 0px 2px 2px;border-left: 1px dotted {color:text};}
  507.  
  508.  
  509. ul#drawers {text-align:right;width: 200px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px;}
  510.  
  511. ul#drawers a {text-align: right;text-decoration: none;}
  512.  
  513. ul#drawers li h4 {margin: 0; padding: 0px; text-align: right; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; font-weight:normal;
  514.  
  515. li.drawer h4.open {text-align: right; border-top: 0px;}
  516.  
  517. li.drawer div {text-align: right;padding: 0px; margin: 0px; line-height: 12px; }
  518.  
  519. li.drawer div li {text-align: right;list-style-type: disc;}
  520.  
  521. li.drawer div ul {text-align: right;-webkit-padding-start: 12px;}
  522. .viaesource {display: none;}
  523.  
  524. .asker{padding-bottom:5px;line-height:13px;font-size:10px;background-color:#FFF;border-radius:4px;padding:5px;}
  525.  
  526.  
  527.  /*** BORDAS by cerejadosundae ***/
  528. .imageborda{margin-top:-4px;width:150px;}
  529. .vsanna{display: none;}
  530. .bordasm{width:50px;float:left;margin-top:0px;margin-left:-3px;-webkit-transition-duration: 1.99s;margin-bottom:0px;padding:4px;z-index:-100px;float:left;}
  531. .bordasm:hover{transition: all 1.0s ease;-webkit-filter:grayscale(50%);}
  532.  
  533.  
  534.  
  535.  
  536.  
  537.  
  538. </style>
  539.  
  540.  
  541.  
  542. {CustomCSS}
  543.  
  544. </style>
  545.  
  546. {block:IndexPage}
  547.  
  548.  
  549.  
  550. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  551.  
  552. <script type="text/javascript" src="http://arrow.scrolltotop.com/arrow13.js"></script>
  553.  
  554.  
  555.  
  556. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  557. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  558.  
  559. <script type="text/javascript">
  560. $(window).load(function () {
  561. var $content = $('#posts');
  562. $content.masonry({itemSelector: '.entry'}),
  563. $content.infinitescroll({
  564. navSelector : 'div#pagination',
  565. nextSelector : 'div#pagination a#nextPage',
  566. itemSelector : '.entry',
  567. loading: {
  568. finishedMsg: '',
  569. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  570. },
  571. bufferPx : 2000,
  572. debug : false,
  573. },
  574. // call masonry as a callback.
  575. function( newElements ) {
  576. var $newElems = $( newElements );
  577. $newElems.hide();
  578. // ensure that images load before adding to masonry layout
  579. $newElems.imagesLoaded(function(){
  580. $content.masonry( 'appended', $newElems, false, function(){$newElems.fadeIn(3000);} );
  581.  
  582.  
  583. });
  584. });
  585. });
  586. </script>
  587.  
  588.  
  589.  
  590.  
  591. {/block:IndexPage}
  592.  
  593. </style>
  594.  
  595.  
  596.  
  597. <body onkeydown="return false">
  598.  
  599.  
  600.        <div id="menu">
  601.  
  602.                <div class="links">
  603.        
  604. <a href="{text:Link1}" title="{text:Link1 Title}"><img class="links2" src="http://static.tumblr.com/i1e3kds/23lmhfg5k/casaa.png" style="margin-bottom:3px;"></a>
  605. <a href="{text:Link2}" title="{text:Link2 Title}"><img class="links2" style="margin-bottom:3px;" src="http://static.tumblr.com/i1e3kds/DoYmhfga0/carta.png"></a>
  606. <a href="{text:Link3}" title="{text:Link3 Title}"><img class="links2" src="http://static.tumblr.com/i1e3kds/LAHmhfghr/passta.png" style="padding-top:18px;"></a>
  607. <a href="{text:Link4}" title="{text:Link4 Title}"><img class="links1" src="http://static.tumblr.com/i1e3kds/br1mhfgiv/wedding_photo.png" style="margin-bottom:2px;"></a>
  608. <a href="{text:Link5}" title="{text:Link5 Title}"><img class="links1" src="http://static.tumblr.com/i1e3kds/Vjimhfgll/hearts.png"style="margin-bottom:2px;"></a>
  609.                      
  610.         </div></div>
  611.        
  612.                
  613.         </div></div>
  614.        
  615.  
  616. <div id="coluna">  </div>
  617. <div id="bgside">  </div>
  618.  
  619.  
  620.  <div id="image">
  621. <img src="{image:sidebar}"/>
  622. </div>
  623. <div class="frase">{text:frase}</div>  
  624.  
  625. <div id="desc">
  626. {block:Description}{Description}{/block:Description}
  627. </div>
  628.  
  629.  <div id="credit"><a href="http://posside.tumblr.com" title="theme by posside">credit</a></div>
  630.  
  631. <!-- TAGS PRINCIPAIS -->
  632. <div class="left">
  633.  
  634. <div id="posts">
  635.  
  636.  
  637.  <div class="viaesource">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  638. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  639.  
  640. {block:Posts}
  641. <div class="entry">
  642.  
  643.  
  644. {block:Answer}
  645. <div style="background-color:#eee;-webkit-border-radius: 0px 0px 0px 0px; padding:5px;"><div class="asker"><u>{Asker}</u></div>diz:<i>{Question}</i></div>
  646.  
  647. {Answer}
  648. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}" target="_blank" title="reblog"><img src="http://i.imgur.com/tPtZI.png"></a> <a href="{permalink}" title="permalink" ><img src="http://i.imgur.com/DoPL8.png"></a></div>{/block:IndexPage}
  649. {/block:Answer}
  650.  
  651.  
  652.  
  653.  
  654. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}<span class="entrytext">{Body}</span>
  655.  
  656. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}" target="_blank" title="reblog"><img src="http://i.imgur.com/tPtZI.png"></a> <a href="{permalink}" title="permalink" ><img src="http://i.imgur.com/DoPL8.png"></a></div>{/block:IndexPage}{/block:text}
  657.  
  658.  
  659.  
  660. {block:Link}<a href="{URL}" class="title"><center>{Name}</center></a>{block:Description}{Description}{/block:Description}
  661.  
  662. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}" target="_blank" title="reblog"><img src="http://i.imgur.com/tPtZI.png"></a> <a href="{permalink}" title="permalink" ><img src="http://i.imgur.com/DoPL8.png"></a></div>{/block:IndexPage}{/block:link}
  663.  
  664.  
  665. {block:Photo}
  666.  
  667. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" height="250"/></div>{LinkCloseTag}
  668. {/block:IndexPage}
  669.  
  670.  
  671. {block:IndexPage}
  672.  
  673.  
  674.  
  675.  
  676.    
  677. <div class="permalink"><a href="{ReblogURL}" target="_blank" title="reblog"><img src="http://i.imgur.com/tPtZI.png"></a> <a href="{permalink}" title="permalink" ><img src="http://i.imgur.com/DoPL8.png"></a></div>
  678.  
  679.  
  680. {/block:IndexPage}
  681. {block:PermalinkPage}<center>{LinkOpenTag}<img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="auto"/>{LinkCloseTag}{/block:PermalinkPage}</center>
  682. {/block:Photo}
  683.  
  684.  
  685.  
  686. {block:Photoset}
  687.  
  688. {block:IndexPage}<center>{block:Photos}<div style="width:250px;margin-bottom:5px;"><a href="{permalink}">
  689. <div class="img"><img src="{PhotoURL-250}"/></div></div>{/block:Photos}</center>
  690.    
  691.  
  692.  
  693. {/block:IndexPage}
  694.  
  695.    
  696. <div class="permalink"><a href="{ReblogURL}" target="_blank" title="reblog"><img src="http://i.imgur.com/tPtZI.png"></a><a href="{permalink}" title="permalink" ><img src="http://i.imgur.com/DoPL8.png"></a></div>
  697.  
  698. {block:PermalinkPage}<Center>
  699. {Photoset-500}</center>
  700. {/block:PermalinkPage}
  701.  
  702. {/block:Photoset}
  703.  
  704.  
  705.  
  706. {block:Quote}<div class="title2"><p class=cit>{Quote}</div><div id="tri2"></div><div style="text-align:right;font-weight:bold;text-transform:uppercase;font-size:12px;">{block:Source}<div class="qsource"> — {Source}</div>{/block:Source}</div>{block:IndexPage}<div class="permalink"><a href="{Permalink}"><font color="{color:permalink}"></font></a> <a href="{permalink}"><a href="{ReblogURL}" target="_blank" title="reblog"><img src="http://i.imgur.com/tPtZI.png"></a> <a href="{permalink}" title="permalink" ><img src="http://i.imgur.com/DoPL8.png"></a></div>{/block:IndexPage}{/block:Quote}
  707.  
  708.  
  709.  
  710.  
  711.  
  712.  
  713.  
  714.  
  715.  
  716.  
  717.  
  718. {block:Chat}
  719. <div class="textpost">
  720. {block:Title}<span class="title">{Title}</span>{/block:Title}
  721. <ul class="chat">
  722. {block:Lines}
  723. <li class="user_{UserNumber}">
  724. {block:Label}
  725. <span class="label">{Label}</span>
  726. {/block:Label}
  727. {Line}
  728. </li>
  729. {/block:Lines}
  730. </ul>
  731. {block:IndexPage}
  732. <div class="permalink"><a href="{ReblogURL}" target="_blank" title="reblog"><img src="http://i.imgur.com/tPtZI.png"></a><a href="{permalink}" title="permalink" ><img src="http://i.imgur.com/DoPL8.png"></a></div>
  733. {/block:IndexPage}
  734. </div>
  735. {/block:Chat}
  736.  
  737.  
  738.  
  739.  
  740. {block:Audio}
  741. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
  742. {block:ExternalAudio}{/block:ExternalAudio}</div></div>{block:IndexPage}{caption}{/block:IndexPage}</center>
  743.  
  744. {block:IndexPage}<div class="permalink"><a href="{Permalink}"><font color="{color:permalink}">{notecountwithlabel}</font></a> | <a href="{permalink}"><a href="{ReblogURL}" target="_blank"><font color="{color:permalink}">reblog</font></a></div>{/block:IndexPage}
  745. {/block:Audio}
  746.  
  747.  
  748. {block:Video}
  749. {block:IndexPage}
  750. <center>
  751. {Video-250}</center>
  752. <div class="permalink"><a href="{Permalink}"><font color="{color:permalink}">{notecountwithlabel}</font></a> | <a href="{permalink}"><a href="{ReblogURL}" target="_blank"><font color="{color:permalink}">reblog</font></a></div>
  753. {/block:IndexPage}
  754. {block:PermalinkPage}
  755. <center>
  756. {Video-500}</center>
  757. {/block:PermalinkPage}
  758. {block:Video}
  759.  
  760. {block:PermalinkPage}
  761. <center>
  762. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  763.  
  764.  
  765. {/block:PermalinkPage}
  766.  
  767.  
  768. {block:PostNotes}{PostNotes}
  769. {/block:PostNotes}
  770. </div>
  771.  
  772.  
  773. {/block:Posts}
  774. </div>
  775. </div>
  776. {block:IndexPage}
  777. {block:Pagination}
  778. <div id="pagination">
  779. {block:NextPage}
  780. <a id="nextPage" href="{NextPage}"></a>
  781. {/block:NextPage}
  782. {block:PreviousPage}
  783. <a href="{PreviousPage}"></a>
  784. {/block:PreviousPage}
  785. </div>
  786. {/block:Pagination}
  787. {/block:IndexPage}
  788. </div>
  789.  
  790.  
  791.  
  792.        </div></div></div></div>
  793.  
  794. <div class="column navigation" id="navigation">
  795. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  796. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  797. </div>
  798.  
  799.  </body>  
  800.  
  801.  
  802.  
  803. </head>
  804.  
  805. </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!