API tools faq
paste
Advertisement
qtsumu

temper theme 2

qtsumu
Aug 12th, 2016
293
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. RULES:
  6. -DON'T remove credit! u can move it around or change how it looks but it HAS to be visible
  7. -DON'T redistribute! that'd b really dicky of u and i'll cry :"((
  8. -if u want to do a redux edit, pls ask me first
  9.  
  10. OTHER:
  11. -theme by komaedahater69 (main blog currently: henrisanson)
  12. -basecode by animecharacter
  13. -u can edit this as much as u want!!!
  14. -if u find any bugs w the theme pls let me know and i'll fix it
  15. -pls continue to support me through my theme making n-n!
  16.  
  17. _________________________$$_____________
  18. ___________$$$$$$$$$$$$$$$______________
  19. ________$$$$______$$$$$$$$______________
  20. ______$$$_____$$$$$$_$$_$$______________
  21. _____$____$$$$$$$$$__$__$$______________
  22. ___$$___$$$$$$$$$___$___$$______________
  23. __$$__$$$$$$$$$$___$____$$______________
  24. __$$$$$$$$$$$_____$$_____$$____$$$$$$___
  25. $$$$$$$__________$$_______$$_$$$$$$$$$$_
  26. _________$$$$$__$$$____$$__$__$$$$$$$$$_
  27. ______$$$$$$$$$_$$$$$$$$$$$$$$$$$$$$$$$$
  28. _____$$$$$$$$$$$$__$$$$$__$$$$$$$$$$$$$$
  29. ____$$$__$$$$$$$$$$$$$$$$__$$$$$$$$$__$$
  30. ____$$___$$$$$$$$$$$$$$$$$_$$$$$$$$$__$$
  31. ____$$__$$$$$$$$$$$$$$$$$$_$$$$$$$$$_$$_
  32. ____$$$_$$$$$$$$$$$$$$$$$$_$$$$$$$$$$$__
  33. ____$$$__$$$$$$$$$$$$$$$$_$$$$$$$$$$$___
  34. _____$$$$$$$$$$$$$$$$$$$__$$$$$$$$$_____
  35. _____$$$$$$$$$$$$$$$$$$$________________
  36. _______$$$$$$$$$$$$$$$__________________
  37. __________$$$$$$$$$$____________________
  38. ----->
  39.  
  40. <meta charset="utf-8">
  41. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  42. {block:Description}
  43. <meta name="description" content="{MetaDescription}" />
  44. {/block:Description}
  45.  
  46. <title>{Title}</title>
  47.  
  48. <meta name="image:favicon" content="">
  49. <meta name="image:sidebar" content="">
  50.  
  51. <meta name="color:background" content="#fff">
  52. <meta name="color:sidebar" content="#999">
  53. <meta name="color:post bg" content="#fff">
  54. <meta name="color:icon border" content="#000">
  55. <meta name="color:text" content="#000">
  56. <meta name="color:links" content="#999">
  57. <meta name="color:links hover" content="#ccc">
  58.  
  59. <meta name="if:circle icon" content="0">
  60. <meta name="if:transparent posts" content="0">
  61.  
  62. <meta name="text:font size" content="12">
  63. <meta name="text:link url" content="/">
  64.  
  65. <link rel="shortcut icon" href="{image:favicon}">
  66. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  67. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  68.  
  69. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  70.  
  71. <style type="text/css">
  72.  
  73. body {
  74. margin:0px;
  75. background:{color:background};
  76. font-family:ms gothic;
  77. font-size:{text:font size}px;
  78. line-height:120%;
  79. color:{color:text};
  80. }
  81.  
  82. p{
  83. margin:0 0 10px 0;
  84. padding:0;
  85. }
  86.  
  87. pre {
  88. white-space: pre-wrap;
  89. white-space: -moz-pre-wrap;
  90. white-space: -pre-wrap;
  91. white-space: -o-pre-wrap;
  92. word-wrap: break-word;
  93. }
  94.  
  95. a{
  96. color:{color:links};
  97. text-decoration:none;
  98. }
  99.  
  100. a:hover{
  101. color:{color:links hover};
  102. }
  103.  
  104. li{
  105. margin-left:-15px;
  106. }
  107.  
  108. #wrapper{
  109. width:600px;
  110. margin:50px 250px;
  111. }
  112.  
  113. #sidebar{
  114. width:150px;
  115. left:800px;
  116. top:50px;
  117. font-size:12px;
  118. position:fixed;
  119. padding:5px;
  120. background:{color:sidebar};
  121. }
  122.  
  123. .arrow{
  124. position:fixed;
  125. width:0; height:0;
  126. border-bottom:20px solid transparent;
  127. border-left:35px solid {color:sidebar};
  128. margin-top:-5px;
  129. margin-left:30px;
  130. z-index:-1;
  131. position:absolute;
  132. }
  133.  
  134. #content{
  135. width:auto;
  136. margin-left:200px;
  137. }
  138.  
  139. .post{
  140. width:400px;
  141. margin:0 0 50px 0;
  142. overflow:hidden;
  143. padding:10px;
  144. {block:ifnottransparentposts}
  145. background:{color:post bg};
  146. {/block:ifnottransparentposts}
  147. }
  148.  
  149. .post img{
  150. max-width:100%;
  151. }
  152.  
  153. #sidebar .pagination {
  154. width:100px;
  155. text-align:center;
  156. padding: 3px 0;
  157. }
  158.  
  159. #sidebar .pagination a {
  160. color:{color:links};
  161. text-decoration: none;
  162. }
  163.  
  164. #sidebar .pagination a:hover {
  165. color: {color:links hover};
  166. }
  167.  
  168. #credit{
  169. position:fixed;
  170. bottom:0px;
  171. left:3px;
  172. }
  173.  
  174. #icon{
  175. position:fixed;
  176. top:100px;
  177. left:790px;
  178. text-align:left;
  179. margin-top:20px;
  180. }
  181.  
  182. #icon img{
  183. max-width:100%;
  184. {block:ifcircleicon}
  185. border-radius:50%;
  186. {/block:ifcircleicon}
  187. border:2px solid {color:icon border};
  188. display:inline;
  189. }
  190.  
  191. .media{
  192. margin:0 0 10px 0;
  193. }
  194.  
  195. .title{
  196. font-weight:normal;
  197. font-size:18px;
  198. margin:0 0 10px 0;
  199. }
  200.  
  201. .quote{
  202. font-weight:normal;
  203. font-size:16px;
  204. font-style:italic;
  205. margin:0 0 10px 0;
  206. }
  207.  
  208. .question{
  209. margin-bottom:10px;
  210. padding:5px;
  211. }
  212.  
  213. blockquote{
  214. margin:0 0 10px 10px;
  215. padding:0 0 0 10px;
  216. border-left:solid 1px #000000;
  217. }
  218.  
  219. .post .footer{
  220. margin:0;
  221. text-align:left;
  222. padding:5px;
  223. }
  224.  
  225. ol.notes{
  226. list-style-type:none;
  227. padding:0;
  228. margin:0;
  229. }
  230.  
  231. ol.notes li.note img{
  232. width:16px;
  233. height:16px;
  234. }
  235.  
  236. ol.notes li.note{
  237. margin:0px;
  238. }
  239.  
  240. {CustomCSS}
  241. </style>
  242.  
  243. {block:ifinfinitescroll}
  244. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  245. {/block:ifinfinitescroll}
  246.  
  247. </head>
  248.  
  249. <body>
  250.  
  251. <div id="wrapper">
  252.  
  253.  
  254. <div id="sidebar">
  255. {block:Description}<div class="description"><center>{Description}</center></div><div class="arrow"></div>{/block:Description}
  256. </div>
  257. <div id="icon"><div class="icon img"><img style="width:45px;" src="{image:sidebar}"/> <a href="/">.1</a> <a href="/ask">.2</a> <a href="{text:link url}">.3</a></div></div>
  258. </div>
  259. <p></p>
  260.  
  261. </div>
  262.  
  263. <div id="content">
  264. {block:Posts}
  265.  
  266. <div class="post">
  267.  
  268. {block:Text}
  269. {block:Title}
  270. <div class="title">{Title}</div>
  271. {/block:Title}
  272. {Body}
  273. {/block:Text}
  274.  
  275. {block:Photo}
  276. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  277. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  278. {/block:Photo}
  279.  
  280. {block:Photoset}
  281. <div class="media">{Photoset-400}</div>
  282. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  283. {/block:Photoset}
  284.  
  285. {block:Quote}
  286. <div class="quote">"{Quote}"</div>
  287. {block:Source}
  288. <div class="quotesource">{Source}</div>
  289. {/block:Source}
  290. {/block:Quote}
  291.  
  292. {block:Link}
  293. <div class="title"><a href="{URL}">{Name}</a></div>
  294. {block:Description}
  295. <div class="description">{Description}</div>
  296. {/block:Description}
  297. {/block:Link}
  298.  
  299. {block:Chat}
  300. {block:Title}
  301. <div class="title">{Title}</div>
  302. {/block:Title}
  303.  
  304. {block:Lines}
  305. <div class="{Alt} user_{UserNumber}">
  306. {block:Label}
  307. <b>{Label}</b>{/block:Label}
  308. &nbsp;{Line}
  309. </div>
  310. {/block:Lines}
  311. {/block:Chat}
  312.  
  313. {block:Video}
  314. <div class="media">{Video-400}</div>
  315. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  316. {/block:Video}
  317.  
  318. {block:Audio}
  319. <div class="media">
  320. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:100px; height:100px;">{/block:AlbumArt}
  321. <br>{block:TrackName}<small>{TrackName}{/block:TrackName} by {block:Artist}{Artist}</small>{/block:Artist}{AudioPlayerWhite}
  322. </div>
  323. {block:Caption}{Caption}{/block:Caption}
  324. {/block:Audio}
  325.  
  326. {block:Answer}
  327. <div class="question">
  328. <img class="asker-avatar" src="{AskerPortraitURL-24}" {block:ifborders}style="border:1px solid {color:borders}"{/block:ifborders} alt="">&nbsp;&nbsp;{Asker}: {Question}
  329. </div>
  330. <p><div class="caption">{Answer}</div>
  331. {/block:Answer}
  332.  
  333.  
  334. {block:Date}
  335. <div class="footer">
  336. <a href="{Permalink}">posted {TimeAgo}{block:NoteCount} || {NoteCount}{text:note label}&nbsp;{/block:NoteCount}</a>
  337. {block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp; {/block:Tags}{/block:HasTags}
  338. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  339. <br>{block:ContentSource}src: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  340. </div>
  341.  
  342. {block:PermalinkPage}
  343. {block:NoteCount}
  344. {block:PostNotes}{PostNotes}{/block:PostNotes}
  345. {/block:NoteCount}
  346. {/block:PermalinkPage}
  347. {/block:Date}
  348.  
  349. </div>
  350. {/block:Posts}
  351. </div>
  352. </div>
  353.  
  354. {block:Pagination}
  355. <center>
  356. <div id="pagination">
  357. {block:PreviousPage}
  358. <a href="{PreviousPage}">&larr;</a>&nbsp;
  359. {/block:PreviousPage}
  360. {block:JumpPagination length="5"}
  361. {block:CurrentPage}
  362. <span class="current_page">{PageNumber}</span>
  363. {/block:CurrentPage}
  364. {block:JumpPage}
  365. <a class="jump_page" href="{URL}">{PageNumber}</a>
  366. {/block:JumpPage}
  367. {/block:JumpPagination}
  368. {block:NextPage}
  369. <a href="{NextPage}">&nbsp;&rarr;</a>
  370. {/block:NextPage}
  371. </div>
  372. </center>
  373. {/block:Pagination}
  374. <br>
  375.  
  376. </div>
  377.  
  378. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  379. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  380.  
  381. <div id="credit"><a href="http://komaedahater69.tumblr.com">thm</a></div>
  382.  
  383. </body>
  384. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!