API tools faq
paste
Advertisement
horanique

THEME08

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