Advertisement
pinkmanist

Base code.

May 20th, 2014
630
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.65 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10. <!--
  11.  
  12. © ZB 2014, ALL RIGHTS RESERVED.
  13.  
  14. -->
  15.  
  16.  
  17.  
  18.  
  19. <meta name="color:Background" content="#fff"/>
  20.  
  21. <meta name="color:Text" content="#9C9C9C"/>
  22.  
  23. <meta name="color:Links" content="#B3B3B3"/>
  24.  
  25. <meta name="color:Hover" content="#f3f3f3"/>
  26.  
  27. <meta name="image:Sidebar" content=""/>
  28.  
  29. <meta name="text:Link 1" content="/"/>
  30.  
  31. <meta name="text:Link 1 Title" content="Link"/>
  32.  
  33. <meta name="text:Link 2" content="/"/>
  34.  
  35. <meta name="text:Link 2 Title" content="Link"/>
  36.  
  37. <meta name="text:Link 3" content="/"/>
  38.  
  39. <meta name="text:Link 3 Title" content="Link"/>
  40.  
  41. <meta name="text:Link 4" content="/"/>
  42.  
  43. <meta name="text:Link 4 Title" content="Link"/>
  44.  
  45.  
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50. body {
  51. background:{color:Background};
  52. color:{color:Text};
  53. font-family:helvetica;
  54. font-size:10px;
  55. }
  56.  
  57. a {
  58. color:{color:Links};
  59. text-decoration:none;
  60. -webkit-transition: all 0.4s ease-in-out;
  61. -moz-transition: all 0.4s ease-in-out;
  62. -o-transition: all 0.4s ease-in-out;
  63. transition: all 0.4s ease-in-out;
  64. }
  65.  
  66. a:hover {
  67. text-decoration:none;
  68. color:{color:Hover};
  69. -webkit-transition: all 0.4s ease-in-out;
  70. -moz-transition: all 0.4s ease-in-out;
  71. -o-transition: all 0.4s ease-in-out;
  72. transition: all 0.4s ease-in-out;
  73. }
  74.  
  75.  
  76.  
  77.  
  78. blockquote {
  79. border-left:1px solid #ededed;
  80. padding-left:10px;
  81. margin-left:6px;
  82. }
  83.  
  84. h1 {
  85. font-family:sans-serif;
  86. font-weight:lighter;
  87. font-family:sans-serif;
  88. font-weight:lighter;
  89. font-size:17px;
  90. letter-spacing:1px;
  91. text-transform:uppercase;
  92. text-align:center;
  93. }
  94.  
  95.  
  96.  
  97.  
  98. #entries {
  99. width:500px;
  100. margin-left:600px;
  101. margin-top:50px;
  102. margin-bottom:50px;
  103. }
  104.  
  105. #post {
  106. width:500px;
  107. margin-top:50px;
  108. }
  109.  
  110.  
  111.  
  112.  
  113. #sbar {
  114. margin-left:200px;
  115. margin-top:200px;
  116. position:fixed;
  117. width:300px;
  118. }
  119.  
  120. .image {
  121. }
  122.  
  123. .image img {
  124. width:300px;
  125. }
  126.  
  127. .title {
  128. font-size:25px;
  129. text-align:right;
  130. font-style:italic;
  131. font-family:times;
  132. }
  133.  
  134. .title a {
  135. color:#9C9C9C;
  136. }
  137.  
  138. .desc {
  139. margin-top:10px;
  140. text-align:left;
  141. text-transform:lowercase;
  142. }
  143.  
  144. .links {
  145. margin-top:10px;
  146. border-top:1px solid #ededed;
  147. padding-top:5px;
  148. text-transform:lowercase;
  149. text-align:right;
  150. word-spacing:10px;
  151. }
  152.  
  153.  
  154.  
  155.  
  156. #pagination {
  157. position:fixed;
  158. width:480px;
  159. height:10px;
  160. font-size:10px;
  161. text-align:center;
  162. margin-left:600px;
  163. bottom:0px;
  164. opacity:0.7;
  165. padding:10px;
  166. font-family:consolas;
  167. letter-spacing:4px;
  168. background-color:#fff;
  169. }
  170.  
  171.  
  172.  
  173.  
  174. #info {
  175. text-align:left;
  176. margin-top:2px;
  177. border-bottom:1px solid #ededed;
  178. padding-bottom:5px;
  179. text-transform:lowercase;
  180. -webkit-transition: all 0.4s ease-in-out;
  181. -moz-transition: all 0.4s ease-in-out;
  182. -o-transition: all 0.4s ease-in-out;
  183. transition: all 0.4s ease-in-out;
  184. }
  185.  
  186. #tags {
  187. text-align:left;
  188. margin-top:4px;
  189. }
  190.  
  191.  
  192.  
  193.  
  194. #ask {
  195. margin-top:-55px;
  196. margin-left:80px;
  197. }
  198.  
  199. #askimg {
  200. }
  201.  
  202. #askimg img {
  203. height:64px;
  204. width:64px;
  205. border-radius:50%;
  206. -moz-box-shadow: 3px 3px 5px #888;
  207. -webkit-box-shadow: 3px 3px 5px #888;
  208. box-shadow: 3px 3px 5px #888;
  209. }
  210.  
  211. #ask2 {
  212. margin-top:50px;
  213. }
  214.  
  215. #quote {
  216. padding:10px;
  217. font-size:12px;
  218. font-style:italic;
  219. text-align:center;
  220. }
  221.  
  222. #source {
  223. text-align:center;
  224. padding:8px;
  225. }
  226.  
  227. #chat1 {
  228. border-bottom:1px solid #ededed;
  229. margin-top:10px;
  230. padding:5px;
  231. background:#f9f9f9;
  232. }
  233.  
  234. {CustomCSS}</style></head><body>
  235.  
  236. <div id="sbar">
  237.  
  238. <div class="title">
  239. <a href="/">
  240. cellardoor
  241. </a>
  242. </div>
  243.  
  244.  
  245.  
  246.  
  247. <div class="image">
  248. <img src="{image:Sidebar}">
  249. </div>
  250.  
  251.  
  252.  
  253.  
  254. <div class="desc">
  255. {description}
  256. </div>
  257.  
  258.  
  259.  
  260.  
  261. <div class="links">
  262. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  263. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  264. <a href="/{text:Link 3}">{text:Link 3 Title}</a>
  265. <a href="/{text:Link 4}">{text:Link 4 Title}</a>
  266. </div>
  267.  
  268. </div>
  269.  
  270.  
  271.  
  272.  
  273. <div id="pagination">
  274.  
  275. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><big>&laquo;</big></a>{/block:PreviousPage}{/block:Pagination}
  276. {block:JumpPagination length="5"}
  277. {block:CurrentPage}<span class="pagination_a">{PageNumber}</span>{/block:CurrentPage}
  278. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  279. {/block:JumpPagination}
  280. {block:Pagination}{block:NextPage}<big><a href="{NextPage}">&raquo;</a></big>{/block:NextPage}{/block:Pagination}
  281.  
  282. </div>
  283.  
  284.  
  285.  
  286.  
  287. <div id="entries">
  288. {block:Posts}
  289. <div id="post">
  290.  
  291.  
  292. {block:Text}
  293. <h1>{block:Title}{Title}{/block:Title}</h1>
  294. {Body}{/block:Text}
  295.  
  296.  
  297.  
  298. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  299.  
  300.  
  301.  
  302. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  303.  
  304.  
  305.  
  306.  
  307. {block:Quote}
  308. <div id="quote">
  309. "{Quote}"
  310. </div>
  311. {block:Source}
  312. <div id="source">
  313. {Source}
  314. </div>
  315. {/block:Source}{/block:Quote}
  316.  
  317.  
  318.  
  319. {block:Link}<h1><a href="{URL}" {Target}>{Name} →</a></h1>{/block:Link}
  320.  
  321.  
  322.  
  323. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<div id="chat1"><b>{Label}</b>{/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
  324.  
  325.  
  326.  
  327. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  328. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  329. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  330. {/block:ExternalAudio}
  331. {/block:Audio}<br>
  332.  
  333.  
  334.  
  335. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  336.  
  337.  
  338.  
  339. {block:Answer}
  340. <div id="askimg"><img src="{AskerPortraitURL-64}"></div>
  341. <div id="ask">
  342. <div style="font-size:14px; font-weight:lighter; font-style:italic;">{Asker}</div>
  343. {Question}
  344. </div>
  345. <div id="ask2">
  346. {Answer}</div>{/block:Answer}
  347.  
  348.  
  349.  
  350.  
  351. <div id="info">
  352.  
  353. <a href="{permalink}">{shortmonth} {dayofmonth}{dayofmonthsuffix}</a> &nbsp;&nbsp; <a href="{permalink}">♥ {NoteCount}</a>
  354.  
  355. <div style="float:right;">
  356.  
  357. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} /
  358. {block:ContentSource} <a href="{SourceURL}">source</a>{/block:ContentSource}
  359.  
  360. </div>
  361.  
  362. </div>
  363.  
  364. <div id="tags">
  365.  
  366. {block:HasTags}{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  367.  
  368. </div>
  369.  
  370. {/block:Posts}
  371.  
  372. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  373.  
  374. </div>
  375.  
  376. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement