API tools faq
paste
fanih

Theme 75

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