Advertisement
yeojahs

theme one

Apr 1st, 2015
834
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.57 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4.  
  5. <!---
  6.  
  7.  
  8.  
  9.  
  10. ᴛʜᴇᴍᴇ ᴏɴᴇ ʙʏ 94hk
  11. ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ sᴛᴇᴀʟ, ᴄᴏᴘʏ, ᴏʀ ʀᴇᴅɪsᴛʀɪʙᴜᴛᴇ.
  12. 94hk.tumblr.com
  13.  
  14.  
  15.  
  16.  
  17. --->
  18.  
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  23. <meta name="description" content="" />
  24. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  25.  
  26. <meta name="image:sidebar" content=""/>
  27. <meta name="color:background" content="#fff"/>
  28. <meta name="color:text" content="#444444"/>
  29. <meta name="color:links" content="#3e3e3e"/>
  30. <meta name="color:links hover" content="#eee"/>
  31. <meta name="text:link 1" content=""/>
  32. <meta name="text:link 1 url" content=""/>
  33. <meta name="text:link 2" content=""/>
  34. <meta name="text:link 2 url" content=""/>
  35. <meta name="text:link 3" content=""/>
  36. <meta name="text:link 3 url" content=""/>
  37.  
  38. <style type="text/css">
  39.  
  40. body {
  41. font-size: 10px;
  42. font-family: Arial, sans-serif;
  43. color: {color:text};
  44. background-color: {color:background};
  45. }
  46.  
  47. a {
  48. color: {color:links};
  49. text-decoration: none;
  50. -moz-transition-duration: 0.5s;
  51. -o-transition-duration: 0.5s;
  52. -webkit-transition-duration: 0.5s;
  53. transition-duration: 0.5s;
  54. }
  55.  
  56.  
  57. a:hover {
  58. color: {color:links hover};
  59. -moz-transition-duration: 0.5s;
  60. -o-transition-duration: 0.5s;
  61. -webkit-transition-duration: 0.5s;
  62. transition-duration: 0.5s;
  63. }
  64.  
  65.  
  66. .container {
  67. width: 800px;
  68. margin: auto;
  69. }
  70.  
  71.  
  72.  
  73. .sidebar {
  74. width:280px;
  75. position: fixed;
  76. margin-top:-10px;
  77. margin-left:-40px;
  78. }
  79.  
  80.  
  81.  
  82. .sidebar img {
  83. width: 70px;
  84. margin-top:200px;
  85. margin-left:-20px;
  86. }
  87.  
  88.  
  89.  
  90. .sblinks {
  91. margin-top:-65px;
  92. text-transform: lowercase;
  93. text-align: right;
  94. font-size: 11px;
  95. font-style:italic;
  96. border-bottom:1px solid #eee;
  97. }
  98.  
  99.  
  100.  
  101. .desc {
  102. width: 185px;
  103. text-align: justify;
  104. padding-left: 85px;
  105. font-size:10px;
  106. margin-top:15px;
  107. border:1px solid #eee;
  108. padding:45px;
  109. }
  110.  
  111.  
  112.  
  113. .pagi {
  114. text-align: center;
  115. }
  116.  
  117. .pagi a {
  118. font-size: 15px;
  119. width: 270px;
  120. text-align: center;
  121. position: relative;
  122. top: 10px;
  123. }
  124.  
  125.  
  126.  
  127. .postcon {
  128. width: 400px;
  129. margin-left: 330px;
  130. margin-top:70px;
  131. }
  132.  
  133. .posts {
  134. margin-bottom: 45px;
  135. padding: 30px;
  136. }
  137.  
  138.  
  139.  
  140. h1 {
  141. text-align: center;
  142. text-transform: lowercase;
  143. font-family: arial;
  144. font-style: italic;
  145. }
  146.  
  147.  
  148.  
  149. h2 {
  150. text-align: center;
  151. text-transform: uppercase;
  152. font-family: arial;
  153. font-size: 10px;
  154. letter-spacing:1px;
  155. margin-left:30px;
  156. }
  157.  
  158.  
  159.  
  160. .posts li {
  161. list-style: disc;
  162. }
  163.  
  164. .posts blockquote {
  165. border-left: 1px solid {color:text};
  166. padding-left: 10px;
  167. }
  168.  
  169.  
  170.  
  171. .question {
  172. font-weight: bold;
  173. }
  174.  
  175. .answer {
  176. width: 400px;
  177. }
  178.  
  179.  
  180.  
  181. .convo {
  182. list-style: none;
  183. line-height: 120%;
  184. }
  185.  
  186. .label {
  187. text-transform: lowercase;
  188. padding-right: 2px;
  189. font-weight: bold;
  190. }
  191.  
  192.  
  193.  
  194. .playbutton {
  195. width: 25px;
  196. height: 28px;
  197. padding: 5px;
  198. overflow: hidden;
  199. position: relative;
  200. z-index: 1000
  201. }
  202.  
  203. .playbox {
  204. background-color: #fff;
  205. position: absolute;
  206. z-index: 1000;
  207. margin-top: 17px;
  208. margin-left: 17px;
  209. opacity: .7;
  210. }
  211.  
  212. .audiodesc {
  213. position: relative;
  214. left: 5px;
  215. top: -12px;
  216. font-size: 11px;
  217. }
  218.  
  219.  
  220.  
  221. .postinfo {
  222. text-align: center;
  223. text-transform: lowercase;
  224. padding-top: 15px;
  225. margin-left:65px;
  226. }
  227.  
  228.  
  229.  
  230. .tags {
  231. text-align: center;
  232. padding-top: 13px;
  233.  
  234. }
  235.  
  236.  
  237.  
  238. .postnotes {
  239. line-height: 200%;
  240. text-align: right;
  241. margin-top: 20px;
  242. list-style: none;
  243. margin-left: -25px
  244. }
  245.  
  246. .postnotes ol.notes {
  247. list-style-type: none;
  248. }
  249.  
  250. .postnotes li {
  251. list-style-type: none;
  252. }
  253.  
  254. .postnotes img.avatar {
  255. width: 0px;
  256. height: 0px;
  257. }
  258.  
  259. .credit {
  260. font-size:8px;
  261. position:fixed;
  262. font-weight:bold;
  263. bottom:10px;
  264. right:15px;
  265. z-index:10;
  266. text-align:right;
  267. letter-spacing:1px;
  268. padding:2px;
  269. }
  270.  
  271. .credit a {
  272. color:{color:links};
  273. text-decoration:none;
  274. }
  275.  
  276. .credit a:hover {
  277. color:{color:links hover};
  278. text-decoration:none;
  279. }
  280.  
  281. </style>
  282. </head>
  283.  
  284. <body>
  285.  
  286. <div class="container">
  287.  
  288. <div class="sidebar">
  289.  
  290. <img src="{image:sidebar}">
  291.  
  292. <div class="sblinks">
  293.  
  294. <a href="/" style="padding-right: 10px;">home</a>
  295. <a href="/ask" style="padding-right: 10px;">ask</a>
  296. <a href="{text:link 1 url}" style="padding-right: 10px;">{text:link 1}</a>
  297. <a href="{text:link 2 url}" style="padding-right: 10px;">{text:link 2}</a>
  298. <a href="{text:link 3 url}" style="padding-right: 10px;">{text:link 3}</a>
  299.  
  300. </div>
  301.  
  302. <div class="desc">{Description}</div>
  303.  
  304. <div class="pagi">
  305. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  306. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  307. </div>
  308.  
  309. </div>
  310.  
  311.  
  312. <div class="credit">
  313. <a title="94hk" href="http://94hk.tumblr.com/" target="_blank">hk</a></div>
  314.  
  315. <div class="postcon">
  316. {block:Posts}
  317. <div class="posts">
  318.  
  319. {block:Text}
  320. {block:Title}<h1>{Title}</h1>{/block:Title}
  321. {Body}
  322. {/block:Text}
  323.  
  324. {block:Answer}
  325. <div class="question">{Asker} asked: {Question}</div>
  326. <div class="answer">{Answer}</div>
  327. {/block:Answer}
  328.  
  329. {block:Quote}
  330. <h2>{Quote}</h2>
  331. {block:Source}<div class="source">{Source}</div>{/block:Source}
  332. {/block:Quote}
  333.  
  334. {block:Link}
  335. <h1><a href="{URL}">{Name}</a></h1>
  336. {block:Description}{Description}{/block:Description}
  337. {/block:Link}
  338.  
  339. {block:Chat}
  340. {block:Title}<h1>{Title}</h1>{/block:Title}
  341. <div class="convo">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  342. {Line}</div>{/block:Lines}</div>
  343. {/block:Chat}
  344.  
  345. {block:Photo}
  346. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}
  347.  
  348. {block:Caption}{Caption}{/block:Caption}
  349. {/block:Photo}
  350.  
  351. {block:Photoset}
  352. {Photoset-400}
  353. {block:Caption}{Caption}{/block:Caption}
  354. {/block:Photoset}
  355.  
  356. {block:Audio}
  357. <table><tr><td><div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  358. {block:AlbumArt}<img src="{AlbumArtURL}" height="70" width="70">{/block:AlbumArt}</td>
  359. <td><div class="audiodesc">{block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist} {block:Album}<b>Album:</b> {Album}<br>{/block:Album}</div></td></tr></table>{block:Caption}{Caption}{/block:Caption}
  360. {/block:Audio}
  361.  
  362. {block:Video}
  363. {Video-400}
  364. {block:Caption}{Caption}{/block:Caption}
  365. {/block:Video}
  366.  
  367. <div class="postinfo">
  368.  
  369. <a href="{Permalink}" style="padding-left: 5px; padding-right; 5px;">{block:Date} {MonthNumberWithZero}.{DayOfMonthWithZero}{/block:Date}</a>
  370.  
  371. <a href="{Permalink}" style="padding-left: 5px; padding-right; 5px;">{block:NoteCount}&hearts; {NoteCount}{/block:NoteCount}</a>
  372.  
  373. <a href="{ReblogURL}" target="_blank" style="padding-left: 5px; padding-right; 5px;">↻</a>
  374.  
  375. <div class="tags">{block:HasTags} {block:Tags} <a href="/tagged/{TAG}" style="margin-right: 3px;">#{TAG}</a> {/block:Tags} {/block:HasTags}</div>
  376.  
  377. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  378.  
  379. </div>
  380.  
  381. </div>
  382. {/block:Posts}
  383.  
  384. {block:ContentSource}
  385. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  386. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  387. {/block:SourceLogo}
  388. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>
  389. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  390. </div>
  391.  
  392. </div>
  393.  
  394. </body
  395. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement