Advertisement
fanih

Theme 73

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