Advertisement
lovedbyliam

Theme 09: You're Trash

Jan 15th, 2014
725
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.86 KB | None | 0 0
  1. <html>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!-- you steal my theme, and i'll
  5. ---- themes by asschlin.tumblr.com ---
  6. punch you in the fucking crotch. -->
  7.  
  8.  
  9. <head>
  10. <title>{Title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <!-- DEAFULT VARIABLES -->
  19. <meta name="color:background" content="#FFFFFF" />
  20. <meta name="color:sidebar" content="#FFFFFF" />
  21. <meta name="color:entry" content="#FFFFFF" />
  22. <meta name="color:link" content="#888888" />
  23. <meta name="color:link hover" content="#AAAAAA" />
  24. <meta name="color:text" content="#AAAAAA" />
  25. <meta name="color:info" content="#FFFFFF" />
  26. <meta name="color:question" content="#F3F3F3" />
  27. <meta name="color:border" content="#AAAAAA" />
  28. <meta name="color:bold" content="#AAAAAA" />
  29. <meta name="color:italics" content="#AAAAAA" />
  30.  
  31.  
  32. <meta name="text:link 1" content="http://" />
  33. <meta name="text:link 2" content="http://" />
  34. <meta name="text:link 3" content="http://" />
  35. <meta name="text:link 4" content="http://" />
  36. <meta name="text:link 5" content="http://" />
  37. <meta name="text:link 1 name" content="link" />
  38. <meta name="text:link 2 name" content="link" />
  39. <meta name="text:link 3 name" content="link" />
  40. <meta name="text:link 4 name" content="link" />
  41. <meta name="text:link 5 name" content="link" />
  42.  
  43. <meta name="image:sidebar" content="" />
  44. <meta name="image:background" content="" />
  45.  
  46. </head>
  47.  
  48. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  49. <style type="text/css">
  50.  
  51.  
  52. ::-webkit-scrollbar-thumb{
  53. background-color: transparent;
  54. border: 2px solid transparent;
  55. height:auto;
  56. }
  57.  
  58. ::-webkit-scrollbar {
  59. height:auto;
  60. width:0px;
  61. background-color: transparent;
  62. border:5px solid transparent;
  63. }
  64.  
  65. body {
  66. text-align:justify;
  67. font-family:arial;
  68. font-size:9px;
  69. background-attachment: fixed;
  70. background-repeat:no-repeat;
  71. background-position:bottom right;
  72. background-image:url('{image:background}');
  73. background-color:{color:background};
  74. color:#000;
  75. }
  76.  
  77. a:link, a:visited {
  78. text-decoration: none;
  79. -webkit-transition: 0.3s linear;
  80. -moz-transition: 0.3s linear;
  81. -o-transition: 0.3s linear;
  82. transition: 0.3s linear;
  83. color:#000;
  84. }
  85.  
  86. a:hover {
  87. color:{color:bold};
  88. -webkit-transition: 0.3s linear;
  89. -moz-transition: 0.3s linear;
  90. -o-transition: 0.3s linear;
  91. transition: 0.3s linear;
  92. }
  93.  
  94. a:link img {
  95. border:0px;
  96. background-color:transparent
  97. }
  98.  
  99. h1 {color:#222222; font-family:arial; font-size:10px; text-transform:uppercase; letter-spacing:-1px; text-align:center; font-style:normal; font-weight:bold;}
  100.  
  101.  
  102. ul {
  103. list-style:square
  104. }
  105.  
  106. #blogtitle {
  107. padding: 3px 2px 3px 2px;
  108. margin-left:35px;
  109. margin-bottom:2px;
  110. color:#444444;
  111. font-size:19px;
  112. font-family:'elephant';
  113. font-style:italic;
  114. letter-spacing:-1px;
  115. text-transform:lowercase;
  116. text-align:center;
  117. line-height:90%;
  118. width:130px;
  119. word-wrap: break-word;}
  120.  
  121. #description {
  122. width:150px;
  123. margin-left:0px;
  124. margin-top:5px;
  125. font-family:arial;
  126. text-align:right;
  127. font-size:9px;
  128. line-height:8px;
  129. letter-spacing:0px;
  130. background-color:{color:background};
  131. padding-right:5px;
  132. border-right:1px solid #eee;}
  133.  
  134.  
  135. #sidebar {
  136. top:150px;
  137. left:255px;
  138. width:150px;
  139. height:auto;
  140. padding:10px;
  141. position:fixed;
  142. overflow:hidden;
  143. text-align:center;}
  144.  
  145. #sidebar img {
  146. width:140px;
  147. margin-left:0px;
  148. height:auto;}
  149.  
  150. .navigation {
  151. margin:3px 0px 3px -2px;
  152. text-align:right;
  153. font-style:italic;}
  154. .navigation a {
  155. padding:0px 2px;
  156. font-size:10px;
  157. letter-spacing:1px;
  158. text-transform:uppercase;
  159. display:inline-block;
  160. font-family:'elephant';
  161. color:#333;}
  162. .navigation a:hover {
  163. text-decoration:none;
  164. color:{color:link};}
  165.  
  166. .page {
  167. font-family:arial;
  168. font-size:9px;
  169. text-align:right;
  170. }
  171.  
  172. .page a {
  173. font-size:9px;
  174. }
  175.  
  176.  
  177. #box {
  178. width:500px;
  179. text-align:justify;
  180. padding:15px;
  181. font-size: 9px;
  182. height: auto;
  183. margin-left:450px;
  184. margin-top:20px;
  185. color: #000;
  186. background-color:{color:entry};
  187. }
  188.  
  189. blockquote {
  190. margin-left:5px;
  191. padding-left:5px;
  192. border-left: 2px solid #e4e4e4
  193. }
  194.  
  195. .quote {
  196. font-family:cambria;
  197. font-size:25px;
  198. font-style:italic;
  199. text-align:left;
  200. line-height:17px;
  201. }
  202.  
  203. .text {
  204. margin-left:25px;
  205. margin-bottom:2px;
  206. color:#444444;
  207. font-size:19px;
  208. font-family:'elephant';
  209. font-style:italic;
  210. letter-spacing:-1px;
  211. text-transform:lowercase;
  212. text-align:center;
  213. line-height:90%;
  214. word-wrap: break-word;}
  215.  
  216. .from {
  217. font-size:10px;
  218. font-family:times;
  219. text-align:left;
  220. }
  221.  
  222. .chat {
  223. padding:3px;
  224. background-color:{color:background};
  225. margin-bottom:3px}
  226.  
  227.  
  228. .audio{
  229. background-color:#fff;
  230. height:64px;
  231. display:block}
  232.  
  233. .audioback {
  234. margin-left:65px;
  235. z-index:99;
  236. display:block;
  237. }
  238.  
  239.  
  240.  
  241. pre {
  242. overflow-y:hidden;
  243. background:#eee
  244. }
  245.  
  246. .back {
  247. position:fixed;
  248. bottom:10px;
  249. right:5px;
  250. }
  251.  
  252. .back a {
  253. padding:5px;
  254. background-color:{color:sidebar};
  255. color:#000;
  256. }
  257.  
  258. #asker {
  259. text-align:justify;
  260. padding:5px 5px 5px 5px;
  261. background-color:#000;
  262. border-bottom:1px solid #f3f3f3;
  263. line-height:14px;
  264. }
  265.  
  266. #info {
  267. font-family:arial;
  268. margin-top:5px;
  269. margin-bottom:3px;
  270. padding:5px 0px 5px 0px;
  271. text-align:justify;
  272. text-transform:uppercase;
  273. letter-spacing:1px;
  274. font-size:8px;
  275. line-height:80%;
  276. border-bottom: 0px solid #f3f3f3;
  277. }
  278.  
  279. #info a {
  280. font-style:normal;
  281. padding:5px 5px 5px 5px;
  282. background-color:transparent;
  283. color:{color:tags};}
  284.  
  285. #tags {
  286. font-family:arial;
  287. margin-top:-5px;
  288. margin-bottom:15px;
  289. margin-left:0px;
  290. text-transform:uppercase;
  291. letter-spacing: 1px;
  292. font-weight:normal;
  293. font-style:normal;
  294. font-size:9px;
  295. text-align:left;
  296. text-transform: lowercase;
  297. background-color:#transparent;
  298. border-top:1px solid #f3f3f3;
  299. padding:5px 5px 5px 5px;}
  300.  
  301. #tags a {font-style:normal; color:{color:tags}; display:inline; text-align:center;}
  302.  
  303. #tags a:hover {color:#999999;}
  304.  
  305. ol.notes, .notes li {padding:2px;list-style:none; margin-top:10px;text-align:justify;}
  306. .notes img {width: 7px;padding-right:2px;}
  307.  
  308.  
  309. </style>
  310. <body>
  311. <div id="sidebar">
  312. <div id="blogtitle">{Title}</div>
  313. <div id="description">
  314. <div class="navigation">
  315. <a href="{text:Link 1}">I</a>
  316. <a href="{text:Link 2}">II</a>
  317. <a href="{text:Link 3}">III</a>
  318. <a href="{text:Link 4}">IV</a>
  319. <a href="http://keciasthemes.tumblr.com">V</a>
  320. </div>
  321. {Description}
  322. </div>
  323.  
  324.  
  325. {block:Pagination}
  326. <div class="page">
  327. {block:PreviousPage}
  328. <a href="{PreviousPage}">older</a>
  329. {/block:PreviousPage}
  330. {block:NextPage}
  331. <a href="{NextPage}">newer</a>
  332. {/block:NextPage}
  333. </div>
  334. {/block:Pagination}
  335.  
  336. </div> <!-- sidebar -->
  337.  
  338. <br><br>
  339. {block:Posts}
  340. <div id="box">
  341.  
  342. {block:Text}
  343. {block:Title}<div class="text">{title}</div>{/block:Title}
  344. {Body}
  345. {/block:Text}
  346.  
  347. {block:Photo}
  348. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  349. {block:Caption}{Caption}{/block:Caption}
  350. {/block:Photo}
  351.  
  352. {block:Photoset}
  353. <div id="photoset">
  354. {Photoset-500}
  355. </div>
  356. {block:Caption}{Caption}{/block:Caption}
  357. {/block:Photoset}
  358.  
  359.  
  360. {block:Link}
  361. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  362. {block:Description}{Description}{/block:Description}
  363. {/block:Link}
  364.  
  365. {block:Chat}
  366. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  367. {block:Lines}
  368. <div class="chat">
  369. {block:Label}<b>{Label}</b>{/block:Label}
  370. {Line}<br></div>
  371. {/block:Lines}
  372. {/block:Chat}
  373.  
  374. {block:Audio}
  375. <img src="http://static.tumblr.com/hsl9jor/anpma2l8t/white.png" width="64px" style="position:absolute">
  376. {block:AlbumArt}<img src="{AlbumArtURL}" width="64px" style="position:absolute;">{/block:AlbumArt}
  377. <div class="audio"><div class="audioback">{AudioPlayerBlack}</div></div>
  378. {block:PermalinkPage}
  379. {block:Caption}
  380. {Caption}
  381. {/block:Caption}
  382. {/block:PermalinkPage}
  383. {/block:Audio}
  384.  
  385. {block:Video}
  386. {Video-500}
  387. {block:Caption}{Caption}{/block:Caption}
  388. {/block:Video}
  389.  
  390. {block:Quote}
  391. <div class="quote">
  392. &#8220;{Quote}&#8221;</div>
  393. <div class="from">
  394. &mdash; {block:Source}{Source}{/block:Source}</div><br>
  395. {/block:Quote}
  396.  
  397. {block:Answer}
  398. <div class="asker">
  399. {Asker} asked: <i>{Question}</i>
  400. </div>
  401. {Answer}
  402. {/block:Answer}
  403.  
  404. <div id="info">
  405. {block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date} <span style="color:{color:notes}; font-style:normal;"> </span> (<a href="{Permalink}">+ {NoteCount}</a>) <div style="float:right;"> {block:RebloggedFrom}<a href="{ReblogParentURL}"> via</a>{/block:RebloggedFrom} {block:ContentSource} ― <a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  406. <div id="tags">
  407. {block:HasTags} {block:Tags} <a href="{TagURL}"># {Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  408. </div>
  409. {block:PostNotes}{PostNotes}{/block:PostNotes}
  410. </div>
  411.  
  412.  
  413. {block:Posts}
  414. <br><br><br>
  415.  
  416. </body>
  417.  
  418. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement