API tools faq
paste
Advertisement
horanique

THEME03

horanique
Mar 17th, 2013
194
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.63 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5.  
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <meta name="image:sidebar" content""/>
  9. <meta name="color:text" content""/>
  10. <meta name="color:links" content""/>
  11. <meta name="color:linkhover" content""/>
  12. <meta name="color:desc" content""/>
  13. <meta name="color:scrollbar" content""/>
  14.  
  15. <meta name="text:link1" content""/>
  16. <meta name="text:link1name" content ""/>
  17. <meta name="text:link2" content""/>
  18. <meta name="text:link2name" content ""/>
  19. <meta name="text:link3" content""/>
  20. <meta name="text:link3name" content ""/>
  21. <meta name="text:link4" content""/>
  22. <meta name="text:link4name" content ""/>
  23.  
  24.  
  25.  
  26.  
  27. <style type="text/css">
  28.  
  29.  
  30.  
  31. body {
  32. font-family: consolas;
  33. font-size: 10px;
  34. color: {color:text};
  35. margin: 0;
  36. }
  37.  
  38. a {
  39. color: {color:links};
  40. width: 20px;
  41. text-decoration: none;
  42. ;
  43. }
  44.  
  45. a:hover {
  46. color: {color:linkhover};
  47. -webkit-transition: all 0.5s ease;
  48. -moz-transition: all 0.5s ease;
  49. -o-transition: all 0.5s ease;
  50. }
  51.  
  52.  
  53. ::-webkit-scrollbar {background-color:#fff; height:8px; width:8px}
  54. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  55. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  56.  
  57.  
  58. #content {
  59. padding: 1px 20px 20px 20px;
  60. width: 540px;
  61. margin: auto;
  62. }
  63.  
  64.  
  65.  
  66. .posts {
  67. font-family: consolas;
  68. padding: 19px;
  69. margin-top: 20px;
  70. margin-left: 00px;
  71. overflow: hidden;
  72. background: #FFF;
  73. width: 500px;
  74. }
  75.  
  76.  
  77. .posts img {
  78. max-width: 100%;
  79. }
  80.  
  81.  
  82. blockquote {
  83. border-left: 2px solid #F0F0F0;
  84. padding: 1px 1px 1px 10px;
  85. margin: 5px;
  86. }
  87.  
  88.  
  89. #captions {
  90. width:500px;
  91. text-align:justify;
  92. line-height:120%;
  93.  
  94. }
  95.  
  96. #audiocaptions {
  97. display: block;
  98. padding: 1px 10px 1px 10px;
  99. margin-top: 10px;
  100. }
  101.  
  102.  
  103. #albumart img {
  104. width: 50px;
  105. height: 50px;
  106. }
  107.  
  108. #sidebar {
  109. width: 200px;
  110. position: fixed;
  111. margin-top: 130px;
  112. margin-left: -180px;
  113. text-align: justify;
  114. }
  115.  
  116.  
  117. #sidebarimage {
  118. width: 90px;
  119.  
  120. }
  121.  
  122. #sidebarimage img {
  123. width: 90px;
  124. height: 90px;
  125. }
  126.  
  127.  
  128.  
  129.  
  130. #links {
  131. color: {color:desc};
  132. display; inline;
  133. text-align: left;
  134. font-size: 8px;
  135. margin-top: -89px;
  136. margin-left: 100px;
  137. font-family: consolas;
  138. line-height: 20px;
  139. opacity: .9;
  140. transition: all 0.9s ease-out;
  141. -o-transition-transition: all 0.9s ease-out;
  142. -webkit-transition: all 0.9s ease-out;
  143. -moz-transition: all 0.9s ease-out;
  144. }
  145.  
  146.  
  147. #links a {
  148. color: {color:desc};
  149. font-size: 8px;
  150. padding-left: 15px;
  151. margin-left: -14px;
  152. text-transform: uppercase;
  153. opacity: 0;
  154. line-height: 13px;
  155. transition: all 0.5s ease-out;
  156. -o-transition-transition: all 0.5s ease-out;
  157. -webkit-transition: all 0.5s ease-out;
  158. -moz-transition: all 0.5s ease-out;
  159.  
  160. }
  161.  
  162.  
  163. #links a:hover {
  164. opacity: .9;
  165. }
  166.  
  167. #links:hover #links a {
  168. opacity: .9;
  169.  
  170. }
  171.  
  172.  
  173. #description {
  174. width: 88px;
  175. text-align: justify;
  176. margin-top: 8px;
  177. font-family: consolas;
  178. font-size: 8px;
  179. letter-spacing: 1px;
  180. line-height: 8px;
  181. color: {color:desc};
  182. }
  183.  
  184. #pagination {
  185. position: fixed;
  186. bottom: 0px;
  187. background-color: #fff;
  188. left: 368px;
  189. width: 500px;
  190. word-spacing: 10px;
  191. padding: 10px;
  192. margin-left: 50px;
  193. font-size:13px;
  194. text-align:center;
  195. opacity: 1;
  196. font-family: calibri;
  197. text-transform: uppercase;
  198. transition: all 0.7s ease-out;
  199. -o-transition-transition: all 0.7s ease-out;
  200. -webkit-transition: all 0.7s ease-out;
  201. -moz-transition: all 0.7s ease-out;
  202.  
  203. }
  204.  
  205.  
  206. #info {
  207.  
  208. position: absolute;
  209. width: 500px;
  210. padding-top: 5px;
  211. margin-left: 20px;
  212. text-transform: uppercase;
  213. font-size: 8px;
  214. letter-spacing: 1px;
  215. font-family: consolas;
  216. line-height: 3px;
  217. word-spacing: -1px;
  218. color: {color:links};
  219. text-align: right;
  220.  
  221. }
  222.  
  223. #notes {
  224. opacity: .8;
  225. }
  226.  
  227.  
  228. #credit a {
  229. position:fixed;
  230. bottom:5px;
  231. right:-52px;
  232. text-transform:uppercase;
  233. color:#666666;
  234. font-size:8px;
  235. width:80px;
  236. font-family:consolas;
  237. text-align:center;
  238. transition: all 0.7s ease-out;
  239. -o-transition-transition: all 0.7s ease-out;
  240. -webkit-transition: all 0.7s ease-out;
  241. -moz-transition: all 0.7s ease-out;
  242. }
  243.  
  244. #credit a:hover {
  245. right: -3px;
  246. transition: all 0.7s ease-out;
  247. -o-transition-transition: all 0.7s ease-out;
  248. -webkit-transition: all 0.7s ease-out;
  249. -moz-transition: all 0.7s ease-out;
  250. }
  251.  
  252. iframe#tumblr_controls {
  253. position: fixed !important;
  254. z-index: 9999;
  255. }
  256.  
  257. </style>
  258.  
  259. </head>
  260.  
  261.  
  262.  
  263. <body>
  264.  
  265.  
  266. <div id="content">
  267.  
  268.  
  269. <div id="sidebar">
  270.  
  271. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  272.  
  273.  
  274.  
  275. <div id="links">
  276. 01 <a href="{text:link1}">{text:link1name}</a>
  277. <br>
  278. 02 <a href="{text:link2}">{text:link2name}</a>
  279. <br>
  280. 03 <a href="{text:link3}">{text:link3name}</a>
  281. <br>
  282. 04 <a href="{text:link4}">{text:link4name}</a>
  283. <br>
  284.  
  285.  
  286. </div>
  287.  
  288. <div id="description">{Description}</div>
  289.  
  290. </div>
  291.  
  292. <div id="pagination">
  293. {block:Pagination}
  294. <div class="ha">
  295. {block:PreviousPage}
  296. <a href="{PreviousPage}">«</a>
  297. {/block:PreviousPage}
  298. {block:JumpPagination length="5"}
  299. {block:CurrentPage}
  300. <span class="current_page">{PageNumber}</span>
  301. {/block:CurrentPage}
  302.  
  303. {block:JumpPage}
  304. <a class="jump_page" href="{URL}">{PageNumber}</a>
  305. {/block:JumpPage}
  306. {/block:JumpPagination}
  307. {block:NextPage}
  308. <a href="{NextPage}">»</a>
  309. {/block:NextPage}
  310. </div>
  311. {/block:Pagination}
  312. </div>
  313.  
  314.  
  315. {block:Posts}
  316.  
  317.  
  318. <div class="posts">
  319.  
  320.  
  321. {block:Text}
  322.  
  323. {block:Title}
  324. {Title}
  325. {/block:Title}
  326.  
  327. {Body}
  328.  
  329. {/block:Text}
  330.  
  331.  
  332.  
  333.  
  334. {block:Photo}
  335.  
  336. <center>
  337. <img src="{PhotoURL-500}">
  338. </center>
  339.  
  340. {block:Caption}
  341. <div id="captions">
  342. {Caption}</div>
  343. {/block:Caption}
  344.  
  345. {/block:Photo}
  346.  
  347.  
  348.  
  349. {block:Photoset}<center>{Photoset-500}</center>
  350. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  351.  
  352.  
  353.  
  354. {block:Quote}
  355.  
  356. ❝{Quote}
  357.  
  358. {block:Source}
  359. <br><br>—{Source}
  360. {/block:Source}
  361.  
  362. {/block:Quote}
  363.  
  364.  
  365.  
  366. {block:Link}
  367.  
  368. <a href="{URL}" {Target}>+ {Name}</a>
  369.  
  370. {block:Description}
  371. {Description}
  372. {/block:Description}
  373.  
  374. {/block:Link}
  375.  
  376.  
  377.  
  378. {block:Chat}
  379.  
  380. {block:Title}
  381. {Title}
  382. {/block:Title}
  383.  
  384.  
  385. {block:Lines}<br>
  386. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  387. {/block:Lines}
  388.  
  389.  
  390. {/block:Chat}
  391.  
  392.  
  393.  
  394. {block:Audio}
  395.  
  396.  
  397.  
  398. {AudioPlayerWhite}
  399. <br>
  400. {block:TrackName}<b></b> {TrackName}{/block:TrackName} -
  401. {block:Artist}<b></b>{Artist}{/block:Artist}
  402. {block:Caption}
  403. <div id="audiocaptions">
  404. {Caption}</div>
  405. {/block:Caption}
  406.  
  407. {/block:Audio}
  408.  
  409.  
  410.  
  411. {block:Video}
  412.  
  413. <div class="video">
  414. {block:IndexPage}{Video-500}{/block:IndexPage}
  415. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  416. </div>
  417. {block:Caption}
  418. <div id="captions">
  419. {Caption}</div>
  420. {/block:Caption}
  421.  
  422. {/block:Video}
  423.  
  424.  
  425.  
  426. {block:Answer}
  427.  
  428. <center> <b>{Asker}</b>: {Question}
  429.  
  430. {Answer}</center>
  431.  
  432. {/block:Answer}
  433.  
  434.  
  435. </div>
  436.  
  437.  
  438.  
  439. <div id="info">
  440.  
  441. {block:Date}<a href="{permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom}&#160&#160<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}&#160&#160{block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}&#160&#160<a href="{Permalink}">{NoteCountWithLabel}</a>
  442. </div>
  443.  
  444. {block:PermalinkPage}
  445. <span style="text-align:left; font-family: consolas; text-transform: uppercase; font-size: 8px;">{block:PostNotes}
  446. {PostNotes}
  447. {/block:PostNotes}</span>
  448. {/block:PermalinkPage}
  449.  
  450.  
  451.  
  452.  
  453. {/block:Posts}
  454. </div>
  455.  
  456. <div id="credit"><a href="http://diaemonds.tumblr.com/">[C] DIAEMONDS </a></div>
  457. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
  458.  
  459.  
  460. </body>
  461. </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!