API tools faq
paste
Ikxa

theme04branco2013

Ikxa
Mar 12th, 2013
1,279
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 32.46 KB | None | 0 0
raw download clone embed print report
  1. <!-- © oxigenio-dapalavra I tumblr -->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=Give+You+Glory' rel='stylesheet' type='text/css'>
  9.  
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  11. <meta name="font:body" content="arial, sans-serif"/>
  12. <meta name="color:text" content="#000000"/>
  13. <meta name="color:link" content="#000000"/>
  14. <meta name="color:title" content="#000000"/>
  15. <meta name="color:hover" content="#000000"/>
  16. <meta name="color:background color" content="#ffffff"/>
  17. <meta name="color:sidebar" content="#ffffff"/>
  18. <meta name="color:entry" content="#ffffff"/>
  19. <meta name="color:border color" content="#cccccc"/>
  20. <meta name="color:link border color" content="#000000"/>
  21. <meta name="color:blockquote" content="#ebebeb"/>
  22. <meta name="image:sidebar" content="http://static.tumblr.com/tpqedpr/lKkm7l9b2/d.png"/>
  23. <meta name="image:bordaimg" content="http://static.tumblr.com/tpqedpr/lKkm7l9b2/d.png"/>
  24. <meta name="image:background image" content="1"/>
  25. <meta name="if:infinite scroll" content="1"/>
  26. <meta name="if:rainbow links" content="0"/>
  27. <meta name="if:faded images" content="1"/>
  28. <meta name="if:show tags" content="0"/>
  29. <meta name="if:caption" content="1"/>
  30. <meta name="if:top button" content="1"/>
  31. <meta name="if:custom cursor" content="1">
  32. <meta name="text:font size" content="12px"/>
  33. <meta name="text:line height" content="15px"/>
  34. <meta name="text:post title font size" content="16px"/>
  35. <meta name="text:Link1" content="/" />
  36. <meta name="text:Link1 Title" content="one" />
  37. <meta name="text:Link2" content="/" />
  38. <meta name="text:Link2 Title" content="two" />
  39. <meta name="text:Link3" content="/" />
  40. <meta name="text:Link3 Title" content="three" />
  41. <meta name="text:Link4" content="/" />
  42. <meta name="text:Link4 Title" content="four" />
  43. <meta name="text:Link5" content="/" />
  44. <meta name="text:Link5 Title" content="five" />
  45. <meta name="text:Link6" content="/" />
  46. <meta name="text:Link6 Title" content="six" />
  47. <meta name="text:Link7" content="/" />
  48. <meta name="text:Link7 Title" content="seven" />
  49. <meta name="text:Link8" content="/" />
  50. <meta name="text:Link8 Title" content="eight" />
  51.  
  52. <title>{Title}</title>
  53. <link rel="shortcut icon" href="{Favicon}">
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  55. {block:Description}
  56. <meta name="description" content="{MetaDescription}" />
  57. {/block:Description}
  58.  
  59. <!-- random files -->
  60. <script src="http://static.tumblr.com/uiqhh9x/3Jpm92lk1/totop.js" type="text/javascript"></script>
  61. <script src="http://static.tumblr.com/uiqhh9x/gdJm68o3x/easing.js" type="text/javascript"></script>
  62. {block:ifrainbowlinks}
  63. <script src="http://static.tumblr.com/uiqhh9x/6SMm4pws7/rainbow.js" type="text/javascript"></script>
  64. {/block:ifrainbowlinks}
  65.  
  66. <!-- css reset -->
  67. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  68.  
  69. <style type="text/css">
  70. * {
  71.     font-family: {font:body};
  72.     {block:ifanimation}
  73.     -webkit-transition: all 0.3s ease;
  74.     -moz-transition: all 0.3s ease;
  75.     transition: all 0.3s ease;
  76.     -o-transition: all 0.3s ease;  
  77.     {/block:ifanimation}
  78. }
  79. div.entry {
  80.     -webkit-transition: all 0s ease;
  81.     -moz-transition: all 0s ease;
  82.     transition: all 0s ease;
  83.     -o-transition: all 0s ease;  
  84. }
  85. {block:ifcustomcursor}
  86. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;}
  87. {/block:ifcustomcursor}
  88. body {
  89.     color: {color:text};
  90.     background:{color:background color} url({image:background image});Background-attachment: fixed;
  91.     font-family: {font:body};
  92.     font-size: {text:font size};
  93.     line-height: {text:line height};
  94. }
  95.    
  96. a, a:link, a:active, a:visited{
  97.     color:{color:Link};
  98.     text-decoration: none;  
  99. }
  100.  
  101. a:hover, h1 a:hover, h3 a:hover {
  102.     {block:ifnotrainbowlinks}
  103.     color:{color:Hover}!important;
  104.     {/block:ifnotrainbowlinks}
  105.     text-decoration: none;
  106. }
  107.  
  108. #infscr-loading {
  109.     position: absolute!important;
  110.     width: 16px!important;
  111.     height: 11px!important;
  112.     bottom: 0px!important;
  113.     left: 50%!important;
  114.     margin-top: 10px!important;
  115.     margin-bottom: 5px!important;
  116. }
  117.  
  118. #content {
  119.     margin-top: 10px;
  120.     margin-left: 85px;
  121.     width: 637px;padding: 3px;
  122.     border-right: 1px dashed  #000;
  123.     border-left: 1px dashed  #000;
  124.     float: left;
  125.     }
  126.  
  127. #w{
  128.     width: 760px;
  129.     margin: -10px 50px auto;
  130. }
  131. #contain {
  132.     width: 740px;
  133. }
  134.  
  135. #blogtitle{
  136. font-family:'Give You Glory', cursive;;
  137. font-size: {text:title font size}px;
  138. line-height:{text:title line height}px;
  139. color: #FFFFFF;text-align:center;
  140. font-weight: normal;
  141. padding:0px 0px 0px 0px;
  142. }
  143.  
  144. ol.notes img {
  145.     width: 16px;
  146.     display: inline;
  147.     position: relative;
  148.     top: 3px;
  149. }
  150.  
  151. .entry {
  152.     {block:ifsidebarright}
  153.     float: right;
  154.     {/block:ifsidebarright}  
  155.     {block:ifnotsidebarright}
  156.     float: left;
  157.     {/block:ifnotsidebarright}  
  158.     {block:indexpage}
  159.     width: 300px;
  160.     {/block:indexpage}
  161.     margin: 5px;
  162.     {block:permalinkpage}
  163.     width: 500px;
  164.     {/block:permalinkpage}
  165.     padding: 3px;
  166.     background:#f7f7f7;opacity:0.6;border: 1px solid #000;
  167.     display: block;
  168.     position: relative;    
  169. }
  170.  
  171. .entry img {
  172.     display: block;
  173.     max-width: 100%;
  174.     {block:indexpage}
  175.     {block:iffadedimages}
  176.     opacity: 1;
  177.     filter: alpha(opacity = 75);
  178.     {/block:iffadedimages}
  179.     {/block:indexpage}
  180.     -webkit-border-radius: 4px;
  181.     -moz-border-radius: 4px;
  182.     border-radius: 4px;
  183. }
  184.  
  185. .entry:hover img {
  186.     max-width: 100%;
  187.     {block:indexpage}
  188.     {block:iffadedimages}
  189.     opacity: 1.0;
  190.     filter: alpha(opacity = 100);
  191.     {/block:iffadedimages}
  192.     {/block:indexpage}
  193. }
  194.  
  195. blockquote, q {
  196.     quotes: "" "" "'" "'";
  197.     padding-left: 5px;
  198.     border-left: 1px solid {color:border color};
  199.     background: {color:blockquote};
  200. }
  201.  
  202.  
  203. p {
  204.     margin: 5px 0px;
  205. }
  206.  
  207. h1, h1 a {
  208.     font-size:{text:title font size};
  209.  
  210.     {block:iftitlefont}
  211.     font-family: 'Lovers Quarrel', cursive;
  212.     {/block:iftitlefont}
  213.     {block:iftitlefont2}
  214.     font-family: 'Italianno', cursive;
  215.     {/block:iftitlefont2}
  216.     {block:iftitlefont3}
  217.     font-family: 'Bilbo', cursive;
  218.     {/block:iftitlefont3}
  219.     {block:iftitlefont4}
  220.     font-family: 'Italiana', serif;
  221.     {/block:iftitlefont4}
  222.     {block:iftitlefont5}
  223.     font-family: 'Fredericka the Great', cursive;
  224.     {/block:iftitlefont5}
  225.     {block:iftitlefont6}
  226.     font-family: 'Amatic SC', cursive;
  227.     {/block:iftitlefont6}
  228. }
  229.  
  230. h2, h2 a {text-align:right;line-height:3px;
  231.     font-size:9px;
  232.     color: {color:title}!important;
  233. }
  234. h3, h3 a {
  235.     font-size:{text:post title font size};
  236.     line-height:{text:post title font size};
  237.     color: {color:title}!important;
  238. }
  239.  
  240. h4, h4 a {font-family: 'Source Sans Pro', sans-serif; font-style: normal;  
  241.     font-size:{text:side title font size};
  242.     color: {color:title}!important;
  243. }
  244. .an {
  245.     text-align:left;
  246.     padding-left:5px;
  247.     padding-right:5px;
  248.     border-left: 2px solid  {color:border color};
  249.     border-right: 2px solid  {color:border color};
  250.     background-color:{color:blockquote};
  251. }
  252.  
  253. p.tags a {
  254.     opacity: 0.50;
  255.     filter: alpha(opacity = 50);
  256. }
  257.  
  258. p.tags a:hover {
  259.     opacity: 1.0;
  260.     filter: alpha(opacity = 100);
  261. }
  262. p.tags {
  263.     padding: 0px;
  264.     line-height: 8px;    
  265.     margin: 0px;
  266.     font-size: 8px;
  267.     margin: 0px;
  268.     text-transform: uppercase;
  269.     {block:ifshowtags}
  270.     border-top: 0px solid {color:border color};
  271.     {/block:ifshowtags}
  272. }
  273.  
  274. #titexcel {
  275.     position: absolute;
  276.     right: 3px;
  277.     top: 26px;
  278. }
  279.    
  280. #bite:hover .death {
  281.     margin-top:10px;
  282.     filter: alpha(opacity = 100);
  283.     opacity: 1;
  284. }
  285.  
  286. #pagination{
  287.     display:none;
  288. }
  289.  
  290.  
  291. .t a{
  292.     text-align: right;
  293.     opacity: .5;
  294.     filter: alpha(opacity = 50);
  295. }
  296.  
  297. .entry:hover .ti a {
  298.     opacity: 1.0;
  299.     filter: alpha(opacity = 100);
  300. }
  301.  
  302. .ti a{
  303.  
  304.     opacity: .5;
  305.     filter: alpha(opacity = 50);
  306. }
  307. .t a{
  308.     text-align: right;
  309.     opacity: .5;
  310.     filter: alpha(opacity = 50);
  311. }
  312. .entry .t a:hover, .entry .ti a:hover{
  313.     text-align: right;
  314.     opacity: 1.0;
  315.     filter: alpha(opacity = 100);
  316. }
  317.  
  318. p.t {
  319.     display: block;
  320.     margin: 0px 0px 0px 0px;
  321.     line-height: 19px;
  322.     text-transform: uppercase;
  323.     text-align: right;
  324.     font-size: 14px;
  325.     border-top: 0px solid {color:border color};
  326. }
  327.  
  328. p.t a {
  329.     margin: 0 0px;
  330. }
  331.  
  332. p.ti {
  333.     display: block;
  334.     margin: 0px 0px 0px 0px;
  335.     line-height: 19px;
  336.     text-transform: uppercase;
  337.     text-align: right;
  338.     font-size: 10px;
  339.  
  340.  
  341. }
  342.  
  343. p.ti a {
  344.     margin: 0 0px;
  345. }
  346. .pp {
  347.     text-transform: uppercase;
  348.     text-align: left;
  349. }
  350.  
  351. select {
  352.     font-size: 10px;
  353.     width: 125px;
  354.     text-transform: uppercase;
  355.     letter-spacing: 1px;
  356.     padding: 1px;
  357.     background: {color:menu background};
  358.     color: {color:menu link color};
  359.     border: 1px solid {color:menu border};
  360. }
  361. .sha {
  362. position: relative;
  363. }
  364. #toTop {
  365.     display:none;
  366.     text-decoration:none;
  367.     position:fixed;
  368.     bottom:10px;
  369.     right:10px;
  370.     overflow:hidden;
  371.     width:21px;
  372.     height:21px;
  373.     border:none;
  374.     text-indent:100%;
  375.     background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;
  376.     opacity: .5;
  377.     filter: alpha(opacity = 50);
  378. }
  379.  
  380. #toTopHover {
  381.     width:21px;
  382.     height:21px;
  383.     display:block;
  384.     overflow:hidden;
  385.     float:left;
  386.     opacity: 0;
  387.     -moz-opacity: 0;
  388.     filter:alpha(opacity=0);
  389. }
  390.  
  391. #toTop:hover {
  392.     opacity: 1;
  393.     filter: alpha(opacity = 100);
  394. }
  395.  
  396. #toTop:active, #toTop:focus {
  397.     outline:none;
  398. }
  399.  
  400.  
  401.  
  402. .p1, .p2 {
  403.     opacity: 0;
  404.     filter:alpha(opacity=0);
  405. }
  406.  
  407. .entry:hover .p1, .entry:hover .p2 {
  408.     opacity: .80;
  409.     filter:alpha(opacity=80);
  410. }
  411.  
  412. .p1:hover, .p2:hover {
  413.     opacity: 1!important;
  414.     filter:alpha(opacity=100)!important;
  415. }
  416. .p1{
  417.     position: absolute;
  418.     top: 15px;
  419.     left: 10px;
  420.     display: inline;
  421.     height: 14px;
  422.     font-size: 8px;
  423.     padding: 0 4px;
  424.     line-height: 14px;
  425.     text-transform: uppercase;
  426.     background: {color:entry};
  427. }
  428. .p2{
  429.        position: absolute;
  430.     top: 29px;
  431.     left: 10px;
  432.     display: inline;
  433.     margin-top: 5px;
  434.     height: 14px;
  435.     font-size: 8px;
  436.     padding: 0 4px;
  437.     line-height: 14px;
  438.     text-transform: uppercase;
  439.     background: {color:entry};
  440. }
  441. .p1:hover, .p2:hover{
  442.     padding-left: 15px;    
  443. }
  444.  
  445.  
  446. .source { font-size:12px; font-weight:italic; text-align:right;}
  447.  
  448. a.n {
  449.     display: block;
  450.     margin: 0px 0px 3px;
  451.     font-family: consolas;
  452.     letter-spacing: 1px;
  453.     text-transform: uppercase;
  454.     border: 0px solid {color:border color};
  455.     font-size: 8px;
  456.     line-height: 15px;
  457.     padding-top: 1px;
  458.     background: {color:entry};
  459. }
  460. a.n:hover {
  461. -webkit-animation-name: myfirst; -webkit-animation-duration: 0.8s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } @-moz-keyframes myfirst /* Firefox*/ { { -ms-transform:: translate(-1px, -2px) rotate(-1deg); } 20% { -moz-transform: translate(-3px, 0px) rotate(1deg); } 30% { -moz-transform: translate(0px, 2px) rotate(0deg); } 40% { -moz-transform: translate(1px, -1px) rotate(1deg); } 50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -moz-transform: translate(-3px, 1px) rotate(0deg); } 70% { -moz-transform: translate(2px, 1px) rotate(-1deg); } 80% { -moz-transform: translate(-1px, -1px) rotate(1deg); } 90% { -moz-transform: translate(2px, 2px) rotate(0deg); } 100% { -moz-transform: translate(1px, -2px) rotate(-1deg); } } @-ms-keyframes myfirst /* IE9*/ { 10% { -ms-transform:: translate(-1px, -2px) rotate(-1deg); } 20% { -ms-transform: translate(-3px, 0px) rotate(1deg); } 30% { -ms-transform: translate(0px, 2px) rotate(0deg); } 40% { -ms-transform: translate(1px, -1px) rotate(1deg); } 50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -ms-transform: translate(-3px, 1px) rotate(0deg); } 70% { -ms-transform: translate(2px, 1px) rotate(-1deg); } 80% { -ms-transform: translate(-1px, -1px) rotate(1deg); } 90% { -ms-transform: translate(2px, 2px) rotate(0deg); } 100% { -ms-transform: translate(1px, -2px) rotate(-1deg); } } @-webkit-keyframes myfirst /* Safari and Chrome */ { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
  462.  
  463. }
  464.  
  465. .an {
  466.     text-align:left;
  467.     padding-left:4px;
  468.     padding-right:4px;
  469.     border-left: 2px solid  {color:border color};
  470.     border-right: 2px solid  {color:border color};
  471.     background-color:transparent;
  472. }
  473. .inf {
  474.     margin-top: 6px;
  475.     line-height: 30px;
  476.     position: fixed;
  477.     z-index: 9999999;
  478.     text-align: center;
  479.     width: 646px;
  480.     {block:ifsidebarright}
  481.     margin-left: 3px;
  482.     {/block:ifsidebarright}  
  483.     {block:ifnotsidebarright}
  484.     margin-left: 116px;
  485.     {/block:ifnotsidebarright}  
  486.     background: {color:background color};
  487.     opacity: .80;
  488.     filter:alpha(opacity=80);        
  489. }
  490.  
  491. .inf p {
  492.     margin: 0px;
  493. }
  494.  
  495. .text {
  496.     padding: 6px;
  497.     }
  498.  
  499. .perma {
  500.     opacity: 0.0;
  501.     filter: alpha(opacity = 0);
  502.     z-index:9999991;  
  503.     display: inline-block;
  504.     position: absolute;
  505.     top: 15px;
  506.     left: 10px;
  507. }
  508.      
  509. .entry:hover .perma   {
  510.     opacity: 1;
  511.     filter: alpha(opacity = 100);
  512. }
  513.    
  514. .likep {
  515.     width: 21px;
  516.     height: 20px;
  517.     overflow: hidden;
  518.     z-index: 9999999;
  519.     display: inline-block;
  520. }
  521.  
  522. .rep {
  523.     width: 24px;
  524.     height: 20px;
  525.     overflow: hidden;
  526.     z-index: 9999999;
  527.     display: inline-block;  
  528. }  
  529.  
  530. .likep a:hover {
  531.     background-position: 0px 0px;
  532. }
  533.  
  534. .likep a {
  535.     background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  536.     background-position: 0px 0px;
  537.     display: block;
  538.     z-index: 9999999;
  539. }
  540.  
  541. .likep img {
  542.     width: 21px;
  543.     height: 20px;
  544. }
  545.  
  546. .rep img{
  547.     width: 24px;
  548.     height: 20px;
  549.     line-height: 30px;
  550.     display: inline;
  551. }
  552.      
  553. .not { display: inline-block;
  554.     background: rgba(0, 0, 0, .55);
  555.     height: 20px;
  556.     top: -6px;
  557.     padding: 0 5px;
  558.     font: 11px/20px arial,sans-serif;
  559.     line-height: 20px;
  560.     color: #fff;
  561.     padding-left: 4px;
  562.     padding-right: 4px;
  563.     -webkit-border-radius: 3px;
  564.     -moz-border-radius: 3px;
  565.     border-radius: 3px;
  566.     position: relative;
  567.     -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
  568.     -moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
  569.     box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
  570. }
  571.  
  572. .not a, .not:hover a, .not a:hover {
  573.     color: #ffffff!important;
  574.     font-weight: bold;
  575.     font-family: Arial, Helvetica, sans-serif;
  576. }
  577.      
  578. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  579.     opacity: 1;
  580.     filter: alpha(opacity = 100);
  581. }
  582.  
  583. .not:hover , .rep:hover, .likep:hover {
  584.     opacity: 1!important;
  585.     filter: alpha(opacity = 100)!important;
  586. }
  587.  
  588. #tumblr_controls{position: fixed!important}
  589. #tumblr_controls{position: fixed!important}
  590. #tumblr_controls{position: fixed!important}
  591. #tumblr_controls{position: fixed!important}
  592. iframe#tumblr_controls {margin-top: 0px;white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  593. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  594.  
  595.  
  596. #parceirosfix:hover{left:0px;z-index:999999999999999999999999999999999999999;color:#fff;}
  597. #parceiros {font-size:12px;background-color:transparent;height:100px; line-height:1px;color: #ffffff;-webkit-border-radius:0px 0px 0px 0px;overflow:hidden;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;z-index:9;text-align:center;margin-top:2px}
  598. #parceiros img{width:35px;height:35px;padding-top:3px;-webkit-transition:All 0.7s ease-out;-moz-transition:All 0.7s ease-out;}
  599. #parceiros img:hover{opacity:1!important}
  600. #parceiros:hover img{opacity:1}
  601. #parceiros a:hover{opacity:1!important}
  602. #parceria {display:block;color:#fff;background-color:transparent; /** isso aqui vc edita SE quiser mudar a cor do fundo do "PARCEIROS", cores aqui http://colorpicker.com/ **/
  603. ;text-align:center;padding: 5px 4px 5px 4px; height:13px;font-family:arial; font-size: 10px; text-decoration:none;opacity:1;line-height:10px}
  604. #prceiros{position:absolute;top:5px;left:10px;width:-120px;height:100px;background:transparent;z-index:9;-webkit-transition:All 0.6s ease-out;-moz-transition:All 0.6s ease-out;overflow:hidden}
  605. #pparceiros{position:absolute;top:10px;left:0px;width:auto;padding:5px;background:transparent;border-top:1px solid #fff;height:100px}
  606. #parceirosfix{position:fixed;top:290px;left:-180px;background:transparent;width:150px;height:100px;opacity: 0.7;-webkit-transition:All 0.6s ease-out;-moz-transition:All 0.6s ease-out;padding:10px;z-index:999;}
  607. @font-face {font-family: 'Homenaje';src: url('http://themes.googleusercontent.com/static/fonts/homenaje/v1/jYyetuCOSxcVAexXms8sf_esZW2xOQ-xsNqO47m55DA.woff')}
  608. ui{position:absolute;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);left:150px;top:30px;background:#EFE9E3 url({image:bordaimg});padding:20px;width:69px;text-align:center;font-family:arial;text-transform:uppercase;font-size:12px; color:#000;-webkit-border-bottom-right-radius: 60px;
  609. -webkit-border-bottom-left-radius: 60px;
  610. -moz-border-radius-bottomright: 60px;
  611. -moz-border-radius-bottomleft: 60px;
  612. border-bottom-right-radius: 60px;
  613. border-bottom-left-radius: 60px;border: 1px solid  #000;}
  614.  
  615. {CustomCSS}
  616.  
  617. #side3 {position: fixed; width:250px; height:250px;margin: 60px 0px 0px 840px;background-color:transparent;}
  618. #side7 {position: fixed; width:151px; margin: 545px 0px 0px 892px;background-color:transparent;}
  619. #aste {position: fixed; width:1px;height:160px; border-right:#808080 1px solid; margin: 315px 0px 0px 961px;background-color:transparent;}
  620.  
  621. .navigation {position: fixed;opacity:0.5;margin-top:367px; float:left; margin-left:890px;border-right:#000 1px dashed; width:67px;z-index:999999;}
  622. .navigation a:hover {-webkit-transition:0.3s linear;opacity:1;}
  623. .nav a {display:block; background-color:#fff; margin:2px 0 2px 0; font-size:10px; font-family:tinytots; text-transform:uppercase; color:#333333; text-decoration:none; text-align:center; padding:2px; letter-spacing:1px; border-bottom:#000 1px solid;}
  624. .nav a:hover {opacity:1;}
  625.  
  626. .navigation2 {position: fixed; opacity:0.5;margin-top:331px; float:left; margin-left:967px;border-left:#000 1px dashed; width:67px;z-index:999999;}
  627. .navigation2 a:hover {-webkit-transition:0.3s linear;opacity:1;}
  628. .nav2 a {display:block; background-color:#ffffff; margin:2px 0 2px 0; font-size:10px; font-family:tinytots; text-transform:uppercase; color:#000; text-decoration:none; text-align:center; padding:2px; letter-spacing:1px; border-bottom:#000 1px solid;}
  629. .nav2 a:hover {opacity:1;}
  630.  
  631. .navigation3 {font-size:14px;position: fixed;opacity:0.5;margin-top:456px; float:left; margin-left:887px;border-right:#000 1px dashed; width:70px;z-index:999999;}
  632. .navigation3 a:hover {-webkit-transition:0.3s linear;opacity:1;}
  633. .nav3 a {display:block; background-color:#fff; margin:2px 0 2px 0; font-size:14px; font-family:tinytots; text-transform:uppercase; color:#000; text-decoration:none; text-align:center; padding:2px; letter-spacing:1px; border-bottom:#000 1px solid;}
  634. .nav3 a:hover {opacity:1;}
  635.  
  636. .navigation4 {font-size:14px;position: fixed;opacity:0.5;margin-top:456px; float:left; margin-left:968px;border-left:#000 1px dashed; width:70px;z-index:999999;}
  637. .navigation4 a:hover {-webkit-transition:0.3s linear;opacity:1;}
  638. .nav4 a {display:block; background-color:#fff; margin:2px 0 2px 0; font-size:14px; font-family:tinytots; text-transform:uppercase; color:#000; text-decoration:none; text-align:center; padding:2px; letter-spacing:1px; border-bottom:#000 1px solid;}
  639. .nav4 a:hover {opacity:1;}
  640.  
  641. .deslizante6 {opacity:0.5;margin-left:  602px; height: 35px;margin-top:50px; width: 200px; font-size: 11px; background-color: transparent; font-family: georgia; line-height:12px; padding-left:5px;  color: #000; position: fixed; -webkit-border-radius: 0px 0px 0px 0px; overflow: hidden; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; z-index: 1; text-align: left; font-style:  -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px;z-index:9999;}
  642.  
  643. ::-webkit-scrollbar{width:5px;height:5px;}
  644. ::-webkit-scrollbar-button:start:decrement
  645. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  646. ::-webkit-scrollbar-track-piece{background-color:#fff}
  647. ::-webkit-scrollbar-thumb:vertical{height:105px; background-color:#ccc;}
  648. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scroll};}
  649.  
  650. </style>
  651. </head>
  652. <body>
  653.  
  654. <div id="aste"></div>
  655. <div id="side3"><a href="/" title="Refresh" target="_self"><img src="{image:sidebar}"style=" -moz-border-radius: 180px; -webkit-border-radius: 180px; ; border: 1px dashed #000;padding:10px;background:{color:background color} url({image:bordaimg});opacity:0.7;height:230px; width: 230px; margin-left:0px; margin-top:0px; align="center""></a></br>
  656. </div>
  657. <div id="side7"><a href="/" title="Refresh" target="_self"><img src="http://static.tumblr.com/5nqwhic/JHRmisk2o/credito.png"></a>
  658. </div>
  659.  
  660. <div class="navigation"><div class="nav">
  661. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  662. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  663. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  664. </div></div>
  665.  
  666. <div class="navigation2"><div class="nav">
  667.  
  668. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  669. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  670. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  671. </div></div>
  672.  
  673. <div class="navigation3"><div class="nav">
  674.  
  675. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  676. </div></div>
  677.  
  678. <div class="navigation4"><div class="nav">
  679.  
  680. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
  681. </div></div>
  682.  
  683.  
  684. <div id="w">
  685. <div id="contain">
  686. <div id="side"><div id="sd">
  687. {block:HasPages}
  688. {block:Pages}
  689. {/block:Pages}
  690. {/block:HasPages}
  691. {block:IfNotInfiniteScroll}
  692.             <p>{block:PreviousPage}
  693.                 <a href="{PreviousPage}">{text:previous}</a>
  694.             {/block:PreviousPage}
  695.  
  696.             {block:NextPage}
  697.                 <a href="{NextPage}">{text:next}</a>
  698.             {/block:NextPage}</p>
  699. {/block:IfNotInfiniteScroll}  
  700.  
  701. </div></div>
  702.  
  703.  
  704. <div id="content">
  705. {block:Posts}
  706. <div class="entry">
  707. {block:Text}<div class="text">
  708.     {block:Title}
  709.         <h3><a href="{Permalink}">{Title}</a></h3>
  710.     {/block:Title}
  711.         {Body}  
  712.         {block:indexpage}<HR width="100%" size="1"noshade>
  713.         <p class="ti"><h2><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogUrl}" target="_blank">-reblog</a></h2></p>
  714.         {/block:indexpage}
  715. </div>{/block:Text}
  716.  
  717. {block:Photo}
  718. {block:IndexPage}
  719.  <div class="perma">
  720.     <div class="likep">
  721.     <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  722.     </div>
  723.     <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  724.     </div>  
  725.     <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  726.     </div>  
  727. <a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" width="300"/></a><div class="sha">
  728. <img style="width:100%;" src="http://28.media.tumblr.com/tumblr_lpn6kseZUG1qm57imo1_500.png"></div>
  729. {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  730. {/block:IndexPage}
  731. {block:PermalinkPage}
  732.     {LinkOpenTag}
  733.     <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  734.     {LinkCloseTag}
  735. {/block:permalinkpage}
  736. {/block:Photo}
  737.  
  738. {block:Photoset}<div class="text">
  739. {block:IndexPage}
  740. <div class="perma">
  741.    <div class="likep">
  742.     <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  743.     </div>
  744.     <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  745.     </div>  
  746.     <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  747.     </div>  
  748.     <center>{Photoset-250}<center><div class="sha">
  749. <img style="width:100%;" src="http://28.media.tumblr.com/tumblr_lpn6kseZUG1qm57imo1_500.png"></div>
  750.        {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  751.   {/block:IndexPage}
  752. {block:permalinkpage}
  753.     {Photoset-500}
  754. {/block:permalinkpage}</div>
  755.    
  756. {/block:Photoset}
  757.  
  758. {block:Quote}<div class="text">
  759.     "{Quote}"
  760.     {block:Source}<div class="source"><a href="{SourceURL}">- {Source}</a></div>{/block:Source}
  761.     {block:indexpage}<HR width="100%" size="1"noshade>
  762.         <p class="ti"><h2><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogUrl}" target="_blank">-reblog</a></h2></p>
  763.         {/block:indexpage}
  764.  
  765. </div>{/block:Quote}
  766.  
  767. {block:Link}<div class="text">
  768.     <a href="{URL}" class="link" {Target}>{Name}</a>
  769.     {block:Description}
  770.         <div class="description">{Description}</div>
  771.         {/block:Description}
  772.         {block:indexpage}<HR width="100%" size="1"noshade>
  773.         <p class="ti"><h2><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogUrl}" target="_blank">-reblog</a></h2></p>
  774.         {/block:indexpage}
  775.  
  776. </div>{/block:Link}
  777.  
  778. {block:Chat}<div class="text">
  779.         {block:Title}
  780.                 <h3><a href="{Permalink}">{Title}</a></h3>
  781.         {/block:Title}
  782.         <ul class="chat">
  783.            {block:Lines}
  784.            <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  785.                   {Line} </li>
  786.                 {/block:Lines}
  787.         </ul>  
  788.         {block:indexpage}<HR width="100%" size="1"noshade>
  789.         <p class="ti"><h2><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogUrl}" target="_blank">-reblog</a></h2></p>
  790.         {/block:indexpage}
  791.  
  792. </div>{/block:Chat}
  793.  
  794. {block:Video}
  795.     {block:IndexPage}
  796.    <div class="likep">
  797.     <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  798.     </div>
  799.     <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  800.     </div>  
  801.     <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  802.     </div>  
  803.     <center>{Video-250}<center><div class="sha">
  804. <img style="width:100%;" src="http://28.media.tumblr.com/tumblr_lpn6kseZUG1qm57imo1_500.png"></div>  
  805.     {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  806.     {/block:IndexPage}
  807.     {block:permalinkpage}
  808.     {Video-500}
  809.     {/block:permalinkpage}
  810. {/block:Video}
  811.  
  812. {block:Audio}<div class="text">
  813.     {AudioPlayerBlack}
  814.  
  815.         {block:indexpage}    {block:Caption}
  816.     {Caption}
  817.     {/block:Caption}<HR width="100%" size="1"noshade>
  818.         <p class="ti"><h2><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogUrl}" target="_blank">-reblog</a></h2></p>
  819.         {/block:indexpage}
  820. </div>{/block:Audio}
  821.  
  822.  
  823. {block:Answer}
  824. <div class="text">
  825. <div class="an">
  826. <div class=""><img src="{AskerPortraitURL-48}" style=" border-radius:50%; border-top-right-radius:0px; padding:0px; align="left;">{Asker}: {Question}</div></div><div class="text">{Answer}      
  827. </div>
  828. {block:indexpage}
  829.         <p class="ti"><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogUrl}" target="_blank">-reblog</a></p>
  830. {/block:indexpage}
  831. </div>
  832. {/block:Answer}    
  833.  
  834.  
  835. {block:ifshowtags}{block:indexpage}{block:HasTags}<div class="text"><p class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p></div>{/block:HasTags}{/block:indexpage}{/block:ifshowtags}
  836.  
  837. {block:permalinkpage}
  838. <div class="text">
  839. {block:Caption}{Caption}{/block:Caption}{block:PostNotes}
  840. <p class="t"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>{/block:PostNotes}
  841. {block:RebloggedFrom}<p class="t">Reblogged from  - <a href="{ReblogParentURL}">{ReblogParentTitle}</a></p>{/block:RebloggedFrom}
  842. {block:ContentSource}<p class="t">Source -  <a href="{SourceURL}" target="_blank">{SourceTitle}</a></p>{/block:ContentSource}
  843. {block:HasTags}<p class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}
  844. {block:PostNotes}{PostNotes}{/block:PostNotes}
  845. </div>
  846. {/block:permalinkpage}
  847.  
  848. </div>  
  849. {/block:Posts}
  850. <div class="clear"></div>
  851. </div>
  852. </div></div>
  853. {block:Pagination}
  854.                 <ul id="pagination">
  855.                         {block:PreviousPage}
  856.                                 <li><a href="{PreviousPage}"></a></li>
  857.                         {/block:PreviousPage}
  858.                         {block:JumpPagination length="5"}
  859.                         {block:CurrentPage}
  860.                                 <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  861.                         {/block:CurrentPage}
  862.                         {block:JumpPage}
  863.                                 <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  864.                         {/block:JumpPage}
  865.                         {/block:JumpPagination}
  866.                         {block:NextPage}
  867.                                 <li><a id="nextPage" href="{NextPage}"></a></li>
  868.                         {/block:NextPage}
  869.                 </ul>
  870. {/block:Pagination}
  871.        
  872.  
  873. <script src="http://static.tumblr.com/erukclj/GKvme2fbf/novo_a__documento_de_texto.js"></script>
  874.  
  875. {block:IndexPage}
  876. {block:ifinfinitescroll}
  877. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:ifinfinitescroll}
  878. <script type="text/javascript">
  879. $(window).load(function () {
  880. $('#content').masonry(),
  881. $('.masonryWrap').infinitescroll({
  882. navSelector    : '#pagination',  
  883. nextSelector   : '#pagination a#nextPage',
  884. itemSelector : ".entry, .clear",
  885. bufferPx : 40,
  886. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  887. loadingText : "<em></em>",
  888. },
  889. function() { $('#content').masonry({ appendedContent: $(this) }); }
  890. );
  891. });
  892. </script>
  893.  
  894.  
  895.  
  896. {/block:IndexPage}
  897.  
  898. {block:iftopbutton}
  899. <script type="text/javascript">
  900.         $(document).ready(function() {
  901.                 /*
  902.                         var defaults = {
  903.                                 containerID: 'toTop', // fading element id
  904.                                 containerHoverID: 'toTopHover', // fading element hover id
  905.                                 scrollSpeed: 1200,
  906.                                 easingType: 'linear'
  907.                         };
  908.                         */
  909.                        
  910.                         $().UItoTop({ easingType: 'easeOutQuart' });
  911.                        
  912.                 });
  913. </script>
  914. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  915. {/block:iftopbutton}
  916. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  917. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  918.  
  919. </body>
  920. </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!