Advertisement
exoticflower

exotic-025

Jul 31st, 2014
2,052
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.97 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  5.  
  6. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  7. {block:iftooltip}
  8. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  9. {/block:iftooltip}
  10.  
  11. <script>
  12. (function($){
  13. $(document).ready(function(){
  14. $("a[title]").style_my_tooltips({
  15. tip_follows_cursor:true,
  16. tip_delay_time:1,
  17. tip_fade_speed:500,
  18. attribute:"title"
  19. });
  20. });
  21. })(jQuery);
  22. </script>
  23.  
  24.  
  25. <!-- exotic-025 by cigerettes.tumblr.com
  26. download @ exoticlayouts.tumblr.com -->
  27.  
  28. <meta name="text:PostPadding" content="15">
  29. <meta name="color:Background" content="#ffffff">
  30. <meta name="color:Text" content="#000000">
  31. <meta name="color:Link" content="#000000">
  32. <meta name="color:Active" content="#000000">
  33. <meta name="color:Permalink Border" content="#000000">
  34. <meta name="color:Blockquote" content="#000000">
  35. <meta name="color:Hover Title" content="#000000">
  36. <meta name="color:Hover Title Background" content="#000000">
  37. <meta name="color:Permalink Text" content="#000000">
  38. <meta name="color:Header Background" content="#ffffff">
  39. <meta name="color:Permalink Background" content="#000000">
  40. <meta name="font:Font" content="Verdana">
  41. <meta name="if:Permalink Border" content="1"/>
  42. <meta name="if:No Underlined Title" content="1"/>
  43. <meta name="if:Show Description" content="1"/>
  44. <meta name="if:White Buttons" content="1"/>
  45. <meta name="if:Tooltip" content="1"/>
  46. <meta name="if:Infinite Scroll" content="0"/>
  47. <meta name="text:Link Symbol" content="✕"/>
  48. <meta name="text:Link One" content="" />
  49. <meta name="text:Link Two" content="" />
  50. <meta name="text:Link Three" content="" />
  51. <meta name="text:Link Four" content="" />
  52. <meta name="text:Link One Title" content="ask" />
  53. <meta name="text:Link Two Title" content="submit" />
  54. <meta name="text:Link Three Title" content="archive" />
  55. <meta name="text:Link Four Title" content="random" />
  56.  
  57. <style type="text/css">
  58.  
  59. #tumblr_controls{
  60. position:fixed !important;
  61. {block:ifwhitebuttons}
  62. -webkit-filter: invert(100%) ;
  63. {/block:ifwhitebuttons}
  64. }
  65.  
  66. body {
  67. padding: 0px;
  68. margin: 0px;
  69. color:{color:text};
  70. background-color: {color:Background};
  71. background-image:url();
  72. background-attachment: fixed;
  73. background-repeat: no-repeat;
  74. background-size: cover;
  75. font-family: {font:font};
  76. font-size: 11px;
  77. line-height: 15px;
  78. color:{color:text};
  79. }
  80.  
  81. a:link, a:visited{
  82. color: {color:link};
  83. text-decoration: underline;
  84. }
  85.  
  86. a:active{
  87. color:{color:active};
  88. }
  89.  
  90.  
  91. blockquote {
  92. border-left: 3px solid;
  93. padding-left: 15px;
  94. margin-left: 10px;
  95. font-style: italic;
  96. color:{color:blockquote};
  97. }
  98.  
  99. blockquote img{
  100. width:300px;
  101. height:auto;
  102. }
  103.  
  104. #content{
  105. position:relative;
  106. margin-top:0px;
  107. padding-bottom:7px;
  108. padding-left:120px;
  109. {block:IndexPage}
  110. width: 1200px;
  111. margin-top: 0px;
  112. padding:10px;
  113. {/block:IndexPage}
  114. }
  115.  
  116. .entry {
  117. margin: 20px;
  118. text-align:left;
  119. padding:{text:postpadding}px;
  120. display:inline-block;
  121. vertical-align:middle;
  122. width:500px;
  123. {block:permalinkpage}
  124.  
  125. margin-left:-95px;
  126. display:inline-block;
  127. vertical-align:middle;
  128. {/block:permalinkpage}
  129. }
  130.  
  131.  
  132.  
  133. ol.notes img{
  134. visibility:hidden;
  135. }
  136.  
  137.  
  138. img{
  139. opacity:1;
  140. }
  141.  
  142. #s-m-t-tooltip {
  143. font-size:10px;
  144. color:{color:hover title};
  145. background-color:{color:hover title background};
  146. letter-spacing:1px;
  147. font-style:italic;
  148. font-weight:bold;
  149. padding:3px 4px 3px 4px;
  150. margin:20px 0px 0px 20px;
  151. z-index:99999999999;
  152. -webkit-transition: all 0.2s ease-in-out;
  153. }
  154.  
  155. .answer a{
  156. text-decoration: underline;
  157. }
  158.  
  159.  
  160. .blogtitle{
  161. margin-top:45px;
  162. font-family:arial;
  163. font-weight:bold;
  164. text-transform:uppercase;
  165. font-size:50px;
  166. letter-spacing:5px;
  167. text-align:center;
  168. }
  169.  
  170. .music {
  171. width:200px;
  172. height:200px;
  173. overflow:hidden;
  174.  
  175. }
  176.  
  177.  
  178. .entry #permalink{
  179. padding:5px;
  180. opacity:0;
  181. height:auto;
  182. width:auto;
  183. background-color:white;
  184. text-align:center;
  185. -webkit-transition: all .6s ease;
  186. -moz-transition: all .6s ease;
  187. -o-transition: all .6s ease;
  188. transition: all .6s ease;
  189. background-color:{color:permalink background};
  190. {block:ifpermalinkborder}
  191. border:1.5px {color:permalink border} solid;
  192. {/block:ifpermalinkborder}
  193. }
  194.  
  195. .entry:hover #permalink{
  196. opacity:1;
  197. -webkit-transition: all .6s ease;
  198. -moz-transition: all .6s ease;
  199. -o-transition: all .6s ease;
  200. transition: all .6s ease;
  201. background-color:{color:permalink background};
  202. {block:ifpermalinkborder}
  203. border:1.5px {color:permalink border} solid;
  204. {/block:ifpermalinkborder}
  205.  
  206. }
  207.  
  208. #permalink a{
  209. text-decoration:none;
  210. color:{color:permalink text};
  211. }
  212.  
  213.  
  214. .header{
  215. height:150px;
  216.  
  217.  
  218. {block:ifshowdescription}
  219. height:275px;
  220. {/block:ifshowdescription}
  221. background-color:{color:header background};
  222. }
  223.  
  224. .blogtitle{
  225. font-size:30px;
  226. text-align:center;
  227. margin-top:75px;
  228.  
  229. }
  230.  
  231. .blogtitle a{
  232. {block:ifNoUnderlinedTitle}
  233. text-decoration:none;
  234. {/block:ifNoUnderlinedTitle}
  235. }
  236.  
  237. .links{
  238. opacity:1;
  239. font-size:15px;
  240. text-align:center;
  241. }
  242.  
  243. .links a{
  244. text-decoration:none;
  245. padding-left:30px;
  246. padding-right:30px;
  247. }
  248.  
  249. .links a:hover{
  250. opacity:0;
  251. }
  252.  
  253. .desc{
  254. width:350px;
  255. text-align:center;
  256. }
  257.  
  258. #pagination{
  259. letter-spacing:1px;
  260. {block:ifinfinitescroll}
  261. visibility:hidden;
  262. {/block:ifinfinitescroll}
  263. }
  264.  
  265. .jump_page {
  266. padding-left:10px;
  267. padding-right:10px;
  268. {block:ifinfinitescroll}
  269. visibility:hidden;
  270. {/block:ifinfinitescroll}
  271. }
  272.  
  273. .current_page {
  274. font-weight:bold;
  275. padding-left:10px;
  276. padding-right:10px;
  277. {block:ifinfinitescroll}
  278. visibility:hidden;
  279. {/block:ifinfinitescroll}
  280. }
  281.  
  282. {CustomCSS}
  283. </style>
  284. {block:IndexPage}{block:ifinfinitescroll}
  285. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}
  286. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  287.  
  288.  
  289. {/block:IndexPage}
  290.  
  291. <title>{title}</title>
  292.  
  293. <link rel="shortcut icon" href="{Favicon}">
  294. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  295. <meta name="viewport" content="width=820" />
  296.  
  297. </style>
  298.  
  299. </head>
  300.  
  301. <body>
  302. <br><br>
  303. <div class="header">
  304. <div class="blogtitle"><a href="/">{title}</a></div>
  305. <br><br>
  306. <div class="links">
  307. {block:iflinkone}
  308. <a href="{text:link one}" title="{text:link one title}">{text:link symbol}</a>
  309. {block:iflinkone}
  310. {block:iflinktwo}
  311. <a href="{text:link two}" title="{text:link two title}">{text:link symbol}</a>
  312. {block:iflinktwo}
  313. {block:iflinkthree}
  314. <a href="{text:link three}" title="{text:link three title}">{text:link symbol}</a>
  315. {block:iflinkthree}
  316. {block:iflinkfour}
  317. <a href="{text:link four}" title="{text:link four title}">{text:link symbol}</a>
  318. {block:iflinkfour}
  319. <a href="http://cigerettes.tumblr.com/" title="credit">{text:link symbol}</a>
  320. </div>
  321.  
  322.  
  323.  
  324.  
  325.  
  326. {block:ifshowdescription}
  327.  
  328. <center>
  329. <br><br><br><br><br><br>
  330. <div class="desc">
  331. {description}
  332. </div>
  333. </center>
  334. {/block:ifshowdescription}
  335.  
  336. </div>
  337. <center>
  338.  
  339.  
  340. <div id="content">
  341. {block:ifinfinitescroll}
  342. <div class="autopagerize_page_element">
  343. {/block:ifinfinitescroll}
  344.  
  345. {block:Posts}
  346. <div class="entry">
  347.  
  348.  
  349. {block:Quote}
  350.  
  351.  
  352. <div id="titlequote">“{Quote}”</div>
  353. {block:Source}<div id="source">&mdash; <i>{Source}</i></div>{/block:Source}
  354. {/block:Quote}
  355.  
  356.  
  357.  
  358. {block:Text}
  359.  
  360. {block:Title}
  361. <div id="title"><u>{Title}</u></div>{/block:Title}
  362. {Body}
  363. {/block:Text}
  364.  
  365. {block:Link}
  366. <div id="title"> <a href="{URL}"><u>{Name}</u></a></div>{block:Description}{Description}{/block:Description}
  367. {/block:Link}
  368.  
  369. {block:Chat}
  370. {block:Title}
  371. <h1><u>{Title}</u></h1>
  372. {/block:Title}
  373. <ul>{block:Lines}
  374. <li class="line {Alt}">
  375. {block:Label}
  376. <span class="label">
  377. {Label}</span>
  378. {/block:Label}{Line}</li>
  379. {/block:Lines}
  380. </ul>
  381. {/block:Chat}
  382.  
  383. {block:Photo}<a href="{permalink}">
  384. <img src="{PhotoURL-HighRes}" width="500" alt="{PhotoAlt}"/></a>
  385.  
  386. {/block:Photo}
  387.  
  388. {block:Photoset}
  389. {photoset-500}
  390. {/block:Photoset}
  391.  
  392. {block:Video}
  393. {Video-500}
  394. {/block:Video}
  395.  
  396. {block:Audio}
  397. {AudioEmbed-500}
  398. {/block:Audio}
  399.  
  400. {block:Answer}
  401. <b>{Asker}:</b>
  402. {Question}
  403. <i>{Answer}</i>
  404. {/block:Answer}
  405.  
  406.  
  407.  
  408. {block:indexpage}
  409. <div id="permalink"><i>
  410. <a href="{ReblogURL}" >&nbsp;&nbsp;Share</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}</i></div>
  411. {/block:indexpage}
  412.  
  413.  
  414.  
  415.  
  416. {block:permalinkpage}<br><br><center>{caption}<br>
  417. {block:RebloggedFrom}<b>via: </b><a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;||&nbsp;
  418. {block:ContentSource}<b>source: </b><a href="{ReblogRootURL}">{ReblogRootName}</a>
  419. {/block:ContentSource}{block:NoteCount}&nbsp;||&nbsp; <b>notes: </b>{notecount}{/block:NoteCount}
  420. {/block:RebloggedFrom}
  421. </center>
  422. <br>
  423. {block:PostNotes}{PostNotes}{/block:PostNotes}
  424. {/block:permalinkpage}
  425.  
  426. </div>
  427.  
  428. {/block:Posts} </div>
  429. {block:ifinfinitescroll}</div>{/block:ifinfinitescroll}
  430. </div>
  431. <center>
  432. {block:Pagination}
  433. {block:PreviousPage}<a class="jump_page" href="{PreviousPage}" style="text-decoration:none;">⇤</a>{/block:PreviousPage}
  434. {block:JumpPagination length="3"}{block:CurrentPage}
  435. <span class="current_page" style="text-decoration:none;">{PageNumber}</span>
  436. {/block:CurrentPage}
  437. {block:JumpPage}<a class="jump_page" href="{URL}" style="text-decoration:none;">{PageNumber}</a>
  438. {/block:JumpPage}
  439. {/block:JumpPagination}
  440. {block:NextPage}<a class="jump_page" href="{NextPage}" style="text-decoration:none;">⇥</a>{/block:NextPage}
  441. {/block:Pagination}
  442. </center>
  443.  
  444. </div>
  445.  
  446. {block:IndexPage}<br>
  447. {block:Pagination}
  448. <div id="pagination">
  449. {block:NextPage}
  450. <a id="nextPage" href="{NextPage}"></a>
  451. {/block:NextPage}
  452. {block:PreviousPage}
  453. <a href="{PreviousPage}"></a>
  454. {/block:PreviousPage}
  455. </div>
  456. {/block:Pagination}
  457. {/block:IndexPage}
  458.  
  459.  
  460.  
  461. </body>
  462.  
  463. <!-- i spent so much time and effort pls dont remove credits
  464. i tried to make them as out of the way as possible
  465. thank you dear -->
  466.  
  467. <div 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/"><small>▣</small></a>
  468.  
  469. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement