Advertisement
mayourbodiesremain

teenage mess (UPDATED MAR 17 2014)

Sep 7th, 2012
6,387
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.35 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11.  
  12. <!--
  13.  
  14. Theme by http://PHANTOMS-INDISCREET.tumblr.com/
  15. DO NOT REMOVE the credit icon.
  16.  
  17. -->
  18.  
  19.  
  20.  
  21. <meta name="color:background" content="#fff"/>
  22. <meta name="color:main" content="#fff"/>
  23. <meta name="color:text" content="#000"/>
  24. <meta name="color:link" content="#000"/>
  25. <meta name="color:link hover" content="#000"/>
  26. <meta name="color:italic" content="#222"/>
  27. <meta name="color:blockquote" content="#444"/>
  28.  
  29. <meta name="font:serif" content="times new roman, serif"/>
  30. <meta name="font:sansserif" content="Istok Web, sans-serif"/>
  31. <meta name="font:title" content="times new roman, serif"/>
  32.  
  33. <meta name="image:background" content=""/>
  34. <meta name="image:header" content=""/>
  35.  
  36.  
  37. <meta name="if:repeat background" content="0"/>
  38. <meta name="if:show archive link" content="1"/>
  39.  
  40.  
  41. <meta name="text:font size" content="12"/>
  42. <meta name="text:width" content="750"/>
  43. <meta name="text:title" content="50"/>
  44. <meta name="text:margin" content="50"/>
  45.  
  46.  
  47. <style type='text/css'>
  48. @import url(http://fonts.googleapis.com/css?family=Istok+Web:400,700,400italic);
  49.  
  50.  
  51.  
  52.  
  53. body {
  54. padding: 0px;
  55. margin: 0px;
  56. height:100%!important;
  57. background:{color:background};
  58. background-image: url('{image:background}');
  59. color:{color:text};
  60. background-attachment:fixed;
  61. font-family: {font:sansserif};
  62. text-align: justify;
  63. font-size:{text:font size}px;
  64. {block:ifnotrepeatbackground}
  65. background-size:100% 100%;
  66. {/block:ifnotrepeatbackground}
  67. }
  68.  
  69. .main{
  70. margin: 0px auto;
  71. width: {text:width}px;
  72. {block:Photo}text-align:center;{/block:Photo}
  73. background:{color:main};
  74. padding:30px;
  75. overflow: hidden;
  76. margin-bottom: 50px;
  77. }
  78.  
  79. a:link, a:active, a:visited {text-decoration:none; color:{color:link}; font-family: {font:sansserif}; }
  80. a:hover {text-decoration:none; color:{color:link hover};}
  81. p {font-family:{font:serif}!important;}
  82. i, em {color:{color:italic}; font-family:'{font:serif}'!important;}
  83. blockquote {color:{color:blockquote}; border-left:2px solid {color:blockquote};}
  84. img {border:none;}
  85. b, bold, strong { background:{color:background};}
  86.  
  87. /*Basic*/
  88.  
  89. .header h1 {text-align:center; font-style:italic; font-size:{text:title}px; font-family:{font:title}!important; margin:0px;}
  90. .header a { font-family:{font:serif}!important;}
  91. .header {width:{text:width}px; margin:auto; margin-bottom:60px; margin-top:25px;}
  92. .footer {text-align:right; float: left;
  93. width: 100%; margin-bottom:50px;}
  94.  
  95. .posts img { {block:IndexPage} padding:75px 5px 75px 5px;{/block:IndexPage}}
  96.  
  97. .texto {min-width:300px!important; display:block!important;clear:both!important; margin-top:100px; margin-bottom:100px;}
  98.  
  99. .permalink { font-size:75%; text-transform:uppercase; word-spacing:0px; letter-spacing:1px; filter: alpha(opacity=60); opacity: 0.60;}
  100. .tags, .tags a {font-family:{font:serif}; text-transform:none; font-size:120%; letter-spacing:0px;}
  101.  
  102. .quote {font-family:{font:serif}; font-style:italic; margin-top:10px; font-size:130%;}
  103. .imagenes {display:inline-table!important;}
  104.  
  105.  
  106.  
  107. {CustomCSS}
  108. </style>
  109.  
  110. <script type='text/javascript' src="https://dl.dropboxusercontent.com/s/pp3mymccoz7mnfs/teenagemess.js"></script>
  111.  
  112. <script>
  113. $(document).ready(function() {
  114. function photosetResize() {
  115. $('iframe.photoset').each(function(){
  116. var newSize = {text:width};
  117. var newSrc = $(this).attr('src').replace('500',newSize);
  118. $(this).attr('src', newSrc).width(newSize);
  119. var high = $(this).css('height');
  120. var calculate = parseInt(high, 10)* newSize/500;
  121. $(this).css('height', calculate);
  122. });
  123. }
  124. photosetResize();
  125. });
  126. </script>
  127.  
  128. </head>
  129. <body>
  130. <center>
  131. <p>
  132. {block:ifshowarchivelink}<a href="/archive">{lang:Archive}</a>{/block:ifshowarchivelink}
  133. {block:AskEnabled}&nbsp;&nbsp;&nbsp;<a href="/ask">{AskLabel}</a>{/block:AskEnabled}
  134. {block:SubmissionsEnabled}&nbsp;&nbsp;&nbsp;<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  135. {block:HasPages}{block:Pages}&nbsp;&nbsp;&nbsp;<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  136. </p>
  137. </center>
  138. <div class="header"> <!--header-->
  139. <a href="/"><h1>{block:ifnotheaderimage}{title}{/block:ifnotheaderimage}{block:ifheaderimage}<img src="{image:header}">{/block:ifheaderimage}</h1></a>
  140. {block:Description}
  141. {Description}
  142. {/block:Description}
  143. </div> <!--header-->
  144.  
  145.  
  146. <div class="main"> <!--main-->
  147.  
  148. <div class="close">
  149. {block:posts}
  150. <div class="posts"> <!--posts-->
  151.  
  152. {block:Text}
  153. <div class="texto">
  154. {block:Title}<b>{Title}</b>{/block:Title}
  155. {Body}
  156. {block:IndexPage}
  157. <div class="permalink">
  158. {lang:Posted on Month DayOfMonth Year}
  159. <a href="{permalink}">{NoteCount} {lang:Notes}</a>
  160. </br>
  161. {block:HasTags}{lang:Tags}:<span class="tags"> {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}</span>{/block:HasTags}
  162. </div>
  163. {/block:IndexPage}
  164. </div>
  165. {/block:Text}
  166.  
  167. {block:Quote}
  168. <div class="texto">
  169. <div class="quote">"{Quote}"</div>
  170. {block:Source}— {Source}{/block:Source}
  171.  
  172. {block:IndexPage}
  173. <div class="permalink">
  174. {lang:Posted on Month DayOfMonth Year}
  175. <a href="{permalink}">{NoteCount} {lang:Notes}</a>
  176. </br>
  177. {block:HasTags}{lang:Tags}:<span class="tags"> {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}</span>{/block:HasTags}
  178. </div>
  179. {/block:IndexPage}
  180. </div>
  181. {/block:Quote}
  182.  
  183. {block:Link}
  184. <div class="texto">
  185. <a href="{URL}"><u>{Name}</u></a>
  186. {block:Description} {Description}{/block:Description}
  187. {block:IndexPage}
  188. <div class="permalink">
  189. {lang:Posted on Month DayOfMonth Year}
  190. <a href="{permalink}">{NoteCount} {lang:Notes}</a>
  191. </br>
  192. {block:HasTags}{lang:Tags}:<span class="tags"> {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}</span>{/block:HasTags}
  193. </div>
  194. {/block:IndexPage}
  195. </div>
  196. {/block:Link}
  197.  
  198. {block:Chat}
  199. <div class="texto">
  200. {block:Title}
  201. {Title}
  202. {/block:Title}
  203. {block:Lines}
  204. <div class="{Alt} user_{UserNumber}">
  205. {block:Label}<b>{Label}</b> {/block:Label}{Line}
  206. </div>
  207. {/block:Lines}
  208. {block:IndexPage}
  209. <div class="permalink">
  210. {lang:Posted on Month DayOfMonth Year}
  211. <a href="{permalink}">{NoteCount} {lang:Notes}</a>
  212. </br>
  213. {block:HasTags}{lang:Tags}:<span class="tags"> {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}</span>{/block:HasTags}
  214. </div>
  215. {/block:IndexPage}
  216. </div>
  217. {/block:Chat}
  218.  
  219. {block:Video}
  220. <div class="texto">
  221. <center>{Video-500}</center>
  222. {block:IndexPage}
  223. {block:Caption}{Caption}{/block:Caption}
  224. <div class="permalink">
  225. {lang:Posted on Month DayOfMonth Year}
  226. <a href="{permalink}">{NoteCount} {lang:Notes}</a>
  227. </br>
  228. {block:HasTags}{lang:Tags}:<span class="tags"> {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}</span>{/block:HasTags}
  229. </div>
  230. {/block:IndexPage}
  231. </div>
  232. {/block:Video}
  233.  
  234.  
  235.  
  236. {block:Audio}
  237. <div class="texto">
  238.  
  239. {block:AudioEmbed}
  240. {AudioEmbed-400}
  241. {/block:AudioEmbed}
  242. {block:AudioPlayer}
  243. {AudioPlayerBlack}
  244. {block:Artist}<b>{Artist}</b>{/block:Artist}, {block:TrackName}<i>{TrackName}</i>{/block:TrackName}
  245. {/block:AudioPlayer}
  246.  
  247. {block:IndexPage}
  248. {block:Caption}{Caption}{/block:Caption}
  249. <div class="permalink">
  250. {lang:Posted on Month DayOfMonth Year}
  251. <a href="{permalink}">{NoteCount} {lang:Notes}</a>
  252. </br>
  253. {block:HasTags}{lang:Tags}:<span class="tags"> {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}</span>{/block:HasTags}
  254. </div>
  255. {/block:IndexPage}
  256. </big>
  257. {/block:Audio}
  258.  
  259.  
  260. {block:Answer}
  261. <div class="texto">
  262. <span style="font-size:115%;"><b>{Asker}:</b> <i>{Question}</i></span>
  263. {Answer}
  264. {block:IndexPage}
  265. {block:Caption}{Caption}{/block:Caption}
  266. <div class="permalink">
  267. {lang:Posted on Month DayOfMonth Year}
  268. <a href="{permalink}">{NoteCount} {lang:Notes}</a>
  269. </br>
  270. {block:HasTags}{lang:Tags}:<span class="tags"> {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}</span>{/block:HasTags}
  271. </div>
  272. {/block:IndexPage}
  273. </div>
  274. {/block:Answer}
  275.  
  276.  
  277.  
  278. {block:Photoset}
  279. <div class="texto">
  280. <center>{Photoset-500}</center>
  281. {block:IndexPage}
  282. {block:Caption}{Caption}{/block:Caption}
  283. <div class="permalink">
  284. {lang:Posted on Month DayOfMonth Year}
  285. <a href="{permalink}">{NoteCount} {lang:Notes}</a>
  286. </br>
  287. {block:HasTags}{lang:Tags}:<span class="tags"> {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}</span>{/block:HasTags}
  288. </div>
  289. {/block:IndexPage}
  290. </div>
  291. {/block:Photoset}
  292.  
  293. {block:Photo}
  294. <div id="imagenes">
  295. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  296. {block:IndexPage}
  297.  
  298. <a href="{Permalink}" title="{NoteCountWithLabel}">
  299. {block:Post1}
  300. <center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></center>
  301. {/block:Post1}
  302. {block:Post2}
  303. <img style="float:left;" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  304. {/block:Post2}
  305. {block:Post3}
  306. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  307. {/block:Post3}
  308. {block:Post4}
  309. <center>
  310. <img style=" float:right!important; display:block!important;" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  311. </center>
  312. {/block:Post4}
  313. {block:Post5}
  314. <img style=" float:right;" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  315. {/block:Post5}
  316. {block:Post6}
  317. <img style="float:left;" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  318. {/block:Post6}
  319. {block:Post7}
  320. <img style="float:left;" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  321. {/block:Post7}
  322. {block:Post8}
  323. <img style="float:left;" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  324. {/block:Post8}
  325. {block:Post9}
  326. <center>
  327. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  328. </center>
  329. {/block:Post9}
  330. {block:Post10}
  331. <center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></center>
  332. {/block:Post10}
  333. {block:Post11}
  334. <img style="float:left;" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  335. {/block:Post11}
  336. {block:Post12}
  337. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  338. {/block:Post12}
  339. {block:Post13}
  340. <center>
  341. <img style="float:right!important; display:block!important;" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  342. </center>
  343. {/block:Post13}
  344. {block:Post14}
  345. <img style="float:right;" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  346. {/block:Post14}
  347. {block:Post15}
  348. <img style="float:left;" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  349. {/block:Post15}
  350. </a>
  351. {/block:IndexPage}
  352.  
  353. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:PermalinkPage}
  354. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  355. </div>
  356. {/block:Photo}
  357.  
  358.  
  359.  
  360. {block:IndexPage}
  361. {block:ContentSource}
  362. <div style="display:none;">
  363. <a href="{SourceURL}">{SourceTitle}</a>
  364. </div>
  365. {/block:ContentSource}
  366. {/block:IndexPage}
  367.  
  368.  
  369. {block:PermalinkPage}
  370. {block:Caption}{Caption}{/block:Caption}<br><br>
  371. {block:HasTags}<span style="text-transform:uppercase; font-size:80%; letter-spacing:1px;">{lang:Tags}</span>: {block:Tags}<span class="tag"><a href="{TagURL}">#{Tag} </a></span>{/block:Tags}{/block:HasTags}<br>
  372. {block:Date}{lang:Posted on DayOfWeek the DayOfMonthWithSuffix of Month Year at FormattedTime}{block:Date}<br>
  373. {block:RebloggedFrom}
  374. {lang:Originally from ReblogRootName 2}<br>
  375. {lang:Reblogged from ReblogParentName 2}<br>
  376. {/block:RebloggedFrom}
  377. {block:NoteCount} <span style="text-transform:uppercase; font-size:80%;letter-spacing:1px;">{lang:Notes}</span>: {NoteCount}{/block:NoteCount}<br>
  378.  
  379. {/block:PermalinkPage}
  380.  
  381. {block:PostNotes}
  382. {PostNotes}
  383. {/block:PostNotes}
  384.  
  385.  
  386.  
  387.  
  388.  
  389. </div> <!--posts-->
  390. {/block:posts}
  391. </div> <!--close-->
  392.  
  393.  
  394. <div class="footer"> <!--footer-->
  395. {block:Pagination}
  396. {block:PreviousPage}
  397. <a href="{PreviousPage}" style="float:left; font-weight:bold; text-transform:uppercase; color:{color:text};">{lang:Newer posts}</a>
  398. {/block:PreviousPage}
  399.  
  400.  
  401. {block:NextPage}
  402. <a href="{NextPage}" style="font-weight:bold; text-transform:uppercase; color:{color:text};">{lang:Older posts}</a>
  403. {/block:NextPage}
  404. {/block:Pagination}
  405. </div> <!--footer-->
  406. </div> <!--main-->
  407.  
  408.  
  409. </body>
  410. {block:IndexPage}
  411.  
  412. <script>
  413. $.each($('img'), function (index, obj) {
  414. $(this).css({
  415. maxWidth : Math.floor(110 + (Math.random() * 350))
  416. });
  417. });
  418. </script>
  419. {/block:IndexPage}
  420. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement