babirdgs

Theme Fourty Nine

Mar 20th, 2015
236
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 33.29 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!-- DEFECTSS'S THEMES, MOTHERFUCKERS COPY -->
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9. <head>
  10.  
  11.      
  12.     {block:IfNotAlwaysShowDescription}
  13.     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  14.     <script src="toggle.js" type="text/javascript"></script>
  15.     <script type="text/javascript">
  16.     $(document).ready(function(){
  17.     $(".info").hide();
  18.     $(".title").click(function(){
  19.     $('.info').slideToggle(300);
  20.     return true;
  21.     });
  22.     });
  23.     </script>{/block:IfNotAlwaysShowDescription}
  24.       <!-- DEFAULT VARIABLES -->
  25. <meta name="color:background" content="#ffffff" />
  26. <meta name="color:text" content="#3d3d3d" />
  27. <meta name="color:entry" content="#FFFFFF" />
  28. <meta name="color:symbol" content="#dadada" />
  29. <meta name="color:cred" content="#FFFFFF" />
  30. <meta name="color:linkx" content="#FFFFFF" />
  31. <meta name="color:link" content="#000000" />
  32. <meta name="color:faixa" content="#FFFFFF" />
  33. <meta name="color:texto" content="#000000" />
  34. <meta name="color:hover" content="#000000" />
  35. <meta name="image:sidebar" content=""/>
  36. <meta name="image:background" content=""/>
  37. <meta name="text:titulo1" content="babi, 18 years old" />
  38. <meta name="text:faixa" content="fuck all, motherfuckers..." />
  39. <meta name="text:titulo2" content="you and i, little babe" />
  40. <meta name="text:symbol" content="✿" />
  41. <meta name="text:linkone" content="one" />
  42. <meta name="text:Link1" content="" />
  43. <meta name="text:Link1 Title" content="" />
  44. <meta name="text:Link2" content="" />
  45. <meta name="text:Link2 Title" content="" />
  46. <meta name="text:Link3" content="" />
  47. <meta name="text:Link3 Title" content="" />
  48. <meta name="text:linktwo" content="bla" />
  49. <meta name="text:Link4" content="" />
  50. <meta name="text:Link4 Title" content="" />
  51. <meta name="text:Link5" content="" />
  52. <meta name="text:Link5 Title" content="" />
  53. <meta name="text:linkthree" content="etc" />
  54. <meta name="text:Link6" content="" />
  55. <meta name="text:Link6 Title" content="" />
  56. <meta name="text:Link7" content="" />
  57. <meta name="text:Link7 Title" content="" />
  58. <meta name="text:Link8" content="" />
  59. <meta name="text:Link8 Title" content="" />
  60. <meta name="text:Link9" content="" />
  61. <meta name="text:Link9 Title" content="" />
  62.  
  63.  
  64.  
  65.         <title>{Title}</title>
  66.         <link rel="shortcut icon" href="{Favicon}">
  67.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  68.         {block:Description}
  69.             <meta name="description" content="{MetaDescription}" />
  70.         {/block:Description}
  71.  
  72. {block:IfEnableEndlessScrolling}
  73. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  74. {/block:IfEnableEndlessScrolling}
  75.  
  76.  
  77.     <style type="text/css">
  78.  
  79.  {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  80.     <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  81.      
  82.     {PostSummary} - {/block:PostSummary}{Title}</title>
  83.      
  84.     <style type="text/css">
  85.    
  86.  
  87.  
  88.     iframe#tumblr_controls{
  89.     top: 1px !important;
  90.     margin: 0 0 0 0;
  91.     right: 6px !important;
  92.     position: fixed !important;
  93.     z-index:52;
  94.     }
  95.      
  96.     body {
  97.     margin:0px;
  98.     background-color: {color:Background};
  99.     background-image:url({image:Background});
  100.     background-attachment: fixed;
  101.     background-repeat: no-repeat;
  102.     {block:IfRepeatBackgroundImage}
  103.     background-repeat: repeat;
  104.     {/block:IfRepeatBackgroundImage}
  105.    
  106.     font-size:11px;
  107.     font-family: Trebuchet MS;
  108.     line-height:12px;
  109.     color:{color:Text};
  110.     {block:IfItalicFont}font-style:italic;{/block:IfItalicFont}
  111.     }
  112.      
  113.     a:link, a:active, a:visited{
  114.     color: {color:Link};
  115.     z-index:52;
  116.     text-decoration: none;
  117.     -moz-transition: all 0.3s;
  118.     -webkit-transition: all 0.3s;
  119.     -o-transition: all 0.3s;
  120.     transition: all 0.3;
  121.    
  122.     }
  123.      
  124.     a:hover {
  125.     color:{color:Hover};
  126.     -moz-transition: all 0.3s;
  127.     -webkit-transition: all 0.3s;
  128.     -o-transition: all 0.3s;
  129.     transition: all 0.3;
  130.     }
  131.      
  132.     ::-webkit-scrollbar-thumb:vertical {
  133.     background-color:{color:text};
  134.     height:100px;
  135.     }
  136.     ::-webkit-scrollbar-thumb:horizontal {
  137.     background-color:{color:text};
  138.     height:10px;
  139.     }
  140.     ::-webkit-scrollbar {
  141.     height:10px;
  142.     width:22px;
  143.     background-color:{color:background};
  144.    
  145.     }
  146.    
  147.     padding:0 0 0 5px;}
  148.  
  149. /* sidebar */
  150. #slideShowContainer{ float: left; margin-top:460px; margin-left:415px;position: fixed; background-color: transparent; overflow: hidden; width: 0px; height: 150px; z-index: 80; }
  151.  
  152. #slideShowContainer img {margin-top:200px; margin-left:230px; width:150px; height:210px; z-index: 50; position:fixed; border: 2px; ;}
  153.  
  154.  
  155. #sid1 {width: 15px; margin-left:230px; height:10px; margin-top: 413px; float:left; text-align: center; background-color:{color:background}; font-size: 18px; position:fixed; padding: 5px; overflow: hidden; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; transition: 0.4s ease-in; border:1px solid {color:linkx}; z-index:990;}
  156.  
  157. .ttle {margin-left:-65px;margin-top:0px; letter-spacing: 0px; text-align: center; font-family: calibri; font-size: 10px; font-style: italic; color: #fff; width: 145px; display: block; z-index:995; }
  158.  
  159. #sid1:hover {background-color:transparent; color:{color:linkx}; width: 139px; z-index:995;}
  160.  
  161. #links {width: 290px; float: left; margin-left:35px; margin-top:-20px; padding: 0px; text-align: center; position:absolute; padding: 2px; z-index: 999; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; transition: 1s ease-in; display: block; z-index:995;}
  162.  
  163.  
  164. #links a {display: block; float: left; margin-left: -10px; display: block; letter-spacing: 1px; font-family: calibri; font-size:10px; font-style: italic;  text-align: center; width: 47px; background-color: {color:background}; color:{color:link}; text-decoration: none; line-height: 22px; height: 22px; overflow: hidden;  margin-top: 0px; margin-bottom: 100px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; z-index:995;  }
  165.  
  166. #links  a:hover{text-align: center; background-color: {color:background}; color:#000; font-style: italic; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; display: block;z-index:995; }
  167.  
  168. #sid2 {width: 15px; margin-left:260px; height:10px; margin-top: 413px; float:left; text-align: center; background-color:{color:background}; font-size: 18px; position:fixed; padding: 5px; overflow: hidden; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; transition: 0.4s ease-in; border:1px solid {color:linkx}}
  169.  
  170. .ttle2 {margin-left:-65px;margin-top:0px; letter-spacing: 0px; text-align: center; font-family: calibri; font-size: 10px; font-style: italic; color: #fff; width: 145px; display: block; z-index:992; }
  171.  
  172. #sid2:hover { background-color:transparent; color:{color:linkx}; width: 109px; z-index:992; opacity:1.0;}
  173.  
  174. #links2 {width: 290px; float: left; margin-left:35px; margin-top:-20px; padding: 0px; text-align: center; position:absolute; padding: 2px; z-index: 999; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; transition: 1s ease-in; display: block; z-index:992;}
  175.  
  176.  
  177. #links2 a {display: block; float: left; margin-left: -10px; display: block; letter-spacing: 1px; font-family: calibri; font-size: 10px;  text-align: center; width: 49px; background-color: {color:background}; color:{color:link}; text-decoration: none; line-height: 22px; height: 22px; overflow: hidden;  margin-top: 0px; margin-bottom: 100px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; z-index:992; font-style: italic;}
  178.  
  179. #links2  a:hover{text-align: center; background-color: {color:background}; color:#000; font-style: italic; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; display: block; z-index:992;}
  180.  
  181. .ttle3 {margin-top: -1px; letter-spacing: 0px; text-align: center; font-family: calibri; font-size: 10px; font-style:italic; color: {color:link}; width: 15px;  }
  182.  
  183. #sid3 {width: 15px; margin-left:290px; height:10px; margin-top: 413px; float:left; text-align: center; background-color: {color:background}; font-size: 10px; position:fixed; padding: 5px; overflow: hidden; -webkit-transition: 0.4s ease-in;color:{color:text};
  184.  
  185. -moz-transition: 0.4s ease-in; transition: 0.4s ease-in; border-bottom: 3px solid {color:text}; border:1px solid {color:linkx};z-index:99;}
  186.  
  187.  
  188. #sid3:hover {height: 70px; z-index:99; background-color:transparent; color:{color:linkx};}
  189.  
  190. #links3 {width: 10px; float: left; margin-left:5px; margin-top: 1px; padding: 0px; text-align: center; position: relative; padding: 2px; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; transition: 1s ease-in; background-color: {color:background};z-index:99;color:#9d9d9d;}
  191.  
  192. #links3 a {float: left; margin-left: -11px; display: block; letter-spacing: 0px; font-family: verdana; font-size: 9px; text-align: center; width:20px; background-color: {color:background}; color:{color:link}; text-decoration: none; line-height: 10px; height:10px; overflow: hidden;  margin-top: 5px; margin-bottom: 4px; z-index:99; font-style: italic;}
  193.  
  194. #links3  a:hover{text-align: center; color:{color:link}; font-style: italic;  z-index:9999; }
  195.  
  196.  #sid4 {width: 48px; margin-left:320px; height:10px; margin-top: 413px; float:left; text-align: center; background-color:{color:background}; font-size: 18px; position:fixed; padding: 5px; overflow: hidden; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; transition: 0.4s ease-in; border:1px solid {color:linkx}; z-index:99.}
  197.  
  198. .ttle4 {margin-left:-50px;margin-top:0px; letter-spacing: 0px; text-align: center; font-family: calibri; font-size: 10px; font-style: italic; color: #fff; width: 145px; display: block; z-index:99; }
  199.  
  200. #sid4:hover {background-color:#ccc; color:#fff; z-index:99999; opacity:0.5;}
  201.  
  202. #links4 {width: 290px; float: left; margin-left:35px; margin-top:-20px; padding: 0px; text-align: center; position:absolute; padding: 2px; z-index: 999; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; transition: 1s ease-in; display: block; z-index:9;}
  203.  
  204.  
  205. #links4 a {display: block; float: left; margin-left: -10px; display: block; letter-spacing: 1px; font-family: calibri; font-size: 10px;  text-align: center; width: 44px; background-color:{color:background}; color:#9d9d9d; text-decoration: none; line-height: 22px; height: 22px; overflow: hidden;  margin-top: 0px; margin-bottom: 100px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; z-index:9;  font-style: italic;}
  206.  
  207. #links4  a:hover{text-align: center; background-color: {color:background}; color:#9d9d9d; font-style: italic; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; display: block;z-index:9; }
  208.  
  209. #titulinho {text-align: center; margin-top:434px;  font-family:consolas; font-size: 10px; color: ; letter-spacing: 0px; text-transform: none; position:fixed; background-color:transparent; width:122px; height: 11px; padding: 3px; margin-left:227px; position:fixed; color:{color:text};      text-transform: uppercase;}
  210.  
  211.  
  212.  .subtitle{text-align:center;font-family:consolas;font-size:10px; color:{color:texto};padding:2px; margin-top:372px; left: 223px; position:fixed; z-index:99999999; position:fixed; width: 159px; line-height: 12px; background-color: {color:faixa}; opacity: 0.8; text-transform: uppercase;}
  213.  
  214. #link4 {margin-left: 343px; margin-top: 431px; width: 48px; font-size: 20px; height: 24px; text-align: center; background-color: transparent; position: fixed;-webkit-border-radius: 0px 0px 0px 0px; padding: 2px; overflow: hidden; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;opacity: 0.5 ; z-index:3;}
  215.  
  216. #link4:hover {margin-left:228px; width: 150px; height: 263px; margin-top: 445px; opacity:1.9;}
  217. .ttle1 {font-size: 20px; letter-spacing:0px; text-align: center; font-family: verdana; color: {color:text}; margin-top: 1px; margin-left: 2px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; }
  218. .symb {font-size: 13px; letter-spacing:0px; text-align: center; font-family: georgia; color: {color:symbol}; margin-top: 5px; margin-left: 2px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; opacity: 1.0}
  219. .descricaone {font-size: 9px; letter-spacing: 0px; text-align: justify; font-family: consolas; color: {color:text}; margin-top:1px; margin-left: -4px; padding: 5px; text-transform: uppercase; }
  220.  
  221. #titulinho2 {text-align: center; margin-top:184px;  font-family:consolas; font-size: 10px; color: ; letter-spacing: 0px; text-transform: none; position:fixed; background-color:#transparent; width:100px; height: 11px; padding: 3px; margin-left:270px; position:fixed; z-index:5; color:{color:text};      text-transform: uppercase;}
  222.  
  223.  
  224. /* posts */
  225.  
  226. .text {text-align: center; font-family: georgia; font-size: 10px; color: {color:text};}
  227.  
  228. #always {width: 195px; margin-left: -19px; height: auto; margin-top: -190px; float:left; text-align: center; background-color: #f5f5f5; font-size: 16px; position:fixed; padding: 5px;  }
  229.  
  230. #infscr-loading { position: absolute!important; width: 16px!important;  height: 11px!important; bottom: 0px!important; left: 50%!important; margin-top: 10px!important; margin-bottom: 5px!important;}
  231.  
  232. #content {width: 691px; margin-top:10px; margin-left:410px; -webkit-transition: all 1.2s ease-in-out; opacity:1; z-index:20; font-family: georgia;font-size:11px; padding:11; }
  233.  
  234. #header {width: auto; text-align: center; -webkit-transition: all 1.2s ease-in-out;}
  235.  
  236. #contain {margin: 0px auto; -webkit-transition: all 1.2s ease-in-out; z-index:9; }
  237.  
  238. .quotes{position:absolute; opacity: 0.2; top: 30px; margin-left: 0px; font-size: 90px;}
  239. ol.notes img {width: 16px; display: inline; position: relative; top: 3px;}
  240.  
  241. .entry { {block:indexpage} width:  250px; -webkit-transition: all 1.2s ease-in-out; {/block:indexpage}  {block:permalinkpage} -webkit-transition: all 1.2s ease-in-out;  width: 500px; float:center; position: fixed; top: 400px{/block:permalinkpage} display: block; position: relative; background:{color:posts}; margin-left:14px; margin-top:14px; padding:2px; z-index:9; }
  242.  
  243. .entry img {display: block; max-width: 100%; float:center; -webkit-transition: all 0.3s ease-in-out; -webkit-border-radius: 0px;}
  244. .entry img:hover {opacity:1;}
  245.  
  246. .entry:hover {opacity:1;-webkit-transition: all 1.2s ease-in-out;}
  247. blockquote, q {quotes: "" "" "'" "'";padding-left:2px; border-left: 5px solid {color:text}; background: transaprent;}
  248.  
  249. p {margin: 5px 0px;}
  250.  
  251.  
  252. p.tags a {
  253.     opacity: 0.50;
  254.     filter: alpha(opacity = 50);
  255. }
  256.  
  257. p.tags a:hover {
  258.     opacity: 1.0;
  259.     filter: alpha(opacity = 100);
  260. }
  261. p.tags {
  262.     padding: 0px;
  263.     height: 14px;
  264.     margin: 0px;
  265.     font-size: 9px;
  266.     margin: 0px;
  267.     text-transform: uppercase;
  268.     {block:ifshowtags}
  269.     border-top: 1px solid {color:border color};
  270.     {/block:ifshowtags}
  271. }
  272.  
  273. .nav {
  274.     color: {color:text};
  275.     font-size: 9px;
  276.     margin: 2px;
  277.     line-height: 8px;
  278.     text-align: center;
  279.     display: inline-block;
  280. }
  281. .t a{
  282.     text-align: right;
  283.     opacity: .5;
  284.     filter: alpha(opacity = 50);
  285. }
  286.  
  287.  
  288. .count_note  {{block:IndexPage}
  289.     position:absolute;
  290.     background-color: rgba(0, 0, 0, .60);
  291.     opacity:0;
  292.     bottom:10px;
  293.     left:-55px;
  294.     font-size: 6px;
  295.     padding-left: 4px;
  296.     height:12px;
  297.     padding: 4px;
  298.     -webkit-border-radius: 2px;
  299.     -moz-border-radius: 2px;
  300.     border-radius: 2px;
  301.     -webkit-transition: all 0.4s ease-out;
  302.     -moz-transition: all 0.4s ease-out;
  303.     transition: all 0.4s ease-out;
  304.     line-height:11px;
  305.     -webkit-filter: invert(0%);
  306.     {/block:IndexPage}}
  307.    
  308.  
  309.    
  310. .entry .count_note {color:#fff; font-family: arial; font-size: 10px;}
  311.    
  312.  
  313. .entry .count_note {left:0px}
  314.    
  315. .entry:hover .count_note {
  316.     opacity:1;
  317.     left:10px;
  318.     -webkit-filter: invert(0%);}
  319.    
  320. .like {
  321.     {block:IndexPage}
  322.     position:absolute;
  323.     width: 21px;
  324.     height: 25px;
  325.     right:40px;
  326.     opacity:0;
  327.     bottom:5px;
  328.     -webkit-transition: all 0.4s ease-out;
  329.     -moz-transition: all 0.4s ease-out;
  330.     transition: all 0.4s ease-out;
  331.     -webkit-filter: invert(0%);
  332.     {/block:IndexPage}}  
  333.  
  334. .like span{
  335.     {block:IndexPage}
  336.     height: 20px;
  337.     width: 21px;
  338.     display:block;
  339.     background: url(http://24.media.tumblr.com/tumblr_mbupd4WLOE1qhtapco1_100.png)
  340.  
  341. no-repeat;
  342.     background-position: 0px 0px;
  343.     -webkit-transition: all 0.4s ease-out;
  344.     -moz-transition: all 0.4s ease-out;
  345.     transition: all 0.4s ease-out;
  346.     {/block:IndexPage}
  347.              }
  348.              
  349. .entry .like {right:0px; }
  350.              
  351. .entry:hover .like {bottom:5px;;
  352.     opacity:1;
  353.     right:10px;
  354.     -webkit-transition: all 0.4s ease-out;
  355.     -moz-transition: all 0.4s ease-out;
  356.     transition: all 0.4s ease-out;
  357.     -webkit-filter: invert(0%);}
  358.    
  359. .reblog{
  360.     {block:IndexPage}
  361.     position:absolute;
  362.     width:25px;
  363.     height:25px;
  364.     bottom:5px;
  365.     right:25px;
  366.     opacity:0;
  367.     background: url(http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png) no-repeat;
  368.     -webkit-transition: all 0.4s ease-out;
  369.     -moz-transition: all 0.4s ease-out;
  370.     transition: all 0.4s ease-out;
  371.     -webkit-filter: invert(0%);
  372.     {/block:IndexPage};}
  373.    
  374. .entry:hover .reblog {
  375.     opacity:1;
  376.     right:35px; -webkit-filter: invert(0%);}
  377.  
  378.  
  379. .question {color:{color:text};font-size:10px;font-weight: normal;
  380. font-family:consolas;line-height:95%;background: {color:posts};
  381. position: relative;min-height:70px;padding:10px 15px;
  382. margin-bottom:2px;margin-right:-10px; border-bottom: 1px solid #ececec}
  383.  
  384. .answer {font-family:consolas; font-size:10px; border-bottom: 1px solid #ececec}
  385.  
  386. .question a {color:{color:text};font-size: 10px;}
  387.  
  388.  
  389. .questionarrow {font-size:30px;color:{color:background};
  390. vertical-align:middle;margin-left:-5px!important;}
  391.  
  392.  
  393. .t a{text-align: right; opacity: .5; filter: alpha(opacity = 50);}
  394. .entry .t a:hover, .entry .ti a:hover{ text-align: right; opacity: 1.0; filter: alpha(opacity = 100);}
  395.  
  396. p.t {display: block;margin: 0px 0px 0px 0px;height: 14px;line-height: 16px;text-transform: uppercase;text-align: right;font-size: 9px;border-top: 0px solid {color:text};}
  397.  
  398. p.t a {margin: 0 0px;}
  399.  
  400. p.ti {display: block;margin: 0px 0px 0px 0px;height: 14px;line-height: 14px;
  401.     text-transform: uppercase;
  402.     text-align: center;
  403.     font-size: 8px;
  404.     border-top: 1px solid {color:text};
  405. }
  406.  
  407. p.ti a {
  408.     margin: 0 0px;
  409. }
  410. .pp {
  411.     text-transform: uppercase;
  412.     text-align: left;
  413. }
  414.  
  415. select {
  416.     font-size: 9px;
  417.     width: 125px;
  418.     text-transform: uppercase;
  419.     letter-spacing: 1px;
  420.     padding: 1px;
  421.     background: {color:posts};
  422.     color: {color:link};
  423.     border: 1px solid {color:text};
  424. }
  425. .wtf {
  426.     font-size:9px;
  427.     font-family:Trebuchet MS;
  428.     background:{color:question};
  429.     padding-left:2px;
  430.     border-left:5px solid {color:text};}
  431.    
  432. .entry .linkspost {position: relative;
  433.     opacity: 1;
  434.     text-align: center;
  435.     width: 250px;
  436.     margin-top:4px;  border-bottom: 1px solid #eeeeee}
  437.        
  438. .entry .linkspost a {letter-spacing:2px; font-size:10px; font-family: consolas; letter-spacing: 0px; }
  439.  
  440. .entry:hover .linkspost{position: relative; margin-top:4px; opacity: 1; }
  441.  
  442.  
  443.  
  444. .p1{
  445.     display: inline-block;
  446.     height: auto;
  447.     font-size: 8px;
  448.     text-transform: uppercase;
  449.     margin-top:5px;
  450.     width:100px;
  451.     display:block
  452. }
  453.  
  454. .p1 a:hover {
  455.     background: rgba(255, 255, 255, 100);
  456. }
  457.  
  458. .p1 a {
  459.     color: {color:text};
  460.     font-size:9px;
  461.     background: rgba(255, 255, 255, .75);
  462.     width:70px;
  463.     line-height:12px;
  464.     display:block;
  465.     padding-left:4px;
  466. }
  467.  
  468.  
  469. .text {
  470.     padding: 2px;
  471.     font-family:calibri;
  472.     line-height: 110%;
  473.     font-size:11px
  474. }
  475. .shit {
  476.     padding-left:2px;
  477.     border-left:5px solid {color:Text};
  478.     }
  479. .quote {
  480.     padding: 10px;
  481.     font-size:11px;
  482.     line-height:9px;
  483.     margin-top:15px;
  484. }
  485.  
  486. .chat {font-size: 11px; font-family: georgia; width: 220px; margin-left: -40px;}
  487.  
  488. #toTop {
  489.     display:none;
  490.     text-decoration:none;
  491.     position:fixed;
  492.     bottom:10px;
  493.     right:10px;
  494.     overflow:hidden;
  495.     width:21px;
  496.     height:21px;
  497.     border:none;
  498.     text-indent:100%;
  499.     background:url(http://media.tumblr.com/tumblr_m6oxuvVWe81qe1m3a.png) no-repeat left top;
  500.     opacity: .7;
  501.     filter: alpha(opacity = 50);
  502. }
  503.  
  504. #toTopHover {
  505.     width:11px;
  506.     height:11px;
  507.     display:block;
  508.     overflow:hidden;
  509.     float:left;
  510.     opacity: 0;
  511.     -moz-opacity: 0;
  512.     filter:alpha(opacity=0);
  513. }
  514.  
  515. #toTop:hover {
  516.     opacity: 1;
  517.     filter: alpha(opacity = 100);
  518. }
  519.  
  520. #toTop:active, #toTop:focus {
  521.     outline:none;
  522. }
  523.  
  524.  
  525. ::-webkit-scrollbar-thumb:vertical {
  526.     background-color:{color:text};
  527.     height:auto;
  528.     -webkit-box-shadow: inset 0 0 6px {color:background};
  529.     -webkit-border-radius:4px;
  530. }
  531.  
  532. ::-webkit-scrollbar-thumb:horizontal {
  533.     background-color:{color:Text};
  534.     height:5px !important;
  535.     -webkit-box-shadow: inset 0 0 6px {color:background};
  536.     -webkit-border-radius:4px;
  537. }
  538.  
  539. ::-webkit-scrollbar {
  540.     height:2px;
  541.     width:4px;
  542.     background-color:{color:Background};
  543. }
  544.  
  545. ::-webkit-scrollbar-corner {
  546.     background-color:{color:Background};
  547. }
  548.  
  549. ::selection {color:{color:background}; background-color:{color:background};}
  550. ::-moz-selection { color:{color:background}; background-color:{color:background};}
  551. ::-webkit-selection { color:{color:background}; background-color:{color:background};}
  552.     {/block:IndexPage};}
  553.     {CustomCSS}
  554.     </style>
  555.     <link rel="shortcut icon" href="{Favicon}">
  556.     <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  557.     <meta name="viewport" content="width=820" />
  558.      
  559.     {block:IndexPage}
  560.      
  561.     <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  562.      
  563.     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  564.      
  565.     <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  566.      
  567.     <script type="text/javascript">
  568.     $(window).load(function(){
  569.     var $wall = $('#content');
  570.     $wall.imagesLoaded(function(){
  571.     $wall.masonry({
  572.     itemSelector: '.entry',
  573.     isAnimated : true
  574.     });
  575.     });
  576.     $wall.infinitescroll({
  577.     navSelector : "div#navigation",
  578.     nextSelector : "div#navigation a#nextPage",
  579.     itemSelector : '.entry',
  580.     loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  581.     loadingText : " ",
  582.     donetext : " ",
  583.     extraScrollPx : 9000,
  584.     bufferPx : 10000,
  585.     debug : false,
  586.     errorCallback: function() {
  587.     $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  588.     }},
  589.     function( newElements ) {
  590.     var $newElems = $( newElements );
  591.     $newElems.hide();
  592.     $newElems.imagesLoaded(function(){
  593.     $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  594.     });
  595.     }); $('#content').show(500);
  596.     });
  597.     </script>
  598.      <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  599.  
  600.  
  601.     {/block:IndexPage}
  602.  
  603.      
  604.     </head>
  605.    
  606.  
  607. <body onkeydown="return false">
  608. <script>
  609.     var onlineOffsetTop = 25;
  610.     window.jQuery || document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"><\/script>')</script><script src="http://www.themesltd.com/online-users-counter/online.js?public_key=924b27db1c1f1ce08a977024ba9fe811&style=tumblr&label1=Online&label2=Online"></script>
  611. <div id="slideShowContainer">
  612.  
  613. <img src="{image:sidebar}"/>
  614. </div>
  615.  
  616.  
  617. <div id="sid1">
  618. <div class="ttle"><a href="{/">{text:linkone}</a></div>
  619. <div id="links">
  620. <a href="{text:link1}">{text:link1 title}</a>
  621. <a href="{text:link2}">{text:link2 title}</a>
  622. <a href="{text:link3}">{text:link3 title}</a>
  623. </div></div></div>
  624.  
  625. <div id="sid2">
  626. <div class="ttle2"><a href="/">{text:linktwo}</a></div>
  627. <div id="links2">
  628. <a href="{text:link4}">{text:link4 title}</a>
  629. <a href="{text:link5}">{text:link5 title}</a>
  630. </div></div></div>
  631. <div id="sid3">
  632.  
  633. <div class="ttle3"><a href="/">{text:linkthree}</a></div>
  634. <div id="links3">
  635.  
  636. <a href="{text:link6}">{text:link6 title}</a>
  637. <a href="{text:link7}">{text:link7 title}</a>
  638. <a href="{text:link8}">{text:link8 title}</a>
  639.  
  640. </div></div></div>
  641.  
  642. <div id="titulinho">{text:titulo2}
  643. </div>
  644. <div id="titulinho2">{text:titulo1}
  645. </div>
  646. <div class="subtitle">{text:faixa}</a></div>
  647.  
  648. <div id="link4">
  649.  
  650. <div class="symb">{text:symbol}</div>
  651.  
  652. <div class="descricaone">{block:description}{description}{/block:description}</div></div></div></div></div>
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  <div id="sid4">
  659. <div class="ttle4"><a href="{text:link9}">{text:link9 title}</a></div>
  660. </div></div></div>
  661. <div id="content">
  662. {block:Posts}
  663. <div class="entry">
  664.  
  665.  
  666. {block:Text}{block:Title}<center><div class="title"><a href="{Permalink}">{Title}</a></div></center>{/block:Title}{Body}
  667. <center>
  668. <div class="linkspost">
  669. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  670. </div></center>
  671. {/block:Text}
  672.  
  673. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  674. <a id="note_count_{PostID}" href="{Permalink}" class="count_note">{NoteCount}</a>    
  675. <div class="like" href="javascript:void(0);"><span id="{PostID}"
  676.  
  677. rel="{ReblogURL}"></div></a>
  678. <a class="reblog" href="{ReblogURL}"target="_blank"></a>
  679. {/block:Photo}
  680.  
  681. {block:Photoset}{Photoset-250}{block:permalinkpage}{Photoset-500}{/block:permalinkpage}
  682. <a id="note_count_{PostID}" href="{Permalink}" class="count_note">{NoteCount}</a>    
  683. <div class="like" href="javascript:void(0);"><span id="{PostID}"
  684.  
  685. rel="{ReblogURL}"></div></a>
  686. <a class="reblog" href="{ReblogURL}"target="_blank"></a>
  687. {/block:Photoset}
  688.  
  689. {block:Quote}
  690. <div class="text"><span class="quotes">&#10077;</span><br>
  691. <span class="quote">"{Quote}"</span><small>{block:Source}<center><i>{Source}</i></center>{/block:Source}</div></small>
  692. <center>
  693. <div class="linkspost">
  694. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a>
  695. </div></center>
  696. {/block:Quote}
  697.  
  698. {block:Link}
  699. <div class="text"><div class="title"><center><a href="{URL}" class="link" {Target}>{Name}</a></center></div> {block:Description}<div class="description">{Description}</div>{/block:Description}</div>
  700. <center>
  701. <div class="linkspost">
  702. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  703. </div></center>
  704. {/block:Link}
  705.  
  706. {block:Chat}<div class="text">
  707. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}<ul class="chat">{block:Lines}<div class="{Alt} user_{UserNumber}"> {block:Label} <span class="label"><b>{Label}</b></span> {/block:Label}{Line} </div>{/block:Lines}</ul></div>
  708. <center>
  709. <div class="linkspost">
  710. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  711. </div></center>
  712. {/block:Chat}
  713.  
  714. {block:Video}<center>{Video-250}<center>{block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}{/block:IndexPage}{block:permalinkpage}
  715. {Video-500}{/block:permalinkpage}
  716. <center>
  717. <div class="linkspost">
  718. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  719. </div></center>
  720.  
  721. {/block:Video}
  722.  
  723. {block:Audio}
  724. {AudioPlayerBlack}{block:indexpage}{block:Caption}{Caption}{/block:Caption}{/block:indexpage}
  725. <center>
  726. <div class="linkspost">
  727. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  728. </div></center>
  729. {/block:Audio}
  730.  
  731. {block:Answer}
  732. <div class="postdobru">
  733. <table width="250px" cellspacing="0" cellpadding="0">
  734. <tr>
  735. <td width="240px" class="question"><B>{Asker}</b> ask: "{Question}"</td>
  736. </tr>
  737. </table>
  738. <div class="answer">{Answer}</div></div>
  739. {/block:Answer}    
  740.  
  741. {block:permalinkpage}
  742. <div class="text">
  743. {block:Caption}{Caption}{/block:Caption}
  744. {block:PostNotes}
  745. <p class="t"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>{/block:PostNotes}
  746. {block:HasTags}<p class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}
  747. {block:PostNotes}{PostNotes}{/block:PostNotes}
  748. </div>
  749. {/block:permalinkpage}
  750.  
  751.  
  752. {block:ContentSource}
  753. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  754. {/block:ContentSource}
  755.  
  756.  
  757. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  758.  
  759.  
  760.  
  761. </div>  
  762.  
  763.  
  764. {/block:Posts}
  765. <div class="clear"></div>
  766. </div>
  767. </div>
  768. {block:Pagination}
  769.                 <div id="pagination">
  770.                         {block:PreviousPage}
  771.                                 <a href="{PreviousPage}"></a>
  772.                         {/block:PreviousPage}
  773.                         {block:JumpPagination length="0"}
  774.                         {block:CurrentPage}
  775.                                 <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  776.                         {/block:CurrentPage}
  777.                         {block:JumpPage}
  778.                                 <a class="jump_page numbersNav" href="{URL}">{PageNumber}</a>
  779.                         {/block:JumpPage}
  780.                         {/block:JumpPagination}
  781.                         {block:NextPage}
  782.                                 <a id="nextPage" href="{NextPage}"></a>
  783.                         {/block:NextPage}
  784.                 </ul>
  785. {/block:Pagination}
  786.  
  787.  
  788. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  789.  
  790.  
  791. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  792. <script type="text/javascript">
  793. $(window).load(function () {
  794. $('#content').masonry(),
  795. $('.masonryWrap').infinitescroll({
  796. navSelector    : '#pagination',  
  797. nextSelector   : '#pagination a#nextPage',
  798. itemSelector : ".entry, .clear",
  799. bufferPx : 10000,
  800. extraScrollPx: 10000,
  801. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  802. loadingText : "<em></em>",
  803. },
  804. function() { $('#content').masonry({ appendedContent: $(this) }); }
  805. );
  806. });
  807.  
  808.  
  809. $(function() {    
  810.             $('.like').live('click', function() {
  811.                 var $this = $(this).find("span");
  812.                 var id_post =  $this.attr('id');
  813.                 var count = parseInt($("#note_count_"+id_post).text());
  814.                 var reblog_key =  $this.attr('rel').slice(-8);
  815.                 var like_url = 'http://www.tumblr.com/like/'+reblog_key+'?id='+id_post;
  816.                 if($this.css("background-position") == "0px 0px"){
  817.                     $("#note_count_"+id_post).text(count+1);
  818.                 }
  819.                 $('#likeIframe').attr('src', like_url);
  820.                 $this.css("background-position","0px -20px");
  821.             });
  822.         });
  823. </script>
  824. <iframe id="likeIframe" style="width:1px;height:1px;position:absolute;left:-
  825. 9999px;"></iframe>
  826. </script>
  827.  
  828. {/block:IndexPage}
  829. <div id="clouds2"></div>
  830. <script type='text/javascript'>$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); $(function() {$("#toTop").scrollToTop(); });</script>
  831. <a href="#" id="toTop"></a>
  832.  
  833.                
  834. </body>
  835.  
  836. </html>
Advertisement
Add Comment
Please, Sign In to add comment