Advertisement
ipads

Maria Theme

Mar 16th, 2013
2,590
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 40.31 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <head>
  6.  
  7. <div id="important">
  8.  
  9. <a href="http://unstrong.tumblr.com">
  10.  
  11. <img src="http://2.bp.blogspot.com/-g23dk2T-ha4/TdOMxYN3N8I/AAAAAAAAImQ/eHKnYAX84S8/s1600/Copyright%2Bsymbol.png" height="30px">
  12.    
  13. </a>
  14.  
  15. <p>
  16.  
  17. Theme by
  18.  
  19. <b>
  20.  
  21. <a href="http://http://unstrong.tumblr.com">
  22.  
  23. <u>
  24.  
  25. Zak
  26.    
  27. </u>
  28.    
  29. </a>
  30.    
  31. </b>
  32.    
  33. </p>
  34.  
  35. <div class="fb-like" data-href="http://facebook.com/skinier" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false">
  36.    
  37. </div>
  38.  
  39. </div>
  40.  
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
  42.  
  43. </script>
  44.  
  45. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">
  46.  
  47. </script>
  48.  
  49. <title>
  50.  
  51. {title}
  52.  
  53. </title>
  54.  
  55. <link rel="shortcut icon" href="{Favicon}"/>
  56.  
  57. <link rel="alternate" type="application/rss+xml" href="http://rebecaxo.com/rss">
  58.  
  59. {block:Description}
  60.  
  61. <meta name="description" content="{MetaDescription}" />
  62.  
  63. {/block:Description}
  64.  
  65. <meta name="image:Sidebar Background" content=""/>
  66.  
  67. <meta name="if:Pin" content="0"/>
  68.  
  69. <meta name="text:Rotate" content="5"/>
  70.  
  71. <meta name="if:Invert" content="0"/>
  72.  
  73. <meta name ="color:Sidebar Background" content="#ffffff"/>
  74.  
  75. <meta name="if:Faded Posts" content="0"/>
  76.  
  77. <meta name="color:Background" content="#ffffff"/>
  78.  
  79. <meta name="color:Text" content="#000000"/>
  80.  
  81. <meta name="color:Link" content="#000000"/>
  82.  
  83. <meta name="color:Hover" content="#000000"/>
  84.  
  85. <meta name="color:Link Background" content="#fff"/>
  86.  
  87. <meta name="color:Link Border" content="#000"/>
  88.  
  89. <meta name="image:Background" content="0"/>
  90.  
  91. <meta name="text:Link 1" content="/"/>
  92.  
  93. <meta name="text:Link 1 Title" content="Link"/>
  94.  
  95. <meta name="text:Link 2" content="/"/>
  96.  
  97. <meta name="text:Link 2 Title" content="Link"/>
  98.  
  99. <meta name="text:Link 3" content="/"/>
  100.  
  101. <meta name="text:Link 3 Title" content="Link"/>
  102.  
  103. <meta name="text:Link 4" content="/"/>
  104.  
  105. <meta name="text:Link 4 Title" content="Link"/>
  106.  
  107. <meta name="text:Link 5" content="/"/>
  108.  
  109. <meta name="text:Link 5 Title" content="Link"/>
  110.  
  111. <meta name="text:Link 6" content="/"/>
  112.  
  113. <meta name="text:Link 6 Title" content="Link"/>
  114.  
  115. <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
  116.  
  117. <style type="text/css">
  118.  
  119. /*--FOLLOW BUTTONS--*/
  120.  
  121. #tumblr_controls{
  122.     position:fixed !important;
  123.     z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important;
  124.     {Block:ifInvert}
  125.     -webkit-filter: invert(100%);
  126.     -moz-filter: invert(100%);
  127.     -o-filter:invert(100%);
  128.     {/Block:ifInvert}
  129.     }
  130.  
  131. #tumblr_controls:hover{
  132.     -webkit-filter: invert(0%);
  133.     -moz-filter: invert(0%);
  134.     -o-filter: invert(0%);
  135.     -webkit-transition: all 0.4s ease-in-out;
  136.     -moz-transition: all 0.4s ease-in-out;
  137.     transition: all 0.4s ease-in-out;
  138.     }
  139.  
  140. /*--LINKS--*/
  141.  
  142. .link{
  143.     background-color: {color:link background};
  144.     border: 1px solid {color:link border};
  145.     -webkit-transition: all 1s ease-in-out;
  146.     -moz-transition: all 1s ease-in-out;
  147.     transition: all 1s ease-in-out;
  148.     padding: 1px;
  149.     }
  150.  
  151. .link:hover{
  152.     text-transform: uppercase;
  153.     -webkit-transition: all 1s ease-in-out;
  154.     -moz-transition: all 1s ease-in-out;
  155.     transition: all 1s ease-in-out;
  156.     }
  157.  
  158. a:link, a:active, a:visited{
  159.     color:{color:link};
  160.     text-decoration: none;
  161.     -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out;
  162.     }
  163.  
  164. a:hover{
  165.     text-decoration:none;
  166.     color:{color:hover};
  167.     }
  168.    
  169. /*--FORMAT--*/
  170.  
  171. body{
  172.     color:#000;
  173.     font-family: lato;
  174.     font-size:13px;
  175.     line-height:100%;
  176.     background-color:{color:background};
  177.     background-image: url({image:background});
  178.     }
  179.    
  180. /*--SIDEBAR--*/
  181.    
  182. #blogtitle{
  183.     font-size:50px;
  184.     line-height:75%;
  185.     text-align:center;
  186.     font-family:lato;
  187.     }
  188.    
  189. #blogtitle a:link, a:active, a:visited{
  190.     color:{color:link};
  191.     text-decoration: none; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out;
  192.     }
  193.    
  194. #blogtitle a:hover{
  195.     text-decoration:none;
  196.     color:{color:link};
  197.     }
  198.    
  199. #sidebar{
  200.     text-align: center !important;
  201.     background-color: {color:sidebar background};
  202.     background-image: url({image:sidebar background});
  203.     background-repeat: repeat;
  204.     z-index:99999;
  205.     position:fixed !important;
  206.     font-size: 12px;
  207.     line-height:12px;
  208.     font-family:'lato';
  209.     width:100%;
  210.     top:0px;
  211.     left:0px;
  212.     height:130px;
  213.     padding:7px;
  214.     z-index:10;
  215.     overflow:hidden;
  216.     text-align:center;
  217.     }
  218.    
  219. /*--POSTS--*/
  220.    
  221. .pin{
  222.     {Block:IfNotPin}
  223.     display:none;
  224.     {/Block:IfNotPin}
  225.     {Block:IfPin}
  226.     position: absolute;
  227.     top: 3px;
  228.     right: 3px;
  229.     z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  230.     {/Block:IfPin}
  231.     }
  232.    
  233. .title{
  234.     font-size:20px;
  235.     font-family:lato;
  236.     }
  237.    
  238. .title a:link, a:active, a:visited{
  239.     color:{color:link};
  240.     text-decoration: none;
  241.     -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out;
  242.     }
  243.    
  244. #wrap{
  245.     width:110%;
  246.     float:center;
  247.     margin-left: -10px;
  248.     margin-top:165px;
  249.     background-color:transparent;
  250.     position:absolute;padding:5px;
  251.     }
  252.    
  253. #title {
  254.     text-align:center;
  255.     color: {color:link};
  256.     font-weight:bold;
  257.     font-family: 'lato';
  258.     padding:0px;
  259.     padding-top: 0px;
  260.     font-size:40px;
  261.     line-height:95%;
  262.     }
  263.    
  264. .entry{
  265.     font-family: courier new;
  266.     margin: -30px;
  267.     background-color: #fff;
  268.     width: 250px;
  269.     border: 1px solid #aaa;
  270.     padding:10px;
  271.     padding-bottom: 20px;
  272.     float:left;
  273.     }
  274.    
  275. .entry:hover{
  276.     z-index: 9999999999999999999999999999999999999999999999999999999999999;
  277.     }
  278.    
  279. .entry img{
  280.     display: block;
  281.     max-width: 100%;
  282.     }
  283.    
  284. /*--SCROLLBAR--*/
  285.    
  286. ::-webkit-scrollbar {
  287.     width: 5px;
  288.     height: 4px;
  289.     background: white;
  290.     }
  291.    
  292. ::-webkit-scrollbar-thumb {
  293.     background-color:black;
  294.     }
  295.  
  296. /*--POSTS--*/
  297.    
  298. .textperma{
  299.     display: block;
  300.     margin-top: -10px;
  301.     max-width: 100%;
  302.     font-size: 9px;
  303.     line-height:14px;
  304.     text-align: right;
  305.     background-color: transparent;
  306.     padding: 0px;
  307.     opacity:0;
  308.     z-index: -1;
  309.     -webkit-transition: all 0.4s ease-in-out;
  310.     -moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
  311.     }
  312.  
  313. .entry:hover .textperma{
  314.     z-index: 9999;
  315.     margin-top: 0px;
  316.     opacity:1;
  317.     }
  318.  
  319. /*--POST ONE--*/    
  320.    
  321. .entry .reblog a{
  322.     color: #000;
  323. }
  324.  
  325. .entry .reblog{
  326.     position:absolute;
  327.     top: 20px;
  328.     left: 20px;
  329.     max-width:175px;
  330.     padding-top:5px;
  331.     padding-right: 5px;
  332.     padding-left: 5px;
  333.     padding-bottom:5px;
  334.     background: #339999;
  335.     overflow:hidden;
  336.     font-size:12px;
  337.     line-height:10px;
  338.     text-align:right;
  339.     font-family: 'lato';
  340.     opacity:0.0;
  341.     color:#000;
  342.     -webkit-transition: all 0.4s ease-in-out;
  343.     -moz-transition: all 0.4s ease-in-out;
  344.     transition: all 0.4s ease-in-out;
  345. }
  346.  
  347. .entry:hover .reblog{
  348.     max-width:300px;
  349.     opacity: 0.5;
  350.     -webkit-transition: all 0.5s ease-in-out;
  351.     -moz-transition: all 0.5s ease-in-out;
  352.     transition: all 0.5s ease-in-out;
  353.     z-index: 1;
  354. }
  355.  
  356. .entry:hover .reblog:hover{
  357.     opacity:1;
  358.     z-index: 1;
  359. }
  360.  
  361. .entry .notecount a{
  362.     color: #000;
  363. }
  364.  
  365. .entry .notecount{
  366.     position:absolute;
  367.     top: 20px;
  368. right:20px;
  369.     max-width:175px;
  370.     padding-top:5px;
  371.     padding-right: 5px;
  372.     padding-left: 5px;
  373.     padding-bottom:5px;
  374.     background: #339999;
  375.     overflow:hidden;
  376.     font-size:12px;
  377.     line-height:10px;
  378.     text-align: center;
  379.     font-family: 'lato';
  380.     opacity:0.0;
  381.     color:#000;
  382.     -webkit-transition: all 0.4s ease-in-out;
  383.     -moz-transition: all 0.4s ease-in-out;
  384.     transition: all 0.4s ease-in-out;
  385. }
  386.  
  387. .entry:hover .notecount{
  388.     max-width:300px;
  389.     opacity: 0.5;
  390.     -webkit-transition: all 0.5s ease-in-out;
  391.     -moz-transition: all 0.5s ease-in-out;
  392.     transition: all 0.5s ease-in-out;
  393.     z-index: 1;
  394. }
  395.  
  396. .entry:hover .notecount:hover{
  397.     opacity:1;
  398.     z-index: 1;
  399. }
  400.  
  401. /*--POST TWO--*/
  402.  
  403. .entry .reblog2 a{
  404.     color: #000;
  405. }
  406.  
  407. .entry .reblog2{
  408.     position:absolute;
  409.     top: 20px;
  410.     left: 20px;
  411.     max-width:175px;
  412.     padding-top:5px;
  413.     padding-right: 5px;
  414.     padding-left: 5px;
  415.     padding-bottom:5px;
  416.     background: #FF0066;
  417.     overflow:hidden;
  418.     font-size:12px;
  419.     line-height:10px;
  420.     text-align:right;
  421.     font-family: 'lato';
  422.     opacity:0.0;
  423.     color:#000;
  424.     -webkit-transition: all 0.4s ease-in-out;
  425.     -moz-transition: all 0.4s ease-in-out;
  426.     transition: all 0.4s ease-in-out;
  427. }
  428.  
  429. .entry:hover .reblog2{
  430.     max-width:300px;
  431.     opacity: 0.5;
  432.     -webkit-transition: all 0.5s ease-in-out;
  433.     -moz-transition: all 0.5s ease-in-out;
  434.     transition: all 0.5s ease-in-out;
  435.     z-index: 1;
  436. }
  437.  
  438. .entry:hover .reblog2:hover{
  439.     opacity:1;
  440.     z-index: 1;
  441. }
  442.  
  443. .entry .notecount2 a{
  444.     color: #000;
  445. }
  446.  
  447. .entry .notecount2{
  448.     position:absolute;
  449.     top: 20px;
  450.         right:20px;
  451.     max-width:175px;
  452.     padding-top:5px;
  453.     padding-right: 5px;
  454.     padding-left: 5px;
  455.     padding-bottom:5px;
  456.     background: #FF0066;
  457.     overflow:hidden;
  458.     font-size:12px;
  459.     line-height:10px;
  460.     text-align: center;
  461.     font-family: 'lato';
  462.     opacity:0.0;
  463.     color:#000;
  464.     -webkit-transition: all 0.4s ease-in-out;
  465.     -moz-transition: all 0.4s ease-in-out;
  466.     transition: all 0.4s ease-in-out;
  467. }
  468.  
  469. .entry:hover .notecount2{
  470.     max-width:300px;
  471.     opacity: 0.5;
  472.     -webkit-transition: all 0.5s ease-in-out;
  473.     -moz-transition: all 0.5s ease-in-out;
  474.     transition: all 0.5s ease-in-out;
  475.     z-index: 1;
  476. }
  477.  
  478. .entry:hover .notecount2:hover{
  479.     opacity:1;
  480.     z-index: 1;
  481. }
  482.  
  483. /*--POST THREE--*/
  484.  
  485. .entry .reblog3 a{
  486.     color: #000;
  487. }
  488.  
  489. .entry .reblog3{
  490.     position:absolute;
  491.     top: 20px;
  492.     left: 20px;
  493.     max-width:175px;
  494.     padding-top:5px;
  495.     padding-right: 5px;
  496.     padding-left: 5px;
  497.     padding-bottom:5px;
  498.     background: #FF99CC;
  499.     overflow:hidden;
  500.     font-size:12px;
  501.     line-height:10px;
  502.     text-align:right;
  503.     font-family: 'lato';
  504.     opacity:0.0;
  505.     color:#000;
  506.     -webkit-transition: all 0.4s ease-in-out;
  507.     -moz-transition: all 0.4s ease-in-out;
  508.     transition: all 0.4s ease-in-out;
  509. }
  510.  
  511. .entry:hover .reblog3{
  512.     max-width:300px;
  513.     opacity: 0.5;
  514.     -webkit-transition: all 0.5s ease-in-out;
  515.     -moz-transition: all 0.5s ease-in-out;
  516.     transition: all 0.5s ease-in-out;
  517.     z-index: 1;
  518. }
  519.  
  520. .entry:hover .reblog3:hover{
  521.     opacity:1;
  522.     z-index: 1;
  523. }
  524.  
  525. .entry .notecount3 a{
  526.     color: #000;
  527. }
  528.  
  529. .entry .notecount3{
  530.     position:absolute;
  531.     top: 20px;
  532. right:20px;
  533.     max-width:175px;
  534.     padding-top:5px;
  535.     padding-right: 5px;
  536.     padding-left: 5px;
  537.     padding-bottom:5px;
  538.     background: #FF99CC;
  539.     overflow:hidden;
  540.     font-size:12px;
  541.     line-height:10px;
  542.     text-align: center;
  543.     font-family: 'lato';
  544.     opacity:0.0;
  545.     color:#000;
  546.     -webkit-transition: all 0.4s ease-in-out;
  547.     -moz-transition: all 0.4s ease-in-out;
  548.     transition: all 0.4s ease-in-out;
  549. }
  550.  
  551. .entry:hover .notecount3{
  552.     max-width:300px;
  553.     opacity: 0.5;
  554.     -webkit-transition: all 0.5s ease-in-out;
  555.     -moz-transition: all 0.5s ease-in-out;
  556.     transition: all 0.5s ease-in-out;
  557.     z-index: 1;
  558. }
  559.  
  560. .entry:hover .notecount3:hover{
  561.     opacity:1;
  562.     z-index: 1;
  563. }
  564.  
  565. /*--POST FOUR--*/
  566.  
  567. .entry .reblog4 a{
  568.     color: #000;
  569. }
  570.  
  571. .entry .reblog4{
  572.     position:absolute;
  573.     top: 20px;
  574.     left: 20px;
  575.     max-width:175px;
  576.     padding-top:5px;
  577.     padding-right: 5px;
  578.     padding-left: 5px;
  579.     padding-bottom:5px;
  580.     background: #33CC00;
  581.     overflow:hidden;
  582.     font-size:12px;
  583.     line-height:10px;
  584.     text-align:right;
  585.     font-family: 'lato';
  586.     opacity:0.0;
  587.     color:#000;
  588.     -webkit-transition: all 0.4s ease-in-out;
  589.     -moz-transition: all 0.4s ease-in-out;
  590.     transition: all 0.4s ease-in-out;
  591. }
  592.  
  593. .entry:hover .reblog4{
  594.     max-width:300px;
  595.     opacity: 0.5;
  596.     -webkit-transition: all 0.5s ease-in-out;
  597.     -moz-transition: all 0.5s ease-in-out;
  598.     transition: all 0.5s ease-in-out;
  599.     z-index: 1;
  600. }
  601.  
  602. .entry:hover .reblog4:hover{
  603.     opacity:1;
  604.     z-index: 1;
  605. }
  606.  
  607. .entry .notecount4 a{
  608.     color: #000;
  609. }
  610.  
  611. .entry .notecount4{
  612.     position:absolute;
  613.     top: 20px;
  614. right:20px;
  615.     max-width:175px;
  616.     padding-top:5px;
  617.     padding-right: 5px;
  618.     padding-left: 5px;
  619.     padding-bottom:5px;
  620.     background: #33CC00;
  621.     overflow:hidden;
  622.     font-size:12px;
  623.     line-height:10px;
  624.     text-align: center;
  625.     font-family: 'lato';
  626.     opacity:0.0;
  627.     color:#000;
  628.     -webkit-transition: all 0.4s ease-in-out;
  629.     -moz-transition: all 0.4s ease-in-out;
  630.     transition: all 0.4s ease-in-out;
  631. }
  632.  
  633. .entry:hover .notecount4{
  634.     max-width:300px;
  635.     opacity: 0.5;
  636.     -webkit-transition: all 0.5s ease-in-out;
  637.     -moz-transition: all 0.5s ease-in-out;
  638.     transition: all 0.5s ease-in-out;
  639.     z-index: 1;
  640. }
  641.  
  642. .entry:hover .notecount4:hover{
  643.     opacity:1;
  644.     z-index: 1;
  645. }
  646.  
  647. /*--POST FIVE--*/
  648.  
  649. .entry .reblog5 a{
  650.     color: #000;
  651. }
  652.  
  653. .entry .reblog5{
  654.     position:absolute;
  655.     top: 20px;
  656.     left: 20px;
  657.     max-width:175px;
  658.     padding-top:5px;
  659.     padding-right: 5px;
  660.     padding-left: 5px;
  661.     padding-bottom:5px;
  662.     background: #fff;
  663.     overflow:hidden;
  664.     font-size:12px;
  665.     line-height:10px;
  666.     text-align:right;
  667.     font-family: 'lato';
  668.     opacity:0.0;
  669.     color:#000;
  670.     -webkit-transition: all 0.4s ease-in-out;
  671.     -moz-transition: all 0.4s ease-in-out;
  672.     transition: all 0.4s ease-in-out;
  673. }
  674.  
  675. .entry:hover .reblog5{
  676.     max-width:300px;
  677.     opacity: 0.5;
  678.     -webkit-transition: all 0.5s ease-in-out;
  679.     -moz-transition: all 0.5s ease-in-out;
  680.     transition: all 0.5s ease-in-out;
  681.     z-index: 1;
  682. }
  683.  
  684. .entry:hover .reblog5:hover{
  685.     opacity:1;
  686.     z-index: 1;
  687. }
  688.  
  689. .entry .notecount5 a{
  690.     color: #000;
  691. }
  692.  
  693. .entry .notecount5{
  694.     position:absolute;
  695.     top: 20px;
  696. right:20px;
  697.     max-width:175px;
  698.     padding-top:5px;
  699.     padding-right: 5px;
  700.     padding-left: 5px;
  701.     padding-bottom:5px;
  702.     background: #fff;
  703.     overflow:hidden;
  704.     font-size:12px;
  705.     line-height:10px;
  706.     text-align: center;
  707.     font-family: 'lato';
  708.     opacity:0.0;
  709.     color:#000;
  710.     -webkit-transition: all 0.4s ease-in-out;
  711.     -moz-transition: all 0.4s ease-in-out;
  712.     transition: all 0.4s ease-in-out;
  713. }
  714.  
  715. .entry:hover .notecount5{
  716.     max-width:300px;
  717.     opacity: 0.5;
  718.     -webkit-transition: all 0.5s ease-in-out;
  719.     -moz-transition: all 0.5s ease-in-out;
  720.     transition: all 0.5s ease-in-out;
  721.     z-index: 1;
  722. }
  723.  
  724. .entry:hover .notecount5:hover{
  725.     opacity:1;
  726.     z-index: 1;
  727. }
  728.  
  729. /*--POST SIX--*/
  730.  
  731. .entry .reblog6 a{
  732.     color: #000;
  733. }
  734.  
  735. .entry .reblog6{
  736.     position:absolute;
  737.     top: 20px;
  738.     left: 20px;
  739.     max-width:175px;
  740.     padding-top:5px;
  741.     padding-right: 5px;
  742.     padding-left: 5px;
  743.     padding-bottom:5px;
  744.     background: #FF9999;
  745.     overflow:hidden;
  746.     font-size:12px;
  747.     line-height:10px;
  748.     text-align:right;
  749.     font-family: 'lato';
  750.     opacity:0.0;
  751.     color:#000;
  752.     -webkit-transition: all 0.4s ease-in-out;
  753.     -moz-transition: all 0.4s ease-in-out;
  754.     transition: all 0.4s ease-in-out;
  755. }
  756.  
  757. .entry:hover .reblog6{
  758.     max-width:300px;
  759.     opacity: 0.5;
  760.     -webkit-transition: all 0.5s ease-in-out;
  761.     -moz-transition: all 0.5s ease-in-out;
  762.     transition: all 0.5s ease-in-out;
  763.     z-index: 1;
  764. }
  765.  
  766. .entry:hover .reblog6:hover{
  767.     opacity:1;
  768.     z-index: 1;
  769. }
  770.  
  771. .entry .notecount6 a{
  772.     color: #000;
  773. }
  774.  
  775. .entry .notecount6{
  776.     position:absolute;
  777.     top: 20px;
  778. right:20px;
  779.     max-width:175px;
  780.     padding-top:5px;
  781.     padding-right: 5px;
  782.     padding-left: 5px;
  783.     padding-bottom:5px;
  784.     background: #FF9999;
  785.     overflow:hidden;
  786.     font-size:12px;
  787.     line-height:10px;
  788.     text-align: center;
  789.     font-family: 'lato';
  790.     opacity:0.0;
  791.     color:#000;
  792.     -webkit-transition: all 0.4s ease-in-out;
  793.     -moz-transition: all 0.4s ease-in-out;
  794.     transition: all 0.4s ease-in-out;
  795. }
  796.  
  797. .entry:hover .notecount6{
  798.     max-width:300px;
  799.     opacity: 0.5;
  800.     -webkit-transition: all 0.5s ease-in-out;
  801.     -moz-transition: all 0.5s ease-in-out;
  802.     transition: all 0.5s ease-in-out;
  803.     z-index: 1;
  804. }
  805.  
  806. .entry:hover .notecount6:hover{
  807.     opacity:1;
  808.     z-index: 1;
  809. }
  810.  
  811. /*--POST SEVEN--*/
  812.  
  813. .entry .reblog7 a{
  814.     color: #000;
  815. }
  816.  
  817. .entry .reblog7{
  818.     position:absolute;
  819.     top: 20px;
  820.     left: 20px;
  821.     max-width:175px;
  822.     padding-top:5px;
  823.     padding-right: 5px;
  824.     padding-left: 5px;
  825.     padding-bottom:5px;
  826.     background: #FFFF99;
  827.     overflow:hidden;
  828.     font-size:12px;
  829.     line-height:10px;
  830.     text-align:right;
  831.     font-family: 'lato';
  832.     opacity:0.0;
  833.     color:#000;
  834.     -webkit-transition: all 0.4s ease-in-out;
  835.     -moz-transition: all 0.4s ease-in-out;
  836.     transition: all 0.4s ease-in-out;
  837. }
  838.  
  839. .entry:hover .reblog7{
  840.     max-width:300px;
  841.     opacity: 0.5;
  842.     -webkit-transition: all 0.5s ease-in-out;
  843.     -moz-transition: all 0.5s ease-in-out;
  844.     transition: all 0.5s ease-in-out;
  845.     z-index: 1;
  846. }
  847.  
  848. .entry:hover .reblog7:hover{
  849.     opacity:1;
  850.     z-index: 1;
  851. }
  852.  
  853. .entry .notecount7 a{
  854.     color: #000;
  855. }
  856.  
  857. .entry .notecount7{
  858.     position:absolute;
  859.     top: 20px;
  860. right:20px;
  861.     max-width:175px;
  862.     padding-top:5px;
  863.     padding-right: 5px;
  864.     padding-left: 5px;
  865.     padding-bottom:5px;
  866.     background: #FFFF99;
  867.     overflow:hidden;
  868.     font-size:12px;
  869.     line-height:10px;
  870.     text-align: center;
  871.     font-family: 'lato';
  872.     opacity:0.0;
  873.     color:#000;
  874.     -webkit-transition: all 0.4s ease-in-out;
  875.     -moz-transition: all 0.4s ease-in-out;
  876.     transition: all 0.4s ease-in-out;
  877. }
  878.  
  879. .entry:hover .notecount7{
  880.     max-width:300px;
  881.     opacity: 0.5;
  882.     -webkit-transition: all 0.5s ease-in-out;
  883.     -moz-transition: all 0.5s ease-in-out;
  884.     transition: all 0.5s ease-in-out;
  885.     z-index: 1;
  886. }
  887.  
  888. .entry:hover .notecount7:hover{
  889.     opacity:1;
  890.     z-index: 1;
  891. }
  892.  
  893. /*--POST EIGHT--*/
  894.  
  895. .entry .reblog8 a{
  896.     color: #000;
  897. }
  898.  
  899. .entry .reblog8{
  900.     position:absolute;
  901.     top: 20px;
  902.     left: 20px;
  903.     max-width:175px;
  904.     padding-top:5px;
  905.     padding-right: 5px;
  906.     padding-left: 5px;
  907.     padding-bottom:5px;
  908.     background: #33CCFF;
  909.     overflow:hidden;
  910.     font-size:12px;
  911.     line-height:10px;
  912.     text-align:right;
  913.     font-family: 'lato';
  914.     opacity:0.0;
  915.     color:#000;
  916.     -webkit-transition: all 0.4s ease-in-out;
  917.     -moz-transition: all 0.4s ease-in-out;
  918.     transition: all 0.4s ease-in-out;
  919. }
  920.  
  921. .entry:hover .reblog8{
  922.     max-width:300px;
  923.     opacity: 0.5;
  924.     -webkit-transition: all 0.5s ease-in-out;
  925.     -moz-transition: all 0.5s ease-in-out;
  926.     transition: all 0.5s ease-in-out;
  927.     z-index: 1;
  928. }
  929.  
  930. .entry:hover .reblog8:hover{
  931.     opacity:1;
  932.     z-index: 1;
  933. }
  934.  
  935. .entry .notecount8 a{
  936.     color: #000;
  937. }
  938.  
  939. .entry .notecount8{
  940.     position:absolute;
  941.     top: 20px;
  942. right:20px;
  943.     max-width:175px;
  944.     padding-top:5px;
  945.     padding-right: 5px;
  946.     padding-left: 5px;
  947.     padding-bottom:5px;
  948.     background: #33CCFF;
  949.     overflow:hidden;
  950.     font-size:12px;
  951.     line-height:10px;
  952.     text-align: center;
  953.     font-family: 'lato';
  954.     opacity:0.0;
  955.     color:#000;
  956.     -webkit-transition: all 0.4s ease-in-out;
  957.     -moz-transition: all 0.4s ease-in-out;
  958.     transition: all 0.4s ease-in-out;
  959. }
  960.  
  961. .entry:hover .notecount8{
  962.     max-width:300px;
  963.     opacity: 0.5;
  964.     -webkit-transition: all 0.5s ease-in-out;
  965.     -moz-transition: all 0.5s ease-in-out;
  966.     transition: all 0.5s ease-in-out;
  967.     z-index: 1;
  968. }
  969.  
  970. .entry:hover .notecount8:hover{
  971.     opacity:1;
  972.     z-index: 1;
  973. }
  974.  
  975. /*--POST NINE--*/
  976.  
  977. .entry .reblog9 a{
  978.     color: #000;
  979. }
  980.  
  981. .entry .reblog9{
  982.     position:absolute;
  983.     top: 20px;
  984.     left: 20px;
  985.     max-width:175px;
  986.     padding-top:5px;
  987.     padding-right: 5px;
  988.     padding-left: 5px;
  989.     padding-bottom:5px;
  990.     background: #CC9966;
  991.     overflow:hidden;
  992.     font-size:12px;
  993.     line-height:10px;
  994.     text-align:right;
  995.     font-family: 'lato';
  996.     opacity:0.0;
  997.     color:#000;
  998.     -webkit-transition: all 0.4s ease-in-out;
  999.     -moz-transition: all 0.4s ease-in-out;
  1000.     transition: all 0.4s ease-in-out;
  1001. }
  1002.  
  1003. .entry:hover .reblog9{
  1004.     max-width:300px;
  1005.     opacity: 0.5;
  1006.     -webkit-transition: all 0.5s ease-in-out;
  1007.     -moz-transition: all 0.5s ease-in-out;
  1008.     transition: all 0.5s ease-in-out;
  1009.     z-index: 1;
  1010. }
  1011.  
  1012. .entry:hover .reblog9:hover{
  1013.     opacity:1;
  1014.     z-index: 1;
  1015. }
  1016.  
  1017. .entry .notecount9 a{
  1018.     color: #000;
  1019. }
  1020.  
  1021. .entry .notecount9{
  1022.     position:absolute;
  1023.     top: 20px;
  1024. right:20px;
  1025.     max-width:175px;
  1026.     padding-top:5px;
  1027.     padding-right: 5px;
  1028.     padding-left: 5px;
  1029.     padding-bottom:5px;
  1030.     background: #CC9966;
  1031.     overflow:hidden;
  1032.     font-size:12px;
  1033.     line-height:10px;
  1034.     text-align: center;
  1035.     font-family: 'lato';
  1036.     opacity:0.0;
  1037.     color:#000;
  1038.     -webkit-transition: all 0.4s ease-in-out;
  1039.     -moz-transition: all 0.4s ease-in-out;
  1040.     transition: all 0.4s ease-in-out;
  1041. }
  1042.  
  1043. .entry:hover .notecount9{
  1044.     max-width:300px;
  1045.     opacity: 0.5;
  1046.     -webkit-transition: all 0.5s ease-in-out;
  1047.     -moz-transition: all 0.5s ease-in-out;
  1048.     transition: all 0.5s ease-in-out;
  1049.     z-index: 1;
  1050. }
  1051.  
  1052. .entry:hover .notecount9:hover{
  1053.     opacity:1;
  1054.     z-index: 1;
  1055. }
  1056.  
  1057. /*--POST TEN--*/
  1058.  
  1059. .entry .reblog10 a{
  1060.     color: #000;
  1061. }
  1062.  
  1063. .entry .reblog10{
  1064.     position:absolute;
  1065.     top: 20px;
  1066.     left: 20px;
  1067.     max-width:175px;
  1068.     padding-top:5px;
  1069.     padding-right: 5px;
  1070.     padding-left: 5px;
  1071.     padding-bottom:5px;
  1072.     background: #FFCCFF;
  1073.     overflow:hidden;
  1074.     font-size:12px;
  1075.     line-height:10px;
  1076.     text-align:right;
  1077.     font-family: 'lato';
  1078.     opacity:0.0;
  1079.     color:#000;
  1080.     -webkit-transition: all 0.4s ease-in-out;
  1081.     -moz-transition: all 0.4s ease-in-out;
  1082.     transition: all 0.4s ease-in-out;
  1083. }
  1084.  
  1085. .entry:hover .reblog10{
  1086.     max-width:300px;
  1087.     opacity: 0.5;
  1088.     -webkit-transition: all 0.5s ease-in-out;
  1089.     -moz-transition: all 0.5s ease-in-out;
  1090.     transition: all 0.5s ease-in-out;
  1091.     z-index: 1;
  1092. }
  1093.  
  1094. .entry:hover .reblog10:hover{
  1095.     opacity:1;
  1096.     z-index: 1;
  1097. }
  1098.  
  1099. .entry .notecount10 a{
  1100.     color: #000;
  1101. }
  1102.  
  1103. .entry .notecount10{
  1104.     position:absolute;
  1105.     top: 20px;
  1106. right:20px;
  1107.     max-width:175px;
  1108.     padding-top:5px;
  1109.     padding-right: 5px;
  1110.     padding-left: 5px;
  1111.     padding-bottom:5px;
  1112.     background: #FFCCFF;
  1113.     overflow:hidden;
  1114.     font-size:12px;
  1115.     line-height:10px;
  1116.     text-align: center;
  1117.     font-family: 'lato';
  1118.     opacity:0.0;
  1119.     color:#000;
  1120.     -webkit-transition: all 0.4s ease-in-out;
  1121.     -moz-transition: all 0.4s ease-in-out;
  1122.     transition: all 0.4s ease-in-out;
  1123. }
  1124.  
  1125. .entry:hover .notecount10{
  1126.     max-width:300px;
  1127.     opacity: 0.5;
  1128.     -webkit-transition: all 0.5s ease-in-out;
  1129.     -moz-transition: all 0.5s ease-in-out;
  1130.     transition: all 0.5s ease-in-out;
  1131.     z-index: 1;
  1132. }
  1133.  
  1134. .entry:hover .notecount10:hover{
  1135.     opacity:1;
  1136.     z-index: 1;
  1137. }
  1138.  
  1139. /*--POST ELEVEN--*/
  1140.  
  1141. .entry .reblog11 a{
  1142.     color: #000;
  1143. }
  1144.  
  1145. .entry .reblog11{
  1146.     position:absolute;
  1147.     top: 20px;
  1148.     left: 20px;
  1149.     max-width:175px;
  1150.     padding-top:5px;
  1151.     padding-right: 5px;
  1152.     padding-left: 5px;
  1153.     padding-bottom:5px;
  1154.     background: #CC66FF;
  1155.     overflow:hidden;
  1156.     font-size:12px;
  1157.     line-height:10px;
  1158.     text-align:right;
  1159.     font-family: 'lato';
  1160.     opacity:0.0;
  1161.     color:#000;
  1162.     -webkit-transition: all 0.4s ease-in-out;
  1163.     -moz-transition: all 0.4s ease-in-out;
  1164.     transition: all 0.4s ease-in-out;
  1165. }
  1166.  
  1167. .entry:hover .reblog11{
  1168.     max-width:300px;
  1169.     opacity: 0.5;
  1170.     -webkit-transition: all 0.5s ease-in-out;
  1171.     -moz-transition: all 0.5s ease-in-out;
  1172.     transition: all 0.5s ease-in-out;
  1173.     z-index: 1;
  1174. }
  1175.  
  1176. .entry:hover .reblog11:hover{
  1177.     opacity:1;
  1178.     z-index: 1;
  1179. }
  1180.  
  1181. .entry .notecount11 a{
  1182.     color: #000;
  1183. }
  1184.  
  1185. .entry .notecount11{
  1186.     position:absolute;
  1187.     top: 20px;
  1188. right:20px;
  1189.     max-width:175px;
  1190.     padding-top:5px;
  1191.     padding-right: 5px;
  1192.     padding-left: 5px;
  1193.     padding-bottom:5px;
  1194.     background: #CC66FF;
  1195.     overflow:hidden;
  1196.     font-size:12px;
  1197.     line-height:10px;
  1198.     text-align: center;
  1199.     font-family: 'lato';
  1200.     opacity:0.0;
  1201.     color:#000;
  1202.     -webkit-transition: all 0.4s ease-in-out;
  1203.     -moz-transition: all 0.4s ease-in-out;
  1204.     transition: all 0.4s ease-in-out;
  1205. }
  1206.  
  1207. .entry:hover .notecount11{
  1208.     max-width:300px;
  1209.     opacity: 0.5;
  1210.     -webkit-transition: all 0.5s ease-in-out;
  1211.     -moz-transition: all 0.5s ease-in-out;
  1212.     transition: all 0.5s ease-in-out;
  1213.     z-index: 1;
  1214. }
  1215.  
  1216. .entry:hover .notecount11:hover{
  1217.     opacity:1;
  1218.     z-index: 1;
  1219. }
  1220.  
  1221. /*--POST TWELVE--*/
  1222.  
  1223. .entry .reblog12 a{
  1224.     color: #000;
  1225. }
  1226.  
  1227. .entry .reblog12{
  1228.     position:absolute;
  1229.     top: 20px;
  1230.     left: 20px;
  1231.     max-width:175px;
  1232.     padding-top:5px;
  1233.     padding-right: 5px;
  1234.     padding-left: 5px;
  1235.     padding-bottom:5px;
  1236.     background: #99FFFF;
  1237.     overflow:hidden;
  1238.     font-size:12px;
  1239.     line-height:10px;
  1240.     text-align:right;
  1241.     font-family: 'lato';
  1242.     opacity:0.0;
  1243.     color:#000  -webkit-transition: all 0.4s ease-in-out;
  1244.     -moz-transition: all 0.4s ease-in-out;
  1245.     transition: all 0.4s ease-in-out;
  1246. }
  1247.  
  1248. .entry:hover .reblog12{
  1249.     max-width:300px;
  1250.     opacity: 0.5;
  1251.     -webkit-transition: all 0.5s ease-in-out;
  1252.     -moz-transition: all 0.5s ease-in-out;
  1253.     transition: all 0.5s ease-in-out;
  1254.     z-index: 1;
  1255. }
  1256.  
  1257. .entry:hover .reblog12:hover{
  1258.     opacity:1;
  1259.     z-index: 1;
  1260. }
  1261.  
  1262. .entry .notecount12 a{
  1263.     color: #000;
  1264. }
  1265.  
  1266. .entry .notecount12{
  1267.     position:absolute;
  1268.     top: 20px;
  1269. right:20px;
  1270.     max-width:175px;
  1271.     padding-top:5px;
  1272.     padding-right: 5px;
  1273.     padding-left: 5px;
  1274.     padding-bottom:5px;
  1275.     background: #99FFFF;
  1276.     overflow:hidden;
  1277.     font-size:12px;
  1278.     line-height:10px;
  1279.     text-align: center;
  1280.     font-family: 'lato';
  1281.     opacity:0.0;
  1282.     color:#000  -webkit-transition: all 0.4s ease-in-out;
  1283.     -moz-transition: all 0.4s ease-in-out;
  1284.     transition: all 0.4s ease-in-out;
  1285. }
  1286.  
  1287. .entry:hover .notecount12{
  1288.     max-width:300px;
  1289.     opacity: 0.5;
  1290.     -webkit-transition: all 0.5s ease-in-out;
  1291.     -moz-transition: all 0.5s ease-in-out;
  1292.     transition: all 0.5s ease-in-out;
  1293.     z-index: 1;
  1294. }
  1295.  
  1296. .entry:hover .notecount12:hover{
  1297.     opacity:1;
  1298.     z-index: 1;
  1299. }
  1300.  
  1301. /*--POST THIRTEEN--*/
  1302.  
  1303. .entry .reblog13 a{
  1304.     color: #000;
  1305. }
  1306.  
  1307. .entry .reblog13{
  1308.     position:absolute;
  1309.     top: 20px;
  1310.     left: 20px;
  1311.     max-width:175px;
  1312.     padding-top:5px;
  1313.     padding-right: 5px;
  1314.     padding-left: 5px;
  1315.     padding-bottom:5px;
  1316.     background: #CCC333;
  1317.     overflow:hidden;
  1318.     font-size:12px;
  1319.     line-height:10px;
  1320.     text-align:right;
  1321.     font-family: 'lato';
  1322.     opacity:0.0;
  1323.     color:#000;
  1324.     -webkit-transition: all 0.4s ease-in-out;
  1325.     -moz-transition: all 0.4s ease-in-out;
  1326.     transition: all 0.4s ease-in-out;
  1327. }
  1328.  
  1329. .entry:hover .reblog13{
  1330.     max-width:300px;
  1331.     opacity: 0.5;
  1332.     -webkit-transition: all 0.5s ease-in-out;
  1333.     -moz-transition: all 0.5s ease-in-out;
  1334.     transition: all 0.5s ease-in-out;
  1335.     z-index: 1;
  1336. }
  1337.  
  1338. .entry:hover .reblog13:hover{
  1339.     opacity:1;
  1340.     z-index: 1;
  1341. }
  1342.  
  1343. .entry .notecount13 a{
  1344.     color: #000;
  1345. }
  1346.  
  1347. .entry .notecount13{
  1348.     position:absolute;
  1349.     top: 20px;
  1350. right:20px;
  1351.     max-width:175px;
  1352.     padding-top:5px;
  1353.     padding-right: 5px;
  1354.     padding-left: 5px;
  1355.     padding-bottom:5px;
  1356.     background: #CCC333;
  1357.     overflow:hidden;
  1358.     font-size:12px;
  1359.     line-height:10px;
  1360.     text-align: center;
  1361.     font-family: 'lato';
  1362.     opacity:0.0;
  1363.     color:#000;
  1364.     -webkit-transition: all 0.4s ease-in-out;
  1365.     -moz-transition: all 0.4s ease-in-out;
  1366.     transition: all 0.4s ease-in-out;
  1367. }
  1368.  
  1369. .entry:hover .notecount13{
  1370.     max-width:300px;
  1371.     opacity: 0.5;
  1372.     -webkit-transition: all 0.5s ease-in-out;
  1373.     -moz-transition: all 0.5s ease-in-out;
  1374.     transition: all 0.5s ease-in-out;
  1375.     z-index: 1;
  1376. }
  1377.  
  1378. .entry:hover .notecount13:hover{
  1379.     opacity:1;
  1380.     z-index: 1;
  1381. }
  1382.  
  1383. /*--POST FOURTEEN--*/
  1384.  
  1385. .entry .reblog14 a{
  1386.     color: #000;
  1387. }
  1388.  
  1389. .entry .reblog14{
  1390.     position:absolute;
  1391.     top: 20px;
  1392.     left: 20px;
  1393.     max-width:175px;
  1394.     padding-top:5px;
  1395.     padding-right: 5px;
  1396.     padding-left: 5px;
  1397.     padding-bottom:5px;
  1398.     background: #CCFF99;
  1399.     overflow:hidden;
  1400.     font-size:12px;
  1401.     line-height:10px;
  1402.     text-align:right;
  1403.     font-family: 'lato';
  1404.     opacity:0.0;
  1405.     color:#000;
  1406.     -webkit-transition: all 0.4s ease-in-out;
  1407.     -moz-transition: all 0.4s ease-in-out;
  1408.     transition: all 0.4s ease-in-out;
  1409. }
  1410.  
  1411. .entry:hover .reblog14{
  1412.     max-width:300px;
  1413.     opacity: 0.5;
  1414.     -webkit-transition: all 0.5s ease-in-out;
  1415.     -moz-transition: all 0.5s ease-in-out;
  1416.     transition: all 0.5s ease-in-out;
  1417.     z-index: 1;
  1418. }
  1419.  
  1420. .entry:hover .reblog14:hover{
  1421.     opacity:1;
  1422.     z-index: 1;
  1423. }
  1424.  
  1425. .entry .notecount14 a{
  1426.     color: #000;
  1427. }
  1428.  
  1429. .entry .notecount14{
  1430.     position:absolute;
  1431.     top: 20px;
  1432. right:20px;
  1433.     max-width:175px;
  1434.     padding-top:5px;
  1435.     padding-right: 5px;
  1436.     padding-left: 5px;
  1437.     padding-bottom:5px;
  1438.     background: #CCFF99;
  1439.     overflow:hidden;
  1440.     font-size:12px;
  1441.     line-height:10px;
  1442.     text-align: center;
  1443.     font-family: 'lato';
  1444.     opacity:0.0;
  1445.     color:#000;
  1446.     -webkit-transition: all 0.4s ease-in-out;
  1447.     -moz-transition: all 0.4s ease-in-out;
  1448.     transition: all 0.4s ease-in-out;
  1449. }
  1450.  
  1451. .entry:hover .notecount14{
  1452.     max-width:300px;
  1453.     opacity: 0.5;
  1454.     -webkit-transition: all 0.5s ease-in-out;
  1455.     -moz-transition: all 0.5s ease-in-out;
  1456.     transition: all 0.5s ease-in-out;
  1457.     z-index: 1;
  1458. }
  1459.  
  1460. .entry:hover .notecount14:hover{
  1461.     opacity:1;
  1462.     z-index: 1;
  1463. }
  1464.  
  1465. /*--POST FIFTEEN--*/
  1466.  
  1467. .entry .reblog15 a{
  1468.     color: #000;
  1469. }
  1470.  
  1471. .entry .reblog15{
  1472.     position:absolute;
  1473.     top: 20px;
  1474.     left: 20px;
  1475.     max-width:175px;
  1476.     padding-top:5px;
  1477.     padding-right: 5px;
  1478.     padding-left: 5px;
  1479.     padding-bottom:5px;
  1480.     background: #FFCC00;
  1481.     overflow:hidden;
  1482.     font-size:12px;
  1483.     line-height:10px;
  1484.     text-align:right;
  1485.     font-family: 'lato';
  1486.     opacity:0.0;
  1487.     color:#000;
  1488.     -webkit-transition: all 0.4s ease-in-out;
  1489.     -moz-transition: all 0.4s ease-in-out;
  1490.     transition: all 0.4s ease-in-out;
  1491. }
  1492.  
  1493. .entry:hover .reblog15{
  1494.     max-width:300px;
  1495.     opacity: 0.5;
  1496.     -webkit-transition: all 0.5s ease-in-out;
  1497.     -moz-transition: all 0.5s ease-in-out;
  1498.     transition: all 0.5s ease-in-out;
  1499.     z-index: 1;
  1500. }
  1501.  
  1502. .entry:hover .reblog15:hover{
  1503.     opacity:1;
  1504.     z-index: 1;
  1505. }
  1506.  
  1507. .entry .notecount15 a{
  1508.     color: #000;
  1509. }
  1510.  
  1511. .entry .notecount15{
  1512.     position:absolute;
  1513.     top: 20px;
  1514. right:20px;
  1515.     max-width:175px;
  1516.     padding-top:5px;
  1517.     padding-right: 5px;
  1518.     padding-left: 5px;
  1519.     padding-bottom:5px;
  1520.     background: #FFCC00;
  1521.     overflow:hidden;
  1522.     font-size:12px;
  1523.     line-height:10px;
  1524.     text-align: center;
  1525.     font-family: 'lato';
  1526.     opacity:0.0;
  1527.     color:#000;
  1528.     -webkit-transition: all 0.4s ease-in-out;
  1529.     -moz-transition: all 0.4s ease-in-out;
  1530.     transition: all 0.4s ease-in-out;
  1531. }
  1532.  
  1533. .entry:hover .notecount15{
  1534.     max-width:300px;
  1535.     opacity: 0.5;
  1536.     -webkit-transition: all 0.5s ease-in-out;
  1537.     -moz-transition: all 0.5s ease-in-out;
  1538.     transition: all 0.5s ease-in-out;
  1539.     z-index: 1;
  1540. }
  1541.  
  1542. .entry:hover .notecount15:hover{
  1543.     opacity:1;
  1544.     z-index: 1;
  1545. }
  1546.  
  1547. .textnotecount{
  1548.     display: block;
  1549.     margin-top: -10px;
  1550.     max-width: 100%;
  1551.     font-size: 9px;
  1552.     line-height:14px;
  1553.     text-align: right;
  1554.     background- color: transparent;
  1555.     padding: 0px;
  1556.     opacity:0;
  1557.     z-index: -1;
  1558.     -webkit-transition: all 0.4s ease-in-out;
  1559.     -moz-transition: all 0.4s ease-in-out;
  1560.     transition: all 0.4s ease-in-out;
  1561. }
  1562.  
  1563. .entry:hover .textnotecount{
  1564.     z-index: 9999;
  1565. margin-top: 0px;
  1566.     opacity:1;
  1567. }
  1568.  
  1569. #post_load{
  1570.     position: absolute;
  1571.     bottom: -1px;
  1572.     left: 0px;
  1573.     opacity: 0;
  1574.     }
  1575.  
  1576. #important{
  1577.     background-color: white;
  1578.     text-align: center;
  1579.     position:fixed;
  1580.     bottom:-100px;
  1581.     right:30px;
  1582.     width: 40px;
  1583.     border:1px solid;
  1584.     border-color:#e8e8e8;
  1585.     border-radius:7px;
  1586.     padding-top:4px;
  1587.     padding-left:7px;
  1588.     padding-right:7px;
  1589.     padding-bottom:40px;
  1590.     -webkit-transform: scale(0.75);
  1591.     -moz-transform: scale(0.75);
  1592.     -o-transform: scale(0.75);
  1593.     transform: scale(0.75);
  1594.     -webkit-transition: all .4s ease;
  1595.     -moz-transition: all .4s ease;
  1596.     -o-transition: all .4s ease;
  1597.     transition: all .4s ease;
  1598.     z-index:99999999999;
  1599. }
  1600.  
  1601. #important:hover{
  1602.     position:fixed;
  1603.     width: 100px;
  1604.     bottom:-40px;
  1605.     -webkit-transition: all .4s ease;
  1606.     -moz-transition: all .4s ease;
  1607.     -o-transition: all .4s ease;
  1608.     transition: all .4s ease;
  1609. }
  1610.    
  1611. /*--FACEBOOK--*/
  1612.  
  1613. .fbb{
  1614.     -webkit-transform: scale(0.75);
  1615.     -o-transform: scale(0.75);
  1616.     -moz-transform: scale(0.75);
  1617.     }
  1618.  
  1619. .fb-follow, .fb-like{
  1620.     -webkit-filter: invert(0%);
  1621.     -moz-filter: invert(0%);
  1622.     -o-filter: invert(0%);
  1623.     }
  1624.    
  1625. /*--INFINITE SCROLL--*/
  1626.  
  1627. #infscr-loading{
  1628.     display:none;
  1629.     }
  1630.  
  1631. {CustomCSS}
  1632.  
  1633. </style>
  1634.    
  1635. </head>
  1636.  
  1637. <!--INFINITE SCROLL-->
  1638.  
  1639. {block:IndexPage}
  1640.  
  1641. <div id="post_load"></div>
  1642.  
  1643. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1644.  
  1645. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1646.  
  1647. <script type="text/javascript">
  1648.  
  1649. $(window).load(function () {
  1650. var $content = $('#wrap');
  1651. $content.masonry({itemSelector: '.entry'}),
  1652. $content.infinitescroll({
  1653. navSelector : 'div#pagination',
  1654. nextSelector : 'div#pagination a#nextPage',
  1655. itemSelector : '.entry',
  1656. loading: {
  1657. finishedMsg: '',
  1658. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  1659. },
  1660. bufferPx : 600,
  1661. debug : false,
  1662. },
  1663. // call masonry as a callback.
  1664. function( newElements ) {
  1665. var $newElems = $( newElements );
  1666. $newElems.hide();
  1667. // ensure that images load before adding to masonry layout
  1668. $newElems.imagesLoaded(function(){
  1669. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  1670.  
  1671.  
  1672. });
  1673. });
  1674. });
  1675. </script>
  1676.  
  1677. {/block:IndexPage}
  1678.  
  1679. <body>
  1680.  
  1681. <!--SIDEBAR-->
  1682.  
  1683. <div id="sidebar">
  1684.  
  1685. <div style="margin-top: 0%;">
  1686.  
  1687. </div>
  1688.  
  1689. <div id="blogtitle">
  1690.  
  1691. <a href="/">
  1692.  
  1693. {Title}
  1694.    
  1695. </a>
  1696.    
  1697. </div>
  1698.  
  1699. <div style="margin-top: 15px;">
  1700.    
  1701. </div>
  1702.  
  1703. <div style="height:45px; overflow: hidden;">
  1704.  
  1705. {Description}
  1706.    
  1707. </div>
  1708.  
  1709. </p>
  1710.  
  1711. <!--LINKS-->
  1712.  
  1713. <a class="link" href="{Text:Link 1}">
  1714.  
  1715. {text:link 1 title}
  1716.    
  1717. </a>
  1718.  
  1719. &nbsp;&nbsp;&nbsp;
  1720.  
  1721. <a class="link" href="{Text:Link 2}">
  1722.  
  1723. {text:link 2 title}
  1724.    
  1725. </a>
  1726.  
  1727. &nbsp;&nbsp;&nbsp;
  1728.  
  1729. <a class="link" href="{Text:Link 3}">
  1730.  
  1731. {text:link 3 title}
  1732.    
  1733. </a>
  1734.  
  1735. &nbsp;&nbsp;&nbsp;
  1736.  
  1737. <a class="link" href="{Text:Link 4}">
  1738.  
  1739. {text:link 4 title}
  1740.    
  1741. </a>
  1742.  
  1743. &nbsp;&nbsp;&nbsp;
  1744.  
  1745. <a class="link" href="{Text:Link 5}">
  1746.  
  1747. {text:link 5 title}
  1748.    
  1749. </a>
  1750. <div style="opacity: 0; position: fixed; top: -30px; left: -400px;"><script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2005091&name="></script>
  1751. </div>
  1752. &nbsp;&nbsp;&nbsp;
  1753.  
  1754. <a class="link" href="{Text:Link 6}">
  1755.  
  1756. {text:link 6 title}
  1757.    
  1758. </a>
  1759.  
  1760. &nbsp;&nbsp;&nbsp;
  1761.  
  1762. </div>
  1763.  
  1764. </div>
  1765.  
  1766. </div>
  1767.  
  1768. </div>
  1769.  
  1770. </div>
  1771.  
  1772. </div>
  1773.  
  1774. </div>
  1775.  
  1776. <!--POSTS-->
  1777.  
  1778. <div id="wrap">
  1779.  
  1780. {block:Posts}
  1781.  
  1782. <div class="entry"
  1783.  
  1784. {Block:IndexPage}
  1785.  
  1786. {Block:Post1}style="-webkit-transform: rotate({text:rotate}deg);"{/Block:Post1}
  1787.  
  1788. {Block:Post2}style="-webkit-transform: rotate(-{text:rotate}deg);"{/Block:Post2}
  1789.  
  1790. {Block:Post3}style="-webkit-transform: rotate({text:rotate}deg);"{/Block:Post3}
  1791.  
  1792. {Block:Post4}style="-webkit-transform: rotate(-{text:rotate}deg);"{/Block:Post4}
  1793.  
  1794. {Block:Post5}style="-webkit-transform: rotate({text:rotate}deg);"{/Block:Post5}
  1795.  
  1796. {Block:Post6}style="-webkit-transform: rotate(-{text:rotate}deg);"{/Block:Post6}
  1797.  
  1798. {Block:Post7}style="-webkit-transform: rotate({text:rotate}deg);"{/Block:Post7}
  1799.  
  1800. {Block:Post8}style="-webkit-transform: rotate(-{text:rotate}deg);"{/Block:Post8}
  1801.  
  1802. {Block:Post9}style="-webkit-transform: rotate({text:rotate}deg);"{/Block:Post9}
  1803.  
  1804. {Block:Post10}style="-webkit-transform: rotate(-{text:rotate}deg);"{/Block:Post10}
  1805.  
  1806. {Block:Post11}style="-webkit-transform: rotate({text:rotate}eg);"{/Block:Post11}
  1807.  
  1808. {Block:Post12}style="-webkit-transform: rotate(-{text:rotate}deg);"{/Block:Post12}
  1809.  
  1810. {Block:Post13}style="-webkit-transform: rotate({text:rotate}deg);"{/Block:Post13}
  1811.  
  1812. {Block:Post14}style="-webkit-transform: rotate(-{text:rotate}deg);"{/Block:Post14}
  1813.  
  1814. {Block:Post15}style="-webkit-transform: rotate({text:rotate}deg);"{/Block:Post15}
  1815.  
  1816. {/Block:IndexPage}
  1817.  
  1818. {Block:PermalinkPage}
  1819.  
  1820. style="width: 80%;"
  1821.  
  1822. {/Block:PermalinkPage}>
  1823.  
  1824. {block:Title}
  1825.  
  1826. <div class="title">{Title}</div>
  1827.  
  1828. {/block:Title}
  1829.  
  1830. {block:Text}
  1831.  
  1832. {Body}
  1833.  
  1834. {block:IndexPage}
  1835.  
  1836. <div class="pin">
  1837.  
  1838. <img src="http://www.clker.com/cliparts/B/V/P/X/Z/e/thumbtack-pushpin-2-md.png" height="20px">
  1839.    
  1840. </div>
  1841.  
  1842. <center>
  1843.  
  1844. <div style="margin-top: 15px;"></div>
  1845.  
  1846. <a href="{ReblogURL}">REBLOG</a>
  1847.  
  1848. //
  1849.  
  1850. <a href="{Permalink}">{Notecount}</a>
  1851.  
  1852. </center>
  1853.  
  1854. {/block:IndexPage}
  1855.  
  1856. {/block:Text}
  1857.  
  1858. {block:Photo}
  1859.  
  1860. {block:IndexPage}
  1861.  
  1862. <div id="fb-root"></div>
  1863. <script>(function(d, s, id) {
  1864.   var js, fjs = d.getElementsByTagName(s)[0];
  1865.   if (d.getElementById(id)) return;
  1866.   js = d.createElement(s); js.id = id;
  1867.   js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  1868.   fjs.parentNode.insertBefore(js, fjs);
  1869. }(document, 'script', 'facebook-jssdk'));</script>
  1870.  
  1871. {LinkOpenTag}
  1872.  
  1873. <div class="photo">
  1874.  
  1875. <a href="{permalink}">
  1876.  
  1877. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  1878.    
  1879. </div>
  1880.  
  1881. <div class="pin">
  1882.  
  1883. <img src="http://www.clker.com/cliparts/B/V/P/X/Z/e/thumbtack-pushpin-2-md.png" height="20px">
  1884.    
  1885. </div>
  1886.  
  1887. <center>
  1888.  
  1889. <div style="margin-top: 15px;"></div>
  1890.  
  1891. <a href="{ReblogURL}">REBLOG</a>
  1892.  
  1893. //
  1894.  
  1895. <a href="{Permalink}">{Notecount}</a>
  1896.  
  1897. </center>
  1898.  
  1899. {LinkCloseTag}
  1900.  
  1901. {/block:IndexPage}
  1902.  
  1903. {block:PermalinkPage}
  1904.  
  1905. {LinkOpenTag}
  1906.  
  1907. <a href="{permalink}">
  1908.  
  1909. <img class="photo" src="{PhotoURL-HighRes}" width="600"/></a>
  1910.  
  1911. {LinkCloseTag}
  1912.  
  1913. {/block:PermalinkPage}
  1914.  
  1915. {/block:Photo}
  1916.  
  1917. {block:Photoset}
  1918.  
  1919. {Photoset-250}
  1920.  
  1921. {block:IndexPage}
  1922.  
  1923. <div class="pin">
  1924.  
  1925. <img src="http://www.clker.com/cliparts/B/V/P/X/Z/e/thumbtack-pushpin-2-md.png" height="20px">
  1926.    
  1927. </div>
  1928.  
  1929. <center>
  1930.  
  1931. <div style="margin-top: 15px;"></div>
  1932.  
  1933. <a href="{ReblogURL}">REBLOG</a>
  1934.  
  1935. //
  1936.  
  1937. <a href="{Permalink}">{Notecount}</a>
  1938.  
  1939. </center>
  1940.  
  1941. {/block:IndexPage}
  1942.  
  1943. {/block:Photoset}
  1944.  
  1945. {block:Quote}
  1946.  
  1947. {Quote}
  1948.  
  1949. <div align="right">
  1950.  
  1951. {block:Source}
  1952.  
  1953. <div class="title">
  1954.  
  1955. {Source}
  1956.    
  1957. </div>
  1958.  
  1959. {/block:Source}
  1960.    
  1961. </div>
  1962.  
  1963. {block:IndexPage}
  1964.  
  1965. <div class="pin">
  1966.  
  1967. <img src="http://www.clker.com/cliparts/B/V/P/X/Z/e/thumbtack-pushpin-2-md.png" height="20px">
  1968.    
  1969. </div>
  1970.  
  1971. <center>
  1972.  
  1973. <div style="margin-top: 15px;"></div>
  1974.  
  1975. <a href="{ReblogURL}">REBLOG</a>
  1976.  
  1977. //
  1978.  
  1979. <a href="{Permalink}">{Notecount}</a>
  1980.  
  1981. </center>
  1982.  
  1983. {/block:IndexPage}
  1984.  
  1985. {/block:Quote}
  1986.  
  1987. {block:Video}
  1988.  
  1989. {Video-250}
  1990.  
  1991. <br>
  1992.  
  1993. {PlayCountWithLabel}
  1994.  
  1995. {block:IndexPage}
  1996.  
  1997. <div class="pin">
  1998.  
  1999. <img src="http://www.clker.com/cliparts/B/V/P/X/Z/e/thumbtack-pushpin-2-md.png" height="20px">
  2000.    
  2001. </div>
  2002.  
  2003. <center>
  2004.  
  2005. <div style="margin-top: 15px;"></div>
  2006.  
  2007. <a href="{ReblogURL}">REBLOG</a>
  2008.  
  2009. //
  2010.  
  2011. <a href="{Permalink}">{Notecount}</a>
  2012.  
  2013. </center>
  2014.  
  2015. {/block:IndexPage}
  2016.  
  2017. {/block:Video}
  2018.  
  2019. {block:Link}
  2020.  
  2021. <div class="title">
  2022.  
  2023. <a title="{name}" href="{URL}" class="link" {Target}>
  2024.  
  2025. {Name}
  2026.    
  2027. </a>
  2028.    
  2029. </div>
  2030.  
  2031. <br>
  2032.  
  2033. {block:Description}
  2034.  
  2035. {Description}
  2036.  
  2037. {/block:Description}
  2038.  
  2039. {block:IndexPage}
  2040.  
  2041. <div class="pin">
  2042.  
  2043. <img src="http://www.clker.com/cliparts/B/V/P/X/Z/e/thumbtack-pushpin-2-md.png" height="20px">
  2044.    
  2045. </div>
  2046.  
  2047. <center>
  2048.  
  2049. <div style="margin-top: 15px;"></div>
  2050.  
  2051. <a href="{ReblogURL}">REBLOG</a>
  2052.  
  2053. //
  2054.  
  2055. <a href="{Permalink}">{Notecount}</a>
  2056.  
  2057. </center>
  2058.  
  2059. {/block:IndexPage}
  2060.  
  2061. {/block:Link}
  2062.  
  2063. {block:Chat}
  2064.  
  2065. {block:Lines}
  2066.  
  2067. {block:Label}
  2068.  
  2069. <br>
  2070.  
  2071. {Label}
  2072.  
  2073. {/block:Label}
  2074.  
  2075. &nbsp;
  2076.  
  2077. {Line}
  2078.  
  2079. {/block:Lines}
  2080.  
  2081. {block:IndexPage}
  2082.  
  2083. <div class="pin">
  2084.  
  2085. <img src="http://www.clker.com/cliparts/B/V/P/X/Z/e/thumbtack-pushpin-2-md.png" height="20px">
  2086.    
  2087. </div>
  2088.  
  2089. <center>
  2090.  
  2091. <div style="margin-top: 15px;"></div>
  2092.  
  2093. <a href="{ReblogURL}">REBLOG</a>
  2094.  
  2095. //
  2096.  
  2097. <a href="{Permalink}">{Notecount}</a>
  2098.  
  2099. </center>
  2100.  
  2101. {/block:IndexPage}
  2102.  
  2103. {/block:Chat}
  2104.  
  2105. {block:Audio}
  2106.  
  2107. {AudioPlayerWhite}
  2108.  
  2109. <br>
  2110.  
  2111. <div align="right">
  2112.  
  2113. {block:Artist}
  2114.  
  2115. Artist: {Artist}
  2116.    
  2117. </div>
  2118.  
  2119. {/block:Artist}
  2120.  
  2121. <br>
  2122.  
  2123. {block:Caption}
  2124.  
  2125. {Caption}
  2126.  
  2127. {/block:Caption}
  2128.  
  2129. {block:IndexPage}
  2130.  
  2131. <div class="pin">
  2132.  
  2133. <img src="http://www.clker.com/cliparts/B/V/P/X/Z/e/thumbtack-pushpin-2-md.png" height="20px">
  2134.    
  2135. </div>
  2136.  
  2137. <center>
  2138.  
  2139. <div style="margin-top: 15px;"></div>
  2140.  
  2141. <a href="{ReblogURL}">REBLOG</a>
  2142.  
  2143. //
  2144.  
  2145. <a href="{Permalink}">{Notecount}</a>
  2146.  
  2147. </center>
  2148.  
  2149. {/block:IndexPage}
  2150.  
  2151. {/block:Audio}
  2152.  
  2153. {block:Answer}
  2154.  
  2155. {Asker}:
  2156.  
  2157. <b>
  2158.  
  2159. {Question}
  2160.    
  2161. </b>
  2162.  
  2163. <br>
  2164.  
  2165. {Answer}
  2166.  
  2167. {block:IndexPage}
  2168.  
  2169. <div class="pin">
  2170.  
  2171. <img src="http://www.clker.com/cliparts/B/V/P/X/Z/e/thumbtack-pushpin-2-md.png" height="20px">
  2172.    
  2173. </div>
  2174.  
  2175. <center>
  2176.  
  2177. <div style="margin-top: 15px;"></div>
  2178.  
  2179. <a href="{ReblogURL}">REBLOG</a>
  2180.  
  2181. //
  2182.  
  2183. <a href="{Permalink}">{Notecount}</a>
  2184.  
  2185. </center>
  2186.  
  2187. {/block:IndexPage}
  2188.  
  2189. {/block:Answer}
  2190.  
  2191. {block:PermalinkPage}
  2192.  
  2193. {block:Caption}
  2194.  
  2195. {Caption}
  2196.  
  2197. {/block:Caption}
  2198.  
  2199. <br>
  2200.  
  2201. {NoteCount}
  2202.  
  2203. <br>
  2204.  
  2205. {block:PostNotes}
  2206.  
  2207. {PostNotes}
  2208.  
  2209. {/block:PostNotes}
  2210.  
  2211. </div>
  2212.  
  2213. {/block:PermalinkPage}
  2214.  
  2215. </div>
  2216.  
  2217. {/block:Posts}
  2218. <div style="position: fixed; top: -40px; left: -40px; opacity: 0;"><script language="JavaScript">
  2219. var ref = (''+document.referrer+'');
  2220. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID2998753&e1=using theme&e2=using theme&r=' + ref + '"><\/script>');
  2221. </script></div>
  2222. {block:IndexPage}
  2223.  
  2224. {block:Pagination}
  2225.  
  2226. <div id="pagination">
  2227.  
  2228. {block:NextPage}
  2229.  
  2230. <a style="display:none;" id="nextPage" href="{NextPage}">
  2231.  
  2232. &nbsp;&rarr;
  2233.    
  2234. </a>
  2235.  
  2236. {/block:NextPage}
  2237.  
  2238. {block:PreviousPage}
  2239.  
  2240. <a style="display:none;" href="{PreviousPage}">
  2241.  
  2242. &larr;&nbsp;
  2243.  
  2244. </a>
  2245.  
  2246. {/block:PreviousPage}
  2247.    
  2248. </div>
  2249.  
  2250. {/block:Pagination}
  2251.  
  2252. {/block:IndexPage}
  2253.  
  2254. </body>
  2255.  
  2256. </center>
  2257.    
  2258. </a>
  2259.  
  2260. <div style="position: fixed; bottom: 3px; right: 3px;"><a href="http://unstrong.tumblr.com">theme</a></div>
  2261.  
  2262. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement