Advertisement
exoticflower

exotic-022

Apr 11th, 2014
4,229
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.59 KB | None | 0 0
  1. <html><stsss<!-- start of script tooltip -->
  2. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  3.  
  4. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  5.  
  6. <script>
  7. (function($){
  8. $(document).ready(function(){
  9. $("a[title]").style_my_tooltips({
  10. tip_follows_cursor:true,
  11. tip_delay_time:90,
  12. tip_fade_speed:600,
  13. attribute:"title"
  14. });
  15. });
  16. })(jQuery);
  17. </script>
  18. <head>
  19. <link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
  20.  
  21. <!-- exotic-022 by cigerettes.tumblr.com
  22. download @ exoticlayouts.tumblr.com -->
  23.  
  24. <meta name="color:background" content="#ffffff">
  25. <meta name="color:text" content="#000000">
  26. <meta name="color:link" content="#000000">
  27. <meta name="color:active" content="#000000">
  28. <meta name="color:blockquote" content="#000000">
  29. <meta name="text:Link1Title" content="link 1" />
  30. <meta name="text:Link1" content="/" />
  31. <meta name="text:Link2Title" content="link 2" />
  32. <meta name="text:Link2" content="/" />
  33. <meta name="text:Link3Title" content="link 3" />
  34. <meta name="text:Link3" content="/" />
  35. <meta name="text:Link4Title" content="link 4" />
  36. <meta name="text:Link4" content="/" />
  37. <meta name="text:Link5Title" content="link 5" />
  38. <meta name="text:Link5" content="/" />
  39.  
  40. <style type="text/css">
  41.  
  42. body {
  43. padding: 0px;
  44. margin: 0px;
  45. color:{color:text};
  46. background-color: {color:Background};
  47. background-image:url();
  48. background-attachment: fixed;
  49. background-repeat: no-repeat;
  50. background-size: cover;
  51. font-family: georgia;
  52. font-size: 9px;
  53. line-height:10px;
  54. color:{color:text};
  55. }
  56.  
  57. a:link, a:visited{
  58. color: {color:link};
  59. text-decoration: none;
  60. }
  61.  
  62. a:active{
  63. color:{color:active};
  64. }
  65.  
  66.  
  67. blockquote {
  68. border-left: 3px solid;
  69. padding-left: 15px;
  70. margin-left: 10px;
  71. font-style: italic;
  72. color:{color:blockquote};
  73. }
  74.  
  75. blockquote img{
  76. width:300px;
  77. height:auto;
  78. }
  79.  
  80. .entry {
  81. margin: 30px;
  82. display:inline-block;
  83. vertical-align:middle;
  84. width:500px;
  85. }
  86.  
  87.  
  88.  
  89. div.center {
  90. text-align:left;
  91. width:550px;
  92. margin:0 auto 0 auto;
  93. }
  94.  
  95. #s-m-t-tooltip {
  96. font-size:8px;
  97. color:#fff;
  98. background-color:black;
  99. letter-spacing:1px;
  100. text-transform:uppercase;
  101. padding:3px 4px 3px 4px;
  102. margin:20px 0px 0px 20px;
  103. z-index:99999999999;
  104. -webkit-transition: all 0.2s ease-in-out;
  105. }
  106.  
  107.  
  108. img {
  109. opacity:1;
  110.  
  111. -webkit-transition: all 0.3s ease-out;
  112. -moz-transition: all 0.3s ease-out;
  113. }
  114.  
  115. img:hover{
  116. opacity:0.8;
  117. -webkit-transition: all 0.3s ease-in;
  118. -moz-transition: all 0.3s ease-in;
  119. }
  120.  
  121.  
  122. .answer a{
  123. text-decoration: underline;
  124. }
  125.  
  126. .links{
  127. font-size:40px;
  128. font-family:arial;
  129. margin-top:225px;
  130. position:fixed;
  131. margin-left:85%;
  132. line-height:35px;
  133. }
  134.  
  135. .links a{
  136. text-align:center;
  137. color:white;
  138. -webkit-text-stroke-width: 2px;
  139. -webkit-text-stroke-color: black;
  140. }
  141.  
  142. .links a:hover{
  143. color:black;
  144. -webkit-text-stroke-width: 2px;
  145. -webkit-text-stroke-color: black;
  146. }
  147.  
  148. .links2{
  149. font-size:40px;
  150. font-family:arial;
  151. margin-top:225px;
  152. position:fixed;
  153. margin-left:15%;
  154. line-height:35px;
  155. }
  156.  
  157. .links2 a{
  158. text-align:center;
  159. color:white;
  160. -webkit-text-stroke-width: 2px;
  161. -webkit-text-stroke-color: black;
  162. }
  163.  
  164. .links2 a:hover{
  165. color:black;
  166. -webkit-text-stroke-width: 2px;
  167. -webkit-text-stroke-color: black;
  168. }
  169.  
  170. .blogtitle{
  171. margin-top:45px;
  172. font-family:arial;
  173. font-weight:bold;
  174. text-transform:uppercase;
  175. font-size:50px;
  176. letter-spacing:5px;
  177. text-align:center;
  178. }
  179.  
  180. .player {
  181. width:29px;
  182. height:25px;
  183. overflow:hidden;
  184. position:absolute;
  185. background:white;}
  186.  
  187. .audioinfo {
  188. margin-left:50px;
  189. }
  190.  
  191. .hidden {visibility: hidden;}
  192. .unhidden {visibility: visible;}
  193.  
  194. #displaybx{
  195. width:400px;
  196. line-height:15px;
  197. }
  198.  
  199. {CustomCSS}
  200. </style>
  201. {block:IndexPage}
  202. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  203.  
  204. <script type="text/javascript">
  205. function unhide(divID) {
  206. var item = document.getElementById(divID);
  207. if (item) {
  208. item.className=(item.className=='hidden')?'unhidden':'hidden';
  209. }
  210. }
  211. </script>
  212.  
  213. {/block:IndexPage}
  214.  
  215. <title>{title}</title>
  216.  
  217. <link rel="shortcut icon" href="{Favicon}">
  218. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  219. <meta name="viewport" content="width=820" />
  220.  
  221. </style>
  222.  
  223. </head>
  224.  
  225. <body><center>
  226. <a href="javascript:unhide('displaybx');"><div class="blogtitle">{title}</div></a>
  227. <div id="displaybx" class="hidden"><br><br><big>{description}</big></div>
  228. </center>
  229.  
  230. <div class="links2"><a href="{text:link1}" title="{text:link1title}">•</a><br><a href="{text:link2}" title="{text:link2title}">•</a><br><a href="{text:link3}" title="{text:link3title}">•</a></div>
  231. <div class="links"><a href="{text:link4}" title="{text:link4title}">•</a><br><a href="{text:link5}" title="{text:link5title}">•</a><br><a href="http://cigerettes.tumblr.com/" title="themes">•</a></div>
  232.  
  233. <div class="center">
  234.  
  235. <div class="autopagerize_page_element">
  236. {block:Posts}
  237. <div class="entry">
  238.  
  239.  
  240. {block:Quote}
  241.  
  242.  
  243. <div id="titlequote">“{Quote}”</div>
  244. {block:Source}<div id="source">&mdash; <i>{Source}</i></div>{/block:Source}<br>{block:Date}
  245.  
  246. <a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}
  247.  
  248.  
  249. {/block:Date}
  250. {/block:Quote}
  251.  
  252.  
  253.  
  254. {block:Text}
  255.  
  256. {block:Title}
  257. <div id="title"><u>{Title}</u></div>{/block:Title}
  258. {Body}
  259. {block:Date}
  260.  
  261. <a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}
  262.  
  263.  
  264. {/block:Date}
  265. {/block:Text}
  266.  
  267. {block:Link}
  268. <div id="title"><a href="{URL}"><u>{Name}</u></a></div>{block:Description}{Description}{/block:Description}{block:Date}
  269.  
  270. <a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}
  271.  
  272.  
  273. {/block:Date}
  274. {/block:Link}
  275.  
  276. {block:Chat}
  277. {block:Title}
  278. <h1><u>{Title}</u></h1>
  279. {/block:Title}
  280. <ul>{block:Lines}
  281. <li class="line {Alt}">
  282. {block:Label}
  283. <span class="label">
  284. {Label}</span>
  285. {/block:Label}{Line}</li>
  286. {/block:Lines}
  287. </ul><br>{block:Date}
  288.  
  289. <a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}
  290.  
  291.  
  292. {/block:Date}
  293. {/block:Chat}
  294.  
  295. {block:Photo}<a href="{permalink}">
  296. <img src="{PhotoURL-HighRes}" width="500" alt="{PhotoAlt}"/></a>
  297. {/block:Photo}
  298.  
  299. {block:Photoset}
  300. {Photoset-500}{block:Date}
  301.  
  302. <a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}
  303.  
  304.  
  305. {/block:Date}
  306. {/block:Photoset}
  307.  
  308. {block:Video}
  309. {Video-500}{block:Date}
  310.  
  311. <a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}
  312.  
  313.  
  314. {/block:Date}
  315. {/block:Video}
  316.  
  317. {block:Audio}
  318. <div class="player">{AudioPlayerWhite}</div>
  319. <div class="audioinfo">
  320. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br><i>{Artist}</i>{/block:Artist}
  321. </div><br>{block:Date}
  322.  
  323. <a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}
  324.  
  325.  
  326. {/block:Date}
  327. {/block:Audio}
  328.  
  329. {block:Answer}
  330. <b>{Asker}:</b>
  331. {Question}
  332. <i>{Answer}</i><br>{block:Date}
  333.  
  334. <a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}
  335.  
  336.  
  337. {/block:Date}
  338. {/block:Answer}
  339.  
  340.  
  341.  
  342.  
  343. {block:permalinkpage}<br><br><center>
  344. {block:RebloggedFrom}( <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> -
  345. {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  346. {/block:ContentSource}
  347. ){/block:RebloggedFrom}
  348. </center>
  349. <br>
  350. {block:PostNotes}{PostNotes}{/block:PostNotes}
  351. {/block:permalinkpage}
  352.  
  353. </div>
  354.  
  355. {/block:Posts} </div></div>
  356. </div>
  357. </div>
  358. {block:IndexPage}<br>
  359. {block:Pagination}
  360. <div id="pagination">
  361. {block:NextPage}
  362. <a id="nextPage" href="{NextPage}"></a>
  363. {/block:NextPage}
  364. {block:PreviousPage}
  365. <a href="{PreviousPage}"></a>
  366. {/block:PreviousPage}
  367. </div>
  368. {/block:Pagination}
  369. {/block:IndexPage}
  370. </div>
  371.  
  372.  
  373.  
  374. </body>
  375.  
  376. <!-- i spent so much time and effort pls dont remove credits
  377. i tried to make them as out of the way as possible
  378. thank you dear -->
  379.  
  380. <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/">▣</a>
  381. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement