API tools faq
paste
Advertisement
horanique

THEME02

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