Advertisement
Guest User

Untitled

a guest
Feb 26th, 2012
43
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.80 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4. <!-- T Y L E R R O S S -->
  5.  
  6. <html lang="en">
  7. <head>
  8.  
  9.  
  10. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
  11.  
  12. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  13.  
  14.  
  15.  
  16. <meta name="if:250px" content="1"/>
  17. <meta name="if:400px" content="0"/>
  18. <meta name="if:500px" content="0"/>
  19. <meta name="if:Repeat background image" content="0"/>
  20. <meta name="if:Italic Title" content="1"/>
  21. <meta name="if:Caption" content="0"/>
  22.  
  23. <meta name="font:Body" content="Garamond"/>
  24.  
  25. <meta name="color:Background" content="#FFFFFF"/>
  26. <meta name="color:Text" content="#444444"/>
  27. <meta name="color:Title" content="#000000"/>
  28. <meta name="color:Link" content="#646464"/>
  29. <meta name="color:Hover" content="#000000"/>
  30. <meta name="color:Chat" content="#F5F5F5"/>
  31. <meta name="text:Title font size" content="18"/>
  32. <meta name="text:Post title font size" content="16"/>
  33. <meta name="text:Body font size" content="11"/>
  34.  
  35. <meta name="image:Background" content=""/>
  36.  
  37.  
  38. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  39. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  40.  
  41. {PostSummary} - {/block:PostSummary}{Title}</title>
  42.  
  43. <style type="text/css">
  44.  
  45.  
  46. iframe#tumblr_controls{
  47. top: 1px !important;
  48. margin: 0 0 0 0;
  49. right: 15px !important;
  50. position: fixed !important;
  51. }
  52.  
  53. body{
  54. position:absolute;
  55. top:0;
  56. left:0;
  57. bottom:0;
  58. right:0px;
  59. overflow-y:scroll;
  60. overflow-x:hidden;
  61. margin:0px;
  62. background-color: {color:Background};
  63. background-image:url({image:Background});
  64. background-attachment: fixed;
  65. background-repeat: no-repeat;
  66. {block:IfRepeatBackgroundImage}
  67. background-repeat: repeat;
  68. {/block:IfRepeatBackgroundImage}
  69. background-position:right;
  70. font-size:{text:Body font size}px;
  71. font-family:{font:Body};
  72. line-height:16px;
  73. color:{color:Text};
  74. }
  75.  
  76. html{
  77. overflow-y:auto;
  78. background-color:transparent;
  79. }
  80.  
  81. a:link, a:active, a:visited{
  82. color: {color:Link};
  83. text-decoration: none;
  84. -webkit-transition: 0.3s ease-in;
  85. }
  86.  
  87. a:hover {
  88. color:{color:Hover};
  89. text-decoration: none;
  90. -webkit-transition: 0.3s ease-in;
  91. }
  92.  
  93. div#wrap{
  94. {block:If250px}width:250px;{/block:If250px}
  95. {block:If400px}width:400px;{/block:If400px}
  96. {block:If500px}width:500px;{/block:If500px}
  97. margin:auto;
  98. }
  99.  
  100. div#sidebar{
  101. width:186px;
  102. margin:auto;
  103. position:fixed;
  104. top:80px;
  105. left:800px;
  106. bottom:0px;
  107. right:0px;
  108. }
  109.  
  110. div#sidebar2{
  111. width:186px;
  112. margin:auto;
  113. position:fixed;
  114. top:90px;
  115. left:0px;
  116. bottom:0px;
  117. right:866px;
  118. }
  119.  
  120. div#content{
  121. {block:If250px}width:250px;{/block:If250px}
  122. {block:If400px}width:400px;{/block:If400px}
  123. {block:If500px}width:500px;{/block:If500px}
  124. margin-top:90px
  125. }
  126.  
  127. div#footer{
  128. position:fixed;
  129. bottom:0px;
  130. padding:0px 5px 0px 5px;
  131. background:{color:background};
  132. opacity:0.8;
  133. filter: alpha(opacity = 80);
  134. -moz-transition: all 0.6s;
  135. -webkit-transition: all 0.6s;
  136. -o-transition: all 0.6s;
  137. transition: all 0.6;
  138. z-index:1;
  139. {block:If250px}width:250px;{/block:If250px}
  140. {block:If400px}width:400px;{/block:If400px}
  141. {block:If500px}width:500px;{/block:If500px}
  142. }
  143.  
  144. .title{
  145. display:block;
  146. padding:5px 0px 5px 0px;
  147. font-size: {text:title font size}px;
  148. {block:IfItalicTitle}font-style:italic;{/block:IfItalicTitle}
  149. color:{color:Title};
  150. }
  151.  
  152. .info{padding:5px 0px 5px 0px;}
  153.  
  154. a.nav{
  155. font-size:11px;
  156. font-weight:bold;
  157. text-transform:lowercase;
  158. margin-right:5px;
  159. color:{color:link}
  160. }
  161.  
  162. a.nav:hover{color:{color:hover};}
  163.  
  164. .post_title{font-size:{text:Post title font size}px;}
  165.  
  166. .entry{
  167. {block:If250px}width:250px;{/block:If250px}
  168. {block:If400px}width:400px;{/block:If400px}
  169. {block:If500px}width:500px;{/block:If500px}
  170. margin-bottom:20px;
  171. overflow:hidden;
  172. }
  173.  
  174. .entry img{
  175. {block:If250px}max-width:250px;{/block:If250px}
  176. {block:If400px}max-width:400px;{/block:If400px}
  177. {block:If500px}max-width:500px;{/block:If500px}
  178. }
  179.  
  180. .asker{
  181. line-height:16px;
  182. font-size:10px;
  183. background:{color:chat};
  184. padding:5px 5px 5px 2px;
  185. }
  186.  
  187. blockquote{
  188. padding:0px 0px 0px 5px;
  189. margin:0px 0px 2px 1px;
  190. border-left: 1px solid {color:Text};
  191. }
  192.  
  193. .perma{
  194. position:absolute;
  195. margin-left:-60px;
  196. text-align:right;
  197. width:45px;
  198. font-size:9px;
  199. opacity:0;
  200. filter: alpha(opacity = 0);
  201. -webkit-transition: 0.3s ease-in;
  202. }
  203.  
  204. .entry:hover .perma{
  205. opacity:1;
  206. filter: alpha(opacity = 100);
  207. -webkit-transition: 0.3s ease-in;
  208. }
  209.  
  210.  
  211. div#chat li {
  212. padding: 4px;
  213. background-color:{color:Chat};
  214. margin-top: 2px;
  215. }
  216.  
  217. div#chat ul{
  218. list-style: none;
  219. padding: 0px;
  220. margin-top:5px;
  221. margin-bottom:10px;
  222. {block:If250px}width:250px;{/block:If250px}
  223. {block:If400px}width:400px;{/block:If400px}
  224. {block:If500px}width:500px;{/block:If500px}
  225. text-align: left;
  226. }
  227.  
  228. .audio{
  229. background:#000;
  230. height:27px;
  231. {block:If250px}width:250px;{/block:If250px}
  232. {block:If400px}width:400px;{/block:If400px}
  233. {block:If500px}width:500px;{/block:If500px}
  234. }
  235.  
  236. div#postnotes{
  237. {block:If250px}width:250px;{/block:If250px}
  238. {block:If400px}width:400px;{/block:If400px}
  239. {block:If500px}width:500px;{/block:If500px}
  240. margin-top:0px;
  241. line-height:11px;
  242. }
  243.  
  244. ol.notes {
  245. padding: 0px;
  246. margin: 25px 0px;
  247. list-style-type: none;
  248. border-bottom: solid 0px {color:text};
  249. font-size:10px;
  250. }
  251.  
  252. ol.notes li.note {
  253. padding: 0px;
  254. font-size:10px;
  255. }
  256.  
  257. ol.notes li.note img.avatar {
  258. vertical-align: -4px;
  259. margin-right: 10px;
  260. width: 16px;
  261. height: 16px;
  262. }
  263.  
  264. ol.notes li.note span.action {
  265. font-weight: normal;
  266. font-size:10px;
  267. }
  268.  
  269. ol.notes li.note .answer_content {
  270. font-weight: normal;
  271. font-size:10px;
  272. }
  273.  
  274. ol.notes li.note blockquote {
  275. border-color: {color:text};
  276. padding: 4px 10px;
  277. margin: 10px 0px 0px 25px;
  278. font-size:10px;
  279. }
  280.  
  281. ol.notes li.note blockquote a {
  282. text-decoration: none;
  283. font-size:10px;
  284. }
  285.  
  286. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  287.  
  288.  
  289. {CustomCSS}
  290. </style>
  291. <link rel="shortcut icon" href="{Favicon}">
  292. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  293. <meta name="viewport" content="width=820" />
  294. </head>
  295. <body>
  296.  
  297.  
  298. <div id="sidebar">
  299. <p style="padding-bottom:5-px;">
  300. <img src="http://i.imgur.com/sxbui.jpg", width=186></p>
  301. <a href = "http://BeingAsAnOcean.tumblr.com">
  302. <img src="http://i.imgur.com/mVo4m.png", width=186></a>
  303. <a href = "/tagged/personal">
  304. <img src="http://i.imgur.com/s8pGM.png", width=186></a>
  305. <a href = "/tagged/girlfriend">
  306. <img src="http://i.imgur.com/xYQvO.png", width=186></a>
  307. <a href = "http://www.youtube.com/watch?v=xl-MCkibqrM">
  308. <img src="http://i.imgur.com/N6LUn.png", width=186></a>
  309. <a href = "/ask">
  310. <img src="http://i.imgur.com/KlkfH.png", width=186></a>
  311.  
  312.  
  313. </div>
  314.  
  315. <div id="sidebar2">
  316. <img src="http://i.imgur.com/h3cjz.png", height=100%>
  317.  
  318.  
  319. </div>
  320.  
  321.  
  322. <div id="wrap">
  323.  
  324. <div id="content">
  325.  
  326. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js";;></script>
  327. <Div class="autopagerize_page_element"></div>
  328.  
  329. {block:Posts}
  330. {block:Text}
  331. <div class="entry">
  332. {block:IndexPage}<div class="perma"><a href="{Permalink}">♥&nbsp;{NoteCount}</a></div>{/block:IndexPage}
  333. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  334. {Body}
  335. </div>
  336. {/block:Text}
  337.  
  338. {block:Photo}
  339. <div class="entry">
  340. {block:IndexPage}<div class="perma"><a href="{Permalink}">♥&nbsp;{NoteCount}</a></div>{/block:IndexPage}
  341. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  342. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  343. <div class="photo"><img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"
  344. {block:If250px}width="250"{/block:If250px}
  345. {block:If400px}width="400"{/block:If400px}
  346. {block:If500px}width="500"{/block:If500px}
  347. /></div>
  348. {block:IndexPage}</a>
  349. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}{/block:IndexPage}
  350. {block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>
  351. {/block:Photo}
  352.  
  353. {block:Photoset}
  354. <div class="entry">
  355. {block:IndexPage}<div class="perma"><a href="{Permalink}">♥&nbsp;{NoteCount}</a></div>{/block:IndexPage}
  356. {block:If250px}{Photoset-250}{/block:If250px}
  357. {block:If400px}{Photoset-400}{/block:If400px}
  358. {block:If500px}{Photoset-500}{/block:If500px}
  359. {block:Caption}{Caption}{/block:Caption}<br>
  360. </div>
  361. {/block:Photoset}
  362.  
  363. {block:Quote}
  364. <div class="entry">
  365. {block:IndexPage}<div class="perma"><a href="{Permalink}">♥&nbsp;{NoteCount}</a></div>{/block:IndexPage}
  366. <div class="post_title">&#10077;&nbsp;{Quote}</div>
  367. {block:Source}&#8212;&nbsp;{Source}{/block:Source}</div>
  368. {/block:Quote}
  369.  
  370. {block:Chat}
  371. <div class="entry">
  372. {block:IndexPage}<div class="perma"><a href="{Permalink}">♥&nbsp;{NoteCount}</a></div>{/block:IndexPage}
  373. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  374. <div id="chat">
  375. <ul>{block:Lines}<li>
  376. {block:Label}<b>{Label}</b>{/block:Label}
  377. {Line}
  378. </li>{/block:Lines}</ul>
  379. </div></div>
  380. {/block:Chat}
  381.  
  382. {block:Link}
  383. <div class="entry">
  384. {block:IndexPage}<div class="perma"><a href="{Permalink}">♥&nbsp;{NoteCount}</a></div>{/block:IndexPage}
  385. <span class="post_title"><a href="{URL}">{Name}</span></a>
  386. {block:Description}{Description}{/block:Description}
  387. </div>
  388. {/block:Link}
  389.  
  390. {block:Audio}
  391. <div class="entry">
  392. {block:IndexPage}<div class="perma"><a href="{Permalink}">♥&nbsp;{NoteCount}</a></div>{/block:IndexPage}
  393. {block:AlbumArt}<img src="{AlbumArtURL}" alt="" width="180"/><p>{/block:AlbumArt}
  394. <div class="audio">{AudioPlayerBlack}</div>
  395. {block:Caption}{Caption}
  396. <small>{PlayCount} listens</small> {block:ExternalAudio} <a href="{ExternalAudioURL}"> (download link) </a> {/block:ExternalAudio}{/block:Caption}
  397. </div>
  398. {/block:Audio}
  399.  
  400. {block:Video}
  401. <div class="entry">
  402. {block:IndexPage}<div class="perma"><a href="{Permalink}">♥&nbsp;{NoteCount}</a></div>{/block:IndexPage}
  403. {block:If250px}{Video-250}{/block:If250px}
  404. {block:If400px}{Video-400}{/block:If400px}
  405. {block:If500px}{Video-500}{/block:If500px}
  406. {block:Caption}{Caption}{/block:Caption}
  407. </div>
  408. {/block:Video}
  409.  
  410. {block:Answer}
  411. <div class="entry">
  412. {block:IndexPage}<div class="perma"><a href="{Permalink}">♥&nbsp;{NoteCount}</a></div>{/block:IndexPage}
  413. <div class="asker">{Asker} : {Question}</div>
  414. {Answer}<p>
  415. </div>
  416. {/block:Answer}
  417.  
  418. {block:PostNotes}
  419. <div id="postnotes">Posted {TimeAgo} with {NoteCountWithLabel}<br>
  420. {block:HasTags}Tagged with {block:Tags}<a href="{TagURL}" style="margin-right:5px; text-decoration:underline;">#{Tag}</a>{/block:Tags}{/block:HasTags}<br>
  421. {block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  422. Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}</div>
  423. {PostNotes}
  424. {/block:PostNotes}
  425.  
  426. {/block:posts}
  427.  
  428. </div></div>
  429.  
  430. </body>
  431. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement