Advertisement
exoticflower

exotic-028

Aug 8th, 2015
4,670
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.14 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!-- exotic-028 by cigerettes.tumblr.com
  5. download @ exoticlayouts.tumblr.com -->
  6.  
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  8.  
  9. <meta name="color:Background" content="#ffffff">
  10. <meta name="color:Text" content="#000000">
  11. <meta name="color:Link" content="#0000ee">
  12. <meta name="color:Active" content="#ff0000">
  13. <meta name="font:Font" content="Verdana">
  14. <meta name="text:Font Size" content="11"/>
  15. <meta name="text:Line Height" content="13"/>
  16. <meta name="text:Link One" content="" />
  17. <meta name="text:Link Two" content="" />
  18. <meta name="text:Link Three" content="" />
  19. <meta name="text:Link Four" content="" />
  20. <meta name="text:Link One Title" content="ask" />
  21. <meta name="text:Link Two Title" content="submit" />
  22. <meta name="text:Link Three Title" content="archive" />
  23. <meta name="text:Link Four Title" content="random" />
  24.  
  25. <style type="text/css">
  26.  
  27. body{
  28. padding: 0px;
  29. margin: 0px;
  30. color:{color:Text};
  31. background-color: {color:Background};
  32. background-image:url();
  33. background-attachment: fixed;
  34. background-repeat: no-repeat;
  35. background-size: cover;
  36. font-family: {font:Font};
  37. font-size: {text:FontSize}px;
  38. line-height: {text:LineHeight}px;
  39. }
  40.  
  41. a:link, a:visited{
  42. color: {color:Link};
  43. /*text-decoration: underline;*/
  44. }
  45.  
  46. a:active{
  47. color:{color:Active};
  48. }
  49.  
  50. #content{
  51. position:relative;
  52. width: 600px;
  53. margin-top: -20px;
  54. padding:10px;
  55. }
  56.  
  57. .entry {
  58. margin: 20px;
  59. text-align:left;
  60. padding:{text:postpadding}px;
  61. display:inline-block;
  62. vertical-align:middle;
  63. width:250px;
  64. }
  65.  
  66. ol.notes img{
  67. visibility:hidden;
  68. }
  69.  
  70. .sticky {
  71. position: fixed;
  72. width: 100%;
  73. z-index: 100;
  74. padding-bottom:0px;
  75. }
  76.  
  77. #scroll a{
  78. text-decoration:none;
  79. }
  80.  
  81. .nav {
  82. padding-top: 100px;
  83. padding-bottom:0px;
  84. padding-left:80px;
  85. position: -webkit-sticky;
  86. top: -35px;
  87. z-index: 1;
  88. }
  89.  
  90. .nav a{
  91. padding:5px;
  92. }
  93.  
  94. #pagination{
  95. letter-spacing:1px;
  96. }
  97.  
  98. .jump_page {
  99. padding-left:10px;
  100. padding-right:10px;
  101. padding-bottom:35px;
  102. }
  103.  
  104. .current_page {
  105. font-weight:bold;
  106. padding-left:10px;
  107. padding-right:10px;
  108. padding-bottom:35px;
  109. }
  110.  
  111. .blogtitle{
  112. z-index:999;
  113. }
  114.  
  115. {CustomCSS}
  116.  
  117. </style>
  118. {block:IndexPage}
  119. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  120. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  121. {/block:IndexPage}
  122.  
  123. <title>{title}</title>
  124.  
  125. <link rel="shortcut icon" href="{Favicon}">
  126. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  127. <meta name="viewport" content="width=820" />
  128.  
  129. <script type="text/javascript">
  130. $(document).ready(function() {
  131. var stickyNavTop = $('.nav').offset().top;
  132. var stickyNav = function(){
  133. var scrollTop = $(window).scrollTop();
  134. if (scrollTop > stickyNavTop) {
  135. $('.nav').addClass('sticky');
  136. } else {
  137. $('.nav').removeClass('sticky');
  138. }
  139. };
  140.  
  141. stickyNav();
  142. // and run it again every time you scroll
  143. $(window).scroll(function() {
  144. stickyNav();
  145. });
  146. });
  147. </script>
  148.  
  149. </style>
  150. </head>
  151.  
  152. <body>
  153.  
  154.  
  155. &nbsp;&nbsp;<a class="blogtitle" href="/" style="font-size:45px;position:fixed;">{title}</a><br>
  156.  
  157. <div class="nav">
  158. <a href="{text:link one}"><small>{text:link one title}</small></a>
  159. <a href="{text:link two}"><small>{text:link two title}</small></a>
  160. <a href="{text:link three}"><small>{text:link three title}</small></a>
  161. <a href="{text:link four}"><small>{text:link four title}</small></a>
  162. <a href="http://cigerettes.tumblr.com/"><small>theme</small></a>
  163.  
  164. </div>
  165.  
  166.  
  167. {block:Posts}
  168. <div class="entry">
  169.  
  170.  
  171. {block:Quote}
  172.  
  173.  
  174. <div id="titlequote">“{Quote}”</div>
  175. {block:Source}<div id="source">&mdash; <i>{Source}</i></div>{/block:Source}
  176. {/block:Quote}
  177.  
  178.  
  179.  
  180. {block:Text}
  181.  
  182. {block:Title}
  183. <div id="title"><u>{Title}</u></div>{/block:Title}
  184. {Body}
  185. {/block:Text}
  186.  
  187. {block:Link}
  188. <div id="title"> <a href="{URL}"><u>{Name}</u></a></div>{block:Description}{Description}{/block:Description}
  189. {/block:Link}
  190.  
  191. {block:Chat}
  192. {block:Title}
  193. <h1><u>{Title}</u></h1>
  194. {/block:Title}
  195. <ul>{block:Lines}
  196. <li class="line {Alt}">
  197. {block:Label}
  198. <span class="label">
  199. {Label}</span>
  200. {/block:Label}{Line}</li>
  201. {/block:Lines}
  202. </ul>
  203. {/block:Chat}
  204.  
  205. {block:Photo}<a href="{permalink}">
  206. <img src="{PhotoURL-HighRes}" width="250" alt="{PhotoAlt}"/></a>
  207.  
  208. {/block:Photo}
  209.  
  210. {block:Photoset}
  211. {Photoset-250}
  212. {/block:Photoset}
  213.  
  214. {block:Video}
  215. {Video-250}
  216. {/block:Video}
  217.  
  218. {block:Audio}
  219. {AudioEmbed-250}
  220. {/block:Audio}
  221.  
  222. {block:Answer}
  223. <b>{Asker}:</b>
  224. {Question}
  225. <i>{Answer}</i>
  226. {/block:Answer}
  227.  
  228. {block:indexpage}
  229. <div id="permalink"><i>
  230. &nbsp;&nbsp;&nbsp;<a href="{ReblogURL}" >Share</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}</i></div>
  231. {/block:indexpage}
  232.  
  233. {block:permalinkpage}<br><br><center>
  234. {block:RebloggedFrom}<b>via: </b><a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;||&nbsp;
  235. {block:ContentSource}<b>source: </b><a href="{ReblogRootURL}">{ReblogRootName}</a>
  236. {/block:ContentSource}
  237. {/block:RebloggedFrom}
  238. </center>
  239. <br>
  240. {block:PostNotes}{PostNotes}{/block:PostNotes}
  241. {/block:permalinkpage}
  242.  
  243. </div>
  244.  
  245. {/block:Posts}
  246.  
  247. <center>
  248. {block:Pagination}
  249. {block:PreviousPage}<a class="jump_page" href="{PreviousPage}" style="text-decoration:none;">⇤</a>{/block:PreviousPage}
  250. {block:JumpPagination length="3"}{block:CurrentPage}
  251. <span class="current_page" style="text-decoration:none;">{PageNumber}</span>
  252. {/block:CurrentPage}
  253. {block:JumpPage}<a class="jump_page" href="{URL}" style="text-decoration:none;">{PageNumber}</a>
  254. {/block:JumpPage}
  255. {/block:JumpPagination}
  256. {block:NextPage}<a class="jump_page" href="{NextPage}" style="text-decoration:none;">⇥</a>{/block:NextPage}
  257. {/block:Pagination}
  258. </center>
  259.  
  260. </body>
  261.  
  262. <!-- i spent so much time and effort pls dont remove credits
  263. i tried to make them as out of the way as possible
  264. thank you dear -->
  265.  
  266. <div id="scroll" style="display:block;bottom:5px;right:-1px;font-size:25px;font-family:georgia;position:fixed;z-index:5;padding:3px;"><a href="http://cigerettes.tumblr.com/">≠</a>
  267.  
  268. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement