Advertisement
exoticflower

exotic-024

Jun 22nd, 2014
2,034
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.56 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4.  
  5. <!-- exotic-024 by cigerettes.tumblr.com
  6. download @ exoticlayouts.tumblr.com -->
  7.  
  8. <meta name="color:background" content="#ffffff">
  9. <meta name="color:text" content="#000000">
  10. <meta name="color:link" content="#000000">
  11. <meta name="color:active" content="#000000">
  12. <meta name="color:blockquote" content="#000000">
  13. <meta name="text:SHORTtitle" content="..." />
  14. <meta name="text:link" content="/" />
  15.  
  16.  
  17. <style type="text/css">
  18.  
  19. body {
  20. padding: 0px;
  21. margin: 0px;
  22. color:{color:text};
  23. background-color: {color:Background};
  24. background-image:url();
  25. background-attachment: fixed;
  26. background-repeat: no-repeat;
  27. background-size: cover;
  28. font-family: arial;
  29. font-size: 16px;
  30. line-height: 25px;
  31. color:{color:text};
  32. }
  33.  
  34. a:link, a:visited{
  35. color: {color:link};
  36. text-decoration: none;
  37. }
  38.  
  39. a:active{
  40. color:{color:active};
  41. }
  42.  
  43.  
  44. blockquote {
  45. border-left: 3px solid;
  46. padding-left: 15px;
  47. margin-left: 10px;
  48. font-style: italic;
  49. color:{color:blockquote};
  50. }
  51.  
  52. blockquote img{
  53. width:300px;
  54. height:auto;
  55. }
  56.  
  57. .entry {
  58. margin: 20px;
  59. display:inline-block;
  60. vertical-align:middle;
  61. width:300px;
  62. {block:permalinkpage}
  63. width:500px;
  64. {/block:permalinkpage}
  65. }
  66.  
  67.  
  68.  
  69. div.center {
  70. text-align:left;
  71. width:1250px;
  72. margin:50px auto 0 2%;
  73. }
  74.  
  75. ol.notes img{
  76. visibility:hidden;
  77. }
  78.  
  79.  
  80. img:hover {
  81. opacity:1;
  82.  
  83. -webkit-transition: all 0.3s ease-out;
  84. -moz-transition: all 0.3s ease-out;
  85. }
  86.  
  87. img{
  88.  
  89. opacity:0.3;
  90. -webkit-transition: all 10s ease-in;
  91. -moz-transition: all 10s ease-in;
  92. {block:permalinkpage}
  93. opacity:1;
  94. {/block:permalinkpage}
  95. }
  96.  
  97.  
  98. .answer a{
  99. text-decoration: underline;
  100. }
  101.  
  102.  
  103. .blogtitle{
  104. margin-top:45px;
  105. font-family:arial;
  106. font-weight:bold;
  107. text-transform:uppercase;
  108. font-size:50px;
  109. letter-spacing:5px;
  110. text-align:center;
  111. }
  112.  
  113. .player {
  114. width:29px;
  115. height:25px;
  116. overflow:hidden;
  117. position:absolute;
  118. background:white;}
  119.  
  120. .audioinfo {
  121. margin-left:50px;
  122. }
  123.  
  124. .sidebar{
  125. z-index:9999;
  126. width:175px;
  127. height:175px;
  128. position:fixed;
  129. margin-left:70%;
  130. margin-top:5%;
  131. border:gray 5px outset;
  132. font-size:80px;
  133. text-align:right;
  134. line-height:40px;
  135.  
  136. }
  137.  
  138. .sidebar a{
  139. color:white;
  140. -webkit-text-stroke-width: 3px;
  141. -webkit-text-stroke-color: black;
  142. }
  143.  
  144. .sidebar a:hover{
  145.  
  146. }
  147.  
  148. {CustomCSS}
  149. </style>
  150. {block:IndexPage}
  151. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  152.  
  153.  
  154.  
  155. {/block:IndexPage}
  156.  
  157. <title>{title}</title>
  158.  
  159. <link rel="shortcut icon" href="{Favicon}">
  160. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  161. <meta name="viewport" content="width=820" />
  162.  
  163. </style>
  164.  
  165. </head>
  166.  
  167. <body>
  168.  
  169. <div class="sidebar"><br><br><br><a href="{text:link}">{text:SHORTtitle}</a><small><small><small>&nbsp;</small></small></small></div>
  170.  
  171. <center>
  172.  
  173. <div class="center">
  174.  
  175. <div class="autopagerize_page_element">
  176. {block:Posts}
  177. <div class="entry">
  178.  
  179.  
  180. {block:Quote}
  181.  
  182.  
  183. <div id="titlequote">“{Quote}”</div>
  184. {block:Source}<div id="source">&mdash; <i>{Source}</i></div>{/block:Source}<br>{block:Date}
  185.  
  186. <a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}
  187.  
  188.  
  189. {/block:Date}
  190. {/block:Quote}
  191.  
  192.  
  193.  
  194. {block:Text}
  195.  
  196. {block:Title}
  197. <div id="title"><u>{Title}</u></div>{/block:Title}
  198. {Body}
  199. {block:Date}
  200.  
  201. <a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}
  202.  
  203.  
  204. {/block:Date}
  205. {/block:Text}
  206.  
  207. {block:Link}
  208. <div id="title"><a href="{URL}"><u>{Name}</u></a></div>{block:Description}{Description}{/block:Description}{block:Date}
  209.  
  210. <a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}
  211.  
  212.  
  213. {/block:Date}
  214. {/block:Link}
  215.  
  216. {block:Chat}
  217. {block:Title}
  218. <h1><u>{Title}</u></h1>
  219. {/block:Title}
  220. <ul>{block:Lines}
  221. <li class="line {Alt}">
  222. {block:Label}
  223. <span class="label">
  224. {Label}</span>
  225. {/block:Label}{Line}</li>
  226. {/block:Lines}
  227. </ul><br>{block:Date}
  228.  
  229. <a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}
  230.  
  231.  
  232. {/block:Date}
  233. {/block:Chat}
  234.  
  235. {block:Photo}<a href="{permalink}">
  236. {block:indexpage}
  237. <img src="{PhotoURL-HighRes}" width="250" alt="{PhotoAlt}"/></a>
  238. {/block:indexpage}
  239. {block:permalinkpage}
  240. <img src="{PhotoURL-HighRes}" width="500" alt="{PhotoAlt}"/></a>
  241.  
  242. {/block:permalinkpage}
  243. {/block:Photo}
  244.  
  245. {block:Photoset}
  246. {Photoset-250}
  247. {block:permalinkpage}
  248. {Photoset-500}
  249.  
  250. {/block:permalinkpage}
  251. {/block:Photoset}
  252.  
  253. {block:Video}
  254. {Video-250}{block:Date}
  255.  
  256. <a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}
  257.  
  258.  
  259. {/block:Date}
  260. {/block:Video}
  261.  
  262. {block:Audio}
  263. <div class="player">{AudioPlayerWhite}</div>
  264. <div class="audioinfo">
  265. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br><i>{Artist}</i>{/block:Artist}
  266. </div><br>{block:Date}
  267.  
  268. <a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}
  269.  
  270.  
  271. {/block:Date}
  272. {/block:Audio}
  273.  
  274. {block:Answer}
  275. <b>{Asker}:</b>
  276. {Question}
  277. <i>{Answer}</i><br>{block:Date}
  278.  
  279. <a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}
  280.  
  281.  
  282. {/block:Date}
  283. {/block:Answer}
  284.  
  285.  
  286.  
  287.  
  288. {block:permalinkpage}<br><br><center>
  289. {block:RebloggedFrom}<b>via: </b><a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;||&nbsp;
  290. {block:ContentSource}<b>source: </b><a href="{ReblogRootURL}">{ReblogRootName}</a>
  291. {/block:ContentSource}
  292. {/block:RebloggedFrom}
  293. </center>
  294. <br>
  295. {block:PostNotes}{PostNotes}{/block:PostNotes}
  296. {/block:permalinkpage}
  297.  
  298. </div>
  299.  
  300. {/block:Posts} </div></div>
  301. </div>
  302. </div>
  303. {block:IndexPage}<br>
  304. {block:Pagination}
  305. <div id="pagination">
  306. {block:NextPage}
  307. <a id="nextPage" href="{NextPage}"></a>
  308. {/block:NextPage}
  309. {block:PreviousPage}
  310. <a href="{PreviousPage}"></a>
  311. {/block:PreviousPage}
  312. </div>
  313. {/block:Pagination}
  314. {/block:IndexPage}
  315. </div>
  316.  
  317.  
  318.  
  319. </body>
  320.  
  321. <!-- i spent so much time and effort pls dont remove credits
  322. i tried to make them as out of the way as possible
  323. thank you dear -->
  324.  
  325. <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>
  326.  
  327. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement