API tools faq
paste
Advertisement
EllenMaty

Alto Contraste Tumblr Theme

EllenMaty
Feb 14th, 2015
699
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.99 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. =============================================================================
  4. =============================================================================
  5.  
  6. ||||¦__||_____||___||____||
  7. ||_____||_____||____||__|| | C R E D I T S : |
  8. ||||¦__||_____||_____|||| | THELITTLEDANGER.TUMBLR.COM |
  9. ||_____||_____||______|| | ELLY-THEMES.TUMBLR.COM |
  10. ||||¦__||||¦__||||¦___||
  11.  
  12. =============================================================================
  13. =============================================================================
  14.  
  15. -->
  16.  
  17. <html lang="en">
  18.  
  19. <head>
  20.  
  21. <!-- Font Awesome -->
  22. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  23.  
  24. <meta name="image:Sidebar" content=" " />
  25. <meta name="text:Updates" content="White the updates here" />
  26.  
  27. <meta name="color:Background" content="#FFFFFF" />
  28. <meta name="image:Background" content=" " />
  29. <meta name="color:Bar bg" content="#fff" />
  30. <meta name="color:Bar Line" content="#ccc" />
  31. <meta name="color:Bar Links Hover" content="#b9b9b9" />
  32. <meta name="color:Bar Links Line" content="#888" />
  33. <meta name="color:Bar Links" content="#b9b9b9" />
  34. <meta name="color:Blockquote" content="#bbb" />
  35. <meta name="color:Captions Box" content="#fff" />
  36. <meta name="color:Link Hover" content="#aaa" />
  37. <meta name="color:Link" content="#bbb" />
  38. <meta name="color:Permalink Line" content="#ccc" />
  39. <meta name="color:Permalink Text" content="#bbb" />
  40. <meta name="color:Post Title Bg" content="#bbb" />
  41. <meta name="color:Post Title Text" content="#fff" />
  42. <meta name="color:Reblog Bg Hover" content="#fff" />
  43. <meta name="color:Reblog Bg" content="#bbb" />
  44. <meta name="color:Reblog Text" content="#fff" />
  45. <meta name="color:Scrollbar One" content="#ccc" />
  46. <meta name="color:Scrollbar Two" content="#fff" />
  47. <meta name="color:Selection Bg" content="#eee" />
  48. <meta name="color:Selection" content="#bbb" />
  49. <meta name="color:Sidebar Lines" content="#ccc" />
  50. <meta name="color:Sidebar Title Shadow" content="#ccc" />
  51. <meta name="color:Sidebar Title" content="#b9b9b9" />
  52. <meta name="color:Text" content="#AAAAAA" />
  53. <meta name="color:Tooltip Bg" content="#fff" />
  54. <meta name="color:Tooltip Text" content="#b9b9b9" />
  55. <meta name="color:Tooltip Border" content="#bbb" />
  56. <meta name="color:Top Button" content="#bbb" />
  57. <meta name="color:Updates Bg" content="#bbb" />
  58. <meta name="color:Updates Text" content="#fff" />
  59. <meta name="if:Captions Box" content="1" />
  60. <meta name="if:Custom Controls" content="1" />
  61. <meta name="if:Gradient" content="0" />
  62. <meta name="if:Grayscale" content="1" />
  63. <meta name="if:Fading Bar" content="1" />
  64. <meta name="if:Sidebar Image" content="1" />
  65. <meta name="if:Sidebar Lines" content="1" />
  66. <meta name="if:Sidebar Title Shadow" content="1" />
  67. <meta name="if:Tags" content="1" />
  68. <meta name="if:Underline Links" content="1" />
  69. <meta name="if:Updates" content="1" />
  70. <meta name="image:Cursor Hand" content="http://i1347.photobucket.com/albums/p718/TheLittleDanger/Hand%20Cursors/Hand_0064_Camada-126_zpsa2bcf15f.png" />
  71. <meta name="image:Cursor Pointer" content="http://i1347.photobucket.com/albums/p718/TheLittleDanger/Pointer%20Cursors/Pointer_0064_Camada-121_zps5c1bda22.png" />
  72. <meta name="image:Fav Icon" content="http://media.tumblr.com/tumblr_lnvurxvJ8i1qepbs7.png" />
  73. <meta name="text:Gradient Opacity" content="0.6" />
  74. <meta name="text:Sidebar Image Width" content="80" />
  75. <meta name="text:Updates Margin Left" content="532" />
  76. <meta name="text:Link 1" content="Title 1" />
  77. <meta name="text:Link 1 URL" content="URL 1" />
  78. <meta name="text:Link 2" content="Title 2" />
  79. <meta name="text:Link 2 URL" content="URL 2" />
  80. <meta name="text:Link 3" content="Title 3" />
  81. <meta name="text:Link 3 URL" content="URL 3" />
  82. <meta name="text:Link 4" content="Title 4" />
  83. <meta name="text:Link 4 URL" content="URL 4" />
  84. <meta name="text:Link 5" content="Title 5" />
  85. <meta name="text:Link 5 URL" content="URL 5" />
  86. <meta name="text:Link 6" content="Title 6" />
  87. <meta name="text:Link 6 URL" content="URL 6" />
  88.  
  89. <!----------- TÍTULO ----------->
  90. <title>{Title}</title>
  91.  
  92. <!----------- FAV ICON ----------->
  93. <link rel="shortcut icon" href="{image:Fav Icon}">
  94.  
  95. <!----------- NÃO REMOVA ESSES SCRIPTS: COMEÇO ----------->
  96. <style type="text/css">
  97. #w2b-StoTop {width: auto; text-align: center; position:fixed;bottom:65px;right:66px;text-decoration:none; z-index: 999; color: {color:Top Button}; font-size: 30px; cursor: url({image:Cursor Hand}), auto;}
  98. </style>
  99. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  100. <script type='text/javascript'>
  101. $(function() {
  102. $.fn.scrollToTop = function() {
  103. $(this).hide().removeAttr("href");
  104. if ($(window).scrollTop() != "0") {
  105. $(this).fadeIn("slow")
  106. }
  107. var scrollDiv = $(this);
  108. $(window).scroll(function() {
  109. if ($(window).scrollTop() == "0") {
  110. $(scrollDiv).fadeOut("slow")
  111. } else {
  112. $(scrollDiv).fadeIn("slow")
  113. }
  114. });
  115. $(this).click(function() {
  116. $("html, body").animate({
  117. scrollTop: 0
  118. }, "slow")
  119. })
  120. }
  121. });
  122. $(function() {
  123. $("#w2b-StoTop").scrollToTop();
  124. });
  125. </script>
  126. <a href='#' id='w2b-StoTop' style='display:none;' title="go away"><i class="fa fa-angle-up"></i></a>
  127.  
  128. <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,100' rel='stylesheet' type='text/css'>
  129.  
  130. <link href="http://static.tumblr.com/3l2jcs4/NYMn4n79a/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  131. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  132. <script src="http://static.tumblr.com/3l2jcs4/209n1fe9k/jquery.style-my-tooltips.js"></script>
  133. <script>
  134. (function($){
  135. $(document).ready(function(){
  136. $("[title]").style_my_tooltips({
  137. tip_follows_cursor:true,
  138. tip_delay_time:100,
  139. tip_fade_speed:100,
  140. attribute:"title"
  141. });
  142. });
  143. })(jQuery);
  144. </script>
  145.  
  146. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  147.  
  148. {block:IndexPage}
  149. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  150. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  151.  
  152. <script type="text/javascript">
  153. $(window).load(function(){
  154. var $wall = $('#entry');
  155. $wall.imagesLoaded(function(){
  156. $wall.masonry({
  157. itemSelector: '#post, #post_photo',
  158. isAnimated : false
  159. });
  160. });
  161.  
  162. $wall.infinitescroll({
  163. navSelector : '#pagination',
  164. nextSelector : '#pagination a',
  165. itemSelector : '#post, #post_photo',
  166. bufferPx : 2000,
  167. debug : false,
  168. errorCallback: function() {
  169. $('#scroll').fadeOut('normal');
  170. }},
  171. function( newElements ) {
  172. var $newElems = $( newElements );
  173. $newElems.hide();
  174. $newElems.imagesLoaded(function(){
  175. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  176. });
  177. }); $('#entry').show(500);
  178. });
  179. </script>
  180. {/block:IndexPage}
  181.  
  182. <!----------- NÃO REMOVA ESSES SCRIPTS: FIM ----------->
  183.  
  184. <style type="text/css">
  185.  
  186. {block:IfCustomControls}
  187. Iframe#tumblr_controls { width:50%; white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity: 0.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  188. /***/ Iframe#tumblr_controls { top: 0px !important; right: 10px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; }
  189. {/block:IfCustomControls}
  190.  
  191. /***/ body { background-color: {color:Background}; background-attachment: fixed; line-height: 11px; font-family: 'Raleway', sans-serIf; font-size: 10px; color: {color:Text}; background-image: url({image:Background}); }
  192.  
  193. /***/ a { color: {color:Link}; font-weight: bold; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } /***/ a:hover { color: {color:Link Hover}; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } /***/ #container { margin: auto; width: 810px; {block:permalinkpage} width: 500px; {/block:permalinkpage} } /***/
  194.  
  195. #entry { width: 810px; margin-top: -15px; margin-bottom: 30px; {block:permalinkpage} width: 500px; {/block:permalinkpage} } /***/ #post { width: 250px; word-wrap: keep-all; {block:IndexPage} margin: 10px; {/block:IndexPage} {block:permalinkpage} width: 500px;{/block:permalinkpage} } /***/ #post a:hover { border-color: {color:Link Hover}; } /***/ blockquote { margin-top: -5px; border-left: 1px solid {color:Blockquote}; padding-left: 10px; margin-left: 10px; margin: 0; } /***/ #post img { max-width: 100%; } /***/ img a { line-height: 0px; font-size: 0px; } /***/ img a { border-bottom: none; } /***/
  196.  
  197. body img a { line-height: 0px; font-size: 0px; } /***/ #post img a { line-height: 0px; font-size: 0px; } /***/ #posttitle { text-align: center; font-size: 12px; letter-spacing: 1px; line-height: 14px; padding: 7px 5px 5px 5px; background-color: {color:Post Title bg}; color: {color:Post Title Text}; text-transform: uppercase; font-weight: bold; } /***/ #posttitle a { background-color: {color:Post Title Bg}; display: block; color: {color:Post Title Text}; border-left: 0px solid transparent; text-decoration: none; } /***/ #posttitle a:hover { opacity: 0.9; } /***/ #permalink { text-align: center; border-top: 1px solid {color:Permalink Line}; margin-top: 7px; padding-top: 2px; font-size: 8px; letter-spacing: 1px; text-transform: uppercase; color: {color:Permalink Text}; } /***/ #permalink a, #permalink a:hover, #tags a:hover, #tags a { text-decoration: none; border: none; } /***/
  198.  
  199. #wrapper { width: 810px; margin: auto; }
  200.  
  201.  
  202. /***/ #sidebar { width: 810px; line-height: normal; margin-top: 45px; margin-bottom: 50px; position: relative; text-align: center; } /***/ .sidebarimg { width: {text:Sidebar Image Width}px; } /***/
  203. #sidebar a { text-decoration: none; }
  204. .sidetitle { {block:IfSidebarTitleShadow}text-shadow: 1px 0px 0px {color:Sidebar Title Shadow};{/block:IfSidebarTitleShadow} font-family: 'Roboto Slab', serIf; font-weight: 100; font-size: 32px; text-transform: uppercase; margin-top: -5px;} /***/
  205.  
  206. .sidetitle a { color: {color:Sidebar Title}; font-weight: 100; text-decoration: none; }
  207.  
  208. .sidetitle a:hover { color: {color:Sidebar Title}; }
  209.  
  210. #links { font-size: 8px; letter-spacing: 1px; text-transform: uppercase; text-align: center; z-index: 999; position: fixed; width: 784px; margin-left: 10px; bottom: 0px; padding: 5px 3px; margin-bottom: 0px; background-color: {color:Bar bg}; border-top: 1px solid {color:Bar Line}; } /***/ #links.scroll { background-color: rgba(000,000,000,0.2); } /***/ #links a { text-decoration: none; padding: 5px 7px 2px 7px; color: {color:Bar Links}; border-top: 1px solid transparent;} /***/ #links a:hover { color: {color:Bar Links Hover}; !important; border-color: {color:Bar Links Line}; }
  211.  
  212. .description a { font-weight: normal; }
  213. .description { line-height: 11px; margin-top: -1px; margin-bottom: 8px; } /***/ .source { margin-top: 5px; text-align: right; } /***/ #scroll{ bottom:-20px; position: absolute; left: 50%; width:10px; height:5px; overflow:hidden; margin-bottom:80px; }
  214.  
  215. #post li { margin-left: -25px; list-style: square; } /***/ #post ul { margin-top: -5px; margin-bottom: -5px; } /***/ ol.notes li.note { padding-bottom: 3px; padding-top: 3px; } /***/ ol.notes { margin-left: -15px; list-style-type: none; margin-top: -5px; } /***/ ol.notes a { font-weight: bold; border-color: white; text-decoration: none;} /***/ ol.notes a:hover { font-weight: bold; border-color: white; } /***/ ol.notes blockquote { margin-top: 5px; } /***/ ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; } /***/ ::-moz-selection { background: {color:Selection Bg}; color: {color:Selection}; } /***/ ::selection { background: {color:Selection Bg}; color: {color:Selection}; } /***/
  216.  
  217. #s-m-t-tooltip { font-weight: bold; margin-top: 23px; margin-left: 15px; font-size: 8px; letter-spacing: 1px; text-transform: uppercase; background-color: {color:Tooltip Bg}; color: {color:Tooltip Text}; padding: 3px 6px; border: 1px solid {color:Tooltip Border}; }
  218.  
  219. /***/ ::-webkit-scrollbar-thumb:vertical { background: {color:Scrollbar One}; } /***/ ::-webkit-scrollbar-thumb:horizontal { background-color: {color:Scrollbar One}; } /***/ ::-webkit-scrollbar-corner { background-color: {color:Scrollbar Two}; } /***/ ::-webkit-scrollbar { width:5px; height: 5px; background: {color:Scrollbar Two}; } /***/ #updates { color: {color:Updates Text}; display: inline; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; } /***/
  220.  
  221. #updates:hover #updatestab { height: 150px; opacity: 1; bottom: 22px; -webkit-transition-property: all; -webkit-transition-duration: 0.7s; -webkit-transition-delay: 0.5s; transition-property: all; transition-duration: 0.7s; transition-delay: 0.5s; } /***/
  222.  
  223. #updatestab { background-color: {color:Updates Bg}; width: 130px; height: 0px; opacity: 1; overflow: hidden; position: absolute; bottom: 22px; margin-left: {text:Updates Margin Left}px; -webkit-transition-property: all; -webkit-transition-duration: 0.7s; -webkit-transition-delay: 0.0s; transition-property: all; transition-duration: 0.7s; transition-delay: 0.0s; }
  224.  
  225. /***/ #updatesinner { padding-right: 2px; color: {color:Updates Text}; text-align: left; max-height: 138px; overflow: auto; } /***/ #updatesinner a { color: #fff; } /***/ #askbox { color: {color:Post Title Text}; padding: 10px; margin-left: 55px; margin-top: -50px; background: {color:Post Title Bg}; {block:indexpage} width:175px; {/block:indexpage} {block:permalinkpage} width:425px; {/block:permalinkpage} min-height: 28px; } /***/
  226.  
  227. #seta2 { position: absolute; z-index: 9; margin-left: -16px; width: 0; height: 0; border-right: 9px solid {color:Updates Bg}; border-bottom: 9px solid transparent; }
  228.  
  229. /***/ #post:hover #captions { top: {block:IfCaptionsBox}0px{/block:IfCaptionsBox}{block:IfNotCaptionsBox}-2px{/block:IfNotCaptionsBox}; opacity: 1; -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-delay: 0.3s; transition-property: all; transition-duration: 0.5s; transition-delay: 0.3s; } /***/
  230.  
  231. #captions { z-index: 99; top: -5px; position: absolute; width: 240px; opacity: 0; padding: 5px; -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-delay: 0s; transition-property: all; transition-duration: 0.5s; transition-delay: 0s; }
  232.  
  233. /***/ #captionsinner { line-height: 11px; width: 220px; background-color: rgba({RGBcolor:Captions Box},0.9); margin-bottom: 3px; border: 10px solid transparent;} /***/
  234.  
  235. #post:hover #reblogg, #post:hover #permalinkk { bottom: 8px; opacity: 1; -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-delay: 0.5s; transition-property: all; transition-duration: 0.5s; transition-delay: 0.5s; }
  236.  
  237. #permalinkk { width: 150px; margin-left: 100px; text-align: right; position: absolute; bottom: 3px; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; opacity: 0; right: 5px; z-index: 99;
  238. -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-delay: 0s; transition-property: all; transition-duration: 0.5s; transition-delay: 0s; }
  239.  
  240. /***/ #reblogg a { background-color: {color:Reblog Bg}; padding: 5px 10px; color: {color:Reblog Text}; text-decoration: none; border: none; } /***/
  241.  
  242. #reblogg { opacity: 0; width: 100px; text-align: left; position: absolute; bottom: 3px; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; margin-left: 5px; z-index: 2;-webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-delay: 0s; transition-property: all; transition-duration: 0.5s; transition-delay: 0s; }
  243.  
  244. /***/ #permalinkk a { background-color: {color:Reblog Bg}; padding: 5px 10px; color: {color:Reblog Text}; text-decoration: none; border: none; } /***/ #reblogg a:hover, #permalinkk a:hover, #tags a:hover { background: rgba({RGBcolor:Reblog Bg Hover},0.6); } /***/ #postimage { opacity: 1; line-height: 0px; font-size: 0px; background-color: {color:Background}; } /***/ #postimage img { opacity: 0.9; line-height: 0px; font-size: 0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } /***/ #post:hover #postimage img { opacity: 0.7; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } /***/ #postnotes { width: 500px; overflow: auto; max-height: 300px; }
  245.  
  246. .pts { line-height: 0px; opacity: 0.9; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
  247.  
  248. #post:hover .pts { opacity: 0.7; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
  249.  
  250. #audioplayer { width:27px; height:27px; overflow:hidden; position:absolute; margin-top:13px; margin-left:12px; z-index: 99; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } /***/ #trackname { font-size: 11px; width: 100%; color: {color:Post Title Text}; background-color: {color:Post Title Bg}; padding: 5px; margin-bottom: 2px; text-transform: uppercase; letter-spacing: 1px;} /***/ #audiocaption { text-align: left; {block:IndexPage};width: 195px;{/block:IndexPage}{block:PermalinkPage}width:445px;{/block:permalinkpage} position: absolute; margin-left: 55px; overflow: hidden; } /***/ a:link, a:active, a:visited { cursor: url({image:Cursor Hand}), auto; } /***/
  251. body {cursor: url({image:Cursor Pointer}), auto;} /***/ .titleinfo { background-color: #bbb; color: #fff; padding: 5px 8px; font-size: 13px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin-bottom: 5px; display: inline; } /***/ #tags { position: absolute; text-align: right; width: 240px; line-height: 20px; white-space:nowrap; font-size: 9px;} /***/
  252.  
  253. #tags a { color: {color:Reblog Text}; background-color: {color:Reblog Bg}; padding: 3px 5px; text-decoration: none; } body b { font-family: 'Raleway', sans-serIf; font-weight: 700; }
  254.  
  255. {block:IfGrayScale}
  256. #post img { -webkit-filter: grayscale(1); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; }
  257.  
  258. #post:hover img { -webkit-filter: grayscale(0); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; }
  259. {/block:IfGrayScale}
  260.  
  261. {block:IfUnderlineLinks}
  262. a { text-decoration: underline; }{block:IfUnderlineLinks}
  263.  
  264. .gradient { width: 120%; position: fixed; z-index: 9999999; height: 100px; margin-top: -50px; {block:IfNotGradient}display: none;{block:IfNotGradient} margin-left: -10px; background-image: url('http://static.tumblr.com/3l2jcs4/Y9fncmbi2/gradient.png'); background-repeat: repeat-x; opacity:{text:Gradient Opacity}; }
  265.  
  266. #credit { position: fixed; bottom: 40px; left: 40px; font-family: consolas; font-size: 8px; letter-spacing: 1px; }
  267. #credit a { color: {color:Tooltip Text}; background: {color:Tooltip Bg}; padding: 3px 5px 3px 5px; border: 1px solid {color:Tooltip Border}; text-decoration: none; }
  268. #credit a:hover { text-decoration: none; box-shadow: 3px 3px {color:Tooltip Border}; }
  269.  
  270.  
  271. </style>
  272.  
  273. {block:IfFadingBar}
  274. <!-- By http://tympanus.net/ -->
  275.  
  276. <script>
  277. $(function() {
  278. $(window).scroll(function(){
  279. var scrollTop = $(window).scrollTop();
  280. If(scrollTop != 0)
  281. $('#links').stop().animate({'opacity':'0.3'},400);
  282. else
  283. $('#links').stop().animate({'opacity':'1'},400);
  284. });
  285.  
  286. $('#links').hover(
  287. function (e) {
  288. var scrollTop = $(window).scrollTop();
  289. If(scrollTop != 0){
  290. $('#links').stop().animate({'opacity':'1'},400);
  291. }
  292. },
  293. function (e) {
  294. var scrollTop = $(window).scrollTop();
  295. If(scrollTop != 0){
  296. $('#links').stop().animate({'opacity':'0.3'},400);
  297. }
  298. }
  299. );
  300. });
  301. </script>
  302. {/block:IfFadingBar}
  303.  
  304. <script type="text/javascript">
  305. WebFontConfig = {
  306. google: { families: [ 'Raleway:400,500,700:latin' ] }
  307. };
  308. (function() {
  309. var wf = document.createElement('script');
  310. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  311. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  312. wf.type = 'text/javascript';
  313. wf.async = 'true';
  314. var s = document.getElementsByTagName('script')[0];
  315. s.parentNode.insertBefore(wf, s);
  316. })(); </script>
  317.  
  318. </head>
  319.  
  320. <body>
  321.  
  322. <div class="gradient"></div>
  323.  
  324. <div id="wrapper">
  325. <div id="sidebar">
  326.  
  327. {block:IfSidebarImage}<img src="{image:Sidebar}" class="sidebarimg">{/block:IfSidebarImage}
  328.  
  329. <div class="sidetitle"><a href="{BlogURL}">{Title}</a></div>
  330.  
  331. <div class="description">{block:Description}{Description}{/block:Description}</div>
  332. {block:IfSidebarLines}
  333. <center>
  334. <div style="width:100px; height: 1px; background-color: {color:Sidebar Lines};"></div> <div style="width:50px; height: 1px; background-color: {color:Sidebar Lines}; margin-top: 3px"></div> <div style="width:25px; height: 1px; background-color: {color:Sidebar Lines}; margin-top: 3px"></div>
  335. </center>
  336. {/block:IfSidebarLines}
  337.  
  338. </div>
  339.  
  340. <div id="links">
  341.  
  342. <a href="{BlogURL}">Home</a>
  343. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  344. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  345. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  346. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  347. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  348. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  349.  
  350. {block:IfUpdates}
  351. <div id="updates"><a href="#########">Updates</a>
  352. <div id="updatestab">
  353. <div style="padding: 6px 8px;">
  354. <div id="updatesinner">
  355. {text:Updates}
  356. </div>
  357. </div>
  358. </div>
  359. </div>
  360. {/block:IfUpdates}
  361.  
  362. </div>
  363.  
  364. <div id="container">
  365.  
  366. <div id="entry">
  367.  
  368. {block:Posts}
  369.  
  370. <!--
  371. {block:ContentSource}
  372. Source: <a href="{SourceURL}">{SourceTitle} </a>
  373. {/block:ContentSource}
  374. {block:RebloggedFrom}
  375. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  376. {/block:RebloggedFrom}-->
  377.  
  378. <div id="post">
  379.  
  380. {block:Text}
  381. {block:Title}<div id="posttitle">{Title}</div>{/block:Title}
  382. <div style="margin-top: -3px"></div>
  383. {Body}
  384. {block:caption}{Caption}{/block:caption}
  385. {block:IndexPage}
  386. <div id="permalink"><a href="{ReblogURL}" target="_blank">reblog</a> -
  387. <a href="{Permalink}" title="{TimeAgo}">{NoteCount}</a></div>{/block:IndexPage}
  388. {/block:Text}
  389.  
  390. {block:Quote}
  391. <div style="font-weight: bold">"{Quote}"</div>
  392. <div style="text-align:right">— {Source}</div>
  393. {block:caption}{Caption}{/block:caption}
  394. {block:IndexPage}
  395. <div id="permalink"><a href="{ReblogURL}" target="_blank">reblog</a> -
  396. <a href="{Permalink}" title="{TimeAgo}">{NoteCount}</a></div>{/block:IndexPage}
  397. {/block:Quote}
  398.  
  399. {block:Link}
  400. <div id="posttitle"><a href="{URL}">{Name} >></a></div>
  401. {block:indexpage}
  402. {block:description}{description}{/block:description}
  403. {block:caption}{Caption}{/block:caption}
  404. <div id="permalink"><a href="{ReblogURL}" target="_blank">reblog</a> -
  405. <a href="{Permalink}" title="{TimeAgo}">{NoteCount}</a></div>{/block:IndexPage}
  406. {block:permalinkpage}
  407. {block:caption}{Caption}{/block:caption}
  408. {/block:permalinkpage}
  409. {/block:Link}
  410.  
  411. {block:Chat}
  412. {block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
  413. {block:IndexPage}
  414. <div id="permalink"><a href="{ReblogURL}" target="_blank">reblog</a> -
  415. <a href="{Permalink}" title="{TimeAgo}">{NoteCount}</a></div>{/block:IndexPage}
  416. {/block:Chat}
  417.  
  418. {block:Answer}
  419. <a href="{AskerURL}" title="{AskerName}" target="_blank"><img src="{AskerPortraitURL-48}"></a>
  420. <div id="askbox"><div id="seta2"></div>{Question}</div>
  421. {Answer}
  422. {block:caption}{Caption}{/block:caption}
  423. {block:IndexPage}
  424. <div id="permalink"><a href="{ReblogURL}" target="_blank">reblog</a> -
  425. <a href="{Permalink}" title="{TimeAgo}">{NoteCount}</a></div>{/block:IndexPage}
  426. {/block:Answer}
  427.  
  428. {block:Audio}
  429. <div id="textpostnopadding">
  430. <div id="audiocaption">
  431. {block:TrackName}<div id="trackname"><b>{TrackName}</b></div>{/block:TrackName}
  432. {block:Artist} <b>Artist:</b> {Artist}<br> {/block:Artist}
  433. <b>{PlayCount}</b> hits
  434. </div>
  435. <div id= "audioplayer">{AudioPlayerWhite}</div>
  436. {block:AlbumArt}
  437. <img src="{AlbumArtURL}" width="50">
  438. {/block:AlbumArt}
  439. </div>
  440. {block:IndexPage}
  441. <div id="permalink"><a href="{ReblogURL}" target="_blank">reblog</a> -
  442. <a href="{Permalink}" title="{TimeAgo}">{NoteCount}</a></div>{/block:IndexPage}
  443. {/block:Audio}
  444.  
  445. {block:Video}
  446. {Video-400}
  447. {block:caption}{Caption}{/block:caption}
  448. {block:IndexPage}
  449. <div id="permalink"><a href="{ReblogURL}" target="_blank">reblog</a> -
  450. <a href="{Permalink}" title="{TimeAgo}">{NoteCount}</a></div>{/block:IndexPage}
  451. {/block:Video}
  452.  
  453. {block:Photo}
  454.  
  455. <div id="postimage">
  456. <img src="{PhotoURL-500}"/>
  457. </div>
  458.  
  459. {block:indexpage}
  460. <div id="captions">
  461. {block:IfCaptionsBox}
  462. {block:caption}
  463. <div id="captionsinner">
  464. <div style="overflow: auto; max-height: 100px; padding-right: 5px">
  465. <div style="margin-top:-10px"></div>
  466. {Caption}
  467. <div style="margin-bottom: -10px"></div>
  468. </div>
  469. </div>
  470. {/block:caption}
  471. {/block:IfCaptionsBox}
  472. {block:IfTags}
  473. {block:HasTags}
  474. <div id="tags">
  475. {block:Tags}
  476. <a href="{TagURL}">{Tag}</a><br>
  477. {/block:Tags}
  478. </div>
  479. {/block:HasTags}
  480. {/block:IfTags}
  481. </div>
  482.  
  483. <div id="reblogg"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  484.  
  485. <div id="permalinkk"><a href="{Permalink}" title="{TimeAgo}">{NoteCount}</a></div>
  486. {/block:indexpage}
  487. {block:permalinkpage}
  488. {block:caption}{Caption}{/block:caption}
  489. {/block:permalinkpage}
  490. {/block:Photo}
  491.  
  492. {block:Photoset}
  493.  
  494. {block:indexpage}
  495. <div id="captions">
  496. {block:IfCaptionsBox}
  497. {block:caption}
  498. <div id="captionsinner">
  499. <div style="overflow: auto; max-height: 100px; padding-right: 5px">
  500. <div style="margin-top:-10px"></div>
  501. {Caption}
  502. <div style="margin-bottom: -10px"></div>
  503. </div>
  504. </div>
  505. {/block:caption}
  506. {/block:IfCaptionsBox}
  507. {block:IfTags}
  508. {block:HasTags}
  509. <div id="tags">
  510. {block:Tags}
  511. <a href="{TagURL}">{Tag}</a><br>
  512. {/block:Tags}
  513. </div>
  514. {/block:HasTags}
  515. {/block:IfTags}
  516. </div>
  517.  
  518. <div id="reblogg"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  519.  
  520. <div id="permalinkk"><a href="{Permalink}" title="{TimeAgo}">{NoteCount}</a></div>
  521. {/block:indexpage}
  522.  
  523. <div class="pts">
  524. {block:IndexPage}
  525. {Photoset-250}
  526. {/block:IndexPage}
  527. {block:PermalinkPage}
  528. {Photoset-500}
  529. {/block:PermalinkPage}
  530. </div>
  531. {block:permalinkpage}
  532. {block:caption}{Caption}{/block:caption}
  533. {/block:permalinkpage}
  534. {/block:Photoset}
  535.  
  536. {block:PermalinkPage}
  537. <center>
  538. <br>
  539. {block:Date}Posted on: {12HourWithZero}{AmPm}, {DayOfMonthWithZero}, {Month}, {Year} ({TimeAgo}).{/block:Date}<br>
  540. {block:RebloggedFrom}Reblogged from: <a href="{ReblogParentURL}">{ReblogParentTitle}</a>{/block:RebloggedFrom} {block:ContentSource}
  541. , Source: <a href="{SourceURL}">{SourceTitle} </a>
  542. {/block:ContentSource}
  543. {block:HasTags}<br><b>Tagged with:</b>{block:Tags} <a href="{TagURL}">#{Tag}</a>, {/block:Tags}.{/block:HasTags}
  544.  
  545. <div style="margin-top: 10px; border-top: 1px solid #bbb; width:500px; border-bottom: 10px solid transparent"></div>
  546. </center>
  547. {block:PostNotes}
  548. <div id="postnotes">
  549. {PostNotes}
  550. </div>{/block:PostNotes}
  551. {/block:PermalinkPage}
  552.  
  553. </div>
  554. {/block:Posts}
  555. </div>
  556.  
  557. {block:IndexPage}
  558. {block:Pagination}
  559. <div id="pagination">
  560. {block:NextPage}
  561. <a id="nextPage" href="{NextPage}"></a>
  562. {/block:NextPage}
  563. {block:PreviousPage}
  564. <a href="{PreviousPage}"></a>
  565. {/block:PreviousPage}
  566. </div>
  567. {/block:Pagination}
  568. {/block:IndexPage}
  569.  
  570. <!-- If you remove i'll kill you -->
  571. <div id="credit"><a href="http://thelittledanger.tumblr.com" title="Theme desenvolvido por Elly (thelittledanger)" target="_blank">CREDIT</a></div>
  572.  
  573. </body>
  574.  
  575. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!