Advertisement
qtsumu

antique theme

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