API tools faq
paste
ultimatelifeform

FOREIGN OBJECT theme

ultimatelifeform
Apr 9th, 2019
3,172
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6.  
  7. FOREIGN OBJECT
  8. theme by dieeeeegooooo
  9.  
  10.  
  11. -->
  12.  
  13. <meta charset="utf-8">
  14. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18.  
  19. <title>{Title}</title>
  20.  
  21. <meta name="image:favicon" content="">
  22. <meta name="image:side" content="">
  23. <meta name="image:content bg" content="">
  24. <meta name="image:pixel" content="">
  25.  
  26. <meta name="color:background" content="#fff">
  27. <meta name="color:content" content="#fff">
  28.  
  29. <meta name="color:text" content="#000">
  30. <meta name="color:link" content="#999">
  31. <meta name="color:hover" content="#ccc">
  32. <meta name="color:soft glow" content="#000">
  33.  
  34. <meta name="color:link deco" content="#ccc">
  35. <meta name="color:hover deco" content="#ccc">
  36.  
  37. <meta name="select:font" content="arial">
  38. <meta name="select:font" content="times new roman">
  39. <meta name="select:font" content="ms pgothic">
  40. <meta name="select:font" content="short stack">
  41.  
  42. <meta name="select:font size" content="20px">
  43. <meta name="select:font size" content="22px">
  44. <meta name="select:font size" content="25px">
  45. <meta name="select:font size" content="28px">
  46.  
  47. <meta name="if:500px posts">
  48. <meta name="if:bg cover">
  49.  
  50. <meta name="if:soft glow">
  51. <meta name="if:link glow">
  52. <meta name="if:link border">
  53. <meta name="if:underline links">
  54. <meta name="if:jump pagi">
  55. <meta name="if:perma 2">
  56.  
  57. <meta name="text:desc" content="ahhh">
  58. <meta name="text:desc margin left" content="-10"/>
  59. <meta name="text:desc margin top" content="0"/>
  60. <meta name="text:image margin left" content="0"/>
  61. <meta name="text:image margin bottom" content="0"/>
  62. <meta name="text:image width">
  63.  
  64. <link rel="shortcut icon" href="{image:favicon}">
  65. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  66.  
  67. <link href="https://fonts.googleapis.com/css?family=Short+Stack" rel="stylesheet">
  68.  
  69. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  70.  
  71. <style type="text/css">
  72.  
  73. ::-webkit-scrollbar {background: height: 0px;width: 0px;}
  74.  
  75. body {
  76. margin:0px;
  77. background:{color:background};
  78. font-family:{select:font};
  79. font-size:{select:font size};
  80. line-height:130%;
  81. color:{color:text};
  82. {block:ifsoftglow}text-shadow: 0 0 3px {color:soft glow};{/block:ifsoftglow}
  83. }
  84.  
  85. a {
  86. color: {color:link};
  87. text-decoration:none;
  88. {block:ifunderlinelinks}text-decoration:underline;{/block:ifunderlinelinks}
  89. {block:iflinkglow}text-shadow: -1px 0 {color:link deco}, 0 1px {color:link deco}, 1px 0 {color:link deco}, 0 -1px {color:link deco}, 0 0 3px {color:link deco}, 0 0 6px {color:link deco};{/block:iflinkglow}
  90. {block:iflinkborder}text-shadow: -1px 0 {color:link deco}, 0 1px {color:link deco}, 1px 0 {color:link deco}, 0 -1px {color:link deco};{/block:iflinkborder}
  91. transition:0.3s;
  92. }
  93.  
  94. a:hover {
  95. color: {color:hover};
  96. {block:iflinkglow}text-shadow: -1px 0 {color:hover deco}, 0 1px {color:hover deco}, 1px 0 {color:hover deco}, 0 -1px {color:hover deco}, 0 0 3px {color:hover deco}, 0 0 6px {color:hover deco};{/block:iflinkglow}
  97. {block:iflinkborder}text-shadow: -1px 0 {color:hover deco}, 0 1px {color:hover deco}, 1px 0 {color:hover deco}, 0 -1px {color:hover deco};{/block:iflinkborder}
  98. }
  99.  
  100. #wrapper{width:600px;margin:50px 250px;}
  101.  
  102. #sidebar{
  103. position:fixed;
  104. margin-left:{text:desc margin left}px;
  105. margin-top:{text:desc margin top}px;
  106. text-align:center;
  107. width:350px;
  108. }
  109.  
  110. #pagi{{block:ifnot500pxposts}width:440px;{/block:ifnot500pxposts}
  111. {block:if500pxposts}width:540px;{/block:if500pxposts}
  112. margin-left:600px;
  113. font-size:50px;
  114. }
  115.  
  116. #content{
  117. width:auto;
  118. margin-left:600px;
  119. }
  120.  
  121. .post{
  122. {block:ifnot500pxposts}width:400px;{/block:ifnot500pxposts}
  123. {block:if500pxposts}width:500px;{/block:if500pxposts}
  124. background:{color:content};background-image: url('{image:content bg}');
  125. {block:ifnotbgcover}background-repeat: repeat;background-attachment: fixed;{/block:ifnotbgcover}
  126. {block:ifbgcover}background-size: cover;background-attachment: fixed;{/block:ifbgcover}
  127. margin:0 0 50px 0;
  128. overflow:hidden;
  129. padding:20px;
  130. box-shadow: 0px 0px 4px 5px {color:background} inset;
  131. }
  132.  
  133. .post img{max-width:100%;}
  134.  
  135. #cred{position:fixed;bottom:0px;left:3px;}
  136.  
  137.  
  138. .media{margin:0 0 5px 0;}
  139. .title{font-weight:normal;font-size:35px;line-height:20pxmargin:0 0 10px 0;}
  140. .quote{font-style:italic;margin:0 0 10px 0;}
  141. .question{margin-bottom:10px;}
  142.  
  143. blockquote{margin:0 0 10px 10px; padding:0 0 0 10px;border-left:solid 1px {color:text};}
  144.  
  145. ol.notes{list-style-type:character;padding:1;margin:0;}
  146. ol.notes li.note{margin:0px;}
  147. ol.notes li.note img{width:0px;height:0px;}
  148.  
  149. .playbutton {position:relative;margin-top:45px;margin-left:44px;z-index:9;width:33px;height:30px;overflow:hidden;}
  150. .albumart img {position:relative;margin-top:-75px;margin-left:0pxheight:120px;width:120px;border-radius:80px;}
  151. .trackinfo { margin-bottom:10px;top:-4px;position:relative;margin-left:120px;height:120px;margin-top:-120px;}
  152. .trackname {position:relative;padding-top:30px;margin-left:10px;text-align:center;}
  153. .artist {position:relative;margin-left:10px;text-align:center;}
  154.  
  155. p{margin:0 0 5px 0;padding:0;}
  156. pre { white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
  157. li{margin-left:-15px;}
  158.  
  159.  
  160. {CustomCSS}
  161. </style>
  162. </head>
  163.  
  164. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  165.  
  166. <style>
  167. .tooltip{display: inline;position: relative;}
  168.  
  169. #s-m-t-tooltip {
  170. text-align:center;
  171. max-width:250px;
  172. padding:1px;
  173. margin:20px;
  174. transition: all .1s ease;
  175. background-color:{color:content};
  176. box-shadow: 0px 0px 4px 5px {color:content};
  177. word-wrap:break-word;
  178. z-index:999999999999999999999999999999999999;
  179. }
  180. </style>
  181.  
  182. <body>
  183.  
  184. <div id="wrapper">
  185.  
  186. <div id="sidebar"><p>{text:desc}</p></div>
  187. </div>
  188.  
  189. <div id="content">
  190. {block:Posts}
  191. <div class="post">
  192.  
  193. {block:Text}
  194. {block:Title}
  195. <div class="title">{Title}</div>
  196. {/block:Title}
  197. {Body}
  198. {/block:Text}
  199.  
  200. {block:Photo}
  201. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  202. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  203. {/block:Photo}
  204.  
  205. {block:Photoset}
  206. {block:ifnot500pxposts}<div class="media">{Photoset-400}</div>{/block:ifnot500pxposts}
  207. {block:if500pxposts}<div class="media">{Photoset-500}</div>{/block:if500pxposts}
  208. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  209. {/block:Photoset}
  210.  
  211. {block:Quote}
  212. <div class="quote">"{Quote}"</div>
  213. {block:Source}
  214. <div class="quotesource">{Source}</div>
  215. {/block:Source}
  216. {/block:Quote}
  217.  
  218. {block:Link}
  219. <div class="title"><a href="{URL}">{Name}</a></div>
  220. {block:Description}
  221. <div class="description">{Description}</div>
  222. {/block:Description}
  223. {/block:Link}
  224.  
  225. {block:Chat}
  226. {block:Title}
  227. <div class="title">{Title}</div>
  228. {/block:Title}
  229.  
  230. {block:Lines}
  231. <div class="{Alt} user_{UserNumber}">
  232. {block:Label}
  233. <b>{Label}</b>{/block:Label}
  234. &nbsp;{Line}
  235. </div>
  236. {/block:Lines}
  237. {/block:Chat}
  238.  
  239. {block:Video}
  240. {block:ifnot500pxposts}<div class="media">{Video-400}</div>{/block:ifnot500pxposts}
  241. {block:if500pxposts}<div class="media">{Video-500}</div>{/block:if500pxposts}
  242. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  243. {/block:Video}
  244.  
  245. {block:Audio}
  246. {block:AudioPlayer}
  247. <div class=playbutton>{AudioPlayerGrey}</div>
  248. {block:AlbumArt}<div class=albumart><img src={AlbumArtURL}></div>{/block:AlbumArt}
  249. <div class=trackinfo>
  250. <div class=trackname>
  251. {block:TrackName}{TrackName}{/block:TrackName}
  252. </div>
  253. <div class=artist>
  254. {block:Artist}{Artist}{/block:Artist}
  255. </div>
  256. </div>
  257. {block:Caption}{Caption}{/block:Caption}
  258. {/block:AudioPlayer}
  259. {/block:Audio}
  260.  
  261.  
  262. {block:Answer}
  263. <div class="question">
  264. {Asker}: {Question}
  265. </div>
  266. <p><div class="caption">{Answer}</div>
  267. {/block:Answer}
  268.  
  269.  
  270. {block:IndexPage}
  271. <div class="permalink">
  272. <center><img src="{image:pixel}"><a href="{Permalink}">{12Hour}:{Minutes} {CapitalAmPm}</a><img src="{image:pixel}"></center>
  273. </div>
  274. {/block:IndexPage}
  275.  
  276.  
  277. {block:PermalinkPage}
  278. <div id="post-info">
  279. {block:Date}
  280. <div class="post-date">
  281. <strong>{TimeAgo}</strong>
  282. </div>
  283. {/block:Date}
  284.  
  285. {block:HasTags}
  286. <div class="tags">
  287. <strong>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</strong>
  288. </div>
  289. {/block:HasTags}
  290.  
  291. <div class="reblogged-from">
  292. <strong>{block:ContentSource}<a href="{SourceURL}">src</a>, {/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  293. {block:NoteCount}<div class="note-count"><strong>{NoteCount} notes</strong></div>
  294. {/block:NoteCount}</strong>
  295. </div>
  296. {block:PostNotes}
  297. <div class="all-notes">
  298. {PostNotes}
  299. </div>
  300. {/block:PostNotes}
  301.  
  302. {/block:PermalinkPage}
  303.  
  304. </div>
  305. {/block:Posts}
  306. </div>
  307. <div id="pagi">
  308. {/block:Posts}
  309. {block:PreviousPage}<a href="{PreviousPage}" style="float:left">←</a>&nbsp;{/block:PreviousPage}{block:NextPage}&nbsp;<a href="{NextPage}" style="float:right">→</a>{/block:NextPage}</div>
  310.  
  311. </div>
  312.  
  313. </div>
  314.  
  315. <div id="staticimage" style="position:fixed; bottom:{text:image margin bottom}px; z-index:-1; left:{text:image margin left}px;"><img src="{image:side}"width="{text:image width}"></div>
  316.  
  317. </body>
  318. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!