API tools faq
paste
Advertisement
horanique

THEME06

horanique
Apr 11th, 2013
289
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.94 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. <!---
  7.  
  8. hello so this theme is made by diaemonds.
  9. please don't claim this theme as yours and please leave the credit where it is now :)
  10. you can edit as much as you want, hope you like it! ♥
  11.  
  12. --->
  13.  
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <meta name="image:sidebar" content""/>
  17. <meta name="color:text" content""/>
  18. <meta name="color:links" content""/>
  19. <meta name="color:desc" content""/>
  20. <meta name="color:linkhover" content""/>
  21. <meta name="color:scrollbar"content="" />
  22.  
  23. <meta name="text:link1url" content""/>
  24. <meta name="text:linktitle1" content""/>
  25. <meta name="text:link2url" content""/>
  26. <meta name="text:linktitle2" content""/>
  27. <meta name="text:link3url" content""/>
  28. <meta name="text:linktitle3" content""/>
  29. <meta name="text:link4url" content""/>
  30. <meta name="text:linktitle4" content""/>
  31.  
  32.  
  33.  
  34. <style type="text/css">
  35.  
  36.  
  37. body {
  38. font-family: times new;
  39. font-size: 10px;
  40. color: {color:text};
  41. margin: 0;
  42. }
  43.  
  44. a {
  45. color: {color:links};
  46. text-decoration: none;
  47. -webkit-transition: all 0.5s ease;
  48. -moz-transition: all 0.5s ease;
  49. -o-transition: all 0.5s ease;
  50. }
  51.  
  52. a:hover {
  53. color: {color:linkhover};
  54. -webkit-transition: all 0.5s ease;
  55. -moz-transition: all 0.5s ease;
  56. -o-transition: all 0.5s ease;
  57. }
  58.  
  59. ::-webkit-scrollbar {background-color:#fff; height:8px; width:3px}
  60. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  61. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  62.  
  63.  
  64. #content {
  65. width: 500px;
  66. margin: auto;
  67. line-height: 10px;
  68. font-family: times new;
  69. }
  70.  
  71. .hello {
  72. text-transform: uppercase;
  73. letter-spacing: 1px;
  74. font-size: 120%;
  75. margin-left: 20px;
  76. padding-bottom: 20px;
  77. }
  78.  
  79.  
  80.  
  81.  
  82. .posts {
  83. padding: 19px;
  84. margin-top: 20px;
  85. margin-left: 10px;
  86. overflow: hidden;
  87. background: #FFF;
  88. width: 500px;
  89. }
  90.  
  91.  
  92.  
  93.  
  94. blockquote {
  95. border-left: 2px solid #F0F0F0;
  96. padding: 1px 1px 1px 10px;
  97. margin: 5px;
  98. }
  99.  
  100.  
  101.  
  102. #captions {
  103. display: block;
  104. padding: 1px 10px 1px 10px;
  105. margin-top: 10px;
  106. {block:IfNotShowCaptions}
  107. {block:IndexPage}
  108. display: none;
  109. {/block:IndexPage}
  110. {/block:IfNotShowCaptions}
  111. }
  112.  
  113. #audiocaptions {
  114. display: block;
  115. padding: 1px 10px 1px 10px;
  116. margin-top: 10px;
  117. {block:IfNotShowCaptions}
  118. {block:IndexPage}
  119. display: none;
  120. {/block:IndexPage}
  121. {/block:IfNotShowCaptions}
  122. }
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129. #albumart img {
  130. width: 50px;
  131. height: 50px;
  132. }
  133.  
  134.  
  135. #permalink {
  136. padding: 5px 10px 5px 10px;
  137.  
  138. }
  139.  
  140.  
  141.  
  142. #sidebar {
  143. width: 200px;
  144. margin-left: 180px;
  145. position: fixed;
  146. left: 0px;
  147. text-align: justify;
  148.  
  149. transition: all 0.9s ease-out;
  150. -o-transition-transition: all 0.9s ease-out;
  151. -webkit-transition: all 0.9s ease-out;
  152. -moz-transition: all 0.9s ease-out;
  153. }
  154.  
  155.  
  156. #sbimg img {
  157. width: 200px;
  158. height: 300px;
  159. margin-top: 100px;
  160. }
  161.  
  162. #pack {
  163. opacity: 0;
  164.  
  165. transition: all 0.9s ease-out;
  166. -o-transition-transition: all 0.9s ease-out;
  167. -webkit-transition: all 0.9s ease-out;
  168. -moz-transition: all 0.9s ease-out;
  169. }
  170.  
  171. #sidebar:hover #pack {
  172. opacity: 1;
  173. }
  174.  
  175. #desc {
  176. width: 105px;
  177. height: 54px;
  178. overflow: auto;
  179. background-color: #fff;
  180. padding:3px;
  181. padding-top: 3px;
  182. text-align: justify;
  183. font-family: times new;
  184. letter-spacing: 1px;
  185. font-size:8px;
  186. margin-top: -60px;
  187. margin-left: 71px;
  188. line-height: 9px;
  189. color: {color:desc};
  190. opacity:.7;
  191. }
  192.  
  193.  
  194.  
  195. .navi {
  196. margin-left: 19px;
  197. margin-top:-80px;
  198. text-align: center;
  199. line-height: 13px;
  200. font-family: times new;
  201. letter-spacing: 1px;
  202. opacity: 1;
  203. transition: all 0.9s ease-out;
  204. -o-transition-transition: all 0.9s ease-out;
  205. -webkit-transition: all 0.9s ease-out;
  206. -moz-transition: all 0.9s ease-out;
  207.  
  208. }
  209.  
  210. .navi a {
  211. font-style: oblique;
  212. width: 50px;
  213. color: {color:desc};
  214. background-color: #fff;
  215. padding: 1px;
  216. display:block;
  217. opacity: .7;
  218. }
  219.  
  220.  
  221. .navi a:hover {
  222. opacity: .8;
  223. }
  224.  
  225. #sidebar:hover .navi {
  226. opacity: 1;
  227. }
  228.  
  229.  
  230.  
  231. #info {
  232. text-transform: uppercase;
  233. font-size: 80%;
  234. letter-spacing: 1px;
  235. font-family: consolas;
  236. text-align: right;
  237. margin-right: 10px;
  238. margin-top: 20px;
  239. line-height: 8px;
  240. word-spacing: -1px;
  241. color: {color:links};
  242. opacity: .9;
  243. transition: all 0.7s ease-out;
  244. -o-transition-transition: all 0.7s ease-out;
  245. -webkit-transition: all 0.7s ease-out;
  246. -moz-transition: all 0.7s ease-out;
  247. }
  248.  
  249.  
  250. #info a {
  251. color: {color:text};
  252. }
  253.  
  254.  
  255.  
  256. #tags {
  257. padding-right: 5px;
  258. font-size: 8px;
  259. color: {color:links};
  260. text-align: right;
  261. opacity: 0;
  262. transition: all 0.7s ease-out;
  263. -o-transition-transition: all 0.7s ease-out;
  264. -webkit-transition: all 0.7s ease-out;
  265. -moz-transition: all 0.7s ease-out;
  266. }
  267.  
  268. .posts:hover #tags {
  269. opacity: .8;
  270. }
  271.  
  272. iframe#tumblr_controls {
  273. position: fixed !important;
  274. z-index: 9999;
  275. }
  276.  
  277.  
  278. #pagination {
  279. position: fixed;
  280. bottom: 0px;
  281. background-color: #fff;
  282. left: 390px;
  283. width: 510px;
  284. word-spacing: 10px;
  285. padding: 10px;
  286. margin-left: 53px;
  287. font-size:13px;
  288. text-align:center;
  289. opacity: 1;
  290. font-family: calibri;
  291. text-transform: uppercase;
  292. transition: all 0.7s ease-out;
  293. -o-transition-transition: all 0.7s ease-out;
  294. -webkit-transition: all 0.7s ease-out;
  295. -moz-transition: all 0.7s ease-out;
  296.  
  297. }
  298.  
  299. #credit a {
  300. position:fixed;
  301. bottom:5px;
  302. right:-52px;
  303. text-transform:uppercase;
  304. color:#666666;
  305. font-size:8px;
  306. width:80px;
  307. font-family:consolas;
  308. text-align:center;
  309. transition: all 0.7s ease-out;
  310. -o-transition-transition: all 0.7s ease-out;
  311. -webkit-transition: all 0.7s ease-out;
  312. -moz-transition: all 0.7s ease-out;
  313. }
  314.  
  315. #credit a:hover {
  316. right: -3px;
  317. transition: all 0.7s ease-out;
  318. -o-transition-transition: all 0.7s ease-out;
  319. -webkit-transition: all 0.7s ease-out;
  320. -moz-transition: all 0.7s ease-out;
  321. }
  322.  
  323. #pagination {
  324. position: fixed;
  325. bottom: 0px;
  326. background-color: #fff;
  327. left: 390px;
  328. width: 510px;
  329. word-spacing: 10px;
  330. padding: 10px;
  331. margin-left: 53px;
  332. font-size:13px;
  333. text-align:center;
  334. opacity: 1;
  335. font-family: calibri;
  336. text-transform: uppercase;
  337. transition: all 0.7s ease-out;
  338. -o-transition-transition: all 0.7s ease-out;
  339. -webkit-transition: all 0.7s ease-out;
  340. -moz-transition: all 0.7s ease-out;
  341.  
  342. }
  343.  
  344.  
  345. </style>
  346.  
  347. </head>
  348.  
  349.  
  350.  
  351. <body>
  352.  
  353.  
  354. <div id="content">
  355.  
  356.  
  357. <div id="sidebar">
  358.  
  359. <div id="sbimg"><img src="{image:sidebar}"></div>
  360.  
  361. <div id="pack">
  362. <div class="navi">
  363. <a href="{text:link1url}" >{text:linktitle1}</a>
  364. <a href="{text:link2url}" >{text:linktitle2}</a>
  365. <a href="{text:link3url}" >{text:linktitle3}</a>
  366. <a href="{text:link4url}" >{text:linktitle4}</a>
  367. </div>
  368.  
  369. <div id="desc">{Description}</div>
  370.  
  371. </div>
  372.  
  373. </div>
  374.  
  375.  
  376. <div id="pagination">
  377. {block:Pagination}
  378. <div class="ha">
  379. {block:PreviousPage}
  380. <a href="{PreviousPage}">«</a>
  381. {/block:PreviousPage}
  382. {block:JumpPagination length="5"}
  383. {block:CurrentPage}
  384. <span class="current_page">{PageNumber}</span>
  385. {/block:CurrentPage}
  386.  
  387. {block:JumpPage}
  388. <a class="jump_page" href="{URL}">{PageNumber}</a>
  389. {/block:JumpPage}
  390. {/block:JumpPagination}
  391. {block:NextPage}
  392. <a href="{NextPage}">»</a>
  393. {/block:NextPage}
  394. </div>
  395. {/block:Pagination}
  396. </div>
  397.  
  398. {block:Posts}
  399.  
  400.  
  401. <div class="posts">
  402.  
  403.  
  404. {block:Text}
  405.  
  406. {block:Title}
  407. <div class="hello">{Title}</div>
  408. {/block:Title}
  409.  
  410. {Body}
  411.  
  412. {/block:Text}
  413.  
  414.  
  415.  
  416.  
  417. {block:Photo}
  418.  
  419. <center>
  420. <img src="{PhotoURL-500}">
  421. </center>
  422.  
  423. {block:Caption}
  424. <div id="captions">
  425. {Caption}</div>
  426. {/block:Caption}
  427.  
  428. {/block:Photo}
  429.  
  430.  
  431.  
  432. {block:Photoset}
  433.  
  434. <div class="photoset">
  435. {Photoset-500}
  436. </div>
  437.  
  438. {block:Caption}
  439. <div id="captions">
  440. {Caption}</div>
  441. {/block:Caption}
  442.  
  443. {/block:Photoset}
  444.  
  445.  
  446.  
  447. {block:Quote}
  448.  
  449. ❝{Quote}❞
  450.  
  451. {block:Source}
  452. <br><br>—{Source}
  453. {/block:Source}
  454.  
  455. {/block:Quote}
  456.  
  457.  
  458.  
  459. {block:Link}
  460.  
  461. <a href="{URL}" {Target}>+ {Name}</a>
  462.  
  463. {block:Description}
  464. {Description}
  465. {/block:Description}
  466.  
  467. {/block:Link}
  468.  
  469.  
  470.  
  471. {block:Chat}
  472.  
  473. {block:Title}
  474. <div class="hello">{Title}</div>
  475. {/block:Title}
  476.  
  477.  
  478. {block:Lines}<br>
  479. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  480. {/block:Lines}
  481.  
  482.  
  483. {/block:Chat}
  484.  
  485.  
  486. {block:Audio}
  487.  
  488.  
  489.  
  490. {AudioPlayerWhite}
  491. <br>
  492. {block:TrackName}<b></b> {TrackName}{/block:TrackName} -
  493. {block:Artist}<b></b>{Artist}{/block:Artist}
  494. {block:Caption}
  495. <div id="audiocaptions">
  496. {Caption}</div>
  497. {/block:Caption}
  498.  
  499. {/block:Audio}
  500.  
  501.  
  502.  
  503. {block:Video}
  504.  
  505. <div class="video">
  506. {block:IndexPage}{Video-500}{/block:IndexPage}
  507. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  508. </div>
  509. {block:Caption}
  510. <div id="captions">
  511. {Caption}</div>
  512. {/block:Caption}
  513.  
  514. {/block:Video}
  515.  
  516.  
  517.  
  518. {block:Answer}
  519.  
  520. <center> <div style="font-size: 110%; text-transform: uppercase; letter-spacing: 1px;">{Asker}</div> <br>
  521. <i>{Question}</i>
  522.  
  523. <div style="line-height: 3px;padding-top: 10px;">{Answer}</div></center>
  524.  
  525. {/block:Answer}
  526.  
  527. <div id="info">
  528.  
  529. {block:Date}<a href="{permalink}">{TimeAgo}</a>{/block:Date}&#160<a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}&#160<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}&#160{block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}
  530. <br>
  531. <div id="tags">{block:HasTags}{block:Tags}+ <a href="{tagurl}">{tag} {/block:Tags} {/block:HasTags}</div>
  532.  
  533. {block:PermalinkPage}
  534. <span style="text-align:left;">{block:PostNotes}
  535. {PostNotes}
  536. {/block:PostNotes}</span>
  537. {/block:PermalinkPage}
  538.  
  539. </div>
  540.  
  541. </div>
  542.  
  543.  
  544.  
  545. {/block:Posts}
  546.  
  547.  
  548. <div id="credit"><a href="http://diaemonds.tumblr.com/">[C] DIAEMONDS </a></div>
  549.  
  550. </div>
  551. <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>
  552. </body>
  553. </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!