Advertisement
indigochildren

Ace

Sep 7th, 2014
779
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.21 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!-- Theme by AZKABENS http://azkabens.tumblr.com/themes
  4.  
  5. - DO NOT claim this theme as your own
  6. - Change as much as you please
  7. - just please, don't take the credits off
  8. - DO NOT redistribute the theme under your name
  9.  
  10. -->
  11.  
  12. <html lang="en"> <head> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}">
  13. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet'
  14. type='text/css'>
  15.  
  16. {block:Description} <meta name="description" content="{MetaDescription}"/>
  17. {/block:Description}
  18.  
  19. <!-- Theme Options --> <meta name="image:Sidebar" content="/">
  20.  
  21. <meta name="color:Background" content="#ffffff"/> <meta name="color:Accent"
  22. content="#ff6600"/> <meta name="color:Text" content="#666666"/> <meta name="color:Hover"
  23. content="#8fdc78"/>
  24.  
  25. <meta name="if:Captions" content=""/>
  26.  
  27. <meta name="text:Link1" content="/"/> <meta name="text:Link1 Title" content=""/> <meta
  28. name="text:Link2" content="/" /> <meta name="text:Link2 Title" content=""/> <meta
  29. name="text:Link3" content="/" /> <meta name="text:Link3 Title" content=""/> <meta
  30. name="text:Link4" content="/"/> <meta name="text:Link4 Title" content="/"/>
  31.  
  32. <script type="text/javascript"
  33. src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script> <script
  34. type="text/javascript"
  35. src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script> <script
  36. type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() { if
  37. (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  38. $j("img").lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  39. effect: "fadeIn", }); }); </script>
  40.  
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42.  
  43. <script
  44. src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  45.  
  46. <script> (function($){ $(document).ready(function(){ $("a[title]").style_my_tooltips({
  47. tip_follows_cursor:true, tip_delay_time:90, tip_fade_speed:600, attribute:"title" }); });
  48. })(jQuery); </script>
  49.  
  50. <style type="text/css">
  51.  
  52. body { margin: 0px; font-size: 8.5px; font-family: 'Montserrat' sans-serif; color:
  53. {color:Text}; background: {color:Background}; overflow-x: hidden; } a:hover {
  54. letter-spacing: 2px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s
  55. ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a {
  56. text-decoration:none; -moz-outline-style:none; color:{color:Text}; letter-spacing: 0px;
  57. -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
  58. -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:active, a:focus
  59. {outline:0;} #s-m-t-tooltip{ font-size: 8.5px; background-color:#fff; text-align: center;
  60. letter-spacing:2px; min-width:50px; max-width:180px; border: 1px solid #000;
  61. overflow:auto; display: none; text-transform:lowercase; position: absolute; z-index: 4;
  62. padding: 3px; margin:20px 20px 15px 0px; color: {color:Text};} #credits { padding-top:6px;
  63. position:fixed; right:10px; bottom:10px; } #credits a { width:5px; font-size:9px;
  64. text-align:center; text-transform:uppercase; text-decoration:none; letter-spacing:1px;
  65. color:{color:Text}; } #main { margin: 50px 250px; width: 650px; position: relative; }
  66. #content { float: right; width: 500px; position: relative; } #posts { width: 500px;
  67. margin-bottom: 125px; } #posts img { max-width: 500px; } #sidebar { position: fixed;
  68. width:175px; top: 250px; left: 150px; padding: 10px; border: 1px solid {color:Hover}; }
  69. .title { text-align: center; text-transform: uppercase; font-size: 12px; letter-spacing:
  70. 2px; } .description { text-align: center; padding: 15px 0 20px 0; width: 175px; } .links {
  71. text-align: center; text-transform: uppercase; letter-spacing: .5px; margin-top: 10px; }
  72. .links a{ padding: 2px; color: {color:Accent}; -webkit-transition: all 0.5s ease-in-out;
  73. -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition:
  74. all 0.5s ease-in-out; } .links a:hover { color: {color:Hover}; } .pages { position:
  75. relative; margin-top: 12px; margin-left:4px; padding:2px 0 5px; font-size:8.5px;
  76. word-spacing: 0px; text-align: center; letter-spacing: 2px; text-transform: uppercase;
  77. letter-spacing: 2px; } h1 { margin: 0px 0px 10px; font-size: 10px; text-transform:
  78. uppercase; color: {color:Accent}; } h1 a { color: {color:Accent}; } .quote { margin: 15px;
  79. font-size: 12px; font-style: italic; } .source { text-align: right; letter-spacing: 2px;
  80. font-size: 12px; text-transform: uppercase; } .audio { overflow: hidden; } .audio img {
  81. float: left; width: 50px !important; height: 50px !important; margin-right: 15px;
  82. margin-bottom: 10px; } .player { margin-left:65px; width:443px; height: 27px;
  83. background:#e4e4e4; } .track { transition: 0.5s ease-in-out; -o-transition: 0.5s
  84. ease-in-out; -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out;
  85. padding-top: 2px; opacity: 1; font-size: 12px; text-align: right; color: {color:Accent}; }
  86. .label { text-transform: uppercase; color: {color:Accent}; } blockquote { margin: 5px;
  87. padding: 5px; border-left: 1px solid {color:Accent}; } ol.notes { padding: 0px; margin:
  88. 15px 0px; list-style-type: none; } ol.notes li.note { border-top: solid 1px #ddd; padding:
  89. 5px; } ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width:
  90. 16px; height: 16px; } ol.notes li.note span.action { font-weight: normal; } ol.notes
  91. li.note .answer_content { font-weight: normal; } ol.notes li.note blockquote {
  92. border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px; } ol.notes li.note
  93. blockquote a { text-decoration: none; } .permalinks { padding-bottom: 2px; margin-top:
  94. 10px; text-align: center; opacity: 0; transition: 0.5s ease-in-out; -o-transition: 0.5s
  95. ease-in-out; -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; }
  96. #posts:hover .permalinks { opacity:1; }.ask { text-transform: uppercase; color:
  97. {color:Accent}; } .ques { padding-left: 15px; padding-top: 5px; } .ask .ques { width:
  98. 500px; background: {color:Hover}; } ::-webkit-scrollbar { width:5px;
  99. background:{color:Background}; } ::-webkit-scrollbar-thumb { border-radius: 10px;
  100. background:{color:Accent}; } {CustomCSS} </style> </head>
  101.  
  102. <body> <div id="main"> <div id="sidebar"> <div class="title"><a href="/">{Title}</a></div>
  103. <div class="links"> <a rel="nofollow" title="index" href="/" style=" font-size:30px">•</a>
  104. <a rel="nofollow" title="ask" href="/ask" style=" font-size:30px">•</a> {block:ifLink1} <a
  105. rel="nofollow" title="{text:Link1 Title}" href="{text:Link1}" style="
  106. font-size:30px">•</a> {/block:ifLink1} {block:ifLink2} <a rel="nofollow"
  107. title="{text:Link2 Title}" href="{text:Link2}" style=" font-size:30px">•</a>
  108. {/block:ifLink2} {block:ifLink3} <a rel="nofollow" title="{text:Link3 Title}"
  109. href="{text:Link3}" style=" font-size:30px">•</a> {/block:ifLink3} {block:ifLink4} <a
  110. rel="nofollow" title="{text:Link4 Title}" href="{text:Link4}" style="
  111. font-size:30px">•</a> {/block:ifLink4} </div> <div class="description"> {Description}
  112. </div> <div class="pages"> {block:Pagination} {block:PreviousPage} <a
  113. href="{PreviousPage}">back</a> {/block:PreviousPage} {block:NextPage} <a
  114. href="{NextPage}">next</a> {/block:NextPage} {/block:Pagination} </div> </div> <div
  115. id="content"> {block:Posts} <div id="posts"> {block:Text} {block:Title} <h1>{Title}</h1>
  116. {/block:Title} {Body} {/block:Text} {block:Photo} {LinkOpenTag} <img src="{PhotoURL-500}">
  117. {LinkCloseTag} {block:ifCaptions} {block:Caption} {Caption} {/block:Caption}
  118. {/block:ifCaptions} {/block:Photo} {block:Link} <h1> <a href="{URL}"{Target}> {Name}→ </a>
  119. </h1> {block:Description} {Description} {/block:Description} {/block:Link}
  120. {block:Photoset} {Photoset-500} {block:ifCaptions} {block:Caption} {Caption}
  121. {/block:Caption} {/block:ifCaptions} {/block:Photoset} {block:Quote} <div class="quote"> ❝
  122. {Quote} </div> <div class="source"> {Source} </div> {/block:Quote} {block:Audio} <div
  123. class="audio"> {block:AlbumArt} <a href="{permalink}"><img src="{AlbumArtURL}" width="50"
  124. height="50"></a> {/block:AlbumArt} <div class="player"> {AudioPlayerGrey} </div> <div
  125. class="track"> {block:TrackName} {TrackName} {/block:TrackName} {block:Artist} by {Artist}
  126. {/block:Artist} </div> {block:ifCaptions} {block:Caption} {Caption} {/block:Caption}
  127. {/block:ifCaptions} </div> {/block:Audio} {block:Video} {Video-500} {block:ifCaptions}
  128. {block:Caption} {Caption} {/block:Caption} {/block:ifCaptions} {/block:Video} {block:Chat}
  129. {block:Title} <h1>{Title}</h1> {/block:Title} {block:Lines} {block:Label} <b
  130. class="label">{Label}</b> {/block:Label} {Line}<br> {/block:Lines} {/block:Chat}
  131. {block:Answer} <div class="ask"><span></span> {Asker}: </div> <div class="ques">
  132. {Question}&nbsp; </div> {Answer} {/block:Answer} {block:IndexPage} <div
  133. class="permalinks"> {Block:Date}Posted <a href="{Permalink}" title="{DayofMonth}
  134. {ShortMonth}"> {TimeAgo} </a> {/block:Date} with <a href="{Permalink}#notes"
  135. title="notes"> {NoteCountWithLabel} </a> </div> {/block:IndexPage} {block:PermalinkPage}
  136.  
  137. {/block:PermalinkPage} {block:PostNotes} {PostNotes} {/block:PostNotes} </div>
  138. {/block:Posts} </div> </div>
  139.  
  140. <div id="credits"> <a href="http://azkabens.tumblr.com/"> <span
  141. style="font-style:normal;">azkabens</span> </a> </div> </body> </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement