Advertisement
exoticflower

exotic-010

Jul 31st, 2013
1,718
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.99 KB | None | 0 0
  1. <html>
  2. <head><script type="text/javascript"
  3. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  4. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400' rel='stylesheet' type='text/css'>
  5.  
  6. <!-- exotic-010 by cigerettes.tumblr.com
  7. download @ exoticlayouts.tumblr.com -->
  8.  
  9. <meta name="color:background" content="#ffffff">
  10. <meta name="color:text" content="#000000">
  11. <meta name="color:borders" content="#ff0000">
  12. <meta name="color:blockquote" content="#000000">
  13. <meta name="color:link" content="#0000FF">
  14. <meta name="color:active" content="FF0000">
  15. <meta name="color:hover" content="#838383">
  16.  
  17. <meta name="text:link one title" content="/">
  18. <meta name="text:link two title" content="/ask">
  19. <meta name="text:link three title" content="-links">
  20. <meta name="text:link one" content="/">
  21. <meta name="text:link two" content="/ask">
  22. <meta name="text:link three" content="/">
  23. <meta name="text:link one hover" content="home">
  24. <meta name="text:link two hover" content="ask">
  25. <meta name="text:link three hover" content="links">
  26.  
  27. <meta name="if:Full Screen Background" content="1"/>
  28. <meta name="if:blogtitleanddescription" content="1"/>
  29.  
  30. <meta name="image:background" content="0"/>
  31. <style type="text/css">
  32.  
  33. body {
  34. padding: 0px;
  35. margin: 0px;
  36. color:{color:text};
  37. background-color: {color:Background};
  38. background-image:url({image:Background});
  39. background-attachment: fixed;
  40. background-size: ;
  41. font-family: georgia;text-align:center;
  42. font-size: 16px;
  43. line-height:10px;
  44. color:{color:text};
  45. }
  46.  
  47. blockquote {
  48. border-left: 3px solid;
  49. padding-left: 15px;
  50. margin-left: 10px;
  51. font-style: italic;
  52. color:{color:blockquote};
  53. }
  54.  
  55. blockquote img{
  56. width:450px;
  57. height:auto;
  58. }
  59.  
  60.  
  61. .entry {
  62. margin:35px;
  63. padding-bottom: 5px;
  64. background-color: #fff;
  65. font-family: georgia;
  66. text-align:center;
  67. font-size: 16px;
  68. line-height:28px;
  69. margin-top:70px;
  70. margin-left:29%;
  71. {block:IndexPage}
  72. width:526px;
  73. {/block:IndexPage}
  74. {block:PermalinkPage}
  75. width:500px;
  76. margin-top:100px;
  77. margin-left:0px;
  78. {/block:PermalinkPage}
  79. }
  80.  
  81. a:link, a:visited{
  82. color: {color:link};
  83. text-decoration: none;
  84. }
  85.  
  86. a:active{
  87. color:{color:active};
  88. }
  89.  
  90.  
  91. #stuff{
  92. border-bottom:15px groove;
  93. border-color:{color:borders};
  94. padding: 13px;
  95. width:526px;
  96. text-align:center;
  97. }
  98.  
  99. .entry #stufff{
  100. border:15px ridge;
  101. border-color:{color:borders};
  102. padding:13px;
  103. width:500px;
  104. }
  105.  
  106. .entry img{
  107. border:15px ridge;
  108. border-color:{color:borders};
  109. padding:13px;
  110. }
  111.  
  112. .desc{
  113. width:526px;
  114. padding-bottom:5px;
  115. border-bottom:1px double black;
  116. line-height:14px;
  117. }
  118.  
  119. #posts {
  120. position:center;
  121. margin-top:0px;
  122. padding-bottom:7px;
  123. padding-left:120px;
  124. {block:IndexPage}
  125. width: 98%;
  126. margin-top: 0px;
  127. padding:10px;
  128. {/block:IndexPage}
  129. {block:PermalinkPage}
  130. width: 500px;
  131. margin-left: 240px;
  132. margin-top:0px;
  133. {/block:PermalinkPage}
  134. }
  135.  
  136. ol.notes img {
  137. display: none;
  138.  
  139. }
  140.  
  141. {block:iffullscreenbackground}
  142. #bg img {
  143. z-index:-1;
  144. position:fixed;
  145. top:0;
  146. left:0;
  147. height:100%;
  148. width:100%;
  149. }
  150. {/block:iffullscreenbackground}
  151.  
  152. .blogtitle{
  153. font-size:25px;
  154. font-family:'Source Sans Pro:400';
  155. font-weight:bold;
  156. margin-top:50px;
  157. text-align:center;
  158. }
  159.  
  160. .blogtitle a:hover{
  161. color:{color:title hover};
  162. }
  163.  
  164. .title{
  165. font-size:larger;
  166. }
  167.  
  168. .title a{
  169. text-decoration:underline;
  170. }
  171. #toTop {
  172. display:none;
  173. text-decoration:none;
  174. position:fixed;
  175. bottom:2px;
  176. right:10px;
  177. overflow:hidden;
  178. width:101px;
  179. height:101px;
  180. border:none;
  181. text-indent:-999px;
  182. background:url(http://blog.amcpros.com/wp-content/back-to-top-button.png) no-repeat left top;}
  183.  
  184. #toTopHover {
  185. background:url(http://blog.amcpros.com/wp-content/back-to-top-button.png) no-repeat left -101px;
  186. width:101px;
  187. height:101px;
  188. display:block;
  189. overflow:hidden;
  190. float:left;
  191. opacity: 0;
  192. -moz-opacity: 0;
  193. filter:alpha(opacity=0);}
  194.  
  195. #toTop:active, #toTop:focus {
  196. outline:none;}
  197.  
  198.  
  199. {CustomCSS}
  200. </style>
  201. {block:IndexPage}
  202. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  203. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  204.  
  205. <script type="text/javascript">
  206. $(window).load(function () {
  207. var $content = $('#posts');
  208. $content.masonry({itemSelector: '.entry'}),
  209. $content.infinitescroll({
  210. navSelector : '#pagination',
  211. nextSelector : '#pagination a#nextPage',
  212. itemSelector : '.entry',
  213. loading: {
  214. finishedMsg: 'you have reached the end',
  215. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  216. },
  217. bufferPx : 300,
  218. debug : false,
  219. },
  220. // call masonry as a callback.
  221. function( newElements ) {
  222. var $newElems = $( newElements );
  223. $newElems.hide();
  224. // ensure that images load before adding to masonry layout
  225. $newElems.imagesLoaded(function(){
  226. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  227.  
  228.  
  229. });
  230. });
  231. });
  232. </script>
  233.  
  234. <script src="http://static.tumblr.com/8jq17g7/e7bm0d3ib/ui.totop_jquery_easing.js" type="text/javascript"></script>
  235. <script type="text/javascript">
  236. $(document).ready(function() {
  237. $().UItoTop({ easingType: 'easeOutQuart' });
  238. });
  239. </script>
  240. {/block:IndexPage}
  241.  
  242. <title>{title}</title>
  243.  
  244. <link rel="shortcut icon" href="{Favicon}">
  245. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  246. <meta name="viewport" content="width=820" />
  247.  
  248. </style>
  249.  
  250. </head>
  251.  
  252. <body>
  253. <center><div style="font-size:18px;">
  254. <br><br><br><a href="{text:link one}" title="{text:link one hover}" style="font-size:smaller;">{text:link one title}</a>&nbsp;&nbsp;&nbsp;<a href="{text:link two}" title="{text:link two hover}">{text:link two title}</a>&nbsp;&nbsp;&nbsp;<a href="{text:link three}" title="{text:link three hover}">{text:link three title}</a>&nbsp;&nbsp;&nbsp;<a href="http://cigerettes.tumblr.com/" title="themes">▣</a></center><br>{block:ifblogtitleanddescription}<center><div class="desc"><b>{title}</b>&nbsp;&nbsp;&nbsp;{description}</div></center>{/block:ifblogtitleanddescription}</div>
  255.  
  256.  
  257. <div id="posts">
  258. {block:Posts}
  259. <div class="entry">
  260.  
  261. {block:Text}
  262. {block:Title}<span class="title"><a href="{permalink}">{Title}</a></span>{/block:Title}<span class="entrytext">{Body}</span>{block:IndexPage}
  263. {/block:IndexPage}<div id="stuff"></div><br><center><a href="{permalink}">+</a></center>
  264. {/block:Text}
  265.  
  266. {block:Link}<div id="stuff">
  267. <a href="{URL}" class="title">→ {Name}</a>
  268. {block:Description}{Description}{/block:Description}{block:IndexPage}
  269. {/block:IndexPage}</div><br><center><a href="{permalink}">+</a></center>
  270. {/block:Link}
  271.  
  272.  
  273. {block:Photo}
  274.  
  275. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500px;"/></a></div>{LinkCloseTag}{/block:IndexPage}
  276. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500px"/></a>{LinkCloseTag}{/block:PermalinkPage}
  277. {/block:Photo}
  278.  
  279. {block:Photoset}<div id="stufff">
  280. {block:IndexPage}<center><div class="tile" style="padding-top:5px;">{Photoset-500}</div>{/block:IndexPage}
  281. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center> </div><br><center><a href="{permalink}">+</a>
  282. {/block:Photoset}
  283.  
  284. {block:Quote}<div id="stuff">
  285. <i>"{Quote}"</i>
  286. {block:Source}
  287. <div align="right">— {Source}</div></div><br><center><a href="{permalink}">+</a></center>
  288. {/block:Source}
  289.  
  290. {/block:Quote}
  291.  
  292.  
  293.  
  294. {block:Chat}<div id="stuff">
  295. {block:Title}<span class="title"><a href="{permalink}">{Title}</a></span>{/block:Title}
  296. <ul class="chat">
  297. {block:Lines}
  298. <div class="user_{UserNumber}">
  299. {block:Label}
  300. <span class="label"><b>{Label}</b></span>
  301. {/block:Label}
  302.  
  303. {Line}
  304. </li>
  305. {/block:Lines}
  306. </ul>
  307. {block:IndexPage}</div><br><center><a href="{permalink}">+</a></center>
  308. {/block:IndexPage}
  309. {/block:Chat}
  310.  
  311. {block:Audio}
  312. <div id="stuff">
  313. <div style="background-color:white;width:500px;">
  314. {AudioPlayerWhite}</div><center>
  315. <div class="caption">{PlayCountWithLabel}</div</center></div></center>
  316. </div></center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}<br><center><a href="{permalink}">+</a>
  317. {/block:Audio}
  318.  
  319.  
  320. {block:Video}
  321. <div id="stuff">
  322. <center>
  323. {block:IndexPage}
  324. {Video-500}</div><br><center><a href="{permalink}">+</a></center>
  325. {/block:IndexPage}
  326. </center>
  327. <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  328. {block:Video}
  329.  
  330. {block:Answer}
  331. <div id="stuff">
  332. <b>{Asker}</b>: <b>{Question}</b><div style="line-height:11px;">{Answer}</div>{block:IndexPage}
  333. </div><br><center><a href="{permalink}">+</a></center>
  334. {/block:IndexPage}
  335. {/block:Answer}
  336.  
  337.  
  338.  
  339.  
  340. {block:PermalinkPage}
  341. <center>
  342. {block:Caption}{Caption}{/block:Caption}
  343. {block:Date}Posted on {DayOfWeek}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}<br>{/block:NoteCount}
  344. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  345. {block:HasTags}<b>tags »</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> <br>{/block:Tags}{/block:hasTags}
  346. </center>
  347. {/block:PermalinkPage}
  348. {block:PostNotes}<div style="text-align:left;">{PostNotes}</div>
  349. {/block:PostNotes}
  350. </div>
  351.  
  352.  
  353. {/block:Posts} </div>
  354. </div>
  355. </div>
  356. {block:IndexPage}<br>
  357. {block:Pagination}
  358. <div id="pagination">
  359. {block:NextPage}
  360. <a id="nextPage" href="{NextPage}"></a>
  361. {/block:NextPage}
  362. {block:PreviousPage}
  363. <a href="{PreviousPage}"></a>
  364. {/block:PreviousPage}
  365. </div>
  366. {/block:Pagination}
  367. {/block:IndexPage}
  368. </div>
  369.  
  370.  
  371.  
  372. </body>
  373.  
  374. <!-- i spent so much time and effort pls dont remove credits
  375. i tried to make them as out of the way as possible
  376. thank you dear -->
  377.  
  378. <div style="display:block;bottom:5px;right:-1px;font-size:25px;font-family:georgia;position:fixed;z-index:5;padding:3px;padding-bottom:7px;background-color:{color:background};"><a href="http://cigerettes.tumblr.com/">▣</a>
  379. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement