API tools faq
paste
Ikxa

2sides-oxigenio

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