API tools faq
paste
Advertisement
qtsumu

temper theme

qtsumu
May 27th, 2016
294
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.57 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: cherryvamp)
  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:background" content="">
  50. <meta name="image:sidebar" content="">
  51. <meta name="image:right img" content="">
  52. <meta name="image:left img" content="">
  53.  
  54. <meta name="color:background" content="#fff">
  55. <meta name="color:post bg" content="#fff">
  56. <meta name="color:borders" content="#000">
  57. <meta name="color:text" content="#000">
  58. <meta name="color:links" content="#999">
  59. <meta name="color:links hover" content="#ccc">
  60.  
  61. <meta name="select:borders" content="solid">
  62. <meta name="select:borders" content="dashed">
  63. <meta name="select:borders" content="dotted">
  64.  
  65. <meta name="if:bg cover" content="0">
  66. <meta name="if:rounded corners" content="1">
  67. <meta name="if:infinite scroll" content="0">
  68. <meta name="if:transparent posts" content="0">
  69. <meta name="if:borders" content="1">
  70. <meta name="if:captions" content="">
  71. <meta name="if:side img border" content="1">
  72.  
  73. <meta name="text:font size" content="12">
  74. <meta name="text:sidebar img hover" content="***">
  75. <meta name="text:right img margin right" content="0"/>
  76. <meta name="text:right img margin bottom" content="0"/>
  77. <meta name="text:left img margin left" content="0"/>
  78. <meta name="text:left img margin bottom" content="0"/>
  79. <meta name="text:tag symbol" content="#">
  80. <meta name="text:note label" content="%">
  81. <meta name="text:link 1 url" content="/">
  82. <meta name="text:link 1 title" content="link 1">
  83.  
  84. <link rel="shortcut icon" href="{image:favicon}">
  85. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  86. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  87.  
  88. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  89.  
  90. <style type="text/css">
  91.  
  92.  
  93.  
  94. body {
  95. margin:0px;
  96. background:{color:background} url({image:background});
  97. background-attachment:fixed;
  98. background-repeat:repeat;
  99. background-position:top left;
  100. {block:ifbgcover}
  101. background-size:cover;
  102. {/block:ifbgcover}
  103. font-family:arial;
  104. font-size:{text:font size}px;
  105. line-height:120%;
  106. color:{color:text};
  107. }
  108.  
  109. p{
  110. margin:0 0 10px 0;
  111. padding:0;
  112. }
  113.  
  114. pre {
  115. white-space: pre-wrap;
  116. white-space: -moz-pre-wrap;
  117. white-space: -pre-wrap;
  118. white-space: -o-pre-wrap;
  119. word-wrap: break-word;
  120. }
  121.  
  122. a{
  123. color:{color:links};
  124. text-decoration:none;
  125. }
  126.  
  127. a:hover{
  128. color:{color:links hover};
  129. }
  130.  
  131. li{
  132. margin-left:-15px;
  133. }
  134.  
  135. #wrapper{
  136. width:600px;
  137. margin:50px 250px;
  138. }
  139.  
  140. #sidebar{
  141. width:125px;
  142. position:fixed;
  143. padding:10px;
  144. margin-top:200px;
  145. margin-left:50;
  146. {block:ifroundedcorners}
  147. moz-border-radius-bottomright: 10px;
  148. border-bottom-right-radius: 10px;
  149. -moz-border-radius-topleft: 10px;
  150. border-top-left-radius: 10px;
  151. -moz-border-radius-bottomleft: 10px;
  152. border-bottom-left-radius: 10px;
  153. -moz-border-radius-topright: 10px;
  154. border-top-right-radius: 10px;
  155. {/block:ifroundedcorners}
  156. {block:ifnottransparentposts}
  157. background:{color:post bg};
  158. {/block:ifnottransparentposts}
  159. {block:ifborders}
  160. border:2px {select:borders} #000000;
  161. {/block:ifborders}
  162. }
  163.  
  164. #content{
  165. width:auto;
  166. margin-left:200px;
  167. }
  168.  
  169. .post{
  170. width:400px;
  171. margin:0 0 50px 0;
  172. overflow:hidden;
  173. padding:10px;
  174. {block:ifroundedcorners}
  175. moz-border-radius-bottomright: 10px;
  176. border-bottom-right-radius: 10px;
  177. -moz-border-radius-topleft: 10px;
  178. border-top-left-radius: 10px;
  179. -moz-border-radius-bottomleft: 10px;
  180. border-bottom-left-radius: 10px;
  181. -moz-border-radius-topright: 10px;
  182. border-top-right-radius: 10px;
  183. {/block:ifroundedcorners}
  184. {block:ifnottransparentposts}
  185. background:{color:post bg};
  186. {/block:ifnottransparentposts}
  187. {block:ifborders}
  188. border:1px {select:borders} {color:borders};
  189. {/block:ifborders}
  190. }
  191.  
  192. .post img{
  193. max-width:100%;
  194. }
  195.  
  196. #nya{
  197. width:100px;
  198. position:fixed;
  199. padding:10px;
  200. margin-left:50px;
  201. margin-top:55px;
  202. }
  203.  
  204. #nya img{
  205. max-height:auto;
  206. max-width:100px;
  207. float:center;
  208. margin-top:0px;
  209. margin-left:-80px;
  210. {block:ifroundedcorners}
  211. moz-border-radius-bottomright: 10px;
  212. border-bottom-right-radius: 10px;
  213. -moz-border-radius-topleft: 10px;
  214. border-top-left-radius: 10px;
  215. -moz-border-radius-bottomleft: 10px;
  216. border-bottom-left-radius: 10px;
  217. -moz-border-radius-topright: 10px;
  218. border-top-right-radius: 10px;
  219. {/block:ifroundedcorners}
  220. {block:ifsideimgborder}
  221. border:1px {select:borders} {color:borders};
  222. {/block:ifsideimgborder}
  223. }
  224.  
  225. #desu{
  226. width:120px;
  227. position:fixed;
  228. padding:10px;
  229. margin-left:-10px;
  230. margin-top:-33px;
  231. z-index:9999;
  232. }
  233.  
  234. #sidebar img{
  235. max-height:auto;
  236. max-width:100px;
  237. float:center;
  238. {block:ifroundedcorners}
  239. moz-border-radius-bottomright: 10px;
  240. border-bottom-right-radius: 10px;
  241. -moz-border-radius-topleft: 10px;
  242. border-top-left-radius: 10px;
  243. -moz-border-radius-bottomleft: 10px;
  244. border-bottom-left-radius: 10px;
  245. -moz-border-radius-topright: 10px;
  246. border-top-right-radius: 10px;
  247. {/block:ifroundedcorners}
  248. {block:ifsideimgborder}
  249. border:1px {select:borders} {color:borders};
  250. {/block:ifsideimgborder}
  251. }
  252.  
  253. #sidebar .pagination {
  254. width:100px;
  255. text-align:center;
  256. padding: 3px 0;
  257. }
  258.  
  259. #sidebar .pagination a {
  260. color:{color:links};
  261. text-decoration: none;
  262. }
  263.  
  264. #sidebar .pagination a:hover {
  265. color: {color:links hover};
  266. }
  267.  
  268. #credit{
  269. position:fixed;
  270. bottom:0px;
  271. left:3px;
  272. }
  273.  
  274. .media{
  275. margin:0 0 10px 0;
  276. }
  277.  
  278. .title{
  279. font-weight:normal;
  280. font-size:18px;
  281. margin:0 0 10px 0;
  282. }
  283.  
  284. .quote{
  285. font-weight:normal;
  286. font-size:16px;
  287. font-style:italic;
  288. margin:0 0 10px 0;
  289. }
  290.  
  291. .question{
  292. margin-bottom:10px;
  293. padding:5px;
  294. {block:ifroundedcorners}
  295. moz-border-radius-bottomright: 10px;
  296. border-bottom-right-radius: 10px;
  297. -moz-border-radius-topleft: 10px;
  298. border-top-left-radius: 10px;
  299. -moz-border-radius-bottomleft: 10px;
  300. border-bottom-left-radius: 10px;
  301. -moz-border-radius-topright: 10px;
  302. border-top-right-radius: 10px;
  303. {/block:ifroundedcorners}
  304. {block:ifborders}
  305. border:1px {select:borders} {color:borders};
  306. {/block:ifborders}
  307. }
  308.  
  309. blockquote{
  310. margin:0 0 10px 10px;
  311. padding:0 0 0 10px;
  312. border-left:solid 1px {color:borders};
  313. }
  314.  
  315. .post .footer{
  316. margin:0;
  317. text-align:left;
  318. padding:5px;
  319. background:{color:post bg};
  320. {block:ifroundedcorners}
  321. moz-border-radius-bottomright: 10px;
  322. border-bottom-right-radius: 10px;
  323. -moz-border-radius-topleft: 10px;
  324. border-top-left-radius: 10px;
  325. -moz-border-radius-bottomleft: 10px;
  326. border-bottom-left-radius: 10px;
  327. -moz-border-radius-topright: 10px;
  328. border-top-right-radius: 10px;
  329. {/block:ifroundedcorners}
  330. {block:ifborders}
  331. border:1px {select:borders} {color:borders};
  332. {/block:ifborders}
  333. }
  334.  
  335. ol.notes{
  336. list-style-type:none;
  337. padding:0;
  338. margin:0;
  339. }
  340.  
  341. ol.notes li.note img{
  342. width:16px;
  343. height:16px;
  344. }
  345.  
  346. ol.notes li.note{
  347. margin:0px;
  348. }
  349.  
  350. {CustomCSS}
  351. </style>
  352.  
  353. {block:ifinfinitescroll}
  354. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  355. {/block:ifinfinitescroll}
  356.  
  357. </head>
  358.  
  359. <body>
  360.  
  361. <div id="wrapper">
  362.  
  363.  
  364. <div id="nya">
  365. <div id="nya img">
  366. <center>
  367. <a href="/" title="{text:sidebar img hover}"><img src="{image:sidebar}"></a>
  368. </div>
  369. </div>
  370.  
  371. <div id="sidebar">
  372. <center>
  373. <div id="desu">
  374. <p>▲</p>
  375. </div>
  376. {block:Description}
  377. {Description}</p>
  378. {/block:Description}
  379. </center>
  380. <center>
  381. <b><a href="/">.1</a>
  382. <a href="/ask">.2</a>
  383. <a href="{text:link 1 url}">.3</a></b>
  384. </center>
  385. </center>
  386. <p></p>
  387. <p></p>
  388. {block:ifnotinfinitescroll}
  389. {block:Pagination}
  390. <center>
  391. <div id="pagination">
  392. {block:PreviousPage}
  393. <a href="{PreviousPage}">&larr;</a>&nbsp;
  394. {/block:PreviousPage}
  395. {block:JumpPagination length="5"}
  396. {block:CurrentPage}
  397. <span class="current_page">{PageNumber}</span>
  398. {/block:CurrentPage}
  399. {block:JumpPage}
  400. <a class="jump_page" href="{URL}">{PageNumber}</a>
  401. {/block:JumpPage}
  402. {/block:JumpPagination}
  403. {block:NextPage}
  404. <a href="{NextPage}">&nbsp;&rarr;</a>
  405. {/block:NextPage}
  406. </div>
  407.  
  408. </center>
  409. {/block:Pagination}
  410. {/block:ifnotinfinitescroll}
  411.  
  412. </div>
  413.  
  414. <div id="imageright" style="position:fixed; bottom:{text:right img margin bottom}px; z-index:-1; right:{text:right img margin right}px;"><img src="{image:right img}"width="{text:right img width}"></div>
  415. <div id="imageleft" style="position:fixed; bottom:{text:left img margin bottom}px; z-index:-1; left:{text:left img margin left}px;"><img src="{image:left img}"width="{text:left img width}"></div>
  416.  
  417. <div id="content">
  418. {block:Posts}
  419.  
  420. <div class="post">
  421.  
  422. {block:Text}
  423. {block:Title}
  424. <div class="title">{Title}</div>
  425. {/block:Title}
  426. {Body}
  427. {/block:Text}
  428.  
  429. {block:Photo}
  430. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  431. {block:ifcaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  432. {/block:Photo}
  433.  
  434. {block:Photoset}
  435. <div class="media">{Photoset-400}</div>
  436. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  437. {/block:Photoset}
  438.  
  439. {block:Quote}
  440. <div class="quote">"{Quote}"</div>
  441. {block:Source}
  442. <div class="quotesource">{Source}</div>
  443. {/block:Source}
  444. {/block:Quote}
  445.  
  446. {block:Link}
  447. <div class="title"><a href="{URL}">{Name}</a></div>
  448. {block:Description}
  449. <div class="description">{Description}</div>
  450. {/block:Description}
  451. {/block:Link}
  452.  
  453. {block:Chat}
  454. {block:Title}
  455. <div class="title">{Title}</div>
  456. {/block:Title}
  457.  
  458. {block:Lines}
  459. <div class="{Alt} user_{UserNumber}">
  460. {block:Label}
  461. <b>{Label}</b>{/block:Label}
  462. &nbsp;{Line}
  463. </div>
  464. {/block:Lines}
  465. {/block:Chat}
  466.  
  467. {block:Video}
  468. <div class="media">{Video-400}</div>
  469. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  470. {/block:Video}
  471.  
  472. {block:Audio}
  473. <div class="media">
  474. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:100px; height:100px;">{/block:AlbumArt}
  475. <br>{block:TrackName}<small>{TrackName}{/block:TrackName} by {block:Artist}{Artist}</small>{/block:Artist}{AudioPlayerWhite}
  476. </div>
  477. {block:Caption}{Caption}{/block:Caption}
  478. {/block:Audio}
  479.  
  480. {block:Answer}
  481. <div class="question">
  482. <img class="asker-avatar" src="{AskerPortraitURL-24}" {block:ifborders}style="border:1px {select:borders} {color:borders}"{/block:ifborders} alt="">&nbsp;&nbsp;{Asker}: {Question}
  483. </div>
  484. <p><div class="caption">{Answer}</div>
  485. {/block:Answer}
  486.  
  487.  
  488. {block:Date}
  489. <div class="footer">
  490. <a href="{Permalink}">posted {TimeAgo}{block:NoteCount} || {NoteCount}{text:note label}&nbsp;{/block:NoteCount}</a>
  491. {block:HasTags}<br>{block:Tags}{text:tag symbol}<a href="{TagURL}">{Tag}</a>&nbsp; {/block:Tags}{/block:HasTags}
  492. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  493. <br>{block:ContentSource}src: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  494. </div>
  495.  
  496. {block:PermalinkPage}
  497. {block:NoteCount}
  498. {block:PostNotes}{PostNotes}{/block:PostNotes}
  499. {/block:NoteCount}
  500. {/block:PermalinkPage}
  501. {/block:Date}
  502.  
  503. </div>
  504. {/block:Posts}
  505. </div>
  506. </div>
  507.  
  508. </div>
  509.  
  510. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  511. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  512.  
  513. <div id="credit"><a href="http://komaedahater69.tumblr.com">thm</a></div>
  514. </body>
  515. </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!